/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./node_modules/react-toastify/dist/ReactToastify.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  flex: 1;
}
.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 20px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=ReactToastify.css.map */
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./src/components/Dashboard/dashboard.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
/*============================================ 
# Template Name: Paylio Admin Dashboard
# Version: 1.0
# Date: 26/04/2022
# Author: pixelaxis
# Author URI: https://themeforest.net/user/pixelaxis/portfolio
# Developed By: Pranto
# Description: Paylio - Money Transfer and Online Payments Dashboard HTML Template
============================================*/


/*============================================ 
======== Table of Css Content =========
# Typography
# Normalize 
# Global style
# Header Area
# Banner Area
# Section Area
# Footer Area
============================================*/
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-\[1px\] {
  bottom: 1px;
}
.bottom-\[2px\] {
  bottom: 2px;
}
.left-0 {
  left: 0px;
}
.left-3 {
  left: 0.75rem;
}
.right-0 {
  right: 0px;
}
.right-1 {
  right: 0.25rem;
}
.right-2 {
  right: 0.5rem;
}
.right-7 {
  right: 1.75rem;
}
.right-8 {
  right: 2rem;
}
.right-\[39px\] {
  right: 39px;
}
.top-0 {
  top: 0px;
}
.top-1\/2 {
  top: 50%;
}
.top-5 {
  top: 1.25rem;
}
.top-8 {
  top: 2rem;
}
.top-\[0\.8rem\] {
  top: 0.8rem;
}
.top-\[30\%\] {
  top: 30%;
}
.top-\[30px\] {
  top: 30px;
}
.top-\[35px\] {
  top: 35px;
}
.top-\[3px\] {
  top: 3px;
}
.top-\[42px\] {
  top: 42px;
}
.top-\[50px\] {
  top: 50px;
}
.top-\[58px\] {
  top: 58px;
}
.top-\[70px\] {
  top: 70px;
}
.top-\[90px\] {
  top: 90px;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-50 {
  z-index: 50;
}
.float-start {
  float: inline-start;
}
.float-end {
  float: inline-end;
}
.float-right {
  float: right;
}
.m-0 {
  margin: 0px;
}
.m-auto {
  margin: auto;
}
.-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.-my-2 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.mx-\[1\.3rem\] {
  margin-left: 1.3rem;
  margin-right: 1.3rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-\[1\.3rem\] {
  margin-top: 1.3rem;
  margin-bottom: 1.3rem;
}
.my-\[25px\] {
  margin-top: 25px;
  margin-bottom: 25px;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-\[0\.3rem\] {
  margin-bottom: 0.3rem;
}
.mb-\[0\.4rem\] {
  margin-bottom: 0.4rem;
}
.mb-\[0\.5rem\] {
  margin-bottom: 0.5rem;
}
.mb-\[0\.7rem\] {
  margin-bottom: 0.7rem;
}
.mb-\[1\.3rem\] {
  margin-bottom: 1.3rem;
}
.mb-\[1\.4rem\] {
  margin-bottom: 1.4rem;
}
.mb-\[20px\] {
  margin-bottom: 20px;
}
.mb-\[24px\] {
  margin-bottom: 24px;
}
.mb-\[3px\] {
  margin-bottom: 3px;
}
.mb-\[8px\] {
  margin-bottom: 8px;
}
.me-1 {
  margin-inline-end: 0.25rem;
}
.me-2 {
  margin-inline-end: 0.5rem;
}
.me-3 {
  margin-inline-end: 0.75rem;
}
.me-4 {
  margin-inline-end: 1rem;
}
.ml-0 {
  margin-left: 0px;
}
.ml-10 {
  margin-left: 2.5rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-8 {
  margin-left: 2rem;
}
.ml-\[-16\.5rem\] {
  margin-left: -16.5rem;
}
.ml-\[-17\.5\%\] {
  margin-left: -17.5%;
}
.ml-\[-17rem\] {
  margin-left: -17rem;
}
.ml-\[-18\.8rem\] {
  margin-left: -18.8rem;
}
.ml-\[-19\.5\%\] {
  margin-left: -19.5%;
}
.ml-\[-19\.6\%\] {
  margin-left: -19.6%;
}
.ml-\[-4\.2rem\] {
  margin-left: -4.2rem;
}
.ml-\[-5\.8rem\] {
  margin-left: -5.8rem;
}
.ml-\[-9\.8rem\] {
  margin-left: -9.8rem;
}
.ml-\[0\.9rem\] {
  margin-left: 0.9rem;
}
.ml-\[10\%\] {
  margin-left: 10%;
}
.ml-\[16rem\] {
  margin-left: 16rem;
}
.ml-\[20\%\] {
  margin-left: 20%;
}
.ml-\[20\.5\%\] {
  margin-left: 20.5%;
}
.ml-\[26\%\] {
  margin-left: 26%;
}
.ml-\[2px\] {
  margin-left: 2px;
}
.ml-\[30\%\] {
  margin-left: 30%;
}
.ml-\[32\%\] {
  margin-left: 32%;
}
.ml-\[36\%\] {
  margin-left: 36%;
}
.ml-\[48\.5\%\] {
  margin-left: 48.5%;
}
.ml-\[49\%\] {
  margin-left: 49%;
}
.ml-\[5\%\] {
  margin-left: 5%;
}
.ml-\[98\%\] {
  margin-left: 98%;
}
.mr-0 {
  margin-right: 0px;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mr-\[-5px\] {
  margin-right: -5px;
}
.mr-\[10px\] {
  margin-right: 10px;
}
.mr-\[5rem\] {
  margin-right: 5rem;
}
.mr-auto {
  margin-right: auto;
}
.ms-1 {
  margin-inline-start: 0.25rem;
}
.ms-2 {
  margin-inline-start: 0.5rem;
}
.ms-3 {
  margin-inline-start: 0.75rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-16 {
  margin-top: 4rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-2\.5 {
  margin-top: 0.625rem;
}
.mt-28 {
  margin-top: 7rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-32 {
  margin-top: 8rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[\%\] {
  margin-top: %;
}
.mt-\[-1\%\] {
  margin-top: -1%;
}
.mt-\[-10\%\] {
  margin-top: -10%;
}
.mt-\[-10\.2\%\] {
  margin-top: -10.2%;
}
.mt-\[-11\.6\%\] {
  margin-top: -11.6%;
}
.mt-\[-12\%\] {
  margin-top: -12%;
}
.mt-\[-12\.2\%\] {
  margin-top: -12.2%;
}
.mt-\[-14px\] {
  margin-top: -14px;
}
.mt-\[-170px\] {
  margin-top: -170px;
}
.mt-\[-25\.5\%\] {
  margin-top: -25.5%;
}
.mt-\[-3px\] {
  margin-top: -3px;
}
.mt-\[-4\.1\%\] {
  margin-top: -4.1%;
}
.mt-\[-4px\] {
  margin-top: -4px;
}
.mt-\[-6\%\] {
  margin-top: -6%;
}
.mt-\[-9\.5\%\] {
  margin-top: -9.5%;
}
.mt-\[0\.2rem\] {
  margin-top: 0.2rem;
}
.mt-\[0\] {
  margin-top: 0;
}
.mt-\[1\.5rem\] {
  margin-top: 1.5rem;
}
.mt-\[1\.8rem\] {
  margin-top: 1.8rem;
}
.mt-\[10\.3\%\] {
  margin-top: 10.3%;
}
.mt-\[10px\] {
  margin-top: 10px;
}
.mt-\[12\%\] {
  margin-top: 12%;
}
.mt-\[12px\] {
  margin-top: 12px;
}
.mt-\[1px\] {
  margin-top: 1px;
}
.mt-\[1rem\] {
  margin-top: 1rem;
}
.mt-\[2\.38rem\] {
  margin-top: 2.38rem;
}
.mt-\[20px\] {
  margin-top: 20px;
}
.mt-\[25px\] {
  margin-top: 25px;
}
.mt-\[28px\] {
  margin-top: 28px;
}
.mt-\[2px\] {
  margin-top: 2px;
}
.mt-\[2rem\] {
  margin-top: 2rem;
}
.mt-\[3\%\] {
  margin-top: 3%;
}
.mt-\[36\%\] {
  margin-top: 36%;
}
.mt-\[3px\] {
  margin-top: 3px;
}
.mt-\[4px\] {
  margin-top: 4px;
}
.mt-\[50px\] {
  margin-top: 50px;
}
.mt-\[5px\] {
  margin-top: 5px;
}
.mt-\[60px\] {
  margin-top: 60px;
}
.mt-\[6px\] {
  margin-top: 6px;
}
.mt-\[70px\] {
  margin-top: 70px;
}
.mt-\[7px\] {
  margin-top: 7px;
}
.mt-\[8\.4\%\] {
  margin-top: 8.4%;
}
.mt-\[80px\] {
  margin-top: 80px;
}
.mt-\[8px\] {
  margin-top: 8px;
}
.mt-\[9\%\] {
  margin-top: 9%;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-2 {
  height: 0.5rem;
}
.h-20 {
  height: 5rem;
}
.h-36 {
  height: 9rem;
}
.h-4 {
  height: 1rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[150px\] {
  height: 150px;
}
.h-\[2\.36rem\] {
  height: 2.36rem;
}
.h-\[2\.4rem\] {
  height: 2.4rem;
}
.h-\[200px\] {
  height: 200px;
}
.h-\[37px\] {
  height: 37px;
}
.h-\[38px\] {
  height: 38px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[41px\] {
  height: 41px;
}
.h-\[42px\] {
  height: 42px;
}
.h-\[5\.2rem\] {
  height: 5.2rem;
}
.h-\[90\%\] {
  height: 90%;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.max-h-52 {
  max-height: 13rem;
}
.max-h-\[200px\] {
  max-height: 200px;
}
.max-h-\[205px\] {
  max-height: 205px;
}
.max-h-\[210px\] {
  max-height: 210px;
}
.max-h-\[235px\] {
  max-height: 235px;
}
.max-h-\[250px\] {
  max-height: 250px;
}
.max-h-\[260px\] {
  max-height: 260px;
}
.max-h-\[300px\] {
  max-height: 300px;
}
.max-h-\[330px\] {
  max-height: 330px;
}
.max-h-\[350px\] {
  max-height: 350px;
}
.max-h-\[360px\] {
  max-height: 360px;
}
.max-h-\[370px\] {
  max-height: 370px;
}
.max-h-\[400px\] {
  max-height: 400px;
}
.max-h-\[40px\] {
  max-height: 40px;
}
.max-h-\[418px\] {
  max-height: 418px;
}
.max-h-\[430px\] {
  max-height: 430px;
}
.max-h-\[445px\] {
  max-height: 445px;
}
.max-h-\[810px\] {
  max-height: 810px;
}
.min-h-\[150px\] {
  min-height: 150px;
}
.min-h-\[210px\] {
  min-height: 210px;
}
.min-h-\[235px\] {
  min-height: 235px;
}
.min-h-\[250px\] {
  min-height: 250px;
}
.min-h-\[280px\] {
  min-height: 280px;
}
.min-h-\[350px\] {
  min-height: 350px;
}
.min-h-\[415px\] {
  min-height: 415px;
}
.min-h-\[450px\] {
  min-height: 450px;
}
.min-h-\[70vh\] {
  min-height: 70vh;
}
.min-h-\[77vh\] {
  min-height: 77vh;
}
.min-h-screen {
  min-height: 100vh;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-1\/4 {
  width: 25%;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.w-3\/12 {
  width: 25%;
}
.w-3\/5 {
  width: 60%;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-44 {
  width: 11rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-52 {
  width: 13rem;
}
.w-56 {
  width: 14rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-9\/12 {
  width: 75%;
}
.w-96 {
  width: 24rem;
}
.w-\[10\%\] {
  width: 10%;
}
.w-\[10\.5rem\] {
  width: 10.5rem;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[11\%\] {
  width: 11%;
}
.w-\[12\%\] {
  width: 12%;
}
.w-\[13\%\] {
  width: 13%;
}
.w-\[145px\] {
  width: 145px;
}
.w-\[15\%\] {
  width: 15%;
}
.w-\[150px\] {
  width: 150px;
}
.w-\[16\.5rem\] {
  width: 16.5rem;
}
.w-\[170px\] {
  width: 170px;
}
.w-\[20\%\] {
  width: 20%;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[210px\] {
  width: 210px;
}
.w-\[25\%\] {
  width: 25%;
}
.w-\[250px\] {
  width: 250px;
}
.w-\[3\%\] {
  width: 3%;
}
.w-\[3\.25\%\] {
  width: 3.25%;
}
.w-\[3\.8rem\] {
  width: 3.8rem;
}
.w-\[30\%\] {
  width: 30%;
}
.w-\[35px\] {
  width: 35px;
}
.w-\[38\%\] {
  width: 38%;
}
.w-\[4\%\] {
  width: 4%;
}
.w-\[40\%\] {
  width: 40%;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[415px\] {
  width: 415px;
}
.w-\[45\%\] {
  width: 45%;
}
.w-\[5\%\] {
  width: 5%;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[55px\] {
  width: 55px;
}
.w-\[60px\] {
  width: 60px;
}
.w-\[65px\] {
  width: 65px;
}
.w-\[7\%\] {
  width: 7%;
}
.w-\[70\%\] {
  width: 70%;
}
.w-\[70px\] {
  width: 70px;
}
.w-\[75\%\] {
  width: 75%;
}
.w-\[75px\] {
  width: 75px;
}
.w-\[78px\] {
  width: 78px;
}
.w-\[7rem\] {
  width: 7rem;
}
.w-\[8\%\] {
  width: 8%;
}
.w-\[80\%\] {
  width: 80%;
}
.w-\[80px\] {
  width: 80px;
}
.w-\[82px\] {
  width: 82px;
}
.w-\[85\%\] {
  width: 85%;
}
.w-\[85px\] {
  width: 85px;
}
.w-\[89\%\] {
  width: 89%;
}
.w-\[9\.5rem\] {
  width: 9.5rem;
}
.w-\[90\%\] {
  width: 90%;
}
.w-\[90px\] {
  width: 90px;
}
.w-\[92px\] {
  width: 92px;
}
.w-\[95px\] {
  width: 95px;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.w-px {
  width: 1px;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-\[100px\] {
  min-width: 100px;
}
.min-w-full {
  min-width: 100%;
}
.min-w-max {
  min-width: -moz-max-content;
  min-width: max-content;
}
.max-w-32 {
  max-width: 8rem;
}
.max-w-44 {
  max-width: 11rem;
}
.max-w-\[270px\] {
  max-width: 270px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[40px\] {
  max-width: 40px;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-screen-2xl {
  max-width: 1536px;
}
.max-w-screen-xl {
  max-width: 1280px;
}
.max-w-sm {
  max-width: 24rem;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-none {
  flex: none;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.table-auto {
  table-layout: auto;
}
.border-collapse {
  border-collapse: collapse;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\/2 {
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1\/2 {
  --tw-translate-y: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize {
  resize: both;
}
.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.content-center {
  align-content: center;
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-\[80px\] {
  gap: 80px;
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
}
.self-start {
  align-self: flex-start;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.overflow-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-nowrap {
  text-wrap: nowrap;
}
.break-words {
  overflow-wrap: break-word;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-e-md {
  border-start-end-radius: 0.375rem;
  border-end-end-radius: 0.375rem;
}
.rounded-s-md {
  border-start-start-radius: 0.375rem;
  border-end-start-radius: 0.375rem;
}
.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.rounded-tl-md {
  border-top-left-radius: 0.375rem;
}
.rounded-tr-md {
  border-top-right-radius: 0.375rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-y-0 {
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-0 {
  border-left-width: 0px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-r {
  border-right-width: 1px;
}
.border-r-0 {
  border-right-width: 0px;
}
.border-r-2 {
  border-right-width: 2px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0 {
  border-top-width: 0px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-solid {
  border-style: solid;
}
.border-none {
  border-style: none;
}
.border-\[\#00008b\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 139 / var(--tw-border-opacity, 1));
}
.border-\[\#236a4f\] {
  --tw-border-opacity: 1;
  border-color: rgb(35 106 79 / var(--tw-border-opacity, 1));
}
.border-\[\#2684ff\] {
  --tw-border-opacity: 1;
  border-color: rgb(38 132 255 / var(--tw-border-opacity, 1));
}
.border-\[\#349b73\] {
  --tw-border-opacity: 1;
  border-color: rgb(52 155 115 / var(--tw-border-opacity, 1));
}
.border-\[\#39ff14\] {
  --tw-border-opacity: 1;
  border-color: rgb(57 255 20 / var(--tw-border-opacity, 1));
}
.border-\[\#4444b2\] {
  --tw-border-opacity: 1;
  border-color: rgb(68 68 178 / var(--tw-border-opacity, 1));
}
.border-\[\#85492E\] {
  --tw-border-opacity: 1;
  border-color: rgb(133 73 46 / var(--tw-border-opacity, 1));
}
.border-\[\#CCCCCC\] {
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
}
.border-\[\#EB8153\] {
  --tw-border-opacity: 1;
  border-color: rgb(235 129 83 / var(--tw-border-opacity, 1));
}
.border-\[\#EC8153\] {
  --tw-border-opacity: 1;
  border-color: rgb(236 129 83 / var(--tw-border-opacity, 1));
}
.border-\[\#ED8D64\] {
  --tw-border-opacity: 1;
  border-color: rgb(237 141 100 / var(--tw-border-opacity, 1));
}
.border-\[\#FFE3D7\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 227 215 / var(--tw-border-opacity, 1));
}
.border-\[\#a81e08eb\] {
  border-color: #a81e08eb;
}
.border-\[\#cccccc\] {
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
}
.border-\[\#d83218eb\] {
  border-color: #d83218eb;
}
.border-\[\#e66025\] {
  --tw-border-opacity: 1;
  border-color: rgb(230 96 37 / var(--tw-border-opacity, 1));
}
.border-\[\#ff3314\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 51 20 / var(--tw-border-opacity, 1));
}
.border-\[\#ffa500\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 165 0 / var(--tw-border-opacity, 1));
}
.border-\[\#ffffff\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}
.border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.border-green-500 {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-l-\[\#872341\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(135 35 65 / var(--tw-border-opacity, 1));
}
.bg-\[\#000000\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-\[\#00008b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 139 / var(--tw-bg-opacity, 1));
}
.bg-\[\#19B319\] {
  --tw-bg-opacity: 1;
  background-color: rgb(25 179 25 / var(--tw-bg-opacity, 1));
}
.bg-\[\#236a4f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(35 106 79 / var(--tw-bg-opacity, 1));
}
.bg-\[\#300F00\] {
  --tw-bg-opacity: 1;
  background-color: rgb(48 15 0 / var(--tw-bg-opacity, 1));
}
.bg-\[\#349b73\] {
  --tw-bg-opacity: 1;
  background-color: rgb(52 155 115 / var(--tw-bg-opacity, 1));
}
.bg-\[\#361100\] {
  --tw-bg-opacity: 1;
  background-color: rgb(54 17 0 / var(--tw-bg-opacity, 1));
}
.bg-\[\#39ff14\] {
  --tw-bg-opacity: 1;
  background-color: rgb(57 255 20 / var(--tw-bg-opacity, 1));
}
.bg-\[\#40c14a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(64 193 74 / var(--tw-bg-opacity, 1));
}
.bg-\[\#4444b2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(68 68 178 / var(--tw-bg-opacity, 1));
}
.bg-\[\#4F3324\] {
  --tw-bg-opacity: 1;
  background-color: rgb(79 51 36 / var(--tw-bg-opacity, 1));
}
.bg-\[\#61EA61\] {
  --tw-bg-opacity: 1;
  background-color: rgb(97 234 97 / var(--tw-bg-opacity, 1));
}
.bg-\[\#B1F7B1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(177 247 177 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EB8153\] {
  --tw-bg-opacity: 1;
  background-color: rgb(235 129 83 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EC8153\] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 129 83 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ED8D64\] {
  --tw-bg-opacity: 1;
  background-color: rgb(237 141 100 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F3C3AE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 195 174 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F57B51\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 123 81 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F7F7F7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F89164\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 145 100 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F8A17B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 161 123 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FDF2ED\] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 237 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFBC6A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 188 106 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFE3D7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 227 215 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFEEF4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 238 244 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFFBF5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 245 / var(--tw-bg-opacity, 1));
}
.bg-\[\#\] {
  background-color: #;
}
.bg-\[\#a81e08eb\] {
  background-color: #a81e08eb;
}
.bg-\[\#abcdef\] {
  --tw-bg-opacity: 1;
  background-color: rgb(171 205 239 / var(--tw-bg-opacity, 1));
}
.bg-\[\#b3b3ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(179 179 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#b3ffb3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(179 255 179 / var(--tw-bg-opacity, 1));
}
.bg-\[\#d83218eb\] {
  background-color: #d83218eb;
}
.bg-\[\#e0e3fa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(224 227 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e7def4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(231 222 244 / var(--tw-bg-opacity, 1));
}
.bg-\[\#eb8153\] {
  --tw-bg-opacity: 1;
  background-color: rgb(235 129 83 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ec5353\] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 83 83 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ecffb3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 255 179 / var(--tw-bg-opacity, 1));
}
.bg-\[\#eda587\] {
  --tw-bg-opacity: 1;
  background-color: rgb(237 165 135 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f9ece6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 236 230 / var(--tw-bg-opacity, 1));
}
.bg-\[\#faae8e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 174 142 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fab99d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 185 157 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fac5b9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 197 185 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fdeee7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 238 231 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ff3314\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 51 20 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ffa500\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 165 0 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ffcccc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 204 204 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ffe3d7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 227 215 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ffeadc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 234 220 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ffffff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-yellow-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[10px\] {
  padding: 10px;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-\[1\.7rem\] {
  padding-left: 1.7rem;
  padding-right: 1.7rem;
}
.px-\[31px\] {
  padding-left: 31px;
  padding-right: 31px;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-\[0\.8rem\] {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-\[2px\] {
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}
.py-\[9px\] {
  padding-top: 9px;
  padding-bottom: 9px;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-7 {
  padding-left: 1.75rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-\[16px\] {
  padding-left: 16px;
}
.pl-\[2\.7rem\] {
  padding-left: 2.7rem;
}
.pr-0 {
  padding-right: 0px;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-\[13px\] {
  padding-right: 13px;
}
.ps-0 {
  padding-inline-start: 0px;
}
.ps-3 {
  padding-inline-start: 0.75rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-\[20px\] {
  padding-top: 20px;
}
.pt-\[25px\] {
  padding-top: 25px;
}
.pt-\[40px\] {
  padding-top: 40px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-start {
  text-align: start;
}
.text-end {
  text-align: end;
}
.align-middle {
  vertical-align: middle;
}
.font-fancy {
  font-family: Lobster, cursive;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-\[0\.9rem\] {
  font-size: 0.9rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[6px\] {
  font-size: 6px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.text-\[\#000000\] {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-\[\#00008b\] {
  --tw-text-opacity: 1;
  color: rgb(0 0 139 / var(--tw-text-opacity, 1));
}
.text-\[\#19B319\] {
  --tw-text-opacity: 1;
  color: rgb(25 179 25 / var(--tw-text-opacity, 1));
}
.text-\[\#236a4f\] {
  --tw-text-opacity: 1;
  color: rgb(35 106 79 / var(--tw-text-opacity, 1));
}
.text-\[\#349b73\] {
  --tw-text-opacity: 1;
  color: rgb(52 155 115 / var(--tw-text-opacity, 1));
}
.text-\[\#39ff14\] {
  --tw-text-opacity: 1;
  color: rgb(57 255 20 / var(--tw-text-opacity, 1));
}
.text-\[\#4444b2\] {
  --tw-text-opacity: 1;
  color: rgb(68 68 178 / var(--tw-text-opacity, 1));
}
.text-\[\#523325\] {
  --tw-text-opacity: 1;
  color: rgb(82 51 37 / var(--tw-text-opacity, 1));
}
.text-\[\#678357\] {
  --tw-text-opacity: 1;
  color: rgb(103 131 87 / var(--tw-text-opacity, 1));
}
.text-\[\#68CF29\] {
  --tw-text-opacity: 1;
  color: rgb(104 207 41 / var(--tw-text-opacity, 1));
}
.text-\[\#736E6E\] {
  --tw-text-opacity: 1;
  color: rgb(115 110 110 / var(--tw-text-opacity, 1));
}
.text-\[\#85492E\] {
  --tw-text-opacity: 1;
  color: rgb(133 73 46 / var(--tw-text-opacity, 1));
}
.text-\[\#85492e\] {
  --tw-text-opacity: 1;
  color: rgb(133 73 46 / var(--tw-text-opacity, 1));
}
.text-\[\#854935\] {
  --tw-text-opacity: 1;
  color: rgb(133 73 53 / var(--tw-text-opacity, 1));
}
.text-\[\#EB8153\] {
  --tw-text-opacity: 1;
  color: rgb(235 129 83 / var(--tw-text-opacity, 1));
}
.text-\[\#EC8153\] {
  --tw-text-opacity: 1;
  color: rgb(236 129 83 / var(--tw-text-opacity, 1));
}
.text-\[\#F68E00\] {
  --tw-text-opacity: 1;
  color: rgb(246 142 0 / var(--tw-text-opacity, 1));
}
.text-\[\#F78484\] {
  --tw-text-opacity: 1;
  color: rgb(247 132 132 / var(--tw-text-opacity, 1));
}
.text-\[\#FF4C41\] {
  --tw-text-opacity: 1;
  color: rgb(255 76 65 / var(--tw-text-opacity, 1));
}
.text-\[\#FF7F21\] {
  --tw-text-opacity: 1;
  color: rgb(255 127 33 / var(--tw-text-opacity, 1));
}
.text-\[\#a81e08eb\] {
  color: #a81e08eb;
}
.text-\[\#aa7cea\] {
  --tw-text-opacity: 1;
  color: rgb(170 124 234 / var(--tw-text-opacity, 1));
}
.text-\[\#d83218eb\] {
  color: #d83218eb;
}
.text-\[\#e66025\] {
  --tw-text-opacity: 1;
  color: rgb(230 96 37 / var(--tw-text-opacity, 1));
}
.text-\[\#ea7373\] {
  --tw-text-opacity: 1;
  color: rgb(234 115 115 / var(--tw-text-opacity, 1));
}
.text-\[\#f3b388\] {
  --tw-text-opacity: 1;
  color: rgb(243 179 136 / var(--tw-text-opacity, 1));
}
.text-\[\#f5dad0\] {
  --tw-text-opacity: 1;
  color: rgb(245 218 208 / var(--tw-text-opacity, 1));
}
.text-\[\#f9b487\] {
  --tw-text-opacity: 1;
  color: rgb(249 180 135 / var(--tw-text-opacity, 1));
}
.text-\[\#ff3314\] {
  --tw-text-opacity: 1;
  color: rgb(255 51 20 / var(--tw-text-opacity, 1));
}
.text-\[\#ff3314eb\] {
  color: #ff3314eb;
}
.text-\[\#ffa500\] {
  --tw-text-opacity: 1;
  color: rgb(255 165 0 / var(--tw-text-opacity, 1));
}
.text-\[\#ffffff\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-red-900 {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.text-transparent {
  color: transparent;
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}
.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[\#FCD5B5\] {
  --tw-shadow-color: #FCD5B5;
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.ease-linear {
  transition-timing-function: linear;
}



:root {
    --gradient: linear-gradient( to right, rgb(255,64,62) 0%, rgb(255,129,27) 100%);
    --gradient-sec: linear-gradient( to right, rgb(57,26,166) 0%, rgb(6,163,245) 100%);
    --primary: #EB8153;
    --secondary: #090915;
    --primary-hover: #e66025;
    --primary-dark: #943911;
    --rgba-primary-1: rgba(235, 129, 83, 0.1);
    --rgba-primary-2: rgba(235, 129, 83, 0.2);
    --rgba-primary-3: rgba(235, 129, 83, 0.3);
    --rgba-primary-4: rgba(235, 129, 83, 0.4);
    --rgba-primary-5: rgba(235, 129, 83, 0.5);
    --rgba-primary-6: rgba(235, 129, 83, 0.6);
    --rgba-primary-7: rgba(235, 129, 83, 0.7);
    --rgba-primary-8: rgba(235, 129, 83, 0.8);
    --rgba-primary-9: rgba(235, 129, 83, 0.9);
    --body-color: #84675A;
    --border-color: #CFDBED;
    --body-bg: #ffffff;
    --font-family-base: Poppins, sans-serif;
    --grey: #F4F6FA;
    --bg-image: '';
    --input-bg: #fff;
    --card-bg: #fff;
    --border-radius-base: 6px;
    --font-family-title: Poppins, sans-serif;
    --title: #523325;
    --body-img: url(https://zenix.dexignzone.com/xhtml/page-error-404.html);
    --headings-font-weight:600;
    --headings-font-weight2:400;
    --headings-font-weight3:300; }

.collapsing {
    transition: 0.3s;
}

html {
    scroll-behavior: smooth;
}

body {
    /* font-family: var(--body-font); */
    /* background-color: var(--body-color); */
    font-size: 18px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    font-weight: 400;
    overflow-x: hidden;
    color: #85492E;
}

section,
footer {
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
}

h1,
h1>a,
h2,
h2>a,
h3,
h3>a,
h4,
h4>a,
h5,
h5>a,
h6,
h6>a {
    font-family: var(--body-font);
    color: var(--para-color);
    font-weight: 400;
    text-transform: initial;
    transition: all 0.3s;
}

h1>a:hover,
h2>a:hover,
h3>a:hover,
h4>a:hover,
h5>a:hover,
h6>a:hover {
    color: var(--para-color);
}

a,
a:focus,
a:hover {
    text-decoration: none;
    outline: none;
    color: var(--para-color);
}

img {
    max-width: 100%;
    height: auto;
}

.max-un {
    max-width: unset;
}

.d-rtl {
    direction: rtl;
}

ul,
ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

input:focus,
textarea:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid var(--border-color);
}

button {
    border: none;
    cursor: pointer;
}

input,
textarea {
    padding: 10px 20px;
    color: var(--para-color);
    width: 100%;
    font-family: var(--body-font);
    border: 1px solid #eeecf7;
    border-radius: 10px;
}

.check_div input{
  margin-top: 8px;
    padding: 10px 10px !important;
    color: var(--para-color);
    width: 100%;
    font-family: var(--body-font);
    /* border: 1px solid #eeecf7; */
    border-radius: 10px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}



input[type="password"] {
    font-family: initial;
}

input[type="checkbox"] {
    width: initial;
    height: initial;
}

select {
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    outline: none;
}

textarea {
    min-height: 150px;
    resize: none;
}

span {
    display: inline-block;
}

.table thead th,
.table td,
.table th {
    border: none;
}

.d-grid {
    display: grid !important;
}

.b-none {
    border: none !important;
}

.ovf-unset {
    overflow-x: unset !important;
}

iframe {
    border: 0;
    width: 100%;
}

.shadow-none {
    box-shadow: none;
}

h1,
h1>a {
    font-size: 76px;
    line-height: 98.8px;
    margin-top: -20px;
}

h2,
h2>a {
    font-size: 57px;
    line-height: 74.1px;
    margin-top: -16px;
}

h3,
h3>a {
    font-size: 43px;
    line-height: 55.9px;
    margin-top: -10px;
}

h4,
h4>a {
    font-size: 32px;
    line-height: 41.6px;
    margin-top: -8px;
}

h5,
h5>a {
    font-size: 24px;
    line-height: 31.2px;
    margin-top: -6px;
}

h6,
h6>a {
    font-size: 18px;
    line-height: 23.4px;
    margin-top: -4px;
}

h1.m-none,
h2.m-none,
h3.m-none,
h4.m-none,
h5.m-none {
    margin: 0;
}

table thead tr th {
    font-size: 18px;
    line-height: 30px;
}

a {
    display: inline-block;
    color: var(--para-color);
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
}

p,
span,
li,
label {
    margin: 0;
    font-family: var(--body-font);
    font-size: 18px;
    font-weight: 400;
    color: var(--para-color);
    line-height: 30px;
}

.section-text {
    margin-bottom: 34px;
}

.section-header {
    margin-bottom: 53px;
}

.dark-sec .sub-title {
    color: var(--secondary-color);
}

.dark-sec .title,
.dark-sec p {
    color: var(--bs-white);
}

.sub-title {
    color: var(--primary-color);
    margin-bottom: 30px;
}

.title {
    font-weight: 700;
    margin-bottom: 22px;
}

.xxlr {
    font-size: 26px;
    line-height: 36px;
    margin-top: -7px;
}

.xlr {
    font-size: 24px;
    line-height: 36px;
    margin-top: -7px;
}

.mdr {
    font-size: 16px;
    line-height: 22px;
}

.z-1 {
    z-index: 1;
}

.mb-30 {
    margin-bottom: 30px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mt-40 {
    margin-top: 40px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mt-60 {
    margin-top: 60px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mt-80 {
    margin-top: 80px;
}

.pt-120 {
    padding-top: 120px;
}

@media (max-width: 991px) {
    .pt-120 {
        padding-top: 60px;
    }
    .mb-60 {
        margin-bottom: 40px;
    }
    .mt-60 {
        margin-top: 40px;
    }
    .mb-80 {
        margin-bottom: 60px;
    }
    .mt-80 {
        margin-top: 60px;
    }
}

@media (max-width: 575px) {
    .pt-120 {
        padding-top: 50px;
    }
}

.pb-120 {
    padding-bottom: 120px;
}

@media (max-width: 991px) {
    .pb-120 {
        padding-bottom: 60px;
    }
}

@media (max-width: 575px) {
    .pb-120 {
        padding-bottom: 50px;
    }
}


*::-webkit-scrollbar {
    width: 6px;
}

.scrollToTop {
    position: fixed;
    bottom: 0;
    right: 30px;
    width: 45px;
    height: 45px;
    background-color: var(--primary-color);
    border-radius: 5px;
    color: #fff;
    line-height: 45px;
    font-size: 20px;
    text-align: center;
    z-index: 9;
    cursor: pointer;
    transition: all 1s;
    transform: translateY(100%);
}

.scrollToTop i {
    color: var(--bs-white);
}

.scrollToTop.active {
    bottom: 30px;
    transform: translateY(0%);
}

.preloader {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 99999999;
    overflow: visible;
    background: url(/_next/static/media/preloader.c977ed71.gif) no-repeat center center;
    background-size: 30%;
    background-color: #F8F8F7;
}

.icon-svg {
    position: relative;
}

.icon-svg img {
    opacity: 1;
    position: absolute;
}

.icon-svg svg {
    position: absolute;
    stroke-dashoffset: 1500;
    stroke-dasharray: 1500;
    transform: scale(1);
    transition: transform 0.3s, fill 0.5s;
    opacity: 0;
    visibility: hidden;
}

.icon-svg:hover svg {
    visibility: visible;
    opacity: 1;
    stroke-dashoffset: 0;
    fill: transparent;
    transition: transform 0.3s, fill 0.5s, stroke-dashoffset 6s;
}

.icon-svg:hover img {
    opacity: 0;
    visibility: hidden;
}


.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}


/* cmn btn */

.cmn-btn {
    padding: 10px 30px;
    font-weight: 600;
    text-align: center;
    background: #EC8153;
    color: #ffffff;
    transition: 0.3s;
    border-radius: 10px;
    border: 1px solid transparent;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.invite-btn {
    /* margin-top: 4px; */
    margin-bottom: 10px;
    width: 100%;
}

.cmn-btn:hover {
    background: transparent;
    border: 1px solid #EC8153;
    color: #EC8153;
}

.cmn-btn img,
.cmn-btn i {
    margin-left: 10px;
}

.cmn-btn.active {
    background-color: transparent;
    border: 1px solid #EC8153;
    color: #EC8153;
}

.cmn-btn.active:hover {
    background: var(--primary-color);
    color: var(--bs-white);
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes ripple2Ani {
    0% {
        transform: translate(0px, 0px);
    }
    33% {
        transform: translate(-5px, -5px);
    }
    66% {
        transform: translate(5px, 5px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

@keyframes stretch {
    0% {
        transform: scale(0.5);
    }
    50% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
   
}

@keyframes rippleAni {
    0% {
        transform: translate(0px, 0px);
    }
    33% {
        transform: translate(5px, -5px);
    }
    66% {
        transform: translate(-5px, 5px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

.header-section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-left: 140px;
    width: calc(100% - 140px);
    z-index: 999;
    background-color: var(--bs-white);
    /* border-bottom: 1px solid #6c6ea6; */
    transition: all 0.8s;
}

.header-section.header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    /* box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3); */
    background-color: var(--bs-white);
    border-color: transparent;
}

.header-section .navbar-toggler {
    padding-right: 0;
    display: none;
    border: none;
}

.header-section .navbar-toggler:focus {
    box-shadow: none;
}

.header-section .navbar-toggler i {
    color: var(--head-alt-color);
}

.header-section .navbar-area .sidebar-icon {
    /* margin-right: 100px; */
    margin-right: 20px;
    cursor: pointer;
}

.header-section .navbar-area form .form-group {
    padding: 0 12px;
    background: #f9f9f9;
    border: 1px solid #d0d3e8;
    border-radius: 10px;
}

.header-section .navbar-area form .form-group input {
    background-color: transparent;
    border: none;
    padding-left: 10px;
}

.header-section .navbar-area .dashboard-nav {
    display: flex;
    align-items: center;
    gap: 30px;
    position: relative;
    margin-left: 100px;
}

.header-section .navbar-area .dashboard-nav .single-item {
    cursor: pointer;
}

.header-section .navbar-area .dashboard-nav .single-item .profile-area i {
    margin-left: 5px;
}

.header-section .navbar-area .dashboard-nav .single-item .main-area {
    position: absolute;
    top: 50px;
    width: 360px;
    right: 0;
    padding: 30px;
    background: var(--bs-white);
    /* box-shadow: 0px 20px 50px rgba(44, 63, 88, 0.15); */
    border-radius: 20px;
    transform: translateY(150px);
    opacity: 0;
    transition: 0.3s;
    visibility: hidden;
  
}

.header-section .navbar-area .dashboard-nav .single-item .main-area.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.header-section .navbar-area .dashboard-nav .single-item .main-area ul li {
    margin-top: 15px;
}

.header-section .navbar-area .dashboard-nav .single-item .main-area ul li i {
    margin-right: 10px;
}

.header-section .navbar-area .dashboard-nav .single-item .main-area ul li a {
    width: 100%;
}

.header-section .navbar-area .dashboard-nav .single-item .user-content .head-area {
    background: #F8F8FF;
    border-radius: 20px;
    padding: 15px;
}

.header-section .navbar-area .dashboard-nav .single-item .user-content .head-area .profile-img {
    margin-right: 20px;
}

.header-section .navbar-area .dashboard-nav .single-item.notifications-area .notifications-btn {
    position: relative;
}

.header-section .navbar-area .dashboard-nav .single-item.notifications-area .notifications-btn::before {
    content: '';
    position: absolute;
    background-color: #ED815B;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 6px;
    right: 0;
}

.header-section .navbar-area .dashboard-nav .single-item.notifications-area .head-area span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: var(--bs-white);
    background: #902520;
    border-radius: 6px;
}

.header-section .navbar-area .dashboard-nav .single-item.notifications-area ul li {
    border-radius: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-section .navbar-area .dashboard-nav .single-item.notifications-area ul li:hover {
    background: #F8F8FF;
}

.header-section .navbar-area .dashboard-nav .single-item.notifications-area ul li a {
    width: 95%;
}

.header-section .navbar-area .dashboard-nav .single-item.notifications-area ul li .img-area {
    margin-right: 10px;
}

.header-section .navbar-area .dashboard-nav .single-item.notifications-area ul li .time-area {
    margin-top: 5px;
}

.header-section .navbar-area .dashboard-nav .single-item.notifications-area ul li i {
    color: #A5A5A5;
    margin-right: 0;
}

.header-section .navbar-area .dashboard-nav .single-item.language-area .language-content {
    max-height: 250px;
    overflow-y: scroll;
}

.header-section .navbar-area .dashboard-nav .single-item.language-area .language-content li {
    font-size: 14px;
    padding: 5px 10px;
    transition: 0.3s;
}

.header-section .navbar-area .dashboard-nav .single-item.language-area .language-content li:hover,
.header-section .navbar-area .dashboard-nav .single-item.language-area .language-content li.active {
    background-color: #6C3AFF;
    color: var(--bs-white);
}

.header-section .sidebar-wrapper {
    position: absolute;
    top: 0;
    width: 112px;
    left: -220px;
    /* padding: 20px 0px; */
    background: white;
    /* box-shadow: 0px 20px 50px rgba(44, 63, 88, 0.15); */
    transform: translateX(150px);
    transition: 0.3s;
    height: 100vh;
    /* overflow-y: scroll; */
    transition: all 0.3s ease; 
}

.header-section .sidebar-wrapper.active {
    opacity: 1;
    left: -140px;
    visibility: visible;
    transform: translateX(0px);
    overflow-x: hidden;
    
}

.header-section .sidebar-wrapper::-webkit-scrollbar {
    width: 0;
}

.header-section .sidebar-wrapper .close-btn {
    display: none;
    cursor: pointer;
}

.header-section .sidebar-wrapper .close-btn i {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #4341cc;
    font-size: 24px;
}

.header-section .sidebar-wrapper .sidebar-logo {
    margin-bottom: 20px;
    padding-left: 18px;
    padding-right: 18px;
}

.header-section .sidebar-wrapper ul li {
    border-radius: 20px;
    padding: 15px 5px;
    transition: 0.3s;
}

.header-section .sidebar-wrapper .mob_side_viewport li {
  border-radius: 20px;
  padding: 12px 5px;
  transition: 0.3s;
}

.header-section .sidebar-wrapper ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-section .sidebar-wrapper ul li span {
    display: none;
}

.header-section .sidebar-wrapper ul li:hover,
.header-section .sidebar-wrapper ul li.active {
    border-radius: 0px;
    background: var(--rgba-primary-1);
    color: #EC895F !important;
    font-weight: 500;
    box-shadow: none;
}

.header-section .sidebar-wrapper ul li.starinactive:hover,
.header-section .sidebar-wrapper ul li.staractive {
    background: red;
    color: #F7F701 !important;
    font-weight: 500;
    box-shadow: none;
    transition: all 0.5s;
    border-radius: 0px;
  
}
.header-section .sidebar-wrapper ul li.starindiainactive:hover,
.header-section .sidebar-wrapper ul li.starindiaactive {
    background: orangered;
    /* color: #0d01f7 !important; */
 color: white;

    font-weight: 500;
    box-shadow: none;
    transition: all 0.5s;
    border-radius: 0px;
  
}

.header-section .sidebar-wrapper ul li.starusainactive:hover,
.header-section .sidebar-wrapper ul li.starusaactive {
    background: #0105f7;
    /* color: #0d01f7 !important; */
 color: white !important;

    font-weight: 500;
    box-shadow: none;
    transition: all 0.5s;
    border-radius: 0px;
  
}

.header-section .sidebar-wrapper ul li.starusaactive span {
  color: #f70101;
}

.header-section .sidebar-wrapper ul li.staractive span {
  color: #F7F701;
}

.header-section .sidebar-wrapper ul li.starindiaactive span {
  color: #2561e4;
}

.header-section .sidebar-wrapper ul li img {
    margin-right: 0;
    width: 35%;
}

.header-section .sidebar-wrapper .bottom-item {
    border-top: 1px solid #E4E2EE;
    margin-top: 10px;
    padding-top: 10px;
}

.header-section .sidebar-wrapper .invite-now {
    border: 1px solid #E4E2EE;
    padding: 20px;
    background: var(--bs-white);
    border: 1px solid #DFDFDF;
    border-radius: 20px;
    text-align: center;
    display: none;
}

.header-section .sidebar-wrapper .invite-now p {
    margin: 15px 0 25px;
}

.header-section .sidebar-wrapper .invite-now .cmn-btn {
    border-radius: 25px;
    width: 100%;
}

.header-section.body-collapse {
    margin-left: 270px;
    width: calc(100% - 270px);
}

.header-section.body-collapse .sidebar-wrapper {
    width: 187px;
    left: -420px;
    transition: transform 0.3s ease;

}
.header-section.body-collapse .sidebar-wrapper .open {
  transform: translateX(0);

}
.header-section.body-collapse .sidebar-wrapper .close {
  transform: translateX(-270px);
}

.header-section.body-collapse .sidebar-wrapper ul li span {
    display: block;
}

.header-section.body-collapse .sidebar-wrapper ul li img {
    width: auto;
    margin-right: 10px;
}

.header-section.body-collapse .sidebar-wrapper ul li i {
    width: auto;
    margin-right: 10px;
}

.header-section.body-collapse .sidebar-wrapper ul li a {
    /* justify-content: start; */
}

.header-section.body-collapse .sidebar-wrapper .invite-now {
    display: block;
}

.card-popup .modal-dialog {
    max-width: 520px;
}

.card-popup .modal-content .modal-header {
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 0;
}

.card-popup .modal-content .modal-header button {
    padding: 8px;
    margin: 0;
    background: #643DD8;
    border-radius: 5px;
    z-index: 1;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-popup .modal-content .modal-header button i {
    color: var(--bs-white);
}

.card-popup .modal-content .main-content {
    padding: 30px 30px 0;
    position: relative;
    z-index: 0;
}

.card-popup .modal-content .main-content::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 20%;
    background: #5732C6;
    top: 0;
    left: 0;
    z-index: -1;
}

.card-popup .modal-content .main-content .top-area .text-area h5 {
    font-weight: 600;
    margin-bottom: 5px;
}

.card-popup .modal-content .main-content .tab-area ul {
    justify-content: space-between;
    border: none;
}

.card-popup .modal-content .main-content .tab-area ul li {
    display: flex;
    align-items: center;
}

.card-popup .modal-content .main-content .tab-area ul li .btn-link {
    color: #5732C6;
    margin-right: 20px;
}

.card-popup .modal-content .main-content .tab-area ul li button {
    background: #F7F9FD;
    border: 1px solid #DDE8FF;
    border-radius: 20px;
    text-decoration: none;
    color: #E2305B;
    padding: 8px;
    font-weight: 500;
}

.card-popup .modal-content .main-content .tab-area ul li img {
    margin-right: 5px;
}

.card-popup .modal-content .main-content .bottom-area .history {
    font-weight: 600;
}

.card-popup .modal-content .main-content .bottom-area .history span {
    color: #5732C6;
}

.card-popup .modal-content .main-content .bottom-area li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EFEFEF;
}

.card-popup .modal-content .main-content .bottom-area li:first-child {
    border-top: 1px solid #EFEFEF;
    margin-top: 10px;
}

.card-popup .modal-content .main-content .bottom-area li span {
    display: block;
    font-size: 16px;
}

.card-popup .modal-content .main-content .bottom-area li p {
    padding: 10px 25px;
}

.card-popup .modal-content .main-content .bottom-area li p span:first-child {
    font-weight: bold;
}

.card-popup .modal-content .main-content .tab-content .transfer-area p:first-child {
    border-bottom: 1px solid #B4B8D8;
    margin-bottom: 20px;
    padding-bottom: 25px;
    font-weight: 600;
}

.card-popup .modal-content .main-content .tab-content form .input-area {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    border: 1px solid #ACB1C8;
    border-radius: 20px;
}

.card-popup .modal-content .main-content .tab-content form .input-area input {
    padding: 0;
    margin: 0;
    padding-right: 25px;
    border: none;
    font-weight: bold;
}

.card-popup .modal-content .main-content .tab-content .bottom-area {
    margin: 30px 0;
}

.card-popup.recipients .modal-content .main-content::before {
    height: 15%;
}

.card-popup.recipients .modal-content .main-content .tab-area ul {
    gap: 20px;
}

.card-popup.recipients .modal-content .main-content .tab-area ul li {
    width: 47%;
}

.card-popup.recipients .modal-content .main-content .tab-area ul li button {
    width: 100%;
    font-size: 16px;
    text-align: start;
    color: var(--para-color);
}

.transactions-popup .modal-header {
    background: #F6F5FF;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.transactions-popup .modal-dialog {
    max-width: 880px;
}

.transactions-popup .modal-dialog .modal-content {
    border-radius: 20px;
}

.transactions-popup .modal-dialog .modal-content .modal-header {
    padding: 30px;
}

.transactions-popup .modal-dialog .modal-content .modal-header h6 {
    font-weight: 700;
}

.transactions-popup .modal-dialog .modal-content .modal-header button {
    margin: 0;
    z-index: 1;
    border: none;
    background: none;
    background-color: var(--bs-white);
    border-radius: 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.transactions-popup .modal-dialog .modal-content .modal-header button:focus {
    box-shadow: none;
}

.transactions-popup .modal-dialog .modal-content .modal-header button i {
    color: #797979;
    font-size: 24px;
}

.transactions-popup .modal-dialog .modal-content .icon-area {
    padding: 40px 0;
}

.transactions-popup .modal-dialog .modal-content .text-area h3,
.transactions-popup .modal-dialog .modal-content .text-area h6 {
    font-weight: 700;
}

.transactions-popup .modal-dialog .modal-content .text-area p {
    margin: 20px 0;
}

.transactions-popup .modal-dialog .modal-content .text-area .com {
    color: #49C96D;
    font-weight: 700;
}

.transactions-popup .modal-dialog .modal-content .right-area {
    padding: 30px;
    border-left: 1px solid #E6E5FF;
}

.transactions-popup .modal-dialog .modal-content .right-area h6 {
    font-weight: 700;
    margin-bottom: 10px;
}

.transactions-popup .modal-dialog .modal-content .right-area .payment-details {
    padding: 10px 0;
    border-top: 1px solid #E6E6FF;
}

.transactions-popup .modal-dialog .modal-content .right-area .payment-details li {
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.transactions-popup .modal-dialog .modal-content .right-area .payment-details li:last-child {
    border-top: 1px solid #E6E6FF;
    border-bottom: 1px solid #E6E6FF;
}

.transactions-popup .modal-dialog .modal-content .right-area .payment-info li {
    margin-top: 15px;
}

.transactions-popup .modal-dialog .modal-content .right-area .payment-info li p {
    color: #000000;
}

.transactions-popup .modal-dialog .modal-content .right-area .payment-info li span {
    color: #696D8D;
}

.transactions-popup.mycard .main-content {
    padding: 40px;
}

.transactions-popup.mycard .modal-header {
    background: transparent;
    position: absolute;
    right: 0;
    padding: 5px !important;
}

.transactions-popup.mycard .right-area {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.transactions-popup.mycard .right-area .card-details {
    border: 1px solid #E8E9EB;
    padding: 5px 20px;
    border-radius: 20px;
}

.transactions-popup.mycard .right-area .card-details img {
    margin-right: 10px;
}

.transactions-popup.mycard .right-area .payment-details {
    border: none !important;
}

.transactions-popup.mycard .right-area .payment-details li {
    border: none !important;
}

.pagination li {
    margin: 0 5px;
}

.pagination .page-item,
.pagination .page-link {
    width: 34px;
    height: 34px;
    background: #F8F8F8;
    border-radius: 10px;
    border: none;
    color: var(--para-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination .page-item:first-child,
.pagination .page-item:last-child,
.pagination .page-link:first-child,
.pagination .page-link:last-child {
    border-radius: 10px;
}

.pagination .page-item i,
.pagination .page-link i {
    font-size: 14px;
}

.pagination .page-item:hover,
.pagination .page-item.active,
.pagination .page-link:hover,
.pagination .page-link.active {
    /* background-color: #5B2EDF; */
    color: var(--bs-white);
}

.transfer-popup .modal-header {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.transfer-popup .modal-dialog {
    max-width: 480px;
}

.transfer-popup .modal-dialog .modal-content {
    border-radius: 20px;
    padding: 30px;
}

.transfer-popup .modal-dialog .modal-content .modal-header {
    padding: 0;
    border: none;
}

.transfer-popup .modal-dialog .modal-content .modal-header a {
    display: flex;
    align-items: center;
}

.transfer-popup .modal-dialog .modal-content .modal-header a i {
    margin-right: 5px;
}

.transfer-popup .modal-dialog .modal-content .modal-header h6 {
    font-weight: 700;
}

.transfer-popup .modal-dialog .modal-content .modal-header button {
    margin: 0;
    z-index: 1;
    border: none;
    background: none;
    background-color: var(--bs-white);
    border-radius: 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.transfer-popup .modal-dialog .modal-content .modal-header button:focus {
    box-shadow: none;
}

.transfer-popup .modal-dialog .modal-content .modal-header button i {
    color: #797979;
    font-size: 24px;
}

.transfer-popup .modal-dialog .modal-content .main-content h4 {
    font-weight: 600;
    margin-bottom: 15px;
}

.transfer-popup .modal-dialog .modal-content .main-content form .userInput {
    display: flex;
    margin: 30px 0;
}

.transfer-popup .modal-dialog .modal-content .main-content form .userInput input {
    text-align: center;
    margin: 0 15px;
}

.transfer-popup .modal-dialog .modal-content .main-content form .userInput input:first-child {
    margin-left: 0;
}

.transfer-popup .modal-dialog .modal-content .main-content form .userInput input:last-child {
    margin-right: 0;
}

.transfer-popup .modal-dialog .modal-content .main-content form button {
    background: #5732C6;
    border: 1px solid #AAA9E3;
    display: flex;
    border-radius: 10px;
    width: 100%;
    justify-content: center;
    padding: 10px;
    color: var(--bs-white);
}

.transfer-popup .modal-dialog #success .modal-content {
    background: #5732C6;
    width: 180%;
}

.transfer-popup .modal-dialog #success .modal-header {
    justify-content: end;
}

.transfer-popup .modal-dialog #success h3 {
    margin: 25px 0 10px;
    font-weight: 600;
}

.transfer-popup .modal-dialog #success h3,
.transfer-popup .modal-dialog #success p {
    color: var(--bs-white);
}

.add-card .modal-header {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.add-card .modal-dialog {
    max-width: 400px;
}

.add-card .modal-dialog .modal-content {
    border-radius: 20px;
}

.add-card .modal-dialog .modal-content .modal-header {
    border-bottom: none;
    padding: 20px;
}

.add-card .modal-dialog .modal-content .modal-header h6 {
    font-weight: 700;
}

.add-card .modal-dialog .modal-content .modal-header button {
    margin: 0;
    z-index: 1;
    border: none;
    background: none;
    background-color: var(--bs-white);
    border-radius: 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.add-card .modal-dialog .modal-content .modal-header button:focus {
    box-shadow: none;
}

.add-card .modal-dialog .modal-content .modal-header button i {
    color: #797979;
    font-size: 24px;
}

.add-card .modal-dialog .modal-content form {
    padding: 0 30px 30px 30px;
}

.add-card .modal-dialog .modal-content form .single-input {
    margin-bottom: 20px;
}

.add-card .modal-dialog .modal-content form .single-input .select-area,
.add-card .modal-dialog .modal-content form .single-input input {
    background: #F9F9F9;
    border: 1px solid #D0D3E8;
    border-radius: 10px;
}

.add-card .modal-dialog .modal-content form .single-input .select-area input {
    border: none;
    border-left: 1px solid #D0D3E8;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.add-recipients .modal-header {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.add-recipients .modal-dialog {
    max-width: 400px;
}

.add-recipients .modal-dialog .modal-content {
    border-radius: 20px;
}

.add-recipients .modal-dialog .modal-content .modal-header {
    border-bottom: none;
    padding: 20px;
}

.add-recipients .modal-dialog .modal-content .modal-header h6 {
    font-weight: 700;
}

.add-recipients .modal-dialog .modal-content .modal-header button {
    margin: 0;
    z-index: 1;
    border: none;
    background: none;
    background-color: var(--bs-white);
    border-radius: 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.add-recipients .modal-dialog .modal-content .modal-header button:focus {
    box-shadow: none;
}

.add-recipients .modal-dialog .modal-content .modal-header button i {
    color: #797979;
    font-size: 24px;
}

.add-recipients .modal-dialog .modal-content .nav-tabs {
    justify-content: center;
    border: none;
}

.add-recipients .modal-dialog .modal-content .nav-tabs li button {
    background: #F7F9FD;
    border: 1px solid #DDE8FF;
    border-radius: 20px;
    display: flex;
    align-items: center;
    padding: 15px 25px;
    margin: 0 10px;
    color: #7D7F93;
    transition: 0.3s;
}

.add-recipients .modal-dialog .modal-content .nav-tabs li button .icon-area {
    background: #FFFFFF;
    border: 1px solid #E0DDFF;
    border-radius: 20px;
    margin-right: 10px;
    width: 40px;
    height: 40px;
}

.add-recipients .modal-dialog .modal-content .nav-tabs li button:hover,
.add-recipients .modal-dialog .modal-content .nav-tabs li button.active {
    background: #5732C6;
    color: var(--bs-white);
}

.add-recipients .modal-dialog .modal-content .tab-content form {
    padding: 30px;
}

.add-recipients .modal-dialog .modal-content .tab-content form .single-input {
    margin-bottom: 30px;
}

.add-recipients .modal-dialog .modal-content .tab-content form .single-input .select-area,
.add-recipients .modal-dialog .modal-content .tab-content form .single-input input {
    background: #F9F9F9;
    border: 1px solid #D0D3E8;
    border-radius: 10px;
}

.add-recipients .modal-dialog .modal-content .tab-content form .single-input .select-area input {
    border: none;
    border-left: 1px solid #D0D3E8;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.header-area{
  margin-left: -84px !important;
}

@media (max-width: 1280px) {
    .header-section.body-collapse {
        margin-left: 140px;
        width: calc(100% - 140px);
    }
    .header-section.body-collapse .sidebar-wrapper {
        width: 0px !important;
        left: -290px;
    }
    .header-area{
      /* margin-left: 30px !important; */
    }
    .header-section .sidebar-wrapper {
        width: 130px;
    }
    .header-section .sidebar-wrapper.active .close-btn {
        display: none;
    }
    .header-section .sidebar-wrapper .close-btn {
        display: block;
    }
}
@media (max-width: 768px) {
  .header-section .sidebar-wrapper ul li a {
    justify-content: start;
}

}

@media (min-width: 1280px) {
  .header-section .sidebar-wrapper ul li a {
    justify-content: start;
}}
@media (max-width: 1023px) {
  .header-section {
  
    width: 100%;
    margin-left: 0px !important;

}
.header-section.header-fixed{
  width: 100% !important;
}
    .header-section.body-collapse,
    .header-section,
    .header-section.body-collapse .sidebar-wrapper,
    .header-section .sidebar-wrapper,
    .header-section .sidebar-wrapper {
        /* width: 270px; */
    }
    .header-section .sidebar-wrapper ul li a {
        /* justify-content: center; */
    }
    .header-area{
      margin-left: 0px !important;
    }
    .header-section .sidebar-wrapper ul li img {
        margin-right: 10px;
        width: auto;
    }
    .header-section .sidebar-wrapper ul li span {
        display: block;
    }
    .header-section .sidebar-wrapper.active {
        left: 0;
    }
    .header-section .sidebar-wrapper.active .close-btn {
        display: block;
    }
    .header-section .sidebar-wrapper .invite-now {
        display: block;
    }
    .header-section .sidebar-wrapper .close-btn {
        display: block;
    }
    .header-section .sidebar-wrapper {
        opacity: 1;
        visibility: visible;
        left: -150px !important;
    }
    .header-section .sidebar-wrapper.active {
        opacity: 0;
        visibility: hidden;
    }
}

@media (max-width: 1199px) {
    h1,
    h1>a {
        font-size: 57px;
        line-height: 74.1px;
        margin-top: -16px;
    }
    h2,
    h2>a {
        font-size: 43px;
        line-height: 55.9px;
        margin-top: -10px;
    }
    .header-section .navbar .navbar-collapse .navbar-nav .nav-item .nav-link,
    .header-section .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-item {
        font-size: 16px;
    }
    .banner-section .overlay .banner-content {
        padding: 220px 0 230px;
    }
    .banner-section.inner-banner .overlay .banner-content {
        padding: 215px 0 100px;
    }
    .header-section .navbar-area {
        padding: 0px 20px;
    }
}

@media (max-width: 991px) {
    h1,
    h1>a {
        font-size: 57px;
        line-height: 68.4px;
        margin-top: -16px;
    }
    h2,
    h2>a {
        font-size: 43px;
        line-height: 51.6px;
        margin-top: -10px;
    }
    h3,
    h3>a {
        font-size: 32px;
        line-height: 38.4px;
        margin-top: -8px;
    }
    h4,
    h4>a {
        font-size: 24px;
        line-height: 28px;
        margin-top: -6px;
    }
    h5,
    h5>a {
        font-size: 18px;
        line-height: 22px;
        margin-top: -4px;
    }
    h6,
    h6>a,
    table thead tr th,
    a,
    p,
    span,
    li {
        font-size: 16px;
        line-height: 22px;
    }
    .section-header {
        margin-bottom: 40px;
    }
    .title {
        margin-bottom: 20px;
    }
    .xxlr {
        font-size: 20px;
        line-height: 28px;
    }
    .xlr {
        font-size: 18px;
        line-height: 25.5px;
    }
    .header-section .navbar-toggler {
        display: inline-block;
    }
    .header-section .navbar .navbar-brand {
        margin-top: -5px;
        width: 35%;
    }
    .header-section .navbar .navbar-brand img {
        max-width: initial;
    }
    .header-section .navbar .navbar-collapse .navbar-nav {
        height: 200px;
        margin: 20px 0;
        overflow-y: auto;
        margin-bottom: 10px;
    }
    .header-section .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropend .dropdown-menu {
        left: 60px;
    }
    .header-section .nav-item.main-navbar .main-menu .sub-navbar .sub-menu {
        right: 0;
    }
    .header-section .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu.show {
        display: inline-block;
        margin-left: 130px;
    }
    .header-section .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
        display: none;
    }
    .header-section .navbar .navbar-collapse .navbar-nav .nav-item {
        padding: 8px 0;
    }
    .header-section .nav-item.dropdown .dropdown-menu {
        position: initial;
    }
    .header-section .navbar .navbar-collapse .right-area .lang {
        display: none !important;
    }
    .header-section .navbar .navbar-collapse .right-area {
        margin-left: 0;
    }
    .add-recipients .modal-dialog .modal-content .nav-tabs li button .icon-area {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .header-section .navbar-area .dashboard-nav {
        margin-left: 30px;
        gap: 20px;
    }
    /* .header-section .navbar-area .sidebar-icon {
        margin-right: 40px;
    } */
    .transactions-popup .modal-dialog .modal-content .right-area {
        padding: 15px;
    }
}

@media (max-width: 575px) {
    h1,
    h1>a {
        font-size: 40px;
        line-height: 46px;
        margin-top: -9px;
    }
    h2,
    h2>a {
        font-size: 30px;
        line-height: 36px;
        margin-top: -7px;
    }
    h3,
    h3>a {
        font-size: 24px;
        line-height: 28px;
        margin-top: -6px;
    }
    h4,
    h4>a {
        font-size: 18px;
        line-height: 22px;
        margin-top: -4px;
    }
    a,
    p,
    span,
    li,
    .cmn-btn,
    thead tr th,
    tbody tr th,
    tbody tr td,
    input,
    label,
    textarea,
    h6,
    h6>a {
        font-size: 15px;
        line-height: 19px;
    }
    .section-header {
        margin-bottom: 30px;
    }
    .title {
        margin-bottom: 15px;
    }
    .xxlr {
        font-size: 18px;
        line-height: 25.5px;
    }
    .xlr {
        font-size: 16px;
        line-height: 22.4px;
    }
    .header-section .navbar {
        padding: 20px 15px;
    }
    .header-section .navbar-area .dashboard-nav .single-item .main-area {
        width: 300px;
        padding: 20px;
        border-radius: 10px;
    }
    .card-popup .modal-dialog {
        max-width: initial;
    }
    .transactions-popup .modal-dialog .modal-content .right-area {
        padding: 20px;
        border: none;
    }
    .transactions-popup.mycard .main-content {
        padding: 30px;
    }
    .preloader {
        background-size: 50%;
    }
    .transfer-popup .modal-dialog,
    .add-recipients .modal-dialog,
    .add-card .modal-dialog {
        margin: auto;
    }
    .card-popup .modal-content .main-content .tab-content .bottom-area {
        display: grid !important;
        margin: 0;
        margin-top: 20px;
    }
    .card-popup .modal-content .main-content .tab-content .bottom-area a {
        margin-bottom: 20px;
    }
}
.title_header_mob{
  font-size: 24px;
}
.arrow_header_mob{
  padding-top: 20px;
}
@media (max-width: 420px) {
  .title_header_mob{
    font-size: 14px;
  }
  .arrow_header_mob{
    padding-top: 25px;
  }
}
@media (max-width: 480px) {
    .header-section .navbar-area .dashboard-nav {
        margin-right: 8px;
        margin-left: 5px;
        gap: 15px;
    }
    .header-section .navbar-area .sidebar-icon {
        margin-right: 15px;
    }
    .header-section .navbar-area .dashboard-nav .single-item .main-area {
        padding: 15px;
    }
    .transactions-popup.mycard .modal-dialog .modal-content .right-area {
        padding: 0;
    }
    .transactions-popup.mycard .modal-dialog .modal-content .right-area .top-area {
        display: grid !important;
    }
    .transactions-popup.mycard .modal-dialog .modal-content .right-area .top-area a {
        margin-top: 10px;
    }
    .transactions-popup.mycard .main-content {
        padding: 20px;
    }
    .card-popup .modal-content .main-content .tab-area ul {
        margin-bottom: 20px;
    }
    .card-popup .modal-content .main-content .tab-area ul li {
        margin-bottom: 15px;
    }
    .card-popup .modal-content .main-content .bottom-area li p {
        padding: 10px 0;
    }
    .add-recipients .modal-dialog .modal-content .nav-tabs li button {
        padding: 10px 14px;
    }
    .card-popup.recipients .modal-content .main-content .tab-area ul li {
        width: 100%;
        margin-bottom: 0;
    }
    .pagination .page-item,
    .pagination .page-link {
        width: 30px;
        height: 30px;
    }
    .pagination li {
        margin: 0 3px;
    }
    .header-section .navbar-area {
        padding: 0px 10px;
    }
}

@media (max-width: 375px) {
    .about .col-6 {
        width: 100% !important;
    }
    .header-section .navbar-area form .form-group img {
        display: none;
    }
    .header-section .navbar-area form .form-group {
        padding: 0;
    }
    .add-recipients .modal-dialog .modal-content .nav-tabs li button {
        margin-bottom: 15px;
    }
    .preloader {
        background-size: 60%;
    }
  }

/*# sourceMappingURL=style.css.map */

.redpercentage {
    color: red;
}

.greenpercentage {
    color: green;
}


/* new card */

.boxname {
    margin-block-end: -1.6em !important;
}

.card {
    width: 11rem;
    height: 19rem;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    color: #f0f0f0;
    box-shadow: 0 10px 30px 5px rgba(0, 0, 0, 0.2);
}

.card img {
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.9;
    transition: opacity 0.2s ease-out;
}

.card h2 {
    position: absolute;
    inset: auto auto 30px 30px;
    margin: 0;
    transition: inset 0.3s 0.3s ease-out;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

.card p,
.card a {
    position: absolute;
    opacity: 0;
    max-width: 80%;
    transition: opacity 0.3s ease-out;
}

.card p {
    inset: auto auto 100px 30px;
    color: white;
}

.card a {
    inset: auto auto 40px 30px;
    color: inherit;
    text-decoration: none;
}

.card:hover h2 {
    inset: auto auto 220px 30px;
    transition: inset 0.3s ease-out;
}

.card:hover p,
.card:hover a {
    opacity: 1;
    transition: opacity 0.5s 0.1s ease-in;
}

.card:hover img {
    transition: opacity 0.3s ease-in;
    opacity: 1;
}

.material-symbols-outlined {
    vertical-align: middle;
}

.card-content h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    color: white;
}

.inputoption {
    background: #FDF2ED;
    /* border: 1px solid #D5CDEB; */
    /* border-radius: 10px; */
    /* padding: 10px 20px; */
    width: 100%;
    font-weight: 600;
}



.mymainmodal {
    margin: 0px !important;
}

.my-modal .ant-modal-content {
    background-color: transparent !important;
    box-shadow: none !important;
}

.top_header::-moz-placeholder { 
    color: #BBC7CA;
    opacity: 1; /* Firefox */
  }

.top_header::placeholder { 
    color: #BBC7CA;
    opacity: 1; /* Firefox */
  }

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

        .input-group-text {
            display: flex;
            align-items: center;
            padding: 0.375rem 0.75rem;
            font-size: 0.875rem;
            font-weight: 400;
            line-height: 1.5;
            color: #7e7e7e;
            text-align: center;
            white-space: nowrap;
            background-color: #e9ecef;
            border: 1px solid #EEEEEE;
            border-radius: 0.75rem; }
          
          .input-group-lg > .form-control,
          .input-group-lg > .form-select,
          .input-group-lg > .input-group-text,
          .input-group-lg > .btn {
            padding: 0.5rem 1rem;
            font-size: 1.09375rem;
            border-radius: 0.5rem; }
          
          .input-group-sm > .form-control,
          .input-group-sm > .form-select,
          .input-group-sm > .input-group-text,
          .input-group-sm > .btn {
            padding: 0.25rem 0.5rem;
            font-size: 0.76563rem;
            border-radius: 0.25rem; }
            @media (min-width: 1200px) {
              .input-group-sm > .form-control,
              .input-group-sm > .form-select,
              .input-group-sm > .input-group-text,
              .input-group-sm > .btn {
                font-size: 0.76562rem; } }
          
          .input-group-lg > .form-select,
          .input-group-sm > .form-select {
            padding-right: 3rem; }
          
          .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
          .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
          .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
          .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0; }
          
          .input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
          .input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4),
          .input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-control,
          .input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-select {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0; }
          
          .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
            margin-left: -1px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0; }
          
          .input-group > .form-floating:not(:first-child) > .form-control,
          .input-group > .form-floating:not(:first-child) > .form-select {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0; }

            /* Sidebar Hamburger */
            .nav-control {
  cursor: pointer;
  position: absolute;
  right: 15px;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
  font-size: 1.4rem;
  padding: 2px 0.5rem 0;
  border-radius: 2px; }
  @media only screen and (max-width: 1023px) {
    .nav-control {
      right: -45px; } }
  @media only screen and (max-width: 767px) {
    .nav-control {
      right: -2.75rem; } }
  @media only screen and (max-width: 575px) {
    .nav-control {
      right: -3rem; } }

.hamburger {
  display: inline-block;
  left: 0px;
  position: relative;
  top: 3px;
  transition: all 0.3s ease-in-out 0s;
  width: 26px;
  z-index: 999; }

  @media only screen and (max-width: 767px){
    .hamburger{
      top: 24px !important;
    }
  }

.hamburger .line {
  background: var(--primary);
  display: block;
  height: 3px;
  border-radius: 3px;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: auto;
  transition: all 0.3s ease-in-out; }

.hamburger .line:nth-child(1) {
  width: 20px; }

.hamburger .line:nth-child(2) {
  width: 26px; }

.hamburger .line:nth-child(3) {
  width: 22px; }

.hamburger:hover {
  cursor: pointer; }

.hamburger:hover .line {
  width: 26px; }

/*
    .hamburger.is-active {
      left: 60px;
    }
    */
.hamburger.is-active .line:nth-child(1),
.hamburger.is-active .line:nth-child(3) {
  width: 10px;
  height: 2px; }

.hamburger.is-active .line:nth-child(2) {
  transform: translateX(0px);
  width: 22px;
  height: 2px; }

.hamburger.is-active .line:nth-child(1) {
  transform: translateY(4px) rotate(45deg); }

.hamburger.is-active .line:nth-child(3) {
  transform: translateY(-4px) rotate(-45deg); }


  /* theme dashboard */






/*
0 - 600: Phone
600 - 900: Tablet portrait
900 - 1200: Tablet landscape
1200 - 1800: Normal styles
1800+ : Big Desktop
1em = 16px
The smaller device rules always should write below the bigger device rules
Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component
*/


*,
*::before,
*::after {
  box-sizing: border-box; }

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth; } }

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: 0.25; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: #3d4465; }

h1, .h1 {
  font-size: calc(1.35rem + 1.2vw); }
  @media (min-width: 1200px) {
    h1, .h1 {
      font-size: 2.25rem; } }

h2, .h2 {
  font-size: calc(1.3125rem + 0.75vw); }
  @media (min-width: 1200px) {
    h2, .h2 {
      font-size: 1.875rem; } }

h3, .h3 {
  font-size: calc(1.275rem + 0.3vw); }
  @media (min-width: 1200px) {
    h3, .h3 {
      font-size: 1.5rem; } }

h4, .h4 {
  font-size: 1.125rem; }

h5, .h5 {
  font-size: 1rem; }

h6, .h6 {
  font-size: 0.938rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul {
  padding-left: 2rem; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

b,
strong {
  font-weight: bolder; }

small, .small {
  font-size: 0.875em; }

mark, .mark {
  padding: 0.1875em;
  background-color: var(--bs-highlight-bg); }

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: var(--bs-link-color);
  text-decoration: underline; }
  a:hover {
    color: var(--bs-link-hover-color); }

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none; }

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em; }

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em; }
  pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal; }

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word; }
  a > code {
    color: inherit; }

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem; }
  kbd kbd {
    padding: 0;
    font-size: 1em; }

figure {
  margin: 0 0 1rem; }

img,
svg {
  vertical-align: middle; }

table {
  caption-side: bottom;
  border-collapse: collapse; }

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #89879f;
  text-align: left; }

th {
  text-align: inherit;
  text-align: -webkit-match-parent; }

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0; }

label {
  display: inline-block; }

button {
  border-radius: 0; }

button:focus:not(:focus-visible) {
  outline: 0; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
select {
  text-transform: none; }

[role="button"] {
  cursor: pointer; }

select {
  word-wrap: normal; }
  select:disabled {
    opacity: 1; }

[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator {
  display: none !important; }

button,
[type="button"],
[type="reset"],
[type="submit"] 
  button:not(:disabled),
  [type="button"]:not(:disabled),
  [type="reset"]:not(:disabled),
  [type="submit"]:not(:disabled) {
    cursor: pointer; }

::-moz-focus-inner {
  padding: 0;
  border-style: none; }

textarea {
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit; }
  @media (min-width: 1200px) {
    legend {
      font-size: 1.5rem; } }
  legend + * {
    clear: left; }

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0; }

::-webkit-inner-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px; }

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-color-swatch-wrapper {
  padding: 0; }

::file-selector-button {
  font: inherit;
 }

output {
  display: inline-block; }

iframe {
  border: 0; }

summary {
  display: list-item;
  cursor: pointer; }

progress {
  vertical-align: baseline; }

[hidden] {
  display: none !important; }

.lead {
  font-size: 1.09375rem;
  font-weight: 300; }

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2; }
  @media (min-width: 1200px) {
    .display-1 {
      font-size: 5rem; } }

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2; }
  @media (min-width: 1200px) {
    .display-2 {
      font-size: 4.5rem; } }

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2; }
  @media (min-width: 1200px) {
    .display-3 {
      font-size: 4rem; } }

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2; }
  @media (min-width: 1200px) {
    .display-4 {
      font-size: 3.5rem; } }

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2; }
  @media (min-width: 1200px) {
    .display-5 {
      font-size: 3rem; } }

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2; }
  @media (min-width: 1200px) {
    .display-6 {
      font-size: 2.5rem; } }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-right: 0.5rem; }

.initialism {
  font-size: 0.875em;
  text-transform: uppercase; }


.img-fluid {
  max-width: 100%;
  height: auto; }

.img-thumbnail {
  padding: 0.25rem;
  background-color: #f7f7f7;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.75rem;
  max-width: 100%;
  height: auto; }

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1; }

.figure-caption {
  font-size: 0.875em;
  color: #6c757d; }

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px; } }

@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px; } }

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px; } }

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1250px; } }

@media (min-width: 1440) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1320px; } }

.row {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x)); }
  .row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y); }

.col {
  flex: 1 0 0%; }

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto; }

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%; }

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%; }

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333%; }

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%; }

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%; }

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66667%; }

.col-auto {
  flex: 0 0 auto;
  width: auto; }

.col-1 {
  flex: 0 0 auto;
  width: 8.33333%; }

.col-2 {
  flex: 0 0 auto;
  width: 16.66667%; }

.col-3 {
  flex: 0 0 auto;
  width: 25%; }

.col-4 {
  flex: 0 0 auto;
  width: 33.33333%; }

.col-5 {
  flex: 0 0 auto;
  width: 41.66667%; }

.col-6 {
  flex: 0 0 auto;
  width: 50%; }

.col-7 {
  flex: 0 0 auto;
  width: 58.33333%; }

.col-8 {
  flex: 0 0 auto;
  width: 66.66667%; }

.col-9 {
  flex: 0 0 auto;
  width: 75%; }

.col-10 {
  flex: 0 0 auto;
  width: 83.33333%; }

.col-11 {
  flex: 0 0 auto;
  width: 91.66667%; }

.col-12 {
  flex: 0 0 auto;
  width: 100%; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

.g-0,
.gx-0 {
  --bs-gutter-x: 0; }

.g-0,
.gy-0 {
  --bs-gutter-y: 0; }

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem; }

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem; }

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem; }

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem; }

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem; }

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem; }

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem; }

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem; }

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem; }

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem; }

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%; }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333%; }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0; }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0; }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem; }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem; }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem; }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem; }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem; }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem; }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem; }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem; }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem; }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem; } }

@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%; }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333%; }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0; }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0; }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem; }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem; }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem; }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem; }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem; }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem; }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem; }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem; }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem; }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem; } }

@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%; }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333%; }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0; }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0; }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem; }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem; }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem; }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem; }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem; }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem; }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem; }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem; }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem; }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem; } }

@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%; }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333%; }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0; }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0; }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem; }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem; }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem; }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem; }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem; }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem; }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem; }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem; }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem; }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem; } }

@media (min-width: 1440) {
  .col-xxl {
    flex: 1 0 0%; }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333%; }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-xxl-0 {
    margin-left: 0; }
  .offset-xxl-1 {
    margin-left: 8.33333%; }
  .offset-xxl-2 {
    margin-left: 16.66667%; }
  .offset-xxl-3 {
    margin-left: 25%; }
  .offset-xxl-4 {
    margin-left: 33.33333%; }
  .offset-xxl-5 {
    margin-left: 41.66667%; }
  .offset-xxl-6 {
    margin-left: 50%; }
  .offset-xxl-7 {
    margin-left: 58.33333%; }
  .offset-xxl-8 {
    margin-left: 66.66667%; }
  .offset-xxl-9 {
    margin-left: 75%; }
  .offset-xxl-10 {
    margin-left: 83.33333%; }
  .offset-xxl-11 {
    margin-left: 91.66667%; }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0; }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0; }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem; }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem; }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem; }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem; }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem; }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem; }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem; }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem; }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem; }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem; } }

.table {
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-table-color);
  vertical-align: top;
  border-color: var(--bs-table-border-color); }
  .table > :not(caption) > * > * {
    padding: 0.5rem 0.5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); }
  .table > tbody {
    vertical-align: inherit; }
  .table > thead {
    vertical-align: bottom; }

.table-group-divider {
  border-top: 2px solid currentcolor; }

.caption-top {
  caption-side: top; }

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem; }

.table-bordered > :not(caption) > * {
  border-width: 1px 0; }
  .table-bordered > :not(caption) > * > * {
    border-width: 0 1px; }

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0; }

.table-borderless > :not(:first-child) {
  border-top-width: 0; }

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color); }

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color); }

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color); }

.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color); }

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }

@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }

@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }

@media (max-width: 1439.98) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }

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

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

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.09375rem; }

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.76563rem; }
  @media (min-width: 1200px) {
    .col-form-label-sm {
      font-size: 0.76562rem; } }

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #89879f; }

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #7e7e7e;
  background-color: #f7f7f7;
  background-clip: padding-box;
  border: 1px solid #EEEEEE;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.75rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .form-control {
      transition: none; } }
  .form-control[type="file"] {
    overflow: hidden; }
    .form-control[type="file"]:not(:disabled):not([readonly]) {
      cursor: pointer; }
  .form-control:focus {
    color: #7e7e7e;
    background-color: #f7f7f7;
    border-color: #f5c0a9;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(235, 129, 83, 0.25); }
  .form-control::-webkit-date-and-time-value {
    height: 1.5em; }
  .form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1; }
  .form-control::placeholder {
    color: #6c757d;
    opacity: 1; }
  .form-control:disabled {
    background-color: #e9ecef;
    opacity: 1; }
  .form-control::file-selector-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    margin-inline-end: 0.75rem;
    color: #7e7e7e;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .form-control::file-selector-button {
        transition: none; } }
  .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3; }

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #7e7e7e;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0; }
  .form-control-plaintext:focus {
    outline: 0; }
  .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.76563rem;
  border-radius: 0.25rem; }
  @media (min-width: 1200px) {
    .form-control-sm {
      font-size: 0.76562rem; } }
  .form-control-sm::file-selector-button {
    padding: 0.25rem 0.5rem;
    margin: -0.25rem -0.5rem;
    margin-inline-end: 0.5rem; }

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

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px); }

textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px); }

textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px); }

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

.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #7e7e7e;
  background-color: #f7f7f7;
  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: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #EEEEEE;
  border-radius: 0.75rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  @media (prefers-reduced-motion: reduce) {
    .form-select {
      transition: none; } }
  .form-select:focus {
    border-color: #f5c0a9;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(235, 129, 83, 0.25); }
  .form-select[multiple], .form-select[size]:not([size="1"]) {
    padding-right: 0.75rem;
    background-image: none; }
  .form-select:disabled {
    background-color: #e9ecef; }
  .form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #7e7e7e; }

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.76563rem;
  border-radius: 0.25rem; }
  @media (min-width: 1200px) {
    .form-select-sm {
      font-size: 0.76562rem; } }

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.09375rem;
  border-radius: 0.5rem; }

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

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

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

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

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

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }
  .btn-check[disabled] + .btn, .btn-check:disabled + .btn {
    pointer-events: none;
    filter: none;
    opacity: 0.65; }

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .form-range:focus {
    outline: 0; }
    .form-range:focus::-webkit-slider-thumb {
      box-shadow: 0 0 0 1px #f7f7f7, 0 0 0 0.25rem rgba(235, 129, 83, 0.25); }
    .form-range:focus::-moz-range-thumb {
      box-shadow: 0 0 0 1px #f7f7f7, 0 0 0 0.25rem rgba(235, 129, 83, 0.25); }
  .form-range::-moz-focus-outer {
    border: 0; }
  .form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #eb8153;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
            appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none; } }
    .form-range::-webkit-slider-thumb:active {
      background-color: #f9d9cb; }
  .form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem; }
  .form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #eb8153;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
         appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none; } }
    .form-range::-moz-range-thumb:active {
      background-color: #f9d9cb; }
  .form-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem; }
  .form-range:disabled {
    pointer-events: none; }
    .form-range:disabled::-webkit-slider-thumb {
      background-color: #adb5bd; }
    .form-range:disabled::-moz-range-thumb {
      background-color: #adb5bd; }

.form-floating {
  position: relative; }
  .form-floating > .form-control,
  .form-floating > .form-control-plaintext,
  .form-floating > .form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25; }
  .form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .form-floating > label {
        transition: none; } }
  .form-floating > .form-control,
  .form-floating > .form-control-plaintext {
    padding: 1rem 0.75rem; }
    .form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
      color: transparent; }
    .form-floating > .form-control::placeholder,
    .form-floating > .form-control-plaintext::placeholder {
      color: transparent; }
    .form-floating > .form-control:not(:-moz-placeholder), .form-floating > .form-control-plaintext:not(:-moz-placeholder) {
      padding-top: 1.625rem;
      padding-bottom: 0.625rem; }
    .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
    .form-floating > .form-control-plaintext:focus,
    .form-floating > .form-control-plaintext:not(:placeholder-shown) {
      padding-top: 1.625rem;
      padding-bottom: 0.625rem; }
    .form-floating > .form-control:-webkit-autofill,
    .form-floating > .form-control-plaintext:-webkit-autofill {
      padding-top: 1.625rem;
      padding-bottom: 0.625rem; }
  .form-floating > .form-select {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem; }
  .form-floating > .form-control:not(:-moz-placeholder) ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
  .form-floating > .form-control:focus ~ label,
  .form-floating > .form-control:not(:placeholder-shown) ~ label,
  .form-floating > .form-control-plaintext ~ label,
  .form-floating > .form-select ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
  .form-floating > .form-control:-webkit-autofill ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
  .form-floating > .form-control-plaintext ~ label {
    border-width: 1px 0; }

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

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #7e7e7e;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #EEEEEE;
  border-radius: 0.75rem; }

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

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.76563rem;
  border-radius: 0.25rem; }
  @media (min-width: 1200px) {
    .input-group-sm > .form-control,
    .input-group-sm > .form-select,
    .input-group-sm > .input-group-text,
    .input-group-sm > .btn {
      font-size: 0.76562rem; } }

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

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4),
.input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #68CF29; }

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.76563rem;
  color: #000;
  background-color: rgba(104, 207, 41, 0.9);
  border-radius: 0.75rem; }
  @media (min-width: 1200px) {
    .valid-tooltip {
      font-size: 0.76562rem; } }

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

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

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

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

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

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #68CF29; }
  .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
    background-color: #68CF29; }
  .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
    box-shadow: 0 0 0 0.25rem rgba(104, 207, 41, 0.25); }
  .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: #68CF29; }

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

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

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #FF4C41; }

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.76563rem;
  color: #000;
  background-color: rgba(255, 76, 65, 0.9);
  border-radius: 0.75rem; }
  @media (min-width: 1200px) {
    .invalid-tooltip {
      font-size: 0.76562rem; } }

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

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

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

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

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

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #FF4C41; }
  .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
    background-color: #FF4C41; }
  .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 76, 65, 0.25); }
  .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color: #FF4C41; }

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

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

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #7e7e7e;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.75rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .btn {
      transition: none; } }

  .btn-check + .btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color); }
  .btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow); }
  .btn-check:focus-visible + .btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow); }
  .btn-check:checked + .btn,
  :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color); }
    .btn-check:checked + .btn:focus-visible,
    :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
      box-shadow: var(--bs-btn-focus-box-shadow); }
  .btn:disabled, .btn.disabled,
  fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity); }

.btn-primary {
  --bs-btn-color: #000;
  --bs-btn-bg: #eb8153;
  --bs-btn-border-color: #eb8153;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ee946d;
  --bs-btn-hover-border-color: #ed8e64;
  --bs-btn-focus-shadow-rgb: 200, 110, 71;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ef9a75;
  --bs-btn-active-border-color: #ed8e64;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #eb8153;
  --bs-btn-disabled-border-color: #eb8153; }

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6418C3;
  --bs-btn-border-color: #6418C3;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5514a6;
  --bs-btn-hover-border-color: #50139c;
  --bs-btn-focus-shadow-rgb: 123, 59, 204;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #50139c;
  --bs-btn-active-border-color: #4b1292;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6418C3;
  --bs-btn-disabled-border-color: #6418C3; }

.btn-success {
  --bs-btn-color: #000;
  --bs-btn-bg: #68CF29;
  --bs-btn-border-color: #68CF29;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #7fd649;
  --bs-btn-hover-border-color: #77d43e;
  --bs-btn-focus-shadow-rgb: 88, 176, 35;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #86d954;
  --bs-btn-active-border-color: #77d43e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #68CF29;
  --bs-btn-disabled-border-color: #68CF29; }

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #51A6F5;
  --bs-btn-border-color: #51A6F5;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #6bb3f7;
  --bs-btn-hover-border-color: #62aff6;
  --bs-btn-focus-shadow-rgb: 69, 141, 208;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #74b8f7;
  --bs-btn-active-border-color: #62aff6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #51A6F5;
  --bs-btn-disabled-border-color: #51A6F5; }

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #FFAB2D;
  --bs-btn-border-color: #FFAB2D;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffb84d;
  --bs-btn-hover-border-color: #ffb342;
  --bs-btn-focus-shadow-rgb: 217, 145, 38;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffbc57;
  --bs-btn-active-border-color: #ffb342;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #FFAB2D;
  --bs-btn-disabled-border-color: #FFAB2D; }

.btn-danger {
  --bs-btn-color: #000;
  --bs-btn-bg: #FF4C41;
  --bs-btn-border-color: #FF4C41;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ff675e;
  --bs-btn-hover-border-color: #ff5e54;
  --bs-btn-focus-shadow-rgb: 217, 65, 55;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ff7067;
  --bs-btn-active-border-color: #ff5e54;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #FF4C41;
  --bs-btn-disabled-border-color: #FF4C41; }

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f7f7f7;
  --bs-btn-border-color: #f7f7f7;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d2d2d2;
  --bs-btn-hover-border-color: #c6c6c6;
  --bs-btn-focus-shadow-rgb: 210, 210, 210;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c6c6;
  --bs-btn-active-border-color: #b9b9b9;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f7f7f7;
  --bs-btn-disabled-border-color: #f7f7f7; }

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6e6e6e;
  --bs-btn-border-color: #6e6e6e;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #848484;
  --bs-btn-hover-border-color: #7d7d7d;
  --bs-btn-focus-shadow-rgb: 132, 132, 132;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #8b8b8b;
  --bs-btn-active-border-color: #7d7d7d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6e6e6e;
  --bs-btn-disabled-border-color: #6e6e6e; }

.btn-outline-primary {
  --bs-btn-color: #eb8153;
  --bs-btn-border-color: #eb8153;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #eb8153;
  --bs-btn-hover-border-color: #eb8153;
  --bs-btn-focus-shadow-rgb: 235, 129, 83;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #eb8153;
  --bs-btn-active-border-color: #eb8153;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #eb8153;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #eb8153;
  --bs-gradient: none; }

.btn-outline-secondary {
  --bs-btn-color: #6418C3;
  --bs-btn-border-color: #6418C3;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6418C3;
  --bs-btn-hover-border-color: #6418C3;
  --bs-btn-focus-shadow-rgb: 100, 24, 195;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6418C3;
  --bs-btn-active-border-color: #6418C3;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6418C3;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6418C3;
  --bs-gradient: none; }

.btn-outline-success {
  --bs-btn-color: #68CF29;
  --bs-btn-border-color: #68CF29;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #68CF29;
  --bs-btn-hover-border-color: #68CF29;
  --bs-btn-focus-shadow-rgb: 104, 207, 41;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #68CF29;
  --bs-btn-active-border-color: #68CF29;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #68CF29;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #68CF29;
  --bs-gradient: none; }

.btn-outline-info {
  --bs-btn-color: #51A6F5;
  --bs-btn-border-color: #51A6F5;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #51A6F5;
  --bs-btn-hover-border-color: #51A6F5;
  --bs-btn-focus-shadow-rgb: 81, 166, 245;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #51A6F5;
  --bs-btn-active-border-color: #51A6F5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #51A6F5;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #51A6F5;
  --bs-gradient: none; }

.btn-outline-warning {
  --bs-btn-color: #FFAB2D;
  --bs-btn-border-color: #FFAB2D;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #FFAB2D;
  --bs-btn-hover-border-color: #FFAB2D;
  --bs-btn-focus-shadow-rgb: 255, 171, 45;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #FFAB2D;
  --bs-btn-active-border-color: #FFAB2D;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #FFAB2D;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #FFAB2D;
  --bs-gradient: none; }

.btn-outline-danger {
  --bs-btn-color: #FF4C41;
  --bs-btn-border-color: #FF4C41;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #FF4C41;
  --bs-btn-hover-border-color: #FF4C41;
  --bs-btn-focus-shadow-rgb: 255, 76, 65;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #FF4C41;
  --bs-btn-active-border-color: #FF4C41;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #FF4C41;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #FF4C41;
  --bs-gradient: none; }

.btn-outline-light {
  --bs-btn-color: #f7f7f7;
  --bs-btn-border-color: #f7f7f7;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f7f7f7;
  --bs-btn-hover-border-color: #f7f7f7;
  --bs-btn-focus-shadow-rgb: 247, 247, 247;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f7f7f7;
  --bs-btn-active-border-color: #f7f7f7;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f7f7f7;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f7f7f7;
  --bs-gradient: none; }

.btn-outline-dark {
  --bs-btn-color: #6e6e6e;
  --bs-btn-border-color: #6e6e6e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6e6e6e;
  --bs-btn-hover-border-color: #6e6e6e;
  --bs-btn-focus-shadow-rgb: 110, 110, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6e6e6e;
  --bs-btn-active-border-color: #6e6e6e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6e6e6e;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6e6e6e;
  --bs-gradient: none; }

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-focus-shadow-rgb: 200, 110, 71;
  text-decoration: underline; }
  .btn-link:focus-visible {
    color: var(--bs-btn-color); }
  .btn-link:hover {
    color: var(--bs-btn-hover-color); }

.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.09375rem;
  --bs-btn-border-radius: 0.5rem; }

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.76563rem;
  --bs-btn-border-radius: 0.25rem; }
  @media (min-width: 1200px) {
    .btn-sm, .btn-group-sm > .btn {
      --bs-btn-font-size: 0.76562rem; } }

.fade {
  transition: opacity 0.15s linear; }
  @media (prefers-reduced-motion: reduce) {
    .fade {
      transition: none; } }
  .fade:not(.show) {
    opacity: 0; }

.collapse:not(.show) {
  display: none; }

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease; }
  @media (prefers-reduced-motion: reduce) {
    .collapsing {
      transition: none; } }
  .collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width 0.35s ease; }
    @media (prefers-reduced-motion: reduce) {
      .collapsing.collapse-horizontal {
        transition: none; } }

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative; }

.dropdown-toggle {
  white-space: nowrap; }
  .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent; }
  .dropdown-toggle:empty::after {
    margin-left: 0; }

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 0.875rem;
  --bs-dropdown-color: #7e7e7e;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: 0.75rem;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: calc(0.75rem - 1px);
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: #212529;
  --bs-dropdown-link-hover-color: #1e2125;
  --bs-dropdown-link-hover-bg: #e9ecef;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #eb8153;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius); }
  .dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer); }

.dropdown-menu-start {
  --bs-position: start; }
  .dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0; }

.dropdown-menu-end {
  --bs-position: end; }
  .dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto; }

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start; }
    .dropdown-menu-sm-start[data-bs-popper] {
      right: auto;
      left: 0; }
  .dropdown-menu-sm-end {
    --bs-position: end; }
    .dropdown-menu-sm-end[data-bs-popper] {
      right: 0;
      left: auto; } }

@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start; }
    .dropdown-menu-md-start[data-bs-popper] {
      right: auto;
      left: 0; }
  .dropdown-menu-md-end {
    --bs-position: end; }
    .dropdown-menu-md-end[data-bs-popper] {
      right: 0;
      left: auto; } }

@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start; }
    .dropdown-menu-lg-start[data-bs-popper] {
      right: auto;
      left: 0; }
  .dropdown-menu-lg-end {
    --bs-position: end; }
    .dropdown-menu-lg-end[data-bs-popper] {
      right: 0;
      left: auto; } }

@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start; }
    .dropdown-menu-xl-start[data-bs-popper] {
      right: auto;
      left: 0; }
  .dropdown-menu-xl-end {
    --bs-position: end; }
    .dropdown-menu-xl-end[data-bs-popper] {
      right: 0;
      left: auto; } }

@media (min-width: 1440) {
  .dropdown-menu-xxl-start {
    --bs-position: start; }
    .dropdown-menu-xxl-start[data-bs-popper] {
      right: auto;
      left: 0; }
  .dropdown-menu-xxl-end {
    --bs-position: end; }
    .dropdown-menu-xxl-end[data-bs-popper] {
      right: 0;
      left: auto; } }

.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer); }

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent; }

.dropup .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer); }

.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid; }

.dropend .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropend .dropdown-toggle::after {
  vertical-align: 0; }

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer); }

.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  display: none; }

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent; }

.dropstart .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropstart .dropdown-toggle::before {
  vertical-align: 0; }

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0; }
  .dropdown-item:hover, .dropdown-item:focus {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg); }
  .dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg); }
  .dropdown-item.disabled, .dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent; }

.dropdown-menu.show {
  display: block; }

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.76563rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap; }
  @media (min-width: 1200px) {
    .dropdown-header {
      font-size: 0.76562rem; } }

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color); }

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #eb8153;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    flex: 1 1 auto; }
  .btn-group > .btn-check:checked + .btn,
  .btn-group > .btn-check:focus + .btn,
  .btn-group > .btn:hover,
  .btn-group > .btn:focus,
  .btn-group > .btn:active,
  .btn-group > .btn.active,
  .btn-group-vertical > .btn-check:checked + .btn,
  .btn-group-vertical > .btn-check:focus + .btn,
  .btn-group-vertical > .btn:hover,
  .btn-group-vertical > .btn:focus,
  .btn-group-vertical > .btn:active,
  .btn-group-vertical > .btn.active {
    z-index: 1; }

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .btn-toolbar .input-group {
    width: auto; }

.btn-group {
  border-radius: 0.75rem; }
  .btn-group > :not(.btn-check:first-child) + .btn,
  .btn-group > .btn-group:not(:first-child) {
    margin-left: -1px; }
  .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
  .btn-group > .btn.dropdown-toggle-split:first-child,
  .btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .btn-group > .btn:nth-child(n + 3),
  .btn-group > :not(.btn-check) + .btn,
  .btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem; }
  .dropdown-toggle-split::after,
  .dropup .dropdown-toggle-split::after,
  .dropend .dropdown-toggle-split::after {
    margin-left: 0; }
  .dropstart .dropdown-toggle-split::before {
    margin-right: 0; }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem; }

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem; }

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }
  .btn-group-vertical > .btn,
  .btn-group-vertical > .btn-group {
    width: 100%; }
  .btn-group-vertical > .btn:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) {
    margin-top: -1px; }
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
  .btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .btn-group-vertical > .btn ~ .btn,
  .btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .nav-link {
      transition: none; } }
  .nav-link:hover, .nav-link:focus {
    color: var(--bs-nav-link-hover-color); }
  .nav-link.disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default; }

.nav-tabs {
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: #dee2e6;
  --bs-nav-tabs-border-radius: 0.75rem;
  --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color: #495057;
  --bs-nav-tabs-link-active-bg: #f7f7f7;
  --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #f7f7f7;
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); }
  .nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    background: none;
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius); }
    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
      isolation: isolate;
      border-color: var(--bs-nav-tabs-link-hover-border-color); }
    .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
      color: var(--bs-nav-link-disabled-color);
      background-color: transparent;
      border-color: transparent; }
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color); }
  .nav-tabs .dropdown-menu {
    margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.nav-pills {
  --bs-nav-pills-border-radius: 0.75rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #eb8153; }
  .nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: var(--bs-nav-pills-border-radius); }
    .nav-pills .nav-link:disabled {
      color: var(--bs-nav-link-disabled-color);
      background-color: transparent;
      border-color: transparent; }
  .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg); }

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center; }

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center; }

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); }
  .navbar > .container,
  .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between; }

.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap; }
  .navbar-brand:hover, .navbar-brand:focus {
    color: var(--bs-navbar-brand-hover-color); }

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .navbar-nav .show > .nav-link,
  .navbar-nav .nav-link.active {
    color: var(--bs-navbar-active-color); }
  .navbar-nav .dropdown-menu {
    position: static; }

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color); }
  .navbar-text a,
  .navbar-text a:hover,
  .navbar-text a:focus {
    color: var(--bs-navbar-active-color); }

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center; }

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition); }
  @media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
      transition: none; } }
  .navbar-toggler:hover {
    text-decoration: none; }
  .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); }

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%; }

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto; }

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-sm .navbar-nav {
      flex-direction: row; }
      .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x); }
    .navbar-expand-sm .navbar-nav-scroll {
      overflow: visible; }
    .navbar-expand-sm .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-sm .navbar-toggler {
      display: none; }
    .navbar-expand-sm .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none; }
      .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none; }
      .navbar-expand-sm .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible; } }

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-md .navbar-nav {
      flex-direction: row; }
      .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-md .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x); }
    .navbar-expand-md .navbar-nav-scroll {
      overflow: visible; }
    .navbar-expand-md .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-md .navbar-toggler {
      display: none; }
    .navbar-expand-md .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none; }
      .navbar-expand-md .offcanvas .offcanvas-header {
        display: none; }
      .navbar-expand-md .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible; } }

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-lg .navbar-nav {
      flex-direction: row; }
      .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x); }
    .navbar-expand-lg .navbar-nav-scroll {
      overflow: visible; }
    .navbar-expand-lg .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-lg .navbar-toggler {
      display: none; }
    .navbar-expand-lg .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none; }
      .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none; }
      .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible; } }

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-xl .navbar-nav {
      flex-direction: row; }
      .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x); }
    .navbar-expand-xl .navbar-nav-scroll {
      overflow: visible; }
    .navbar-expand-xl .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-xl .navbar-toggler {
      display: none; }
    .navbar-expand-xl .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none; }
      .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none; }
      .navbar-expand-xl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible; } }

@media (min-width: 1440) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-xxl .navbar-nav {
      flex-direction: row; }
      .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x); }
    .navbar-expand-xxl .navbar-nav-scroll {
      overflow: visible; }
    .navbar-expand-xxl .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-xxl .navbar-toggler {
      display: none; }
    .navbar-expand-xxl .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none; }
      .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none; }
      .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible; } }

.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start; }
  .navbar-expand .navbar-nav {
    flex-direction: row; }
    .navbar-expand .navbar-nav .dropdown-menu {
      position: absolute; }
    .navbar-expand .navbar-nav .nav-link {
      padding-right: var(--bs-navbar-nav-link-padding-x);
      padding-left: var(--bs-navbar-nav-link-padding-x); }
  .navbar-expand .navbar-nav-scroll {
    overflow: visible; }
  .navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto; }
  .navbar-expand .navbar-toggler {
    display: none; }
  .navbar-expand .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none; }
    .navbar-expand .offcanvas .offcanvas-header {
      display: none; }
    .navbar-expand .offcanvas .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible; }

.navbar-dark {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-border-width: 1px;
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: 0.75rem;
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(0.75rem - 1px);
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: #fff;
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 15px;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius); }
  .card > hr {
    margin-right: 0;
    margin-left: 0; }
  .card > .list-group {
    border-top: inherit;
    border-bottom: inherit; }
    .card > .list-group:first-child {
      border-top-width: 0;
      border-top-left-radius: var(--bs-card-inner-border-radius);
      border-top-right-radius: var(--bs-card-inner-border-radius); }
    .card > .list-group:last-child {
      border-bottom-width: 0;
      border-bottom-right-radius: var(--bs-card-inner-border-radius);
      border-bottom-left-radius: var(--bs-card-inner-border-radius); }

  .card > .list-group + .card-footer {
    border-top: 0; }

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color); }

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y); }


.card-text:last-child {
  margin-bottom: 0; }

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x); }

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); }
  .card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); }

.card-header-tabs {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0; }
  .card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg); }

.card-header-pills {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x)); }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius); }

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%; }

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius); }

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius); }

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin); }

@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap; }
    .card-group > .card {
      flex: 1 0 0%;
      margin-bottom: 0; }
      .card-group > .card + .card {
        margin-left: 0;
        border-left: 0; }
      .card-group > .card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
        .card-group > .card:not(:last-child) .card-img-top {
          border-top-right-radius: 0; }
        .card-group > .card:not(:last-child) .card-img-bottom,
        .card-group > .card:not(:last-child) .card-footer {
          border-bottom-right-radius: 0; }
      .card-group > .card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
        .card-group > .card:not(:first-child) .card-img-top,
        .card-group > .card:not(:first-child) .card-header {
          border-top-left-radius: 0; }
        .card-group > .card:not(:first-child) .card-img-bottom,
        .card-group > .card:not(:first-child) .card-footer {
          border-bottom-left-radius: 0; } }

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: #fff;
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: #dee2e6;
  --bs-pagination-border-radius: 0.75rem;
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: #e9ecef;
  --bs-pagination-hover-border-color: #dee2e6;
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: #e9ecef;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(235, 129, 83, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #eb8153;
  --bs-pagination-active-border-color: #eb8153;
  --bs-pagination-disabled-color: #6c757d;
  --bs-pagination-disabled-bg: #fff;
  --bs-pagination-disabled-border-color: #dee2e6;
  display: flex;
  padding-left: 0;
  list-style: none; }

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .page-link {
      transition: none; } }
  .page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color); }
  .page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow); }
  .page-link.active,
  .active > .page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color); }
  .page-link.disabled,
  .disabled > .page-link {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color); }

.page-item:not(:first-child) .page-link {
  margin-left: -1px; }

.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius); }

.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius); }

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.09375rem;
  --bs-pagination-border-radius: 0.5rem; }

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.76563rem;
  --bs-pagination-border-radius: 0.25rem; }
  @media (min-width: 1200px) {
    .pagination-sm {
      --bs-pagination-font-size: 0.76562rem; } }


.progress {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.65625rem;
  --bs-progress-bg: #e9ecef;
  --bs-progress-border-radius: 0.75rem;
  --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius); }


.list-group {
  --bs-list-group-color: #212529;
  --bs-list-group-bg: #fff;
  --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
  --bs-list-group-border-width: 1px;
  --bs-list-group-border-radius: 0.75rem;
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: #495057;
  --bs-list-group-action-hover-color: #495057;
  --bs-list-group-action-hover-bg: #f8f9fa;
  --bs-list-group-action-active-color: #7e7e7e;
  --bs-list-group-action-active-bg: #e9ecef;
  --bs-list-group-disabled-color: #6c757d;
  --bs-list-group-disabled-bg: #fff;
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #eb8153;
  --bs-list-group-active-border-color: #eb8153;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius); }

.list-group-numbered {
  list-style-type: none;
  counter-reset: section; }
  .list-group-numbered > .list-group-item::before {
    content: counters(section, ".") ". ";
    counter-increment: section; }

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit; }
  .list-group-item-action:hover, .list-group-item-action:focus {
    z-index: 1;
    color: var(--bs-list-group-action-hover-color);
    text-decoration: none;
    background-color: var(--bs-list-group-action-hover-bg); }
  .list-group-item-action:active {
    color: var(--bs-list-group-action-active-color);
    background-color: var(--bs-list-group-action-active-bg); }

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); }
  .list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit; }
  .list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit; }
  .list-group-item.disabled, .list-group-item:disabled {
    color: var(--bs-list-group-disabled-color);
    pointer-events: none;
    background-color: var(--bs-list-group-disabled-bg); }
  .list-group-item.active {
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color); }
  .list-group-item + .list-group-item {
    border-top-width: 0; }
    .list-group-item + .list-group-item.active {
      margin-top: calc(-1 * var(--bs-list-group-border-width));
      border-top-width: var(--bs-list-group-border-width); }

.list-group-horizontal {
  flex-direction: row; }
  .list-group-horizontal > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0; }
  .list-group-horizontal > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0; }
  .list-group-horizontal > .list-group-item.active {
    margin-top: 0; }
  .list-group-horizontal > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0; }
    .list-group-horizontal > .list-group-item + .list-group-item.active {
      margin-left: calc(-1 * var(--bs-list-group-border-width));
      border-left-width: var(--bs-list-group-border-width); }

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row; }
    .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
      border-bottom-left-radius: var(--bs-list-group-border-radius);
      border-top-right-radius: 0; }
    .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
      border-top-right-radius: var(--bs-list-group-border-radius);
      border-bottom-left-radius: 0; }
    .list-group-horizontal-sm > .list-group-item.active {
      margin-top: 0; }
    .list-group-horizontal-sm > .list-group-item + .list-group-item {
      border-top-width: var(--bs-list-group-border-width);
      border-left-width: 0; }
      .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width); } }

@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row; }
    .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
      border-bottom-left-radius: var(--bs-list-group-border-radius);
      border-top-right-radius: 0; }
    .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
      border-top-right-radius: var(--bs-list-group-border-radius);
      border-bottom-left-radius: 0; }
    .list-group-horizontal-md > .list-group-item.active {
      margin-top: 0; }
    .list-group-horizontal-md > .list-group-item + .list-group-item {
      border-top-width: var(--bs-list-group-border-width);
      border-left-width: 0; }
      .list-group-horizontal-md > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width); } }

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row; }
    .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
      border-bottom-left-radius: var(--bs-list-group-border-radius);
      border-top-right-radius: 0; }
    .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
      border-top-right-radius: var(--bs-list-group-border-radius);
      border-bottom-left-radius: 0; }
    .list-group-horizontal-lg > .list-group-item.active {
      margin-top: 0; }
    .list-group-horizontal-lg > .list-group-item + .list-group-item {
      border-top-width: var(--bs-list-group-border-width);
      border-left-width: 0; }
      .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width); } }

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row; }
    .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
      border-bottom-left-radius: var(--bs-list-group-border-radius);
      border-top-right-radius: 0; }
    .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
      border-top-right-radius: var(--bs-list-group-border-radius);
      border-bottom-left-radius: 0; }
    .list-group-horizontal-xl > .list-group-item.active {
      margin-top: 0; }
    .list-group-horizontal-xl > .list-group-item + .list-group-item {
      border-top-width: var(--bs-list-group-border-width);
      border-left-width: 0; }
      .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width); } }

@media (min-width: 1440) {
  .list-group-horizontal-xxl {
    flex-direction: row; }
    .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
      border-bottom-left-radius: var(--bs-list-group-border-radius);
      border-top-right-radius: 0; }
    .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
      border-top-right-radius: var(--bs-list-group-border-radius);
      border-bottom-left-radius: 0; }
    .list-group-horizontal-xxl > .list-group-item.active {
      margin-top: 0; }
    .list-group-horizontal-xxl > .list-group-item + .list-group-item {
      border-top-width: var(--bs-list-group-border-width);
      border-left-width: 0; }
      .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width); } }

.list-group-flush {
  border-radius: 0; }
  .list-group-flush > .list-group-item {
    border-width: 0 0 var(--bs-list-group-border-width); }
    .list-group-flush > .list-group-item:last-child {
      border-bottom-width: 0; }

.list-group-item-primary {
  color: #8d4d32;
  background-color: #fbe6dd; }
  .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #8d4d32;
    background-color: #e2cfc7; }
  .list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #8d4d32;
    border-color: #8d4d32; }

.list-group-item-secondary {
  color: #3c0e75;
  background-color: #e0d1f3; }
  .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
    color: #3c0e75;
    background-color: #cabcdb; }
  .list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #3c0e75;
    border-color: #3c0e75; }

.list-group-item-success {
  color: #2a5310;
  background-color: #e1f5d4; }
  .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
    color: #2a5310;
    background-color: #cbddbf; }
  .list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #2a5310;
    border-color: #2a5310; }

.list-group-item-info {
  color: #316493;
  background-color: #dcedfd; }
  .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #316493;
    background-color: #c6d5e4; }
  .list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #316493;
    border-color: #316493; }

.list-group-item-warning {
  color: #664412;
  background-color: #ffeed5; }
  .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color: #664412;
    background-color: #e6d6c0; }
  .list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #664412;
    border-color: #664412; }

.list-group-item-danger {
  color: #992e27;
  background-color: #ffdbd9; }
  .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
    color: #992e27;
    background-color: #e6c5c3; }
  .list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #992e27;
    border-color: #992e27; }

.list-group-item-light {
  color: #636363;
  background-color: #fdfdfd; }
  .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
    color: #636363;
    background-color: #e4e4e4; }
  .list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #636363;
    border-color: #636363; }

.list-group-item-dark {
  color: #424242;
  background-color: #e2e2e2; }
  .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
    color: #424242;
    background-color: #cbcbcb; }
  .list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #424242;
    border-color: #424242; }

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent 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") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.75rem;
  opacity: 0.5; }
  .btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.75; }
  .btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(235, 129, 83, 0.25);
    opacity: 1; }
  .btn-close:disabled, .btn-close.disabled {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    opacity: 0.25; }

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%); }

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 30px;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-border-width: 1px;
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: 0.75rem;
  --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-toast-header-color: #6c757d;
  --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius); }
  .toast.showing {
    opacity: 0; }
  .toast:not(.show) {
    display: none; }

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none; }
  .toast-container > :not(:last-child) {
    margin-bottom: var(--bs-toast-spacing); }

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); }
  .toast-header .btn-close {
    margin-right: calc(-.5 * var(--bs-toast-padding-x));
    margin-left: var(--bs-toast-padding-x); }

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word; }

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: #fff;
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: 1px;
  --bs-modal-border-radius: 0.5rem;
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(0.5rem - 1px);
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: 1px;
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: 1px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none; }
  .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px); }
    @media (prefers-reduced-motion: reduce) {
      .modal.fade .modal-dialog {
        transition: none; } }
  .modal.show .modal-dialog {
    transform: none; }
  .modal.modal-static .modal-dialog {
    transform: scale(1.02); }

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2); }
  .modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden; }
  .modal-dialog-scrollable .modal-body {
    overflow-y: auto; }

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

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

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg); }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity); }

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius); }
  .modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto; }

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height); }

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding); }

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius); }
  .modal-footer > * {
    margin: calc(var(--bs-modal-footer-gap) * .5); }

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto; }
  .modal-sm {
    --bs-modal-width: 300px; } }

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px; } }

@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px; } }

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0; }
  .modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0; }
  .modal-fullscreen .modal-header,
  .modal-fullscreen .modal-footer {
    border-radius: 0; }
  .modal-fullscreen .modal-body {
    overflow-y: auto; }

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-sm-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-sm-down .modal-header,
    .modal-fullscreen-sm-down .modal-footer {
      border-radius: 0; }
    .modal-fullscreen-sm-down .modal-body {
      overflow-y: auto; } }

@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-md-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-md-down .modal-header,
    .modal-fullscreen-md-down .modal-footer {
      border-radius: 0; }
    .modal-fullscreen-md-down .modal-body {
      overflow-y: auto; } }

@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-lg-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-lg-down .modal-header,
    .modal-fullscreen-lg-down .modal-footer {
      border-radius: 0; }
    .modal-fullscreen-lg-down .modal-body {
      overflow-y: auto; } }

@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-xl-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-xl-down .modal-header,
    .modal-fullscreen-xl-down .modal-footer {
      border-radius: 0; }
    .modal-fullscreen-xl-down .modal-body {
      overflow-y: auto; } }

@media (max-width: 1439.98) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-xxl-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-xxl-down .modal-header,
    .modal-fullscreen-xxl-down .modal-footer {
      border-radius: 0; }
    .modal-fullscreen-xxl-down .modal-body {
      overflow-y: auto; } }

.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.76563rem;
  --bs-tooltip-color: #fff;
  --bs-tooltip-bg: #000;
  --bs-tooltip-border-radius: 0.75rem;
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  padding: var(--bs-tooltip-arrow-height);
  margin: var(--bs-tooltip-margin);
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0; }
  @media (min-width: 1200px) {
    .tooltip {
      --bs-tooltip-font-size: 0.76562rem; } }
  .tooltip.show {
    opacity: var(--bs-tooltip-opacity); }
  .tooltip .tooltip-arrow {
    display: block;
    width: var(--bs-tooltip-arrow-width);
    height: var(--bs-tooltip-arrow-height); }
    .tooltip .tooltip-arrow::before {
      position: absolute;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
  bottom: 0; }
  .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    top: -1px;
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-top-color: var(--bs-tooltip-bg); }

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
  left: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width); }
  .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
    right: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-right-color: var(--bs-tooltip-bg); }

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
  top: 0; }
  .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-bottom-color: var(--bs-tooltip-bg); }

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
  right: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width); }
  .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
    left: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-left-color: var(--bs-tooltip-bg); }

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius); }


@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */; } }



@keyframes spinner-grow {
  0% {
    transform: scale(0); }
  50% {
    opacity: 1;
    transform: none; } }

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out; } }
  @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-sm {
      transition: none; } }

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-start {
      top: 0;
      left: 0;
      width: var(--bs-offcanvas-width);
      border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(-100%); }
    .offcanvas-sm.offcanvas-end {
      top: 0;
      right: 0;
      width: var(--bs-offcanvas-width);
      border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(100%); }
    .offcanvas-sm.offcanvas-top {
      top: 0;
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(-100%); }
    .offcanvas-sm.offcanvas-bottom {
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(100%); }
    .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
      transform: none; }
    .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
      visibility: visible; } }

@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important; }
    .offcanvas-sm .offcanvas-header {
      display: none; }
    .offcanvas-sm .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important; } }

@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out; } }
  @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-md {
      transition: none; } }

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-start {
      top: 0;
      left: 0;
      width: var(--bs-offcanvas-width);
      border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(-100%); }
    .offcanvas-md.offcanvas-end {
      top: 0;
      right: 0;
      width: var(--bs-offcanvas-width);
      border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(100%); }
    .offcanvas-md.offcanvas-top {
      top: 0;
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(-100%); }
    .offcanvas-md.offcanvas-bottom {
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(100%); }
    .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
      transform: none; }
    .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
      visibility: visible; } }

@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important; }
    .offcanvas-md .offcanvas-header {
      display: none; }
    .offcanvas-md .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important; } }

@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out; } }
  @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-lg {
      transition: none; } }

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-start {
      top: 0;
      left: 0;
      width: var(--bs-offcanvas-width);
      border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(-100%); }
    .offcanvas-lg.offcanvas-end {
      top: 0;
      right: 0;
      width: var(--bs-offcanvas-width);
      border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(100%); }
    .offcanvas-lg.offcanvas-top {
      top: 0;
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(-100%); }
    .offcanvas-lg.offcanvas-bottom {
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(100%); }
    .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
      transform: none; }
    .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
      visibility: visible; } }

@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important; }
    .offcanvas-lg .offcanvas-header {
      display: none; }
    .offcanvas-lg .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important; } }

@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out; } }
  @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xl {
      transition: none; } }

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-start {
      top: 0;
      left: 0;
      width: var(--bs-offcanvas-width);
      border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(-100%); }
    .offcanvas-xl.offcanvas-end {
      top: 0;
      right: 0;
      width: var(--bs-offcanvas-width);
      border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(100%); }
    .offcanvas-xl.offcanvas-top {
      top: 0;
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(-100%); }
    .offcanvas-xl.offcanvas-bottom {
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(100%); }
    .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
      transform: none; }
    .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
      visibility: visible; } }

@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important; }
    .offcanvas-xl .offcanvas-header {
      display: none; }
    .offcanvas-xl .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important; } }

@media (max-width: 1439.98) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out; } }
  @media (max-width: 1439.98) and (prefers-reduced-motion: reduce) {
    .offcanvas-xxl {
      transition: none; } }

@media (max-width: 1439.98) {
    .offcanvas-xxl.offcanvas-start {
      top: 0;
      left: 0;
      width: var(--bs-offcanvas-width);
      border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(-100%); }
    .offcanvas-xxl.offcanvas-end {
      top: 0;
      right: 0;
      width: var(--bs-offcanvas-width);
      border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(100%); }
    .offcanvas-xxl.offcanvas-top {
      top: 0;
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(-100%); }
    .offcanvas-xxl.offcanvas-bottom {
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(100%); }
    .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
      transform: none; }
    .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
      visibility: visible; } }

@media (min-width: 1440) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important; }
    .offcanvas-xxl .offcanvas-header {
      display: none; }
    .offcanvas-xxl .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important; } }

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .offcanvas {
      transition: none; } }
  .offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%); }
  .offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%); }
  .offcanvas.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%); }
  .offcanvas.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%); }
  .offcanvas.showing, .offcanvas.show:not(.hiding) {
    transform: none; }
  .offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
    visibility: visible; }

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000; }
  .offcanvas-backdrop.fade {
    opacity: 0; }
  .offcanvas-backdrop.show {
    opacity: 0.5; }

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); }
  .offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
    margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
    margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y)); }

.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5; }

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto; }

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5; }
  .placeholder.btn::before {
    display: inline-block;
    content: ""; }

.placeholder-xs {
  min-height: .6em; }

.placeholder-sm {
  min-height: .8em; }

.placeholder-lg {
  min-height: 1.2em; }

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite; }

@keyframes placeholder-glow {
  50% {
    opacity: 0.2; } }

.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
          mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
          mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite; }

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
            mask-position: -200% 0%; } }

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.text-bg-primary {
  color: #000 !important;
  background-color: RGBA(235, 129, 83, var(--bs-bg-opacity, 1)) !important; }

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(100, 24, 195, var(--bs-bg-opacity, 1)) !important; }

.text-bg-success {
  color: #000 !important;
  background-color: RGBA(104, 207, 41, var(--bs-bg-opacity, 1)) !important; }

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(81, 166, 245, var(--bs-bg-opacity, 1)) !important; }

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(255, 171, 45, var(--bs-bg-opacity, 1)) !important; }

.text-bg-danger {
  color: #000 !important;
  background-color: RGBA(255, 76, 65, var(--bs-bg-opacity, 1)) !important; }

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(247, 247, 247, var(--bs-bg-opacity, 1)) !important; }

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(110, 110, 110, var(--bs-bg-opacity, 1)) !important; }

.link-primary {
  color: #eb8153 !important; }
  .link-primary:hover, .link-primary:focus {
    color: #ef9a75 !important; }

.link-secondary {
  color: #6418C3 !important; }
  .link-secondary:hover, .link-secondary:focus {
    color: #50139c !important; }

.link-success {
  color: #68CF29 !important; }
  .link-success:hover, .link-success:focus {
    color: #86d954 !important; }

.link-info {
  color: #51A6F5 !important; }
  .link-info:hover, .link-info:focus {
    color: #74b8f7 !important; }

.link-warning {
  color: #FFAB2D !important; }
  .link-warning:hover, .link-warning:focus {
    color: #ffbc57 !important; }

.link-danger {
  color: #FF4C41 !important; }
  .link-danger:hover, .link-danger:focus {
    color: #ff7067 !important; }

.link-light {
  color: #f7f7f7 !important; }
  .link-light:hover, .link-light:focus {
    color: #f9f9f9 !important; }

.link-dark {
  color: #6e6e6e !important; }
  .link-dark:hover, .link-dark:focus {
    color: #585858 !important; }

.ratio {
  position: relative;
  width: 100%; }
  .ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""; }
  .ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.ratio-1x1 {
  --bs-aspect-ratio: 100%; }

.ratio-4x3 {
  --bs-aspect-ratio: calc(3 / 4 * 100%); }

.ratio-16x9 {
  --bs-aspect-ratio: calc(9 / 16 * 100%); }

.ratio-21x9 {
  --bs-aspect-ratio: calc(9 / 21 * 100%); }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; }

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020; }

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020; }

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020; }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020; } }

@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020; }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020; } }

@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020; }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020; } }

@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020; }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020; } }

@media (min-width: 1440) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020; }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020; } }

.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch; }

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch; }

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important; }

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: ""; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25; }

.align-baseline {
  vertical-align: baseline !important; }

.align-top {
  vertical-align: top !important; }

.align-middle {
  vertical-align: middle !important; }

.align-bottom {
  vertical-align: bottom !important; }

.align-text-bottom {
  vertical-align: text-bottom !important; }

.align-text-top {
  vertical-align: text-top !important; }

.float-start {
  float: left !important; }

.float-end {
  float: right !important; }

.float-none {
  float: none !important; }

.opacity-0 {
  opacity: 0 !important; }

.opacity-25 {
  opacity: 0.25 !important; }

.opacity-50 {
  opacity: 0.5 !important; }

.opacity-75 {
  opacity: 0.75 !important; }

.opacity-100 {
  opacity: 1 !important; }

.overflow-auto {
  overflow: auto !important; }

.overflow-hidden {
  overflow: hidden !important; }

.overflow-visible {
  overflow: visible !important; }
/* 
.overflow-scroll {
  overflow: scroll !important; } */

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

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

.d-grid {
  display: grid !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

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

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none {
  box-shadow: none !important; }

.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.position-fixed {
  position: fixed !important; }

.position-sticky {
  position: sticky !important; }

.top-0 {
  top: 0 !important; }

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

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

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

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

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

.start-0 {
  left: 0 !important; }

.start-50 {
  left: 50% !important; }

.start-100 {
  left: 100% !important; }

.end-0 {
  right: 0 !important; }

.end-50 {
  right: 50% !important; }

.end-100 {
  right: 100% !important; }

.translate-middle {
  transform: translate(-50%, -50%) !important; }

.translate-middle-x {
  transform: translateX(-50%) !important; }

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

/* .border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; 
} */

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

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

.border-top-0 {
  border-top: 0 !important; }

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

.border-end-0 {
  border-right: 0 !important; }

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

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

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

.border-start-0 {
  border-left: 0 !important; }

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

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

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

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

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

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

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

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

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

.border-1 {
  --bs-border-width: 1px; }

.border-2 {
  --bs-border-width: 2px; }

.border-3 {
  --bs-border-width: 3px; }

.border-4 {
  --bs-border-width: 4px; }

.border-5 {
  --bs-border-width: 5px; }

.border-opacity-10 {
  --bs-border-opacity: 0.1; }

.border-opacity-25 {
  --bs-border-opacity: 0.25; }

.border-opacity-50 {
  --bs-border-opacity: 0.5; }

.border-opacity-75 {
  --bs-border-opacity: 0.75; }

.border-opacity-100 {
  --bs-border-opacity: 1; }

.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.w-auto {
  width: auto !important; }

.mw-100 {
  max-width: 100% !important; }

.vw-100 {
  width: 100vw !important; }

.min-vw-100 {
  min-width: 100vw !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.h-auto {
  height: auto !important; }

.mh-100 {
  max-height: 100% !important; }

.vh-100 {
  height: 100vh !important; }

.min-vh-100 {
  min-height: 100vh !important; }

.flex-fill {
  flex: 1 1 auto !important; }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

.flex-grow-1 {
  flex-grow: 1 !important; }

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

.flex-shrink-1 {
  flex-shrink: 1 !important; }

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

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

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

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.justify-content-evenly {
  justify-content: space-evenly !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

.order-first {
  order: -1 !important; }

.order-0 {
  order: 0 !important; }

.order-1 {
  order: 1 !important; }

.order-2 {
  order: 2 !important; }

.order-3 {
  order: 3 !important; }

.order-4 {
  order: 4 !important; }

.order-5 {
  order: 5 !important; }

.order-last {
  order: 6 !important; }

.m-0 {
  margin: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.m-auto {
  margin: auto !important; }

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important; }

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important; }

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important; }

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important; }

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important; }

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important; }

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important; }

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.mt-0 {
  margin-top: 0 !important; }

.mt-1 {
  margin-top: 0.25rem !important; }

.mt-2 {
  margin-top: 0.5rem !important; }

.mt-3 {
  margin-top: 1rem !important; }

.mt-4 {
  margin-top: 1.5rem !important; }

.mt-5 {
  margin-top: 3rem !important; }

.mt-auto {
  margin-top: auto !important; }

.me-0 {
  margin-right: 0 !important; }

.me-1 {
  margin-right: 0.25rem !important; }

.me-2 {
  margin-right: 0.5rem !important; }

.me-3 {
  margin-right: 1rem !important; }

.me-4 {
  margin-right: 1.5rem !important; }

.me-5 {
  margin-right: 3rem !important; }

.me-auto {
  margin-right: auto !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.mb-1 {
  margin-bottom: 0.25rem !important; }

.mb-2 {
  margin-bottom: 0.5rem !important; }

.mb-3 {
  margin-bottom: 1rem !important; }

.mb-4 {
  margin-bottom: 1.5rem !important; }

.mb-5 {
  margin-bottom: 3rem !important; }

.mb-auto {
  margin-bottom: auto !important; }

.ms-0 {
  margin-left: 0 !important; }

.ms-1 {
  margin-left: 0.25rem !important; }

.ms-2 {
  margin-left: 0.5rem !important; }

.ms-3 {
  margin-left: 1rem !important; }

.ms-4 {
  margin-left: 1.5rem !important; }

.ms-5 {
  margin-left: 3rem !important; }

.ms-auto {
  margin-left: auto !important; }

.p-0 {
  padding: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important; }

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important; }

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important; }

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important; }

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important; }

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.pt-0 {
  padding-top: 0 !important; }

.pt-1 {
  padding-top: 0.25rem !important; }

.pt-2 {
  padding-top: 0.5rem !important; }

.pt-3 {
  padding-top: 1rem !important; }

.pt-4 {
  padding-top: 1.5rem !important; }

.pt-5 {
  padding-top: 3rem !important; }

.pe-0 {
  padding-right: 0 !important; }

.pe-1 {
  padding-right: 0.25rem !important; }

.pe-2 {
  padding-right: 0.5rem !important; }

.pe-3 {
  padding-right: 1rem !important; }

.pe-4 {
  padding-right: 1.5rem !important; }

.pe-5 {
  padding-right: 3rem !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pb-1 {
  padding-bottom: 0.25rem !important; }

.pb-2 {
  padding-bottom: 0.5rem !important; }

.pb-3 {
  padding-bottom: 1rem !important; }

.pb-4 {
  padding-bottom: 1.5rem !important; }

.pb-5 {
  padding-bottom: 3rem !important; }

.ps-0 {
  padding-left: 0 !important; }

.ps-1 {
  padding-left: 0.25rem !important; }

.ps-2 {
  padding-left: 0.5rem !important; }

.ps-3 {
  padding-left: 1rem !important; }

.ps-4 {
  padding-left: 1.5rem !important; }

.ps-5 {
  padding-left: 3rem !important; }

.gap-0 {
  gap: 0 !important; }

.gap-1 {
  gap: 0.25rem !important; }

.gap-2 {
  gap: 0.5rem !important; }

.gap-3 {
  gap: 1rem !important; }

.gap-4 {
  gap: 1.5rem !important; }

.gap-5 {
  gap: 3rem !important; }

.font-monospace {
  font-family: var(--bs-font-monospace) !important; }

.fs-1 {
  font-size: calc(1.35rem + 1.2vw) !important; }

.fs-2 {
  font-size: calc(1.3125rem + 0.75vw) !important; }

.fs-3 {
  font-size: calc(1.275rem + 0.3vw) !important; }

.fs-4 {
  font-size: 1.125rem !important; }

.fs-5 {
  font-size: 1rem !important; }

.fs-6 {
  font-size: 0.938rem !important; }

.fst-italic {
  font-style: italic !important; }

.fst-normal {
  font-style: normal !important; }

.fw-light {
  font-weight: 300 !important; }

.fw-lighter {
  font-weight: lighter !important; }

.fw-normal {
  font-weight: 400 !important; }

.fw-bold {
  font-weight: 700 !important; }

.fw-semibold {
  font-weight: 600 !important; }

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

.lh-1 {
  line-height: 1 !important; }

.lh-sm {
  line-height: 1.25 !important; }

.lh-base {
  line-height: 1.5 !important; }

.lh-lg {
  line-height: 2 !important; }

.text-start {
  text-align: left !important; }

.text-end {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-decoration-none {
  text-decoration: none !important; }

.text-decoration-underline {
  text-decoration: underline !important; }

.text-decoration-line-through {
  text-decoration: line-through !important; }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.text-wrap {
  white-space: normal !important; }

.text-nowrap {
  white-space: nowrap !important; }

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important; }

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

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

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

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

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

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

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

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

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



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

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

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


.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important; }

.text-opacity-25 {
  --bs-text-opacity: 0.25; }

.text-opacity-50 {
  --bs-text-opacity: 0.5; }

.text-opacity-75 {
  --bs-text-opacity: 0.75; }

.text-opacity-100 {
  --bs-text-opacity: 1; }

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

.bg-gradient {
  background-image: var(--bs-gradient) !important; }

.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important; }

.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important; }

.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important; }

.pe-none {
  pointer-events: none !important; }

.pe-auto {
  pointer-events: auto !important; }

.rounded {
  border-radius: var(--bs-border-radius) !important; }

.rounded-0 {
  border-radius: 0 !important; }

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important; }

.rounded-2 {
  border-radius: var(--bs-border-radius) !important; }

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important; }

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important; }

.rounded-5 {
  border-radius: var(--bs-border-radius-2xl) !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important; }

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important; }

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important; }

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important; }

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important; }
  .float-sm-end {
    float: right !important; }
  .float-sm-none {
    float: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-grid {
    display: grid !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; }
  .d-sm-none {
    display: none !important; }
  .flex-sm-fill {
    flex: 1 1 auto !important; }
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-grow-0 {
    flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; }
  .order-sm-first {
    order: -1 !important; }
  .order-sm-0 {
    order: 0 !important; }
  .order-sm-1 {
    order: 1 !important; }
  .order-sm-2 {
    order: 2 !important; }
  .order-sm-3 {
    order: 3 !important; }
  .order-sm-4 {
    order: 4 !important; }
  .order-sm-5 {
    order: 5 !important; }
  .order-sm-last {
    order: 6 !important; }
  .m-sm-0 {
    margin: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-sm-0 {
    margin-top: 0 !important; }
  .mt-sm-1 {
    margin-top: 0.25rem !important; }
  .mt-sm-2 {
    margin-top: 0.5rem !important; }
  .mt-sm-3 {
    margin-top: 1rem !important; }
  .mt-sm-4 {
    margin-top: 1.5rem !important; }
  .mt-sm-5 {
    margin-top: 3rem !important; }
  .mt-sm-auto {
    margin-top: auto !important; }
  .me-sm-0 {
    margin-right: 0 !important; }
  .me-sm-1 {
    margin-right: 0.25rem !important; }
  .me-sm-2 {
    margin-right: 0.5rem !important; }
  .me-sm-3 {
    margin-right: 1rem !important; }
  .me-sm-4 {
    margin-right: 1.5rem !important; }
  .me-sm-5 {
    margin-right: 3rem !important; }
  .me-sm-auto {
    margin-right: auto !important; }
  .mb-sm-0 {
    margin-bottom: 0 !important; }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important; }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important; }
  .mb-sm-3 {
    margin-bottom: 1rem !important; }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important; }
  .mb-sm-5 {
    margin-bottom: 3rem !important; }
  .mb-sm-auto {
    margin-bottom: auto !important; }
  .ms-sm-0 {
    margin-left: 0 !important; }
  .ms-sm-1 {
    margin-left: 0.25rem !important; }
  .ms-sm-2 {
    margin-left: 0.5rem !important; }
  .ms-sm-3 {
    margin-left: 1rem !important; }
  .ms-sm-4 {
    margin-left: 1.5rem !important; }
  .ms-sm-5 {
    margin-left: 3rem !important; }
  .ms-sm-auto {
    margin-left: auto !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .pt-sm-0 {
    padding-top: 0 !important; }
  .pt-sm-1 {
    padding-top: 0.25rem !important; }
  .pt-sm-2 {
    padding-top: 0.5rem !important; }
  .pt-sm-3 {
    padding-top: 1rem !important; }
  .pt-sm-4 {
    padding-top: 1.5rem !important; }
  .pt-sm-5 {
    padding-top: 3rem !important; }
  .pe-sm-0 {
    padding-right: 0 !important; }
  .pe-sm-1 {
    padding-right: 0.25rem !important; }
  .pe-sm-2 {
    padding-right: 0.5rem !important; }
  .pe-sm-3 {
    padding-right: 1rem !important; }
  .pe-sm-4 {
    padding-right: 1.5rem !important; }
  .pe-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-0 {
    padding-bottom: 0 !important; }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pb-sm-3 {
    padding-bottom: 1rem !important; }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pb-sm-5 {
    padding-bottom: 3rem !important; }
  .ps-sm-0 {
    padding-left: 0 !important; }
  .ps-sm-1 {
    padding-left: 0.25rem !important; }
  .ps-sm-2 {
    padding-left: 0.5rem !important; }
  .ps-sm-3 {
    padding-left: 1rem !important; }
  .ps-sm-4 {
    padding-left: 1.5rem !important; }
  .ps-sm-5 {
    padding-left: 3rem !important; }
  .gap-sm-0 {
    gap: 0 !important; }
  .gap-sm-1 {
    gap: 0.25rem !important; }
  .gap-sm-2 {
    gap: 0.5rem !important; }
  .gap-sm-3 {
    gap: 1rem !important; }
  .gap-sm-4 {
    gap: 1.5rem !important; }
  .gap-sm-5 {
    gap: 3rem !important; }
  .text-sm-start {
    text-align: left !important; }
  .text-sm-end {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .float-md-start {
    float: left !important; }
  .float-md-end {
    float: right !important; }
  .float-md-none {
    float: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-grid {
    display: grid !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; }
  .d-md-none {
    display: none !important; }
  .flex-md-fill {
    flex: 1 1 auto !important; }
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-grow-0 {
    flex-grow: 0 !important; }
  .flex-md-grow-1 {
    flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .justify-content-md-evenly {
    justify-content: space-evenly !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; }
  .order-md-first {
    order: -1 !important; }
  .order-md-0 {
    order: 0 !important; }
  .order-md-1 {
    order: 1 !important; }
  .order-md-2 {
    order: 2 !important; }
  .order-md-3 {
    order: 3 !important; }
  .order-md-4 {
    order: 4 !important; }
  .order-md-5 {
    order: 5 !important; }
  .order-md-last {
    order: 6 !important; }
  .m-md-0 {
    margin: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-md-0 {
    margin-top: 0 !important; }
  .mt-md-1 {
    margin-top: 0.25rem !important; }
  .mt-md-2 {
    margin-top: 0.5rem !important; }
  .mt-md-3 {
    margin-top: 1rem !important; }
  .mt-md-4 {
    margin-top: 1.5rem !important; }
  .mt-md-5 {
    margin-top: 3rem !important; }
  .mt-md-auto {
    margin-top: auto !important; }
  .me-md-0 {
    margin-right: 0 !important; }
  .me-md-1 {
    margin-right: 0.25rem !important; }
  .me-md-2 {
    margin-right: 0.5rem !important; }
  .me-md-3 {
    margin-right: 1rem !important; }
  .me-md-4 {
    margin-right: 1.5rem !important; }
  .me-md-5 {
    margin-right: 3rem !important; }
  .me-md-auto {
    margin-right: auto !important; }
  .mb-md-0 {
    margin-bottom: 0 !important; }
  .mb-md-1 {
    margin-bottom: 0.25rem !important; }
  .mb-md-2 {
    margin-bottom: 0.5rem !important; }
  .mb-md-3 {
    margin-bottom: 1rem !important; }
  .mb-md-4 {
    margin-bottom: 1.5rem !important; }
  .mb-md-5 {
    margin-bottom: 3rem !important; }
  .mb-md-auto {
    margin-bottom: auto !important; }
  .ms-md-0 {
    margin-left: 0 !important; }
  .ms-md-1 {
    margin-left: 0.25rem !important; }
  .ms-md-2 {
    margin-left: 0.5rem !important; }
  .ms-md-3 {
    margin-left: 1rem !important; }
  .ms-md-4 {
    margin-left: 1.5rem !important; }
  .ms-md-5 {
    margin-left: 3rem !important; }
  .ms-md-auto {
    margin-left: auto !important; }
  .p-md-0 {
    padding: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .pt-md-0 {
    padding-top: 0 !important; }
  .pt-md-1 {
    padding-top: 0.25rem !important; }
  .pt-md-2 {
    padding-top: 0.5rem !important; }
  .pt-md-3 {
    padding-top: 1rem !important; }
  .pt-md-4 {
    padding-top: 1.5rem !important; }
  .pt-md-5 {
    padding-top: 3rem !important; }
  .pe-md-0 {
    padding-right: 0 !important; }
  .pe-md-1 {
    padding-right: 0.25rem !important; }
  .pe-md-2 {
    padding-right: 0.5rem !important; }
  .pe-md-3 {
    padding-right: 1rem !important; }
  .pe-md-4 {
    padding-right: 1.5rem !important; }
  .pe-md-5 {
    padding-right: 3rem !important; }
  .pb-md-0 {
    padding-bottom: 0 !important; }
  .pb-md-1 {
    padding-bottom: 0.25rem !important; }
  .pb-md-2 {
    padding-bottom: 0.5rem !important; }
  .pb-md-3 {
    padding-bottom: 1rem !important; }
  .pb-md-4 {
    padding-bottom: 1.5rem !important; }
  .pb-md-5 {
    padding-bottom: 3rem !important; }
  .ps-md-0 {
    padding-left: 0 !important; }
  .ps-md-1 {
    padding-left: 0.25rem !important; }
  .ps-md-2 {
    padding-left: 0.5rem !important; }
  .ps-md-3 {
    padding-left: 1rem !important; }
  .ps-md-4 {
    padding-left: 1.5rem !important; }
  .ps-md-5 {
    padding-left: 3rem !important; }
  .gap-md-0 {
    gap: 0 !important; }
  .gap-md-1 {
    gap: 0.25rem !important; }
  .gap-md-2 {
    gap: 0.5rem !important; }
  .gap-md-3 {
    gap: 1rem !important; }
  .gap-md-4 {
    gap: 1.5rem !important; }
  .gap-md-5 {
    gap: 3rem !important; }
  .text-md-start {
    text-align: left !important; }
  .text-md-end {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 992px) {
  .float-lg-start {
    float: left !important; }
  .float-lg-end {
    float: right !important; }
  .float-lg-none {
    float: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-grid {
    display: grid !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; }
  .d-lg-none {
    display: none !important; }
  .flex-lg-fill {
    flex: 1 1 auto !important; }
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-grow-0 {
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; }
  .order-lg-first {
    order: -1 !important; }
  .order-lg-0 {
    order: 0 !important; }
  .order-lg-1 {
    order: 1 !important; }
  .order-lg-2 {
    order: 2 !important; }
  .order-lg-3 {
    order: 3 !important; }
  .order-lg-4 {
    order: 4 !important; }
  .order-lg-5 {
    order: 5 !important; }
  .order-lg-last {
    order: 6 !important; }
  .m-lg-0 {
    margin: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-lg-0 {
    margin-top: 0 !important; }
  .mt-lg-1 {
    margin-top: 0.25rem !important; }
  .mt-lg-2 {
    margin-top: 0.5rem !important; }
  .mt-lg-3 {
    margin-top: 1rem !important; }
  .mt-lg-4 {
    margin-top: 1.5rem !important; }
  .mt-lg-5 {
    margin-top: 3rem !important; }
  .mt-lg-auto {
    margin-top: auto !important; }
  .me-lg-0 {
    margin-right: 0 !important; }
  .me-lg-1 {
    margin-right: 0.25rem !important; }
  .me-lg-2 {
    margin-right: 0.5rem !important; }
  .me-lg-3 {
    margin-right: 1rem !important; }
  .me-lg-4 {
    margin-right: 1.5rem !important; }
  .me-lg-5 {
    margin-right: 3rem !important; }
  .me-lg-auto {
    margin-right: auto !important; }
  .mb-lg-0 {
    margin-bottom: 0 !important; }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important; }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important; }
  .mb-lg-3 {
    margin-bottom: 1rem !important; }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important; }
  .mb-lg-5 {
    margin-bottom: 3rem !important; }
  .mb-lg-auto {
    margin-bottom: auto !important; }
  .ms-lg-0 {
    margin-left: 0 !important; }
  .ms-lg-1 {
    margin-left: 0.25rem !important; }
  .ms-lg-2 {
    margin-left: 0.5rem !important; }
  .ms-lg-3 {
    margin-left: 1rem !important; }
  .ms-lg-4 {
    margin-left: 1.5rem !important; }
  .ms-lg-5 {
    margin-left: 3rem !important; }
  .ms-lg-auto {
    margin-left: auto !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .pt-lg-0 {
    padding-top: 0 !important; }
  .pt-lg-1 {
    padding-top: 0.25rem !important; }
  .pt-lg-2 {
    padding-top: 0.5rem !important; }
  .pt-lg-3 {
    padding-top: 1rem !important; }
  .pt-lg-4 {
    padding-top: 1.5rem !important; }
  .pt-lg-5 {
    padding-top: 3rem !important; }
  .pe-lg-0 {
    padding-right: 0 !important; }
  .pe-lg-1 {
    padding-right: 0.25rem !important; }
  .pe-lg-2 {
    padding-right: 0.5rem !important; }
  .pe-lg-3 {
    padding-right: 1rem !important; }
  .pe-lg-4 {
    padding-right: 1.5rem !important; }
  .pe-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-0 {
    padding-bottom: 0 !important; }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pb-lg-3 {
    padding-bottom: 1rem !important; }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pb-lg-5 {
    padding-bottom: 3rem !important; }
  .ps-lg-0 {
    padding-left: 0 !important; }
  .ps-lg-1 {
    padding-left: 0.25rem !important; }
  .ps-lg-2 {
    padding-left: 0.5rem !important; }
  .ps-lg-3 {
    padding-left: 1rem !important; }
  .ps-lg-4 {
    padding-left: 1.5rem !important; }
  .ps-lg-5 {
    padding-left: 3rem !important; }
  .gap-lg-0 {
    gap: 0 !important; }
  .gap-lg-1 {
    gap: 0.25rem !important; }
  .gap-lg-2 {
    gap: 0.5rem !important; }
  .gap-lg-3 {
    gap: 1rem !important; }
  .gap-lg-4 {
    gap: 1.5rem !important; }
  .gap-lg-5 {
    gap: 3rem !important; }
  .text-lg-start {
    text-align: left !important; }
  .text-lg-end {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important; }
  .float-xl-end {
    float: right !important; }
  .float-xl-none {
    float: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-grid {
    display: grid !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; }
  .d-xl-none {
    display: none !important; }
  .flex-xl-fill {
    flex: 1 1 auto !important; }
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; }
  .order-xl-first {
    order: -1 !important; }
  .order-xl-0 {
    order: 0 !important; }
  .order-xl-1 {
    order: 1 !important; }
  .order-xl-2 {
    order: 2 !important; }
  .order-xl-3 {
    order: 3 !important; }
  .order-xl-4 {
    order: 4 !important; }
  .order-xl-5 {
    order: 5 !important; }
  .order-xl-last {
    order: 6 !important; }
  .m-xl-0 {
    margin: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-xl-0 {
    margin-top: 0 !important; }
  .mt-xl-1 {
    margin-top: 0.25rem !important; }
  .mt-xl-2 {
    margin-top: 0.5rem !important; }
  .mt-xl-3 {
    margin-top: 1rem !important; }
  .mt-xl-4 {
    margin-top: 1.5rem !important; }
  .mt-xl-5 {
    margin-top: 3rem !important; }
  .mt-xl-auto {
    margin-top: auto !important; }
  .me-xl-0 {
    margin-right: 0 !important; }
  .me-xl-1 {
    margin-right: 0.25rem !important; }
  .me-xl-2 {
    margin-right: 0.5rem !important; }
  .me-xl-3 {
    margin-right: 1rem !important; }
  .me-xl-4 {
    margin-right: 1.5rem !important; }
  .me-xl-5 {
    margin-right: 3rem !important; }
  .me-xl-auto {
    margin-right: auto !important; }
  .mb-xl-0 {
    margin-bottom: 0 !important; }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important; }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important; }
  .mb-xl-3 {
    margin-bottom: 1rem !important; }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important; }
  .mb-xl-5 {
    margin-bottom: 3rem !important; }
  .mb-xl-auto {
    margin-bottom: auto !important; }
  .ms-xl-0 {
    margin-left: 0 !important; }
  .ms-xl-1 {
    margin-left: 0.25rem !important; }
  .ms-xl-2 {
    margin-left: 0.5rem !important; }
  .ms-xl-3 {
    margin-left: 1rem !important; }
  .ms-xl-4 {
    margin-left: 1.5rem !important; }
  .ms-xl-5 {
    margin-left: 3rem !important; }
  .ms-xl-auto {
    margin-left: auto !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .pt-xl-0 {
    padding-top: 0 !important; }
  .pt-xl-1 {
    padding-top: 0.25rem !important; }
  .pt-xl-2 {
    padding-top: 0.5rem !important; }
  .pt-xl-3 {
    padding-top: 1rem !important; }
  .pt-xl-4 {
    padding-top: 1.5rem !important; }
  .pt-xl-5 {
    padding-top: 3rem !important; }
  .pe-xl-0 {
    padding-right: 0 !important; }
  .pe-xl-1 {
    padding-right: 0.25rem !important; }
  .pe-xl-2 {
    padding-right: 0.5rem !important; }
  .pe-xl-3 {
    padding-right: 1rem !important; }
  .pe-xl-4 {
    padding-right: 1.5rem !important; }
  .pe-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-0 {
    padding-bottom: 0 !important; }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pb-xl-3 {
    padding-bottom: 1rem !important; }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pb-xl-5 {
    padding-bottom: 3rem !important; }
  .ps-xl-0 {
    padding-left: 0 !important; }
  .ps-xl-1 {
    padding-left: 0.25rem !important; }
  .ps-xl-2 {
    padding-left: 0.5rem !important; }
  .ps-xl-3 {
    padding-left: 1rem !important; }
  .ps-xl-4 {
    padding-left: 1.5rem !important; }
  .ps-xl-5 {
    padding-left: 3rem !important; }
  .gap-xl-0 {
    gap: 0 !important; }
  .gap-xl-1 {
    gap: 0.25rem !important; }
  .gap-xl-2 {
    gap: 0.5rem !important; }
  .gap-xl-3 {
    gap: 1rem !important; }
  .gap-xl-4 {
    gap: 1.5rem !important; }
  .gap-xl-5 {
    gap: 3rem !important; }
  .text-xl-start {
    text-align: left !important; }
  .text-xl-end {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

@media (min-width: 1440) {
  .float-xxl-start {
    float: left !important; }
  .float-xxl-end {
    float: right !important; }
  .float-xxl-none {
    float: none !important; }
  .d-xxl-inline {
    display: inline !important; }
  .d-xxl-inline-block {
    display: inline-block !important; }
  .d-xxl-block {
    display: block !important; }
  .d-xxl-grid {
    display: grid !important; }
  .d-xxl-table {
    display: table !important; }
  .d-xxl-table-row {
    display: table-row !important; }
  .d-xxl-table-cell {
    display: table-cell !important; }
  .d-xxl-flex {
    display: flex !important; }
  .d-xxl-inline-flex {
    display: inline-flex !important; }
  .d-xxl-none {
    display: none !important; }
  .flex-xxl-fill {
    flex: 1 1 auto !important; }
  .flex-xxl-row {
    flex-direction: row !important; }
  .flex-xxl-column {
    flex-direction: column !important; }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important; }
  .flex-xxl-wrap {
    flex-wrap: wrap !important; }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-xxl-start {
    justify-content: flex-start !important; }
  .justify-content-xxl-end {
    justify-content: flex-end !important; }
  .justify-content-xxl-center {
    justify-content: center !important; }
  .justify-content-xxl-between {
    justify-content: space-between !important; }
  .justify-content-xxl-around {
    justify-content: space-around !important; }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important; }
  .align-items-xxl-start {
    align-items: flex-start !important; }
  .align-items-xxl-end {
    align-items: flex-end !important; }
  .align-items-xxl-center {
    align-items: center !important; }
  .align-items-xxl-baseline {
    align-items: baseline !important; }
  .align-items-xxl-stretch {
    align-items: stretch !important; }
  .align-content-xxl-start {
    align-content: flex-start !important; }
  .align-content-xxl-end {
    align-content: flex-end !important; }
  .align-content-xxl-center {
    align-content: center !important; }
  .align-content-xxl-between {
    align-content: space-between !important; }
  .align-content-xxl-around {
    align-content: space-around !important; }
  .align-content-xxl-stretch {
    align-content: stretch !important; }
  .align-self-xxl-auto {
    align-self: auto !important; }
  .align-self-xxl-start {
    align-self: flex-start !important; }
  .align-self-xxl-end {
    align-self: flex-end !important; }
  .align-self-xxl-center {
    align-self: center !important; }
  .align-self-xxl-baseline {
    align-self: baseline !important; }
  .align-self-xxl-stretch {
    align-self: stretch !important; }
  .order-xxl-first {
    order: -1 !important; }
  .order-xxl-0 {
    order: 0 !important; }
  .order-xxl-1 {
    order: 1 !important; }
  .order-xxl-2 {
    order: 2 !important; }
  .order-xxl-3 {
    order: 3 !important; }
  .order-xxl-4 {
    order: 4 !important; }
  .order-xxl-5 {
    order: 5 !important; }
  .order-xxl-last {
    order: 6 !important; }
  .m-xxl-0 {
    margin: 0 !important; }
  .m-xxl-1 {
    margin: 0.25rem !important; }
  .m-xxl-2 {
    margin: 0.5rem !important; }
  .m-xxl-3 {
    margin: 1rem !important; }
  .m-xxl-4 {
    margin: 1.5rem !important; }
  .m-xxl-5 {
    margin: 3rem !important; }
  .m-xxl-auto {
    margin: auto !important; }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-xxl-0 {
    margin-top: 0 !important; }
  .mt-xxl-1 {
    margin-top: 0.25rem !important; }
  .mt-xxl-2 {
    margin-top: 0.5rem !important; }
  .mt-xxl-3 {
    margin-top: 1rem !important; }
  .mt-xxl-4 {
    margin-top: 1.5rem !important; }
  .mt-xxl-5 {
    margin-top: 3rem !important; }
  .mt-xxl-auto {
    margin-top: auto !important; }
  .me-xxl-0 {
    margin-right: 0 !important; }
  .me-xxl-1 {
    margin-right: 0.25rem !important; }
  .me-xxl-2 {
    margin-right: 0.5rem !important; }
  .me-xxl-3 {
    margin-right: 1rem !important; }
  .me-xxl-4 {
    margin-right: 1.5rem !important; }
  .me-xxl-5 {
    margin-right: 3rem !important; }
  .me-xxl-auto {
    margin-right: auto !important; }
  .mb-xxl-0 {
    margin-bottom: 0 !important; }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important; }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important; }
  .mb-xxl-3 {
    margin-bottom: 1rem !important; }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important; }
  .mb-xxl-5 {
    margin-bottom: 3rem !important; }
  .mb-xxl-auto {
    margin-bottom: auto !important; }
  .ms-xxl-0 {
    margin-left: 0 !important; }
  .ms-xxl-1 {
    margin-left: 0.25rem !important; }
  .ms-xxl-2 {
    margin-left: 0.5rem !important; }
  .ms-xxl-3 {
    margin-left: 1rem !important; }
  .ms-xxl-4 {
    margin-left: 1.5rem !important; }
  .ms-xxl-5 {
    margin-left: 3rem !important; }
  .ms-xxl-auto {
    margin-left: auto !important; }
  .p-xxl-0 {
    padding: 0 !important; }
  .p-xxl-1 {
    padding: 0.25rem !important; }
  .p-xxl-2 {
    padding: 0.5rem !important; }
  .p-xxl-3 {
    padding: 1rem !important; }
  .p-xxl-4 {
    padding: 1.5rem !important; }
  .p-xxl-5 {
    padding: 3rem !important; }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .pt-xxl-0 {
    padding-top: 0 !important; }
  .pt-xxl-1 {
    padding-top: 0.25rem !important; }
  .pt-xxl-2 {
    padding-top: 0.5rem !important; }
  .pt-xxl-3 {
    padding-top: 1rem !important; }
  .pt-xxl-4 {
    padding-top: 1.5rem !important; }
  .pt-xxl-5 {
    padding-top: 3rem !important; }
  .pe-xxl-0 {
    padding-right: 0 !important; }
  .pe-xxl-1 {
    padding-right: 0.25rem !important; }
  .pe-xxl-2 {
    padding-right: 0.5rem !important; }
  .pe-xxl-3 {
    padding-right: 1rem !important; }
  .pe-xxl-4 {
    padding-right: 1.5rem !important; }
  .pe-xxl-5 {
    padding-right: 3rem !important; }
  .pb-xxl-0 {
    padding-bottom: 0 !important; }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important; }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important; }
  .pb-xxl-3 {
    padding-bottom: 1rem !important; }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important; }
  .pb-xxl-5 {
    padding-bottom: 3rem !important; }
  .ps-xxl-0 {
    padding-left: 0 !important; }
  .ps-xxl-1 {
    padding-left: 0.25rem !important; }
  .ps-xxl-2 {
    padding-left: 0.5rem !important; }
  .ps-xxl-3 {
    padding-left: 1rem !important; }
  .ps-xxl-4 {
    padding-left: 1.5rem !important; }
  .ps-xxl-5 {
    padding-left: 3rem !important; }
  .gap-xxl-0 {
    gap: 0 !important; }
  .gap-xxl-1 {
    gap: 0.25rem !important; }
  .gap-xxl-2 {
    gap: 0.5rem !important; }
  .gap-xxl-3 {
    gap: 1rem !important; }
  .gap-xxl-4 {
    gap: 1.5rem !important; }
  .gap-xxl-5 {
    gap: 3rem !important; }
  .text-xxl-start {
    text-align: left !important; }
  .text-xxl-end {
    text-align: right !important; }
  .text-xxl-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.25rem !important; }
  .fs-2 {
    font-size: 1.875rem !important; }
  .fs-3 {
    font-size: 1.5rem !important; } }

@media print {
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-grid {
    display: grid !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; }
  .d-print-none {
    display: none !important; } }

.c-pointer {
  cursor: pointer; }

* {
  outline: none;
  padding: 0; }
  *::after {
    margin: 0;
    padding: 0; }
  *::before {
    margin: 0;
    padding: 0; }

::-moz-selection {
  color: #fff;
  background: var(--primary); }

::selection {
  color: #fff;
  background: var(--primary); }

body {
  overflow-x: hidden;
  height: 100%;
  position: relative;
  max-width: 100%;
  font-size: 0.875rem; }
  @media only screen and (max-width: 991px) {
    body {
      font-size: 0.875rem; } }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color: #000;
  font-weight: 600; }

p {
  line-height: 1.8; }

.box-shadow-none {
  box-shadow: none !important; }

#main-wrapper {
  opacity: 0;
  transition: all 0.25s ease-in;
  overflow: hidden;
  position: relative; }
  #main-wrapper.show {
    opacity: 1; }

.rounded-lg {
  border-radius: 0.35rem; }

ul {
  padding: 0;
  margin: 0; }

li {
  list-style: none; }

a {
  text-decoration: none;
  color: #7e7e7e; }
  a:hover, a:focus, a.active {
    text-decoration: none;  }

.rounded {
  border-radius: 0.35rem !important; }

.btn-link:hover, .btn-link:focus, .btn-link.active {
  text-decoration: none; }

.fs-12 {
  font-size: 12px !important;
  line-height: 1.6; }

.fs-13 {
  font-size: 13px !important;
  line-height: 1.4; }

.fs-14 {
  font-size: 14px !important;
  line-height: 1.5; }
  @media only screen and (max-width: 1199px) {
    .fs-14 {
      font-size: 12px !important; } }

.fs-15 {
  font-size: 14px !important;
  line-height: 1.5; }

.fs-16 {
  font-size: 16px !important;
  line-height: 1.5; }

.fs-18 {
  font-size: 18px !important;
  line-height: 1.5; }

.fs-20 {
  font-size: 20px !important;
  line-height: 1.5; }

.fs-22 {
  font-size: 22px !important;
  line-height: 1.5; }

.fs-24 {
  font-size: 24px !important;
  line-height: 1.4; }

.fs-26 {
  font-size: 26px !important;
  line-height: 1.4; }

.fs-28 {
  font-size: 28px !important;
  line-height: 1.4; }

.fs-30 {
  font-size: 30px !important;
  line-height: 1.4; }

.fs-32 {
  font-size: 32px !important;
  line-height: 1.25; }

.fs-34 {
  font-size: 34px !important;
  line-height: 1.25; }

.fs-35 {
  font-size: 35px !important;
  line-height: 1.25; }

.fs-36 {
  font-size: 36px !important;
  line-height: 1.25; }

.fs-38 {
  font-size: 38px !important;
  line-height: 1.25; }

.fs-46 {
  font-size: 46px !important;
  line-height: 1.25; }

.fs-48 {
  font-size: 48px !important;
  line-height: 1.25; }

.font-w100 {
  font-weight: 100; }

.font-w200 {
  font-weight: 200; }

.font-w300 {
  font-weight: 300; }

.font-w400 {
  font-weight: 400; }

.font-w500 {
  font-weight: 500; }

.font-w600 {
  font-weight: 600; }

.font-w700 {
  font-weight: 700; }

.font-w800 {
  font-weight: 800; }

.font-w900 {
  font-weight: 900; }

.w-space-no {
  white-space: nowrap; }

.content-body .container {
  margin-top: 40px;
  padding-right: 40px;
  padding-left: 40px; }
  @media only screen and (min-width: 1600px) {
    .content-body .container.max {
      max-width: 1340px; } }
  @media only screen and (max-width: 1200px) {
    .content-body .container.max {
      margin-top: 30px;
      padding-right: 30px;
      padding-left: 30px;
      max-width: 100%; } }
      @media only screen and (max-width: 1023px) {
        .content-body .container.max {
          margin-top: 30px;
          padding-right: 30px;
          padding-left: 0px;
          max-width: 100%; } }
  @media only screen and (max-width: 767px) {
    .content-body .container.max {
      margin-top: 20px;
      padding-right: 20px;
      padding-left: 20px;
      max-width: 100%; } }
      @media only screen and  (max-width: 1024){
        .content-body .container-fluid .pms_table{
padding-left: 50px !important;
        }
      }
      @media only screen and  (max-width: 1280px){
        .content-body .container-fluid .pms_table{
padding-right: 50px !important;
        }
      }
  @media only screen and (max-width: 575px) {
    .content-body .container.max {
      margin-top: 15px;
      padding-right: 15px;
      padding-left: 15px;
      max-width: 100%; } }

.content-body .container-fluid, .content-body .container-sm, .content-body .container-md, .content-body .container-lg, .content-body .container-xl, .content-body .container-xxl {
  padding-top: 60px;

  padding-left: 20px; 
  padding-bottom: 60px;
}
  @media only screen and (max-width: 1024px){
    .content-body .container-fluid, .content-body .container-sm, .content-body .container-md, .content-body .container-lg, .content-body .container-xl, .content-body .container-xxl {
      padding-left: 30px; 
    }
  }
  @media only screen and (max-width: 1200px) {
    .content-body .container-fluid, .content-body .container-sm, .content-body .container-md, .content-body .container-lg, .content-body .container-xl, .content-body .container-xxl {
      padding-top: 40px;
      padding-right: 30px;
      padding-bottom: 40px;
      /* padding-left: 30px;  */
    } }
  @media only screen and (max-width: 767px) {
    .content-body .container-fluid, .content-body .container-sm, .content-body .container-md, .content-body .container-lg, .content-body .container-xl, .content-body .container-xxl {
      padding-top: 30px;
      padding-right: 20px;
      padding-bottom: 30px;
      padding-left: 20px; } }
  @media only screen and (max-width: 768px) {
    .content-body .container-fluid, .content-body .container-sm, .content-body .container-md, .content-body .container-lg, .content-body .container-xl, .content-body .container-xxl {
      padding-top: 20px;
      padding-right: 20px;
      padding-bottom: 40px;
      padding-left: 20px; } }

/*sp*/
.row.sp4,
.sp4 {
  margin-left: -2px;
  margin-right: -2px; }
  .row.sp4 [class*="col-"],
  .sp4 [class*="col-"] {
    padding-left: 2px;
    padding-right: 2px; }

.op1 {
  opacity: 0.1; }

.op2 {
  opacity: 0.2; }

.op3 {
  opacity: 0.3; }

.op4 {
  opacity: 0.4; }

.op5 {
  opacity: 0.5; }

.op6 {
  opacity: 0.6; }

.op7 {
  opacity: 0.7; }

.op8 {
  opacity: 0.8; }

.op9 {
  opacity: 0.9; }

.content-heading {
  font-size: 16px;
  margin-bottom: 1.875rem;
  margin-top: 3.125rem;
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 10px; }
  [direction="rtl"] .content-heading {
    text-align: right; }

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus {
  box-shadow: none; }

.text-primary {
  color: var(--primary) !important; }

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

.support-ticket {
  position: fixed;
  bottom: 30px;
  right: 15px;
  z-index: 999999; }

.support-ticket-btn {
  width: 100px;
  background: #7CB442;
  animation: 0.7s ease-in-out 0s infinite alternate none running crescendo;
  border-radius: 50px;
  color: #fff;
  font-size: 16px;
  padding: 5px 10px 7px;
  text-align: center;
  display: inline-block;
  box-shadow: rgba(124, 180, 66, 0.7) 0px 8px 35px 0px; }
  .support-ticket-btn:hover, .support-ticket-btn:focus {
    color: #fff; }

.border-left-end {
  border-top-right-radius: 0.625rem !important;
  border-bottom-right-radius: 0.625rem !important; }

.border-right-end {
  border-top-left-radius: 0.625rem !important;
  border-bottom-left-radius: 0.625rem !important; }

.text-blue {
  color: #5e72e4; }

.text-indigo {
  color: #6610f2; }

.text-purple {
  color: #6f42c1; }

.text-pink {
  color: #e83e8c; }

.text-red {
  color: #EE3232; }

.text-orange {
  color: #ff9900; }

.text-yellow {
  color: #FFFA6F; }

.text-green {
  color: #297F00; }

.text-teal {
  color: #20c997; }

.text-cyan {
  color: #3065D0; }

.bg-gray-dark {
  background: #191e3a !important; }

.bg-purpal {
  background: #4527a0 !important; }

.bg-red {
  background: #c62828 !important; }

.bg-blue-dark {
  background: #283593 !important; }

.bg-blue {
  background: #7356f1 !important; }

.bg-blue-light {
  background: #5bcfc5 !important; }

.bg-green-light {
  background: #00838f !important; }

.bg-green {
  background: #ff8f16 !important; }

.bg-black {
  background: #000; }

.text-black {
  color: #000 !important; }

.dz-scroll {
  position: relative; }

.scale1 {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  display: inline-block; }

.scale2 {
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  display: inline-block; }

.scale3 {
  transform: scale(1.3);
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  display: inline-block; }

.scale4 {
  transform: scale(1.4);
  -moz-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -o-transform: scale(1.4);
  display: inline-block; }

.scale5 {
  transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  display: inline-block; }

.scale-2 {
  transform: scale(2);
  -moz-transform: scale(2);
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  display: inline-block; }

.height10 {
  height: 10px; }

.height20 {
  height: 20px; }

.height30 {
  height: 30px; }

.height40 {
  height: 40px; }

.height50 {
  height: 50px; }

.height60 {
  height: 60px; }

.height70 {
  height: 70px; }

.height80 {
  height: 80px; }

.height90 {
  height: 90px; }

.height100 {
  height: 100px; }

.height110 {
  height: 110px; }

.height120 {
  height: 120px; }

.height130 {
  height: 130px; }

.height140 {
  height: 140px; }

.height150 {
  height: 150px; }

.height160 {
  height: 160px; }

.height170 {
  height: 170px; }

.height180 {
  height: 180px; }

.height190 {
  height: 190px; }

.height200 {
  height: 200px; }

.height210 {
  height: 210px; }

.height220 {
  height: 220px; }

.height230 {
  height: 230px; }

.height240 {
  height: 240px; }

.height250 {
  height: 250px; }

.height260 {
  height: 260px; }

.height270 {
  height: 270px; }

.height280 {
  height: 280px; }

.height290 {
  height: 290px; }

.height300 {
  height: 300px; }

.height310 {
  height: 310px; }

.height320 {
  height: 320px; }

.height330 {
  height: 330px; }

.height340 {
  height: 340px; }

.height350 {
  height: 350px; }

.height360 {
  height: 360px; }

.height370 {
  height: 370px; }

.height380 {
  height: 380px; }

.height390 {
  height: 390px; }

.height400 {
  height: 400px; }

.height415 {
  height: 415px; }

.height500 {
  height: 500px; }

.height520 {
  height: 520px; }

.height600 {
  height: 600px; }

.height630 {
  height: 630px; }

.height650 {
  height: 650px; }

.height720 {
  height: 720px; }

.height750 {
  height: 750px; }

.height800 {
  height: 800px; }

.width10 {
  width: 10px; }

.width20 {
  width: 20px; }

.width30 {
  width: 30px; }

.width40 {
  width: 40px; }

.width50 {
  width: 50px; }

.width60 {
  width: 60px; }

.width70 {
  width: 70px; }

.width80 {
  width: 80px; }

.width90 {
  width: 90px; }

.width100 {
  width: 100px; }

.width110 {
  width: 110px; }

.width120 {
  width: 120px; }

.width130 {
  width: 130px; }

.width140 {
  width: 140px; }

.width150 {
  width: 150px; }

.width160 {
  width: 160px; }

.width170 {
  width: 170px; }

.width180 {
  width: 180px; }

.width190 {
  width: 190px; }

.width200 {
  width: 200px; }

.width210 {
  width: 210px; }

.width220 {
  width: 220px; }

.width230 {
  width: 230px; }

.width240 {
  width: 240px; }

.width250 {
  width: 250px; }

.width260 {
  width: 260px; }

.width270 {
  width: 270px; }

.width280 {
  width: 280px; }

.width290 {
  width: 290px; }

.width300 {
  width: 300px; }

.width310 {
  width: 310px; }

.width320 {
  width: 320px; }

.width330 {
  width: 330px; }

.width340 {
  width: 340px; }

.width350 {
  width: 350px; }

.width360 {
  width: 360px; }

.width370 {
  width: 370px; }

.width380 {
  width: 380px; }

.width390 {
  width: 390px; }

.width400 {
  width: 400px; }

@keyframes gXGDoR {
  from {
    transform: translateY(5px) scale(0.8); }
  to {
    transform: translateY(0px) scale(1); } }

@keyframes crescendo {
  from {
    transform: translateY(5px) scale(0.8); }
  to {
    transform: translateY(0px) scale(1); } }

@keyframes gXGDoR {
  from {
    transform: translateY(5px) scale(0.8); }
  to {
    transform: translateY(0px) scale(1); } }

.dz-scroll {
  position: relative; }

textarea.form-control {
  min-height: auto !important;
  height: auto !important; }

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .col-xxl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xxl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xxl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xxl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xxl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xxl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xxl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xxl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important; } }

/* Editable */
#preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #fff; }

.sk-three-bounce {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: white; }

.sk-three-bounce .sk-child {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-color: var(--primary);
  border-radius: 100%;
  display: inline-block;
  animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; }

.sk-three-bounce .sk-bounce1 {
  animation-delay: -0.32s; }

.sk-three-bounce .sk-bounce2 {
  animation-delay: -0.16s; }

@keyframes sk-three-bounce {
  0%,
  80%,
  100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }

.footer {
  padding-left: 17.5rem;
  background-color: #fff; }
  
[data-sidebar-style="mini"] .nav-control,
[data-layout="horizontal"] .nav-control {
  display: none; }

@media only screen and (max-width: 767px) {
  [data-sidebar-style="overlay"] .nav-header .logo-abbr {
    display: block; } }

[data-header-position="fixed"] .nav-header {
  position: fixed;
  left: auto; }

.nav-header {
  height: 4.5rem;
  width: 17.5rem;
  display: inline-block;
  text-align: left;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--nav-headbg);
  transition: all .2s ease;
  z-index: 10; }
  .nav-header .logo-abbr {
    min-width: 45px;
    max-width: 40px; }
    @media only screen and (max-width: 575px) {
      .nav-header .logo-abbr {
        min-width: 35px; } }
  .nav-header .logo-compact {
    display: none; }
  @media only screen and (max-width: 1350px) {
    .nav-header {
      width: 17rem; } }
  .nav-header .svg-logo-rect {
    fill: var(--primary); }
  .nav-header .brand-logo {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    font-size: 1.125rem;
    color: #fff;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 50px;
    font-weight: 700; }
    [data-sidebar-style="compact"] .nav-header .brand-logo,
    [data-sidebar-style="mini"] .nav-header .brand-logo {
      padding-left: 0;
      padding-right: 0;
      justify-content: center; }
    @media only screen and (max-width: 767px) {
      .nav-header .brand-logo {
        padding-left: 0;
        padding-right: 0;
        justify-content: center; } }
  .nav-header .brand-title {
    margin-left: 20px;
    max-width: 120px;
    margin-top: 0px; }
@media only screen and (max-width: 1199px) {
  /* .nav-header {
		height:5rem;
    } */ }

@media only screen and (max-width: 1023px) {
  .nav-header {
    width: 5rem; }
    .nav-header .brand-title {
      display: none; } }

.nav-control {
  cursor: pointer;
  position: absolute;
  right: 15px;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
  font-size: 1.4rem;
  padding: 2px 0.5rem 0;
  border-radius: 2px; }
  @media only screen and (max-width: 1023px) {
    .nav-control {
      right: -45px; } }
  @media only screen and (max-width: 767px) {
    .nav-control {
      right: -2.75rem; } }
  @media only screen and (max-width: 575px) {
    .nav-control {
      right: -3rem; } }

.hamburger {
  display: inline-block;
  left: 0px;
  position: relative;
  top: 3px;
  transition: all 0.3s ease-in-out 0s;
  width: 26px;
  z-index: 999; }

.hamburger .line {
  background: var(--primary);
  display: block;
  height: 3px;
  border-radius: 3px;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: auto;
  transition: all 0.3s ease-in-out; }

.hamburger .line:nth-child(1) {
  width: 20px; }

.hamburger .line:nth-child(2) {
  width: 26px; }

.hamburger .line:nth-child(3) {
  width: 22px; }

.hamburger:hover {
  cursor: pointer; }

.hamburger:hover .line {
  width: 26px; }

/*
    .hamburger.is-active {
      left: 60px;
    }
    */
.hamburger.is-active .line:nth-child(1),
.hamburger.is-active .line:nth-child(3) {
  width: 10px;
  height: 2px; }

.hamburger.is-active .line:nth-child(2) {
  transform: translateX(0px);
  width: 22px;
  height: 2px; }

.hamburger.is-active .line:nth-child(1) {
  transform: translateY(4px) rotate(45deg); }

.hamburger.is-active .line:nth-child(3) {
  transform: translateY(-4px) rotate(-45deg); }

@media (min-width: 767px) {
  [data-sidebar-style="compact"] .nav-control {
    display: none; }
  [data-sidebar-style="compact"] .nav-header {
    width: 11.25rem; } }

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .brand-title {
  display: none; }

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .logo-abbr {
  display: block; }

[data-sidebar-style="full"][data-layout="horizontal"] .logo-compact {
  display: none; }

[data-sidebar-style="mini"] .nav-header .logo-abbr {
  display: block; }

[data-sidebar-style="compact"][data-layout="vertical"] .nav-header .brand-title {
  display: none; }

[data-sidebar-style="compact"][data-layout="vertical"] .nav-header .logo-compact {
  max-width: 75px; }

[data-sidebar-style="compact"][data-layout="horizontal"] .nav-header .brand-logo {
  padding-left: 30px;
  padding-right: 30px;
  justify-content: start; }

[data-sidebar-style="modern"][data-layout="vertical"] .nav-header {
  width: 9.5rem; }
  [data-sidebar-style="modern"][data-layout="vertical"] .nav-header .brand-title {
    display: none; }
  [data-sidebar-style="modern"][data-layout="vertical"] .nav-header .logo-compact {
    display: none; }

.header {
  /* position: relative; */
  padding: 0rem;
  z-index: 4;
  /* padding-left: 17.5rem; */
  transition: all .2s ease;
  /* background: var(--headerbg); */
  background: transparent;
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05); }
  .header .header-content {
    height: 100%; }
  .header .navbar {
    height: 4.5rem;
    padding: 0 40px;
    width: 100%; }
    .header .navbar .navbar-collapse {
      height: 100%;
      width: 100%; }
    @media only screen and (max-width: 1023px) {
      .header .navbar {
        padding-left: 145px; } }
    @media only screen and (max-width: 575px) {
      .header .navbar {
        padding: 0 15px; } }
  .header .sub-header {
    padding: 5px 40px;
    height: 3rem;
    display: flex;
    background-color: #fff;
    align-items: center;
    border-top: 1px solid #EEEEEE; }
    .header .sub-header .dashboard_bar {
      font-size: 18px;
      font-weight: 500;
      color: #000;
      margin-bottom: 0; }
    @media only screen and (max-width: 575px) {
      .header .sub-header {
        padding: 5px 15px; } }

/* pulse in SVG */
svg.pulse-svg {
  overflow: visible; }
  svg.pulse-svg .first-circle, svg.pulse-svg .second-circle, svg.pulse-svg .third-circle {
    transform: scale(0.3);
    transform-origin: center center;
    animation: pulse-me 3s linear infinite;
    fill: var(--primary); }
  svg.pulse-svg .second-circle {
    animation-delay: 1s; }
  svg.pulse-svg .third-circle {
    animation-delay: 2s; }

/* pulse in CSS */
.pulse-css {
  width: 1rem;
  height: 1rem;
  border-radius: 3.5rem;
  height: 12px;
  position: absolute;
  background: var(--primary);
  right: 5px;
  top: 8px;
  border: 2px solid #fff;
  width: 12px; }
  .pulse-css:after, .pulse-css:before {
    content: '';
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -.2rem;
    background-color: var(--primary);
    margin: auto;
    transform: scale(0.3);
    transform-origin: center center;
    animation: pulse-me 3s linear infinite; }
    [direction="rtl"] .pulse-css:after, [direction="rtl"] .pulse-css:before {
      left: auto;
      right: -.2rem; }
  @media only screen and (max-width: 1400px) {
    .pulse-css {
      height: 16px;
      width: 16px; } }

@keyframes pulse-me {
  0% {
    transform: scale(0.3);
    opacity: 0; }
  50% {
    opacity: 0.1; }
  70% {
    opacity: 0.09; }
  100% {
    transform: scale(3);
    opacity: 0; } }

[data-sidebar-style="full"] .header,
[data-sidebar-style="overlay"] .header {
  width: 100%; }
  @media only screen and (max-width: 1350px) {
    [data-sidebar-style="full"] .header,
    [data-sidebar-style="overlay"] .header {
      width: 100%;
      padding-left: 17rem; } }
  @media only screen and (max-width: 1023px) {
    [data-sidebar-style="full"] .header,
    [data-sidebar-style="overlay"] .header {
      width: 100%;
      padding-left: 0; } }

[data-sidebar-style="mini"] .header {
  width: 100%;
  padding-left: 5rem; }

[data-sidebar-style="compact"] .header {
  width: 100%;
  padding-left: 11.25rem; }

[data-header-position="fixed"] .header {
  position: fixed;
  top: 0;
  width: 100%; }

[data-header-position="fixed"] .content-body {
  padding-top: 7.5rem; }

[data-header-position="fixed"] .deznav {
  margin-top: 0; }

[data-sidebar-style="compact"][data-header-position="fixed"][data-container="boxed"][data-layout="vertical"] .header {
  width: 1199px; }

[data-sidebar-style="modern"] .header {
  width: 100%;
  padding-left: 9.5rem; }

[data-sidebar-style="modern"][data-layout="horizontal"] .nav-header .brand-logo {
  justify-content: start; }

[data-sidebar-style="modern"][data-layout="horizontal"] .header .header-content {
  padding-left: 30px; }

.header-left {
  height: 100%;
  display: flex;
  align-items: center; }
  .header-left input {
    background: #f7f7f7 !important;
    min-width: 170px;
    min-height: 40px;
    border-color: transparent;
    color: #6e6e6e !important;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
    box-shadow: none; }
    [direction="rtl"] .header-left input {
      border-top-left-radius: 0.375rem;
      border-bottom-left-radius: 0.375rem;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .header-left input:focus, .header-left input:active, .header-left input.active {
      border-color: transparent;
      box-shadow: none; }
    .header-left input::-moz-placeholder {
      color: #6e6e6e; }
    .header-left input::placeholder {
      color: #6e6e6e; }
  .header-left .search_bar {
    display: flex;
    align-items: center;
    height: 100%; }
    .header-left .search_bar .dropdown-menu {
      box-shadow: none; }
    .header-left .search_bar .search_icon {
      background: #f7f7f7 !important;
      height: 40px;
      padding: 8px 0 8px 15px !important;
      border-top-left-radius: 0.375rem;
      border-bottom-left-radius: 0.375rem; }
      .header-left .search_bar .search_icon i {
        font-size: 24px;
        color: #6e6e6e;
        line-height: 1; }
      @media only screen and (max-width: 767px) {
        .header-left .search_bar .search_icon {
          border-radius: 4px;
          padding: 8px 10px !important; }
      .header-left .search_bar {
        position: static; }
        .header-left .search_bar .dropdown-menu {
          width: 300px;
          left: -15vw;
          box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
          border-radius: 4px !important; } }
    @media only screen and (max-width: 767px) and (max-width: 575px) {
      .header-left .search_bar .dropdown-menu {
        width: 250px;
        left: -25vw; } }
    @media only screen and (max-width: 767px) {
          .header-left .search_bar .dropdown-menu .form-control {
            border-radius: 4px !important;
            width: 100%; }
          [direction="rtl"] .header-left .search_bar .dropdown-menu {
            right: -98px; } }
    .header-left .search_bar .dropdown-menu,
    .header-left .search_bar .dropdown-menu.show {
      border: 0px;
      background-color: transparent;
      border-top-right-radius: 5rem;
      border-bottom-right-radius: 5rem; }
      @media only screen and (min-width: 768px) {
        .header-left .search_bar .dropdown-menu,
        .header-left .search_bar .dropdown-menu.show {
          left: 34px;
          top: 0;
          transform: translateY(50%);
          display: block; } }

[data-sidebar-style="compact"] .header-left {
  margin-left: 0; }

.header-right {
  height: 100%; }
  .header-right .nav-item {
    height: 100%;
    display: flex;
    align-items: center; }
    .header-right .nav-item .nav-link {
      color: #464a53;
      font-size: 18px; }
  .header-right .right-sidebar {
    margin-right: -30px; }
    .header-right .right-sidebar a {
      height: 80px;
      width: 80px;
      text-align: center;
      justify-content: center;
      display: flex;
      align-items: center;
      border-left: 1px solid #f7f7f7; }
  .header-right > li:not(:first-child) {
    padding-left: 0.75rem; }
    @media only screen and (max-width: 1199px) {
      .header-right > li:not(:first-child) {
        padding-left: 0.5rem; } }
  @media only screen and (max-width: 767px) {
    .header-right .notification_dropdown {
      position: static; } }
  .header-right .notification_dropdown .nav-link {
    position: relative;
    color: var(--primary);
    padding: 0;
    height: 40px;
    text-align: center;
    line-height: 40px;
    width: 40px;
    transition: all 0.5s;
    border-radius: 0.5rem; }
    .header-right .notification_dropdown .nav-link .bell-icon {
      animation-name: tada;
      animation-iteration-count: infinite;
      animation-duration: 1s;
      animation-fill-mode: both; }
    .header-right .notification_dropdown .nav-link i {
      color: #2b2b2b; }
    .header-right .notification_dropdown .nav-link svg  path {
      fill: #2b2b2b; }
    @media only screen and (max-width: 1400px) {
      .header-right .notification_dropdown .nav-link svg {
        width: 24px;
        height: 24px; } }
    .header-right .notification_dropdown .nav-link svg#icon-full path, .header-right .notification_dropdown .nav-link svg#icon-minimize path {
      stroke: #2b2b2b; }
    
    .header-right .notification_dropdown .nav-link:hover {
      background: var(--rgba-primary-1); }
  .header-right .notification_dropdown .dropdown-item:focus a, .header-right .notification_dropdown .dropdown-item:active a {
    color: #fff; }
  .header-right .notification_dropdown .dropdown-item a {
    color: #6e6e6e; }
    .header-right .notification_dropdown .dropdown-item a:hover {
      text-decoration: none; }
  .header-right .dropdown-menu {
    border-width: 0;
    box-shadow: 0 0 37px rgba(8, 21, 66, 0.05); }

  .header-right .header-profile > a.nav-link {
    border-left: 1px solid #EEEEEE;
    margin-left: 10px;
    padding: 0;
    padding-left: 20px;
    display: flex;
    align-items: center; }
    .header-right .header-profile > a.nav-link i {
      font-weight: 700; }
    .header-right .header-profile > a.nav-link .header-info {
      padding-left: 12px;
      text-align: left; }
      @media only screen and (max-width: 1400px) {
        .header-right .header-profile > a.nav-link .header-info {
          padding-left: 10px; } }
      @media only screen and (max-width: 575px) {
        .header-right .header-profile > a.nav-link .header-info {
          display: none; } }
      .header-right .header-profile > a.nav-link .header-info span {
        font-size: 16px;
        color: #000;
        display: block;
        font-weight: 600; }
      .header-right .header-profile > a.nav-link .header-info strong {
        color: #6e6e6e; }
      .header-right .header-profile > a.nav-link .header-info small, .header-right .header-profile > a.nav-link .header-info .small {
        display: block;
        font-size: 12px;
        color: #89879f;
        font-weight: 400;
        line-height: 1.2; }
    @media only screen and (max-width: 1400px) {
      .header-right .header-profile > a.nav-link {
        margin-left: 10px;
        padding-left: 20px; } }
    @media only screen and (max-width: 575px) {
      .header-right .header-profile > a.nav-link {
        margin-left: 0px;
        padding-left: 0px;
        border-left: 0; } }
  .header-right .header-profile .dropdown-menu {
    padding: 15px 0;
    min-width: 12.5rem; }
    .header-right .header-profile .dropdown-menu a:hover, .header-right .header-profile .dropdown-menu a:focus, .header-right .header-profile .dropdown-menu a.active {
      color: var(--primary); }
  .header-right .header-profile img {
    width: 40px;
    height: 40px;
    border-radius: 0.5rem; }
    @media only screen and (max-width: 1400px) {
      .header-right .header-profile img {
        width: 39px;
        height: 39px; } }
  .header-right .header-profile .dropdown-toggle i {
    font-size: 1.25rem; }
  @media only screen and (max-width: 575px) {
    .header-right .header-profile .dropdown-toggle span {
      display: none; } }
  .header-right .header-profile .profile_title {
    background: var(--primary);
    color: #fff;
    padding: 10px 20px; }
    .header-right .header-profile .profile_title h5, .header-right .header-profile .profile_title .h5 {
      color: #fff;
      margin-bottom: 3px; }
  .header-right .header-profile .dropdown-item {
    padding: 8px 24px; }

.dz-fullscreen #icon-minimize {
  display: none; }

.dz-fullscreen.active #icon-full {
  display: none; }

.dz-fullscreen.active #icon-minimize {
  display: inline-block; }

@media only screen and (max-width: 575px) {
  .dz-fullscreen {
    display: none; } }

.dz-theme-mode #icon-light {
  display: none; }

.dz-theme-mode.active #icon-dark {
  display: none; }

.dz-theme-mode.active #icon-light {
  display: inline-block; }

@media only screen and (max-width: 575px) {
  .dz-theme-mode {
    display: none; } }

.notification_dropdown .dropdown-menu-end {
  min-width: 310px;
  padding: 0rem 0 1rem;
  top: 100%; }
  .notification_dropdown .dropdown-menu-end .notification_title {
    background: var(--primary);
    color: #fff;
    padding: 10px 20px; }
    .notification_dropdown .dropdown-menu-end .notification_title h5, .notification_dropdown .dropdown-menu-end .notification_title .h5 {
      color: #fff;
      margin-bottom: 3px; }
  .notification_dropdown .dropdown-menu-end .media {
    width: 45px !important;
    height: 45px !important;
    font-size: 18px !important; }
    .notification_dropdown .dropdown-menu-end .media > span {
      width: 35px;
      height: 35px;
      border-radius: 50px;
      display: inline-block;
      padding: 7px 9px;
      margin-right: 10px; }
      [direction="rtl"].notification_dropdown .dropdown-menu-end .media > span {
        margin-right: 0;
        margin-left: 10px; }
      .notification_dropdown .dropdown-menu-end .media > span.success {
        background: #ecfae4;
        color: #68CF29; }
      .notification_dropdown .dropdown-menu-end .media > span.primary {
        background: var(--rgba-primary-1);
        color: var(--primary); }
      .notification_dropdown .dropdown-menu-end .media > span.danger {
        background: #ffefee;
        color: #FF4C41; }
    .notification_dropdown .dropdown-menu-end .media .notify-time {
      width: 100% !important;
      margin-right: 0 !important;
      color: #828690; }
    .notification_dropdown .dropdown-menu-end .media p {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      max-width: 200px;
      margin-bottom: 0;
      margin-top: 5px; }
      @media only screen and (max-width: 575px) {
        .notification_dropdown .dropdown-menu-end .media p {
          max-width: 100px; } }
  .notification_dropdown .dropdown-menu-end .all-notification {
    display: block;
    padding: 15px 30px 0;
    text-align: center;
    border-top: 1px solid #f7f7f7; }
    .notification_dropdown .dropdown-menu-end .all-notification i {
      margin-left: 10px; }

/* .search-area {
  width: 275px; } */
  .search-area .input-group-append .input-group-text {
    background: #f7f7f7;
    padding: 0  15px;
    border-radius: 5px; }
    .search-area .input-group-append .input-group-text i {
      font-size: 16px;
      font-weight: 600 !important; }
  .search-area .form-control {
    border-radius: 0.5rem;
    border: 0;
    background: #f7f7f7 !important;
    height: 40px;
    padding: 0 25px; }
    .search-area .form-control:hover, .search-area .form-control:active, .search-area .form-control:focus {
      background: #f7f7f7; }
    .search-area .form-control::-moz-placeholder {
      color: #8388a0; }
    .search-area .form-control::placeholder {
      color: #8388a0; }
  .search-area .input-group-text {
    height: 40px;
    background: #f7f7f7;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }

[data-container="boxed"] .search-area {
  display: none !important; }

@keyframes tada {
  0% {
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% {
    transform: scale3d(1, 1, 1); } }

.tada {
  animation-name: tada; }

[direction="rtl"] .border-right {
  border-left: 1px solid #EEEEEE !important;
  border-right: 0 !important; }

[direction="rtl"] .border-left {
  border-right: 1px solid #EEEEEE !important;
  border-left: 0 !important; }

[direction="rtl"] .dropdown-menu {
  left: auto; }

[direction="rtl"] .dropdown-menu-right {
  left: 0;
  right: auto; }
  @media only screen and (max-width: 575px) {
    [direction="rtl"] .dropdown-menu-right {
      left: 15px; } }

[direction="rtl"] .notification_dropdown .dropdown-menu-right .media > span {
  margin-left: 10px;
  margin-right: 0; }

[direction="rtl"]:not([data-container="boxed"]) .nav-header {
  left: auto;
  right: 0; }

[direction="rtl"][data-container="wide-boxed"] .nav-header {
  left: auto;
  right: auto; }

[direction="rtl"] .nav-header {
  text-align: right;
  right: auto; }
  [direction="rtl"] .nav-header .brand-title {
    margin-left: 0;
    margin-right: 15px; }
  [direction="rtl"] .nav-header .brand-logo {
    padding-left: 0px;
    padding-right: 20px; }
    [data-sidebar-style="compact"][direction="rtl"] .nav-header .brand-logo {
      padding-right: 0; }
    [data-sidebar-style="compact"][direction="rtl"] .nav-header .brand-logo[data-layout="horizontal"] {
      padding-right: 30px; }
    [data-sidebar-style="mini"][direction="rtl"] .nav-header .brand-logo {
      padding-right: 0; }
    [data-sidebar-style="modern"][direction="rtl"] .nav-header .brand-logo {
      padding-right: 0; }
      [data-layout="horizontal"][data-sidebar-style="modern"][direction="rtl"] .nav-header .brand-logo {
        padding-right: 30px; }
    @media (max-width: 575.98px) {
      [direction="rtl"] .nav-header .brand-logo {
        padding-right: 0; } }

[direction="rtl"] .nav-control {
  right: auto;
  left: 10px;
  left: 0.9375rem; }
  @media (max-width: 575.98px) {
    [direction="rtl"] .nav-control {
      left: -4.0625rem; } }

[direction="rtl"][data-sidebar-style="overlay"] .nav-header .hamburger.is-active {
  right: 0; }

[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"] .nav-header .brand-logo {
  padding-right: 40px; }

[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"] .nav-header {
  width: 16rem; }

[direction="rtl"][data-sidebar-style="modern"] .nav-header .nav-control {
  right: unset;
  left: -60px; }

[direction="rtl"] .header {
  padding: 0;
  padding-right: 17.5rem; }
  @media only screen and (max-width: 1023px) {
    [direction="rtl"] .header {
      padding-right: 0; } }
  @media (max-width: 575.98px) {
    [direction="rtl"] .header {
      padding-right: 0rem;
      padding-left: 0; } }
  @media only screen and (max-width: 575px) {
    [direction="rtl"] .header .header-content {
      padding-right: 3.5rem;
      padding-left: 0.938rem; } }
  [data-sidebar-style="compact"][direction="rtl"] .header .header-content {
    padding-right: 0; }
  [data-sidebar-style="modern"][direction="rtl"] .header .header-content {
    padding-right: 0; }
  @media only screen and (max-width: 575px) {
    [data-sidebar-style="overlay"][direction="rtl"] .header .header-content {
      padding-right: 0.5rem; } }
  [direction="rtl"] .header .nav-control {
    right: 0.4375rem;
    left: auto; }

[direction="rtl"] .header-right > li:not(:first-child) {
  padding-left: 0;
  padding-right: 0.5rem;
  margin-right: 0 !important; }
  @media only screen and (max-width: 767px) {
    [direction="rtl"] .header-right > li:not(:first-child) {
      padding-right: 0.5rem; } }

[direction="rtl"] .header-right .header-profile > a.nav-link {
  margin-left: auto;
  padding-left: auto;
  margin-right: 15px;
  padding-right: 30px;
  border-right: 1px solid #EEEEEE;
  border-left: 0; }
  [direction="rtl"] .header-right .header-profile > a.nav-link .header-info {
    padding-right: 20px;
    padding-left: auto;
    text-align: right; }
    @media only screen and (max-width: 1400px) {
      [direction="rtl"] .header-right .header-profile > a.nav-link .header-info {
        padding-right: 10px;
        padding-left: 0; }
    [direction="rtl"] .header-right .header-profile > a.nav-link {
      margin-right: 10px;
      padding-right: 20px;
      padding-left: 0; } }
  @media only screen and (max-width: 575px) {
    [direction="rtl"] .header-right .header-profile > a.nav-link {
      margin-right: 0px;
      padding-right: 0px;
      border-right: 0; } }

[direction="rtl"] .header-left .search_bar .dropdown-menu,
[direction="rtl"] .header-left .search_bar .dropdown-menu.show {
  right: 40px !important; }
  @media only screen and (max-width: 575px) {
    [direction="rtl"] .header-left .search_bar .dropdown-menu,
    [direction="rtl"] .header-left .search_bar .dropdown-menu.show {
      right: -100px !important; } }

[direction="rtl"] .header-left .search_bar .search_icon {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 5rem;
  border-bottom-right-radius: 5rem; }
  @media only screen and (max-width: 575px) {
    [direction="rtl"] .header-left .search_bar .search_icon {
      border-radius: 5rem; } }

[direction="rtl"][data-layout="horizontal"] .header {
  padding: 0;
  padding-right: 21.563rem; }
  [direction="rtl"][data-layout="horizontal"] .header .header-content {
    padding-right: 2.5rem;
    padding-left: 2.5rem; }

[direction="rtl"][data-layout="horizontal"][data-sidebar-style="full"] .nav-header .brand-logo {
  padding-right: 2.5rem; }

[direction="rtl"][data-layout="horizontal"][data-sidebar-style="mini"] .header {
  padding-right: 7.75rem; }

[direction="rtl"][data-sidebar-style="mini"] .header {
  padding-right: 5rem; }

[direction="rtl"][data-sidebar-style="compact"] .header {
  padding: 0 0;
  padding-right: 11.25rem; }

[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"] .header {
  padding: 0;
  padding-right: 21.563rem; }

[direction="rtl"][data-sidebar-style="modern"] .header {
  padding: 0 0;
  padding-right: 9.375rem; }
  [direction="rtl"][data-sidebar-style="modern"] .header .navbar {
    padding-left: 40px;
    padding-right: 80px; }

[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"] .header {
  padding: 0;
  padding-right: 16rem; }

[direction="rtl"] {
  text-align: right; }
  [direction="rtl"] .deznav {
    text-align: right; }
  
  [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .header .navbar {
    padding-left: 0;
    padding-right: 60px; }
  [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .nav-control {
    right: auto;
    left: -50px; }
  [direction="rtl"][data-layout="horizontal"] .deznav {
    left: unset;
    right: 40px; }
  @media only screen and (max-width: 1023px) {
    [direction="rtl"][data-sidebar-style="overlay"] .header .navbar {
      padding-left: 40px;
      padding-right: 145px; } }


  [direction="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 15px;
    right: auto; }
  [direction="rtl"] .list-group {
    padding-left: 0; }
  [direction="rtl"] .form-check-input {
    margin-left: -1.25rem;
    margin-right: inherit; }
  [direction="rtl"] .form-check-inline .form-check-input {
    margin-right: 0;
    margin-left: 10px; }
  [direction="rtl"] .radio input,
  [direction="rtl"] .radio-inline,
  [direction="rtl"] .checkbox input,
  [direction="rtl"] .checkbox-inline input {
    margin-left: 0;
    margin-right: 0; }
  [direction="rtl"] .content-body {
    margin-right: 17.5rem;
    margin-left: auto; }
    [data-sidebar-style="modern"][direction="rtl"] .content-body {
      margin-right: 9.375rem; }
    [direction="rtl"] .content-body .page-titles {
      text-align: right; }
  [direction="rtl"] .best-doctor .timeline .timeline-panel .media .number {
    left: auto;
    right: -13px; }
  [direction="rtl"] .review-table .disease {
    border-left: 0;
    border-right: 1px solid #eee;
    padding-left: 0;
    padding-right: 20px; }

  [direction="rtl"] .custom-control {
    margin-left: 0; }
  [direction="rtl"] .review-tab.nav-pills li:first-child a.nav-link {
    border-radius: 0 0.75rem 0 0; }
  [direction="rtl"] .review-tab.nav-pills li:last-child a.nav-link {
    border-radius: 0.75rem 0 0 0; }
  [direction="rtl"] .form-head .btn i {
    margin-left: 5px;
    margin-right: 0; }
  [direction="rtl"] .iconbox {
    padding-left: 0;
    padding-right: 70px; }
    [direction="rtl"] .iconbox i {
      left: auto;
      right: 0; }
  [direction="rtl"] .table.tr-rounded tr td:first-child, [direction="rtl"] .table.tr-rounded tr th:first-child {
    border-radius: 0 0.35rem 0.35rem 0; }
  [direction="rtl"] .table.tr-rounded tr td:last-child, [direction="rtl"] .table.tr-rounded tr th:last-child {
    border-radius: 0.35rem 0 0 0.35rem; }
  [direction="rtl"] .custom-switch.toggle-switch.text-right {
    padding-left: 48px;
    padding-right: 0; }
  [direction="rtl"] .toggle-switch.text-right .custom-control-label:before {
    right: auto !important;
    left: -47px; }
  [direction="rtl"] .toggle-switch.text-right .custom-control-label:after {
    right: auto !important;
    left: -28px; }
  [direction="rtl"] .toggle-switch.text-right .custom-control-input:checked ~ .custom-control-label:after {
    left: -62px;
    right: auto !important; }
  [direction="rtl"] .check-switch {
    padding-right: 40px; }
    [direction="rtl"] .check-switch .custom-control-label:after, [direction="rtl"] .check-switch .custom-control-label:before {
      right: -35px !important; }

  [direction="rtl"] .detault-daterange .input-group-text {
    padding: 0.532rem 0.75rem;
    padding-right: auto;
    padding-left: 0; }
  [direction="rtl"] .form-wrapper .input-group .form-control {
    text-align: left; }
 
  [direction="rtl"] .card-table td:first-child {
    padding-right: 30px;
    padding-left: 10px; }
  [direction="rtl"] .card-table td:last-child {
    padding-left: 30px;
    padding-right: 10px; }
  [direction="rtl"] .widget-timeline .timeline > li > .timeline-panel {
    margin-left: 0px;
    margin-right: 40px; }
  [direction="rtl"] .widget-timeline .timeline > li > .timeline-panel:after {
    left: auto;
    right: -5px; }
  [direction="rtl"] .card-tabs .nav-tabs.style-1 .nav-item .nav-link {
    padding-right: 0;
    padding-left: 25px; }
  [direction="rtl"] .mail-list .list-group-item i {
    padding-right: 0;
    padding-left: 0.625rem; }
  [direction="rtl"] .dataTables_wrapper .dataTables_filter input {
    margin-left: 0;
    margin-right: 0.5em; }
  [direction="rtl"][data-layout="horizontal"] .content-body {
    margin-right: 0; }
  [direction="rtl"][data-sidebar-style="mini"]:not([data-layout="horizontal"]) .content-body {
    margin-right: 5rem; }
  [direction="rtl"][data-sidebar-style="compact"]:not([data-layout="horizontal"]) .content-body {
    margin-right: 11.25rem; }
  [direction="rtl"][data-sidebar-style="overlay"] .content-body {
    margin-right: 0; }
  [direction="rtl"] #external-events .external-event:before {
    margin-right: 0;
    margin-left: .9rem; }
  [direction="rtl"] .post-input a i {
    margin-left: 15px;
    margin-right: 0; }
 
  @media only screen and (max-width: 575px) {
    [direction="rtl"] .best-doctor .timeline .timeline-panel .media {
      float: right;
      margin-right: 0 !important;
      margin-left: 15px !important; } }
  [direction="rtl"] .default-select.style-1 .btn:after {
    margin-left: 0;
    margin-right: 0.5em; }
  [direction="rtl"] .pagination .page-indicator {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg); }
  [direction="rtl"] .lg-outer.lg-visible {
    direction: ltr; }
  [direction="rtl"] .noUi-target {
    direction: rtl; }
  [direction="rtl"] .noUi-vertical .noUi-pips-vertical {
    left: -20px; }
  [direction="rtl"] .noUi-vertical .noUi-value-vertical {
    padding-left: 0;
    padding-right: 25px; }
  [direction="rtl"] .sidebar-right .ps--active-x > .ps__rail-x {
    display: none; }
  [direction="rtl"] .form-wizard .nav-wizard li .nav-link:after {
    right: 50%;
    left: auto; }
  [direction="rtl"] .dtp > .dtp-content {
    right: 50%;
    left: auto; }
  [direction="rtl"] .modal-header .close {
    margin: 0;
    left: 0;
    top: 0px;
    right: auto; }
  [direction="rtl"] .input-group-prepend .btn + .btn {
    border-radius: 0 !important; }
  [direction="rtl"] .form-control + .input-group-append .btn:first-child {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  [direction="rtl"] .input-group > .custom-file:not(:first-child) .custom-file-label {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0.35rem;
    border-top-left-radius: 0.35rem; }
  [direction="rtl"] .custom-file-label::after {
    border-radius: 0.35rem 0 0 0.35rem; }
  [direction="rtl"] .input-group > .custom-file:not(:last-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.35rem;
    border-bottom-right-radius: 0.35rem; }
  [direction="rtl"] .input-group > .custom-file:not(:last-child) .custom-file-label::after {
    border-radius: 0; }
  [direction="rtl"] .weather-btn {
    margin-left: 20px; }
  [direction="rtl"] .coin-holding:after {
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0.27) 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45ffffff', endColorstr='#00ffffff',GradientType=1 );
    /* IE6-9 */ }

  [direction="rtl"] .swiper-box .swiper-slide {
    padding-left: 0;
    padding-right: 23px; }
  [direction="rtl"] .swiper-box .swiper-scrollbar-drag {
    left: auto;
    right: -3px; }
  [direction="rtl"] .swiper-box .swiper-container-vertical > .swiper-scrollbar {
    right: 4px;
    left: auto; }

@media only screen and (max-width: 1350px) and (min-width: 1200px) {
  [direction="rtl"] .content-body {
    margin-right: 17rem; } }

[direction="rtl"] .sidebar-right {
  left: -50rem;
  right: auto;
  box-shadow: 2px 3px 10px 0px rgba(119, 119, 119, 0.1); }
  [direction="rtl"] .sidebar-right.show {
    left: 5.25rem;
    right: auto; }
  [direction="rtl"] .sidebar-right .sidebar-right-trigger {
    left: 100%;
    right: auto;
    border-radius: 0 5px 5px 0;
    box-shadow: 5px 3px 5px 0px rgba(119, 119, 119, 0.15); }

[direction="rtl"] .sidebar-right .sidebar-close-trigger {
  left: -48px;
  right: auto; }


[direction="rtl"] .dz-demo-panel {
  right: unset;
  left: -100%; }
  [direction="rtl"] .dz-demo-panel.show {
    right: unset;
    left: 0; }
  [direction="rtl"] .dz-demo-panel .dz-demo-trigger {
    left: 100%;
    right: unset;
    border-radius: 0 5px 5px 0; }

html[dir="rtl"] [direction="rtl"] .footer {
  padding-right: 17.1875rem;
  padding-left: 0; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] [direction="rtl"] .footer {
      padding-right: 0; } }

html[dir="rtl"] [direction="rtl"][data-sidebar-style="overlay"] .footer {
  padding-right: 0; }

html[dir="rtl"] [direction="rtl"] .menu-toggle .footer {
  padding-right: 3.75rem; }

html[dir="rtl"] [direction="rtl"][data-container="boxed"] .footer {
  padding-right: 0; }

html[dir="rtl"] [direction="rtl"][data-sidebar-style="mini"]:not([data-layout="horizontal"]) .footer {
  padding-right: 3.75rem; }

html[dir="rtl"] [direction="rtl"][data-sidebar-style="compact"]:not([data-layout="horizontal"]) .footer {
  padding-right: 9.375rem; }

.nav-label {
  margin: 10px 25px 0;
  padding: 1.5625rem 0 10px;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.05rem;
  border-top: 1px solid #eaeaea;
  color: #999999; }
  .nav-label.first {
    border: 0px;
    margin-top: 0px; }

.content-body {
  margin-left: 17.5rem;
  z-index: 0;
  transition: all .2s ease; }
  @media only screen and (max-width: 1350px) {
    .content-body {
      margin-left: 17rem; } }

.bell img {
  animation: ring 8s .7s ease-in-out infinite; }

@keyframes ring {
  0% {
    transform: rotate(0); }
  1% {
    transform: rotate(30deg); }
  3% {
    transform: rotate(-28deg); }
  5% {
    transform: rotate(34deg); }
  7% {
    transform: rotate(-32deg); }
  9% {
    transform: rotate(30deg); }
  11% {
    transform: rotate(-28deg); }
  13% {
    transform: rotate(26deg); }
  15% {
    transform: rotate(-24deg); }
  17% {
    transform: rotate(22deg); }
  19% {
    transform: rotate(-20deg); }
  21% {
    transform: rotate(18deg); }
  23% {
    transform: rotate(-16deg); }
  25% {
    transform: rotate(14deg); }
  27% {
    transform: rotate(-12deg); }
  29% {
    transform: rotate(10deg); }
  31% {
    transform: rotate(-8deg); }
  33% {
    transform: rotate(6deg); }
  35% {
    transform: rotate(-4deg); }
  37% {
    transform: rotate(2deg); }
  39% {
    transform: rotate(-1deg); }
  41% {
    transform: rotate(1deg); }
  43% {
    transform: rotate(0); }
  100% {
    transform: rotate(0); } }

.deznav {
  width: 12.5rem;
  padding-bottom: 0;
  height: calc(100% - 72px);
  position: absolute;
  top: 4.5rem;
  padding-top: 0;
  z-index: 10;
  background-color: var(--sidebar-bg);
  transition: all .2s ease;
  box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.02); }
  @media only screen and (max-width: 1199px) {
    .deznav {
      height: calc(100% - 80px); } }
  /* @media only screen and (max-width: 1024px) {
    .deznav {
      width: 16.8rem; } } */
  .deznav .ps__rail-y {
    left: 0; }
  .deznav .deznav-scroll {
    position: relative;
    /* height: 100%; */
    /* overflow-y: scroll; */
   }
  @media only screen and (max-width: 1350px) {
    .deznav {
      /* width: 12rem;  */
    } }
  .deznav ul {
    padding: 0;
    margin: 0;
    list-style: none; }
  .deznav .main-profile {
    text-align: center;
    padding: 20px 0px;
    position: relative; }
    .deznav .main-profile .image-bx {
      position: relative;
      display: inline-block;
      height: 65px;
      width: 65px;
      margin-bottom: 12px; }
      .deznav .main-profile .image-bx img {
        border-radius: 8px;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
      .deznav .main-profile .image-bx a {
        color: var(--primary);
        position: absolute;
        top: -10px;
        right: -8px;
        font-size: 20px; }
    .deznav .main-profile .name {
      margin-bottom: 2px; }
    .deznav .main-profile .email {
      margin-bottom: 0;
      font-size: 12px; }

@media only screen and (max-width: 1023px) {
  .nav-header {
    width: 5rem; } }

@media (max-width: 767px) {
  .brand-title {
    display: none; }
  .footer {
    padding-left: 0; }
  .deznav {
    left: 0;
    top: 5rem; } }

:root {
  --primary: #eb8153;
  --secondary: #6418C3;
  --primary-hover: #e66025;
  --primary-light: #fbe5dc;
  --primary-dark: #943911;
  --rgba-primary-1: rgba(235, 129, 83, 0.1);
  --rgba-primary-2: rgba(235, 129, 83, 0.2);
  --rgba-primary-3: rgba(235, 129, 83, 0.3);
  --rgba-primary-4: rgba(235, 129, 83, 0.4);
  --rgba-primary-5: rgba(235, 129, 83, 0.5);
  --rgba-primary-6: rgba(235, 129, 83, 0.6);
  --rgba-primary-7: rgba(235, 129, 83, 0.7);
  --rgba-primary-8: rgba(235, 129, 83, 0.8);
  --rgba-primary-9: rgba(235, 129, 83, 0.9);
  --font-family-base: Roboto, sans-serif;
  --font-family-title: Roboto, sans-serif; }

/*
0 - 600: Phone
600 - 900: Tablet portrait
900 - 1200: Tablet landscape
1200 - 1800: Normal styles
1800+ : Big Desktop
1em = 16px
The smaller device rules always should write below the bigger device rules
Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component
*/

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header {
  width: 5rem;
  z-index: 999; }
  [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .brand-logo {
    padding-left: 0;
    padding-right: 0;
    justify-content: center; }
  [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .nav-control {
    right: -42px; }
    [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line {
      background-color: var(--primary); }

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .copyright,
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .main-profile {
  display: none; }

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .header {
  padding-left: 5rem;
  width: 100%; }
  [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .header .navbar {
    padding-left: 60px; }
  [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .header {
    padding: 0 0;
    padding-right: 5rem; }

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav {
  width: 5rem;
  overflow: visible;
  position: absolute; }
  [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .nav-text {
    display: none; }
  [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .slimScrollDiv,
  [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .deznav-scroll {
    overflow: visible !important; }
   

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .content-body {
  margin-left: 5rem; }
  [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .content-body {
    margin-right: 5rem;
    margin-left: auto;
    border: 0; }

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle + .footer {
  padding-left: 5rem; }
  [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle + .footer {
    padding-left: 0;
    padding-right: 5rem; }

[data-sidebar-style="full"][data-layout="horizontal"] .header .header-content {
  padding-left: 1.875rem; }

/*
0 - 600: Phone
600 - 900: Tablet portrait
900 - 1200: Tablet landscape
1200 - 1800: Normal styles
1800+ : Big Desktop
1em = 16px
The smaller device rules always should write below the bigger device rules
Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component
*/


@media only screen and (min-width: 768px) {
  [data-sidebar-style="mini"] .nav-header {
    width: 5rem; }
    [data-sidebar-style="mini"] .nav-header .nav-control {
      z-index: -1; }
      [data-sidebar-style="mini"] .nav-header .nav-control .hamburger {
        left: 6.25rem !important; }
        [data-sidebar-style="mini"] .nav-header .nav-control .hamburger .line {
          background-color: #6e6e6e !important; }
    [data-sidebar-style="mini"] .nav-header .brand-title {
      display: none; }
    [data-sidebar-style="mini"] .nav-header .hamburger {
      display: none; }
  [data-sidebar-style="mini"] .header .header-content {
    padding-left: 0rem; }
    [direction="rtl"][data-sidebar-style="mini"] .header .header-content {
      padding-right: 0; }
  [data-sidebar-style="mini"] .deznav {
    width: 5rem;
    overflow: visible;
    position: absolute;
    z-index: 5; }
    [data-sidebar-style="mini"] .deznav .copyright,
    [data-sidebar-style="mini"] .deznav .main-profile {
      display: none; }
    [data-sidebar-style="mini"] .deznav .nav-text {
      display: none; }
    [data-sidebar-style="mini"] .deznav .slimScrollDiv,
    [data-sidebar-style="mini"] .deznav .deznav-scroll {
      overflow: visible !important; }
    [data-sidebar-style="mini"] .deznav .nav-user {
      padding: 11px; } [data-sidebar-style="mini"] .content-body {
    margin-left: 5rem; }
  [data-sidebar-style="mini"] .footer {
    padding-left: 5rem; }
  [data-sidebar-style="mini"][data-layout="vertical"] .deznav {
    position: absolute !important; }
   [data-sidebar-style="mini"][data-header-position="fixed"][data-container="boxed"][data-layout="vertical"] .header {
    width: 1199px; }
      }

@media only screen and (max-width: 1199px) {
  [data-sidebar-style="mini"] .deznav li.mm-active ul {
    height: auto !important; }
  [data-sidebar-style="mini"] .deznav li a.has-arrow::after {
    transform: rotate(-45deg) translateY(-50%); } }



@media (min-width: 1023px) {
  [data-layout="horizontal"] {
    --nav-headbg: #f7f7f7;
    --headerbg: #f7f7f7; }
    [data-layout="horizontal"] .nav-header {
      width: 21.563rem; }
      [data-layout="horizontal"] .nav-header .nav-control {
        display: none; }
      [data-layout="horizontal"] .nav-header .brand-logo {
        padding-left: 40px;
        padding-right: 40px; }
    [data-layout="horizontal"] .search-area .form-control,
    [data-layout="horizontal"] .search-area .input-group-append .input-group-text {
      background: #fff !important; }
    [data-layout="horizontal"] .header {
      width: 100%;
      padding-left: 21.563rem;
      box-shadow: none; }
      [data-layout="horizontal"] .header .sub-header {
        display: none; }
    [data-layout="horizontal"] .deznav {
      width: calc(100% - 80px);
      border-radius: 0.35rem;
      position: relative;
      height: auto;
      padding-bottom: 0;
      top: 0;
      left: 40px;
      z-index: 2; }
      [data-layout="horizontal"] .deznav .slimScrollDiv {
        overflow: visible !important; }
        [data-layout="horizontal"] .deznav .slimScrollDiv .deznav-scroll {
          overflow: visible !important; }
      [data-layout="horizontal"] .deznav .deznav-scroll {
        overflow: visible !important; }
      [data-layout="horizontal"] .deznav .slimScrollBar {
        display: none !important; }
   [data-layout="horizontal"] .deznav .copyright,
      [data-layout="horizontal"] .deznav .main-profile {
        display: none; }
    [data-layout="horizontal"] .content-body {
      margin-left: 0; }
      [data-layout="horizontal"] .content-body .page-titles {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 1.875rem; }
    [data-layout="horizontal"] .footer {
      margin-left: 0;
      margin: 0 auto;
      padding-left: 0; }
  [data-header-position="fixed"][data-layout="horizontal"] .deznav {
    top: 4.5rem; }
  [data-header-position="fixed"][data-sidebar-position="fixed"] .deznav {
    position: fixed; }
  [data-header-position="fixed"][data-layout="horizontal"][data-sidebar-position="fixed"] .content-body {
    padding-top: 8rem; }
  [data-header-position="fixed"][data-layout="horizontal"][data-sidebar-position="fixed"][data-sidebar-style="modern"] .content-body {
    padding-top: 13.125rem; }
  [data-layout="horizontal"][data-container="boxed"] .footer {
    margin-left: 0;
    max-width: 1199px;
    margin: 0 auto; }
  [data-layout="horizontal"][data-container="wide"] .page-titles {
    margin-left: -30px;
    margin-right: -30px; }
  [data-layout="horizontal"][data-sidebar-style="compact"] .page-titles {
    margin-top: 0; }
 [data-sidebar-style="mini"][data-layout="horizontal"] .nav-header {
    width: 7.75rem;
    padding-left: 40px;
    padding-right: 40px; }
    [data-sidebar-style="mini"][data-layout="horizontal"] .nav-header .brand-logo {
      justify-content: start;
      padding-left: 0;
      padding-right: 0; }
  [data-sidebar-style="mini"][data-layout="horizontal"] .header {
    width: 100%;
    padding-left: 7.75rem; }
[data-header-position="fixed"][data-layout="horizontal"][data-sidebar-position="fixed"][data-sidebar-style="compact"] .content-body {
    padding-top: 10.25rem; }
  [data-sidebar-position="fixed"][data-layout="horizontal"] .deznav.fixed {
    position: fixed;
    left: 0;
    top: 0; }
  [data-sidebar-position="static"][data-layout="horizontal"] .content-body {
    padding-top: 4.5rem; } }

@media (min-width: 767px) {
  [data-sidebar-style="compact"] .nav-header {
    width: 11.25rem; }
  [data-sidebar-style="compact"] .deznav .nav-user {
    display: none; }
 [data-sidebar-style="compact"] .deznav .main-profile, [data-sidebar-style="compact"] .deznav .copyright {
    display: none; }
  [data-sidebar-style="compact"] .nav-text {
    display: inline-block;
    margin-top: 0.3125rem; }
  [data-sidebar-style="compact"] .nav-label.first {
    display: none; }
  [data-sidebar-style="compact"] .footer {
    padding-left: 11.25rem; }
  [data-sidebar-style="compact"] .content-body {
    margin-left: 11.25rem; }
  }

[data-layout="horizontal"][data-sidebar-style="compact"] .footer {
  padding-left: 0; }

[data-layout="horizontal"][data-sidebar-style="compact"] .content-body {
  margin-left: 0; }

[data-layout="horizontal"][data-sidebar-style="compact"] .deznav {
  margin-bottom: 0; }

[data-layout="horizontal"][data-sidebar-style="compact"] .nav-header {
  width: 21.75rem; }
  [data-layout="horizontal"][data-sidebar-style="compact"] .nav-header .brand-logo {
    padding-left: 40px;
    padding-right: 40px; }

[data-layout="vertical"][data-sidebar-style="compact"] .deznav {
  width: 11.25rem; }
  

@media (min-width: 767px) {
  [data-sidebar-style="icon-hover"][data-layout="horizontal"] .header .header-content {
    padding-left: 1.875rem; }
   [data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header {
    width: 6.5rem; }
    [data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header .brand-logo {
      padding-left: 30px; }
      [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header .brand-logo {
        padding-left: 30px;
        padding-right: 30px; }
      [data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header .brand-logo .logo-abbr {
        display: block; }
      [data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header .brand-logo .brand-title {
        display: none; }
    [data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header .nav-control {
      display: none; }
  [data-sidebar-style="icon-hover"][data-layout="vertical"] .header {
    padding-left: 6.5rem; }
    [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .header {
      padding-right: 6.5rem;
      padding-left: 0; }
    [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .header .header-content {
      padding-right: 0;
      padding-left: 0; }
  [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav {
    overflow: visible;
    position: absolute;
    left: -11rem; } }
  @media only screen and (min-width: 767px) and (max-width: 1350px) {
    [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav {
      left: -10rem; } }

@media (min-width: 767px) {
    [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav {
      left: auto;
      right: -11rem; } }
    @media only screen and (min-width: 767px) and (max-width: 1350px) {
      [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav {
        right: -10rem; } }

@media (min-width: 767px) {
    [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .nav-label {
      display: none; }
    [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .copyright,
    [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .main-profile,
    [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .book-box {
      display: none; }
    [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav.mm-show {
      display: none; }
  [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .nav-header {
    width: 17.5rem; } }
  @media only screen and (min-width: 767px) and (max-width: 1350px) {
    [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .nav-header {
      width: 17rem; } }

@media (min-width: 767px) {
    [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .nav-header .brand-logo {
      padding-left: 1.6rem; }
      [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .nav-header .brand-logo .brand-title {
        display: block; }
  [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle.mm-show {
    display: block; }
  [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .header {
    padding-left: 0; }
    [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .header {
      padding-right: 4.38rem;
      padding-left: 0; }
  [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .deznav {
    left: 0; }
    [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .deznav {
      left: auto;
      right: 0; }
  [data-sidebar-style="icon-hover"][data-layout="vertical"] .content-body {
    margin-left: 7rem; }
    [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .content-body {
      margin-left: 0;
      margin-right: 7rem; }
  [data-sidebar-style="icon-hover"][data-layout="vertical"] .footer {
    padding-left: 7rem; }
    [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .footer {
      margin-left: 0;
      margin-right: 7rem; }
  [data-sidebar-style="modern"] .nav-header {
    width: 9.5rem; }
    [data-sidebar-style="modern"] .nav-header .brand-logo {
      justify-content: center;
      padding: 0 40px; }
    [data-sidebar-style="modern"] .nav-header .nav-control {
      right: -60px; }
  [data-sidebar-style="modern"] .header .navbar {
    padding-left: 80px; }
  [data-sidebar-style="modern"] .deznav .nav-label {
    display: none; }
  [data-sidebar-style="modern"] .deznav .nav-text {
    display: block;
    margin-top: 0.3125rem; }
  [data-sidebar-style="modern"] .deznav .main-profile,
  [data-sidebar-style="modern"] .deznav .copyright {
    display: none; }
  [data-sidebar-style="modern"] .footer {
    padding-left: 9.5rem; }
  [data-sidebar-style="modern"] .content-body {
    margin-left: 9.5rem; }
  [data-sidebar-style="modern"][data-layout="vertical"] .deznav {
    width: 9.5rem;
    left: 0; }
    [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"] .deznav {
      left: auto;
      right: 0; }
    [data-sidebar-style="modern"][data-layout="vertical"] .deznav .slimScrollDiv,
    [data-sidebar-style="modern"][data-layout="vertical"] .deznav .deznav-scroll {
      overflow: visible !important; } [data-sidebar-style="modern"][data-layout="vertical"] .deznav .nav-label {
      display: none; }
    [data-sidebar-style="modern"][data-layout="vertical"] .deznav .nav-text {
      display: block;
      margin-top: 0; }
  [data-sidebar-style="modern"][data-layout="vertical"] .menu-toggle .deznav {
    left: -10.625rem; }
    [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"] .menu-toggle .deznav {
      left: auto;
      right: -10.625rem; }
  [data-sidebar-style="modern"][data-layout="vertical"] .menu-toggle .content-body {
    margin-left: 0; }
    [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"] .menu-toggle .content-body {
      margin-right: 0; }
  [data-sidebar-style="modern"][data-layout="horizontal"] .nav-header {
    width: 21.75rem; }
  [data-sidebar-style="modern"][data-layout="horizontal"] .header {
    padding-left: 21.75rem; }
  [data-sidebar-style="modern"][data-layout="horizontal"] .footer,
  [data-sidebar-style="modern"][data-layout="horizontal"] .content-body {
    margin-left: 0; }
  [data-sidebar-style="modern"][data-layout="horizontal"] .deznav .nav-text {
    margin-top: 0; } }

[data-sidebar-style="overlay"] .deznav {
  left: -100%;
  transition: all 0.5s; } [direction="rtl"][data-sidebar-style="overlay"] .deznav {
    left: auto;
    right: -100%; }

[data-sidebar-style="overlay"] .content-body {
  margin-left: 0; }

[data-sidebar-style="overlay"] .nav-header {
  position: absolute; }
  [data-sidebar-style="overlay"] .nav-header .hamburger.is-active {
    left: 0; }
    [data-sidebar-style="overlay"] .nav-header .hamburger.is-active .line {
      background-color: var(--primary); }

[data-sidebar-style="overlay"] .menu-toggle .nav-header {
  position: absolute;
  left: auto; }

[data-sidebar-style="overlay"] .menu-toggle .deznav {
  left: 0; }
  [direction="rtl"][data-sidebar-style="overlay"] .menu-toggle .deznav {
    left: auto;
    right: 0; }

[data-sidebar-style="overlay"] .footer {
  padding-left: 0; }

[data-sidebar-style="overlay"] .header {
  padding-left: 0; }
  [data-sidebar-style="overlay"] .header .navbar {
    padding-left: 300px; }
    @media only screen and (max-width: 1023px) {
      [data-sidebar-style="overlay"] .header .navbar {
        padding-left: 145px; } }

[data-sidebar-style="overlay"][data-header-position="fixed"] .nav-header {
  position: fixed; }

[data-sidebar-position="fixed"][data-header-position="fixed"] .nav-header {
  position: fixed; }

[data-sidebar-position="fixed"][data-layout="vertical"] .nav-header {
  position: fixed;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px; }

[data-sidebar-position="fixed"][data-layout="vertical"] .deznav {
  position: fixed; }
  [data-sidebar-position="fixed"][data-layout="vertical"] .deznav .deznav-scroll {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px; }

[data-sidebar-position="fixed"][data-layout="vertical"] .menu-toggle .deznav {
  position: fixed; }

[data-sidebar-style="icon-hover"][data-layout="vertical"][data-container="wide-boxed"] .deznav,
[data-sidebar-style="icon-hover"][data-layout="vertical"][data-container="boxed"] .deznav,
[data-header-position="fixed"][data-sidebar-position="fixed"][data-sidebar-style="icon-hover"][data-layout="vertical"][data-container="wide-boxed"] .deznav,
[data-header-position="fixed"][data-sidebar-position="fixed"][data-sidebar-style="icon-hover"][data-layout="vertical"][data-container="boxed"] .deznav,
[data-sidebar-style="overlay"][data-layout="vertical"][data-container="wide-boxed"] .deznav,
[data-sidebar-style="overlay"][data-layout="vertical"][data-container="boxed"] .deznav,
[data-header-position="fixed"][data-sidebar-position="fixed"][data-sidebar-style="overlay"][data-layout="vertical"][data-container="wide-boxed"] .deznav,
[data-header-position="fixed"][data-sidebar-position="fixed"][data-sidebar-style="overlay"][data-layout="vertical"][data-container="boxed"] .deznav {
  position: absolute; }

.sidebar-right {
  right: -50rem;
  position: fixed;
  top: 0;
  width: 50rem;
  background-color: #fff;
  margin-top: 3.5rem;
  transition: all .5s ease-in-out;
  border-radius: 0.35rem;
  z-index: 9999; }
  .sidebar-right .bg-label-pattern {
    background: transparent;
    background-image: url("/images/pattern/pattern5.png");
    background-size: 130%; }
  .sidebar-right .note-text {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    opacity: 0.5;
    font-size: 12px; }
  [direction="rtl"] .sidebar-right .slimScrollDiv {
    overflow: visible !important; }
  .sidebar-right .sidebar-right-trigger {
    position: absolute;
    z-index: 9;
    top: 8.75rem;
    right: 100%;
    background-color: var(--primary);
    color: #fff;
    display: inline-block;
    height: 3rem;
    width: 3rem;
    text-align: center;
    font-size: 1.75rem;
    line-height: 3rem;
    border-radius: 5px 0 0 5px;
    box-shadow: -5px 3px 5px 0px rgba(119, 119, 119, 0.15); }
    @media only screen and (max-width: 1023px) {
      .sidebar-right .sidebar-right-trigger {
        display: none; } }
  .sidebar-right .sidebar-close-trigger {
    position: absolute;
    z-index: 2;
    font-size: 28px;
    top: 0;
    right: -48px;
    height: 3rem;
    width: 3rem;
    line-height: 3rem;
    text-align: center;
    background: black;
    color: #fff; }
  .sidebar-right.show {
    right: 5.25rem;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
    z-index: 9999; }
    .sidebar-right.show .sidebar-right-trigger {
      display: none; }
    .sidebar-right.show .bg-overlay {
      position: fixed;
      width: 100%;
      cursor: pointer;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.6); }
  .sidebar-right .card-tabs .nav-tabs {
    justify-content: space-between;
    position: sticky;
    border-radius: 0;
    top: 0;
    background-color: #fff;
    z-index: 2; }
    .sidebar-right .card-tabs .nav-tabs .nav-item {
      margin-bottom: 0;
      flex: 1; }
      .sidebar-right .card-tabs .nav-tabs .nav-item .nav-link {
        border: 0;
        font-size: 1.125rem;
        position: relative;
        text-align: center;
        background-color: #fff; }
        .sidebar-right .card-tabs .nav-tabs .nav-item .nav-link:hover {
          color: #000; }
        .sidebar-right .card-tabs .nav-tabs .nav-item .nav-link::after {
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 2px;
          content: "";
          background: transparent; }
        .sidebar-right .card-tabs .nav-tabs .nav-item .nav-link.active {
          background: var(--rgba-primary-1);
          color: var(--primary); }
  .sidebar-right .sidebar-right-inner > h4, .sidebar-right .sidebar-right-inner > .h4 {
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000 !important;
    background: #fff;
    margin: 0px 0px 0px 0px; }
  .sidebar-right .tab-content {
    padding: 1.25rem 1.25rem 0;
    min-height: 480px;
    background: #fff; }
    .sidebar-right .tab-content .tab-pane .admin-settings .row > div {
      margin-bottom: 20px; }
    .sidebar-right .tab-content .tab-pane .admin-settings p {
      color: #353535;
      font-weight: 500;
      margin-bottom: 8px;
      font-size: 16px; }
    .sidebar-right .tab-content .tab-pane .admin-settings input[type="radio"] {
      display: none; }
      .sidebar-right .tab-content .tab-pane .admin-settings input[type="radio"] + label {
        display: inline-block;
        width: 35px;
        height: 35px;
        cursor: pointer;
        transition: all .1s ease;
        border-radius: 4px;
        margin-right: 5px;
        margin-bottom: 3px; }
      .sidebar-right .tab-content .tab-pane .admin-settings input[type="radio"]:checked + label {
        position: relative; }
        .sidebar-right .tab-content .tab-pane .admin-settings input[type="radio"]:checked + label::after {
          height: 33px;
          width: 33px;
          left: -4px;
          top: -4px;
          content: "";
          position: absolute;
          background-color: inherit;
          border-radius: 6px;
          opacity: 0.4; }
  .sidebar-right #nav_header_color_1 + label,
  .sidebar-right #header_color_1 + label,
  .sidebar-right #sidebar_color_1 + label,
  .sidebar-right #primary_color_1 + label {
    background-color: #fff; }
  .sidebar-right #nav_header_color_2 + label,
  .sidebar-right #header_color_2 + label,
  .sidebar-right #sidebar_color_2 + label,
  .sidebar-right #primary_color_2 + label {
    background-color: #191e3a; }
  .sidebar-right #nav_header_color_3 + label,
  .sidebar-right #header_color_3 + label,
  .sidebar-right #sidebar_color_3 + label,
  .sidebar-right #primary_color_3 + label {
    background-color: #eb8153; }
  .sidebar-right #nav_header_color_4 + label,
  .sidebar-right #header_color_4 + label,
  .sidebar-right #sidebar_color_4 + label,
  .sidebar-right #primary_color_4 + label {
    background-color: #4527a0; }
  .sidebar-right #nav_header_color_5 + label,
  .sidebar-right #header_color_5 + label,
  .sidebar-right #sidebar_color_5 + label,
  .sidebar-right #primary_color_5 + label {
    background-color: #c62828; }
  .sidebar-right #nav_header_color_6 + label,
  .sidebar-right #header_color_6 + label,
  .sidebar-right #sidebar_color_6 + label,
  .sidebar-right #primary_color_6 + label {
    background-color: #283593; }
  .sidebar-right #nav_header_color_7 + label,
  .sidebar-right #header_color_7 + label,
  .sidebar-right #sidebar_color_7 + label,
  .sidebar-right #primary_color_7 + label {
    background-color: #7356f1; }
  .sidebar-right #nav_header_color_8 + label,
  .sidebar-right #header_color_8 + label,
  .sidebar-right #sidebar_color_8 + label,
  .sidebar-right #primary_color_8 + label {
    background-color: #5bcfc5; }
  .sidebar-right #nav_header_color_9 + label,
  .sidebar-right #header_color_9 + label,
  .sidebar-right #sidebar_color_9 + label,
  .sidebar-right #primary_color_9 + label {
    background-color: #00838f; }
  .sidebar-right #nav_header_color_10 + label,
  .sidebar-right #header_color_10 + label,
  .sidebar-right #sidebar_color_10 + label,
  .sidebar-right #primary_color_10 + label {
    background-color: #ff8f16; }
  .sidebar-right #nav_header_color_11 + label,
  .sidebar-right #header_color_11 + label,
  .sidebar-right #sidebar_color_11 + label,
  .sidebar-right #primary_color_11 + label {
    background-color: #6673fd; }
  .sidebar-right #nav_header_color_12 + label,
  .sidebar-right #header_color_12 + label,
  .sidebar-right #sidebar_color_12 + label,
  .sidebar-right #primary_color_12 + label {
    background-color: #558b2f; }
  .sidebar-right #nav_header_color_13 + label,
  .sidebar-right #header_color_13 + label,
  .sidebar-right #sidebar_color_13 + label,
  .sidebar-right #primary_color_13 + label {
    background-color: #2a2a2a; }
  .sidebar-right #nav_header_color_14 + label,
  .sidebar-right #header_color_14 + label,
  .sidebar-right #sidebar_color_14 + label,
  .sidebar-right #primary_color_14 + label {
    background-color: #1367c8; }
  .sidebar-right #nav_header_color_15 + label,
  .sidebar-right #header_color_15 + label,
  .sidebar-right #sidebar_color_15 + label,
  .sidebar-right #primary_color_15 + label {
    background-color: #ed0b4c; }
  .sidebar-right #nav_header_color_1 + label,
  .sidebar-right #header_color_1 + label,
  .sidebar-right #sidebar_color_1 + label,
  .sidebar-right #primary_color_1 + label {
    border: 1px solid #c4c4c4; }
  .sidebar-right.style-1 {
    height: 100vh;
    width: 250px;
    margin-top: 0;
    right: -250px; }
    .sidebar-right.style-1 .sidebar-right-inner {
      background: #fff; }
    .sidebar-right.style-1 .sidebar-right-trigger {
      top: 12.4rem; }
    .sidebar-right.style-1.show {
      right: 0; }
      .sidebar-right.style-1.show .sidebar-right-trigger {
        display: block; }
  @media only screen and (max-width: 991px) {
    .sidebar-right {
      width: 75%; } }

@keyframes bounce {
  0% {
    transform: translateX(-8%);
    -webkit-transform: translateX(-8%); }
  50% {
    transform: translateX(8%);
    -webkit-transform: translateX(8%); }
  100% {
    transform: translateX(-8%);
    -webkit-transform: translateX(-8%); } }

.nav-user {
  background: var(--primary);
  margin-bottom: 10px;
  padding: 20px 25px 15px; }
  @media only screen and (min-width: 768px) and (max-width: 1199px) {
    .nav-user {
      padding: 20px 15px 15px; } }
  .nav-user img {
    width: 35px;
    height: 35px; }
    @media only screen and (min-width: 768px) and (max-width: 1199px) {
      .nav-user img {
        width: 35px;
        height: 35px;
        margin-bottom: 10px; } }
  .nav-user h5, .nav-user .h5 {
    margin-left: 10px;
    margin-bottom: 3px;
    color: #fff; }
    @media only screen and (min-width: 768px) and (max-width: 1199px) {
      .nav-user h5, .nav-user .h5 {
        display: none; } }
    [data-sibebarbg="color_2"] .nav-user h5, [data-sibebarbg="color_2"] .nav-user .h5 {
      color: #fff; }
  .nav-user p {
    margin-left: 10px;
    margin-bottom: 8px;
    color: #afcff7; }
    @media only screen and (min-width: 768px) and (max-width: 1199px) {
      .nav-user p {
        display: none; }
    .nav-user i {
      margin-top: 15px;
      display: block; } }

.menu-toggle .nav-user {
  padding: 20px 15px 15px; }
  .menu-toggle .nav-user img {
    width: 35px;
    height: 35px;
    margin-bottom: 10px; }
  .menu-toggle .nav-user h5, .menu-toggle .nav-user .h5,
  .menu-toggle .nav-user p {
    display: none; }
  .menu-toggle .nav-user i {
    margin-top: 15px;
    display: block; }
  .menu-toggle .nav-user .dropdown-menu {
    left: 45px !important;
    top: 22px !important; }

.dz-demo-panel {
  right: -100%;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  transition: all .5s ease-in-out;
  z-index: 9999; }
  .dz-demo-panel .dz-demo-trigger {
    position: absolute;
    z-index: 9;
    top: 15.75rem;
    right: 100%;
    background-color: #6418C3;
    color: #fff;
    display: inline-block;
    height: 3rem;
    width: 3rem;
    text-align: center;
    font-size: 1.75rem;
    line-height: 3rem;
    border-radius: 5px 0 0 5px;
    box-shadow: -5px 3px 5px 0px rgba(119, 119, 119, 0.15); }
    @media only screen and (max-width: 1023px) {
      .dz-demo-panel .dz-demo-trigger {
        display: none; } }
    @media only screen and (max-width: 575px) {
      .dz-demo-panel .dz-demo-trigger {
        height: 35px;
        width: 35px;
        line-height: 35px;
        font-size: 22px; } }
  .dz-demo-panel .dz-demo-close {
    height: 30px;
    color: #000;
    width: 30px;
    border-radius: 0.35rem;
    background: #fff;
    line-height: 30px;
    text-align: center; }
  .dz-demo-panel.show {
    right: 0;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
    z-index: 99999;
    overflow: hidden; }
    .dz-demo-panel.show .sidebar-right-trigger {
      display: none; }
    .dz-demo-panel.show .bg-close {
      position: fixed;
      z-index: -2;
      cursor: pointer;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.6); }
  .dz-demo-panel .dz-demo-inner {
    padding: 30px 30px;
    background: #2b0000a1; }
  .dz-demo-panel .dz-demo-content {
    height: calc(100vh - 200px);
    padding: 0 15px; }
    .dz-demo-panel .dz-demo-content .text-black {
      color: #000 !important; }
  .dz-demo-panel .dz-demo-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px; }
    .dz-demo-panel .dz-demo-header h4, .dz-demo-panel .dz-demo-header .h4 {
      margin-bottom: 0;
      color: #000 !important; }
  .dz-demo-panel .dz-demo-bx {
    height: 300px;
    overflow: hidden;
    border: 5px solid #efefef;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px; }
    .dz-demo-panel .dz-demo-bx.demo-active {
      border-color: #6418C3; }
      .dz-demo-panel .dz-demo-bx.demo-active .overlay-layer {
        opacity: 1; }
  .dz-demo-panel .overlay-bx {
    position: relative; }
    .dz-demo-panel .overlay-bx .overlay-layer {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: rgba(0, 0, 0, 0.1);
      transition: all .3s ease;
      opacity: 0; }
    .dz-demo-panel .overlay-bx:hover .overlay-layer {
      transition: all .3s ease;
      opacity: 1; }
  @media only screen and (max-width: 575px) {
    .dz-demo-panel .dz-demo-bx {
      height: 230px; } }

:root {
  --nav-headbg: #fff;
  --sidebar-bg: #fff;
  --headerbg: #fff; }   

@media (min-width: 992px) {
  [data-container="boxed"] #main-wrapper {
    max-width: 1199px;
    margin: 0 auto;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); }
    [direction="rtl"][data-container="boxed"] #main-wrapper {
      text-align: right; } }

@media only screen and (min-width: 1350px) {
  [data-layout="vertical"][data-sidebar-style="overlay"][data-container="boxed"][data-header-position="fixed"] .header {
    width: 1199px; } }

@media only screen and (min-width: 1200px) and (max-width: 1349px) {
  [data-layout="vertical"][data-sidebar-style="overlay"][data-container="boxed"][data-header-position="fixed"] .header {
    width: 1199px; } }

[data-header-position="fixed"][data-layout="horizontal"][data-container="boxed"] .deznav {
  max-width: 1199px; }

[data-layout="vertical"][data-container="boxed"][data-header-position="fixed"] .header,
[data-layout="horizontal"][data-container="boxed"][data-header-position="fixed"] .header {
  width: 1199px; }

[data-layout="horizontal"][data-container="boxed"][data-header-position="fixed"][data-sidebar-style="mini"] .header {
  width: 1199px; }

[data-container="boxed"] .page-titles {
  margin-bottom: 3rem;
  padding: 15px 15px; }

[data-container="boxed"] .content-body .container-fluid, [data-container="boxed"] .content-body .container-sm, [data-container="boxed"] .content-body .container-md, [data-container="boxed"] .content-body .container-lg, [data-container="boxed"] .content-body .container-xl, [data-container="boxed"] .content-body .container-xxl {
  padding: 40px; }

[data-container="boxed"][data-layout="vertical"] .page-titles {
  margin-left: 0;
  margin-right: 0; }

[data-layout="vertical"][data-container="boxed"][data-sidebar-position="fixed"][data-header-position="static"][data-sidebar-style="overlay"] .nav-header {
  position: absolute; }

[data-layout="vertical"][data-container="boxed"][data-sidebar-position="fixed"][data-header-position="static"][data-sidebar-style="overlay"] .menu-toggle .deznav {
  position: absolute; }

[data-container="boxed"][data-sidebar-position="fixed"][data-layout="horizontal"] .deznav.fixed {
  left: auto;
  max-width: 1199px; }

@media (min-width: 992px) {
  [data-container="wide-boxed"] #main-wrapper {
    max-width: 1480px;
    margin: 0 auto;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); }
    [direction="rtl"][data-container="wide-boxed"] #main-wrapper {
      text-align: right; }
  [data-container="wide-boxed"][data-layout="horizontal"] .deznav {
    left: unset; } }

@media only screen and (min-width: 1350px) {
  [data-layout="vertical"][data-sidebar-style="overlay"][data-container="wide-boxed"][data-header-position="fixed"] .header {
    width: 1480px; } }

@media only screen and (min-width: 1200px) and (max-width: 1349px) {
  [data-layout="vertical"][data-sidebar-style="overlay"][data-container="wide-boxed"][data-header-position="fixed"] .header {
    width: 1480px; } }

[data-header-position="fixed"][data-layout="horizontal"][data-container="wide-boxed"] .deznav {
  max-width: 1480px; }

[data-layout="horizontal"][data-container="wide-boxed"][data-header-position="fixed"] .header {
  width: 1480px; }

[data-layout="horizontal"][data-container="wide-boxed"][data-header-position="fixed"][data-sidebar-style="mini"] .header {
  width: 1480px; }

[data-container="wide-boxed"] .page-titles {
  margin-bottom: 3rem;
  padding: 15px 15px; }

[data-container="wide-boxed"] .content-body .container-fluid, [data-container="wide-boxed"] .content-body .container-sm, [data-container="wide-boxed"] .content-body .container-md, [data-container="wide-boxed"] .content-body .container-lg, [data-container="wide-boxed"] .content-body .container-xl, [data-container="wide-boxed"] .content-body .container-xxl {
  padding: 40px; }

[data-container="wide-boxed"][data-layout="vertical"] .page-titles {
  margin-left: 0;
  margin-right: 0; }

[data-layout="vertical"][data-container="wide-boxed"][data-sidebar-position="fixed"][data-header-position="static"][data-sidebar-style="overlay"] .nav-header {
  position: absolute; }

[data-layout="vertical"][data-container="wide-boxed"][data-sidebar-position="fixed"][data-header-position="static"][data-sidebar-style="overlay"] .menu-toggle .deznav {
  position: absolute; }

[data-container="wide-boxed"][data-sidebar-position="fixed"][data-layout="horizontal"] .deznav.fixed {
  left: auto;
  max-width: 1480px; }

[data-primary="color_2"] {
  --primary: #191e3a;
  --secondary: #6418C3;
  --primary-hover: #0a0c16;
  --primary-dark: black;
  --rgba-primary-1: rgba(25, 30, 58, 0.1);
  --rgba-primary-2: rgba(25, 30, 58, 0.2);
  --rgba-primary-3: rgba(25, 30, 58, 0.3);
  --rgba-primary-4: rgba(25, 30, 58, 0.4);
  --rgba-primary-5: rgba(25, 30, 58, 0.5);
  --rgba-primary-6: rgba(25, 30, 58, 0.6);
  --rgba-primary-7: rgba(25, 30, 58, 0.7);
  --rgba-primary-8: rgba(25, 30, 58, 0.8);
  --rgba-primary-9: rgba(25, 30, 58, 0.9); }

[data-primary="color_3"] {
  --primary: #eb8153;
  --secondary: #6418C3;
  --primary-hover: #e66025;
  --primary-dark: #943911;
  --rgba-primary-1: rgba(235, 129, 83, 0.1);
  --rgba-primary-2: rgba(235, 129, 83, 0.2);
  --rgba-primary-3: rgba(235, 129, 83, 0.3);
  --rgba-primary-4: rgba(235, 129, 83, 0.4);
  --rgba-primary-5: rgba(235, 129, 83, 0.5);
  --rgba-primary-6: rgba(235, 129, 83, 0.6);
  --rgba-primary-7: rgba(235, 129, 83, 0.7);
  --rgba-primary-8: rgba(235, 129, 83, 0.8);
  --rgba-primary-9: rgba(235, 129, 83, 0.9); }

[data-primary="color_4"] {
  --primary: #4527a0;
  --secondary: #6418C3;
  --primary-hover: #331d77;
  --primary-dark: #100925;
  --rgba-primary-1: rgba(69, 39, 160, 0.1);
  --rgba-primary-2: rgba(69, 39, 160, 0.2);
  --rgba-primary-3: rgba(69, 39, 160, 0.3);
  --rgba-primary-4: rgba(69, 39, 160, 0.4);
  --rgba-primary-5: rgba(69, 39, 160, 0.5);
  --rgba-primary-6: rgba(69, 39, 160, 0.6);
  --rgba-primary-7: rgba(69, 39, 160, 0.7);
  --rgba-primary-8: rgba(69, 39, 160, 0.8);
  --rgba-primary-9: rgba(69, 39, 160, 0.9); }

[data-primary="color_5"] {
  --primary: #c62828;
  --secondary: #6418C3;
  --primary-hover: #9c1f1f;
  --primary-dark: #470e0e;
  --rgba-primary-1: rgba(198, 40, 40, 0.1);
  --rgba-primary-2: rgba(198, 40, 40, 0.2);
  --rgba-primary-3: rgba(198, 40, 40, 0.3);
  --rgba-primary-4: rgba(198, 40, 40, 0.4);
  --rgba-primary-5: rgba(198, 40, 40, 0.5);
  --rgba-primary-6: rgba(198, 40, 40, 0.6);
  --rgba-primary-7: rgba(198, 40, 40, 0.7);
  --rgba-primary-8: rgba(198, 40, 40, 0.8);
  --rgba-primary-9: rgba(198, 40, 40, 0.9); }

[data-primary="color_6"] {
  --primary: #283593;
  --secondary: #6418C3;
  --primary-hover: #1d276b;
  --primary-dark: #070a1b;
  --rgba-primary-1: rgba(40, 53, 147, 0.1);
  --rgba-primary-2: rgba(40, 53, 147, 0.2);
  --rgba-primary-3: rgba(40, 53, 147, 0.3);
  --rgba-primary-4: rgba(40, 53, 147, 0.4);
  --rgba-primary-5: rgba(40, 53, 147, 0.5);
  --rgba-primary-6: rgba(40, 53, 147, 0.6);
  --rgba-primary-7: rgba(40, 53, 147, 0.7);
  --rgba-primary-8: rgba(40, 53, 147, 0.8);
  --rgba-primary-9: rgba(40, 53, 147, 0.9); }

[data-primary="color_7"] {
  --primary: #7356f1;
  --secondary: #6418C3;
  --primary-hover: #4c27ed;
  --primary-dark: #290da1;
  --rgba-primary-1: rgba(115, 86, 241, 0.1);
  --rgba-primary-2: rgba(115, 86, 241, 0.2);
  --rgba-primary-3: rgba(115, 86, 241, 0.3);
  --rgba-primary-4: rgba(115, 86, 241, 0.4);
  --rgba-primary-5: rgba(115, 86, 241, 0.5);
  --rgba-primary-6: rgba(115, 86, 241, 0.6);
  --rgba-primary-7: rgba(115, 86, 241, 0.7);
  --rgba-primary-8: rgba(115, 86, 241, 0.8);
  --rgba-primary-9: rgba(115, 86, 241, 0.9); }

[data-primary="color_8"] {
  --primary: #5bcfc5;
  --secondary: #6418C3;
  --primary-hover: #38bfb3;
  --primary-dark: #217069;
  --rgba-primary-1: rgba(91, 207, 197, 0.1);
  --rgba-primary-2: rgba(91, 207, 197, 0.2);
  --rgba-primary-3: rgba(91, 207, 197, 0.3);
  --rgba-primary-4: rgba(91, 207, 197, 0.4);
  --rgba-primary-5: rgba(91, 207, 197, 0.5);
  --rgba-primary-6: rgba(91, 207, 197, 0.6);
  --rgba-primary-7: rgba(91, 207, 197, 0.7);
  --rgba-primary-8: rgba(91, 207, 197, 0.8);
  --rgba-primary-9: rgba(91, 207, 197, 0.9); }

[data-primary="color_9"] {
  --primary: #00838f;
  --secondary: #6418C3;
  --primary-hover: #00545c;
  --primary-dark: black;
  --rgba-primary-1: rgba(0, 131, 143, 0.1);
  --rgba-primary-2: rgba(0, 131, 143, 0.2);
  --rgba-primary-3: rgba(0, 131, 143, 0.3);
  --rgba-primary-4: rgba(0, 131, 143, 0.4);
  --rgba-primary-5: rgba(0, 131, 143, 0.5);
  --rgba-primary-6: rgba(0, 131, 143, 0.6);
  --rgba-primary-7: rgba(0, 131, 143, 0.7);
  --rgba-primary-8: rgba(0, 131, 143, 0.8);
  --rgba-primary-9: rgba(0, 131, 143, 0.9); }

[data-primary="color_10"] {
  --primary: #ff8f16;
  --secondary: #6418C3;
  --primary-hover: #e27500;
  --primary-dark: #7c4000;
  --rgba-primary-1: rgba(255, 143, 22, 0.1);
  --rgba-primary-2: rgba(255, 143, 22, 0.2);
  --rgba-primary-3: rgba(255, 143, 22, 0.3);
  --rgba-primary-4: rgba(255, 143, 22, 0.4);
  --rgba-primary-5: rgba(255, 143, 22, 0.5);
  --rgba-primary-6: rgba(255, 143, 22, 0.6);
  --rgba-primary-7: rgba(255, 143, 22, 0.7);
  --rgba-primary-8: rgba(255, 143, 22, 0.8);
  --rgba-primary-9: rgba(255, 143, 22, 0.9); }

[data-primary="color_11"] {
  --primary: #6673fd;
  --secondary: #6418C3;
  --primary-hover: #3445fc;
  --primary-dark: #0314c7;
  --rgba-primary-1: rgba(102, 115, 253, 0.1);
  --rgba-primary-2: rgba(102, 115, 253, 0.2);
  --rgba-primary-3: rgba(102, 115, 253, 0.3);
  --rgba-primary-4: rgba(102, 115, 253, 0.4);
  --rgba-primary-5: rgba(102, 115, 253, 0.5);
  --rgba-primary-6: rgba(102, 115, 253, 0.6);
  --rgba-primary-7: rgba(102, 115, 253, 0.7);
  --rgba-primary-8: rgba(102, 115, 253, 0.8);
  --rgba-primary-9: rgba(102, 115, 253, 0.9); }

[data-primary="color_12"] {
  --primary: #558b2f;
  --secondary: #6418C3;
  --primary-hover: #3e6522;
  --primary-dark: #0f1908;
  --rgba-primary-1: rgba(85, 139, 47, 0.1);
  --rgba-primary-2: rgba(85, 139, 47, 0.2);
  --rgba-primary-3: rgba(85, 139, 47, 0.3);
  --rgba-primary-4: rgba(85, 139, 47, 0.4);
  --rgba-primary-5: rgba(85, 139, 47, 0.5);
  --rgba-primary-6: rgba(85, 139, 47, 0.6);
  --rgba-primary-7: rgba(85, 139, 47, 0.7);
  --rgba-primary-8: rgba(85, 139, 47, 0.8);
  --rgba-primary-9: rgba(85, 139, 47, 0.9); }

[data-primary="color_13"] {
  --primary: #2a2a2a;
  --secondary: #6418C3;
  --primary-hover: #111111;
  --primary-dark: black;
  --rgba-primary-1: rgba(42, 42, 42, 0.1);
  --rgba-primary-2: rgba(42, 42, 42, 0.2);
  --rgba-primary-3: rgba(42, 42, 42, 0.3);
  --rgba-primary-4: rgba(42, 42, 42, 0.4);
  --rgba-primary-5: rgba(42, 42, 42, 0.5);
  --rgba-primary-6: rgba(42, 42, 42, 0.6);
  --rgba-primary-7: rgba(42, 42, 42, 0.7);
  --rgba-primary-8: rgba(42, 42, 42, 0.8);
  --rgba-primary-9: rgba(42, 42, 42, 0.9); }

[data-primary="color_14"] {
  --primary: #1367c8;
  --secondary: #6418C3;
  --primary-hover: #0f4f99;
  --primary-dark: #061f3c;
  --rgba-primary-1: rgba(19, 103, 200, 0.1);
  --rgba-primary-2: rgba(19, 103, 200, 0.2);
  --rgba-primary-3: rgba(19, 103, 200, 0.3);
  --rgba-primary-4: rgba(19, 103, 200, 0.4);
  --rgba-primary-5: rgba(19, 103, 200, 0.5);
  --rgba-primary-6: rgba(19, 103, 200, 0.6);
  --rgba-primary-7: rgba(19, 103, 200, 0.7);
  --rgba-primary-8: rgba(19, 103, 200, 0.8);
  --rgba-primary-9: rgba(19, 103, 200, 0.9); }

[data-primary="color_15"] {
  --primary: #ed0b4c;
  --secondary: #6418C3;
  --primary-hover: #bc093c;
  --primary-dark: #5b041d;
  --rgba-primary-1: rgba(237, 11, 76, 0.1);
  --rgba-primary-2: rgba(237, 11, 76, 0.2);
  --rgba-primary-3: rgba(237, 11, 76, 0.3);
  --rgba-primary-4: rgba(237, 11, 76, 0.4);
  --rgba-primary-5: rgba(237, 11, 76, 0.5);
  --rgba-primary-6: rgba(237, 11, 76, 0.6);
  --rgba-primary-7: rgba(237, 11, 76, 0.7);
  --rgba-primary-8: rgba(237, 11, 76, 0.8);
  --rgba-primary-9: rgba(237, 11, 76, 0.9); }

[data-typography="opensans"] {
  font-family: 'Open Sans', sans-serif; }

[data-typography="poppins"] {
  font-family: 'poppins', sans-serif; }

[data-typography="roboto"] {
  font-family: 'Roboto', sans-serif; }

[data-typography="helvetica"] {
  font-family: 'HelveticaNeue'; }


 


/* =============
   Calendar
============= */


.external-event {
  border-radius: 0.125rem;
  border: none;
  font-size: 0.8125rem;
  margin: 0.3125rem 0.4375rem;
  padding: 0.3125rem;
  text-align: center;
  cursor: move;
  margin: 0.625rem 0;
  padding: 0.125rem 0; }

#drop-remove {
  margin-right: 0.5rem;
  top: 0.1875rem; }

#add-category .modal-dialog,
#event-modal .modal-dialog {
  max-width: 37.5rem; }



.external-event {
  color: #fff; }


@media only screen and (max-width: 90rem) {
  .email_left_pane {
    display: none; } }

#external-events .external-event:before {
  content: "";
  display: block;
  width: 0.875rem;
  min-width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
  margin-right: .9rem;
  position: relative;
  top: 0.125rem; }


#external-events [data-class="bg-primary"]::before {
  background: var(--primary); }

#external-events [data-class="bg-success"]::before {
  background: #68CF29; }

#external-events [data-class="bg-warning"]::before {
  background: #FFAB2D; }

#external-events [data-class="bg-dark"]::before {
  background: #6e6e6e; }

#external-events [data-class="bg-danger"]::before {
  background: #FF4C41; }

#external-events [data-class="bg-info"]::before {
  background: #51A6F5; }

#external-events [data-class="bg-pink"]::before {
  background: #e83e8c; }

#external-events [data-class="bg-secondary"]::before {
  background: #6418C3; }


  @media only screen and (max-width: 767px) {
    .email-left-box {
      width: 100%;
      float: none;
      border: none;
      padding-bottom: 1.875rem !important; } }
  .email-left-box .intro-title {
    background: var(--rgba-primary-1);
    padding: 1rem;
    margin: 1.875rem 0 1.25rem 0; }
    .email-left-box .intro-title h5, .email-left-box .intro-title .h5 {
      margin-bottom: 0;
      color: #6a707e;
      font-size: 0.875rem; }
      .email-left-box .intro-title h5 i, .email-left-box .intro-title .h5 i {
        font-size: 0.75rem;
        position: relative;
        bottom: 0.0625rem; }
    .email-left-box .intro-title i {
      color: var(--primary); }

.email-right-box {
  padding-left: 0rem;
  padding-right: 0rem;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .email-right-box {
      padding-left: 0;
      padding-right: 0;
      margin-left: 0 !important;
      clear: both; } }
  .email-right-box .right-box-border {
    border-right: 0.125rem solid var(--rgba-primary-1); }
  @media screen and (min-width: 40.5625rem) and (max-width: 75rem) {
    .email-right-box .right-box-padding {
      padding-left: 1.25rem; } }
  @media (min-width: 106.25rem) {
    .email-right-box .right-box-padding {
      padding-left: 0.9375rem; } }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .email-right-box .right-box-padding {
      padding-left: 0; } }

.toolbar .btn-group .btn {
  border: 0; }

.toolbar .btn-group input {
  position: relative;
  top: 0.125rem; }

.read-content textarea {
  height: 9.375rem;
  padding: 0.9375rem 1.25rem; }

.read-content-email {
  font-size: 0.875rem; }

.read-content h5, .read-content .h5 {
  color: #6a707e; }

.read-content p strong {
  color: #6a707e; }

.read-content-body p {
  margin-bottom: 1.875rem; }

.read-content-attachment {
  padding: 0.5rem 0; }
  .read-content-attachment h6, .read-content-attachment .h6 {
    font-size: 1.125rem;
    color: #6a707e; }
    .read-content-attachment h6 i, .read-content-attachment .h6 i {
      padding-right: 0.3125rem; }
  .read-content-attachment .attachment > div:not(:last-child) {
    border-right: 0.0625rem solid #DDDFE1; }

.compose-content .wysihtml5-toolbar {
  border-color: #eaeaea; }

.compose-content .dropzone {
  background: #f2f4fa !important; }

.compose-content h5, .compose-content .h5 {
  font-size: 1.0625rem;
  color: #6a707e; }
  .compose-content h5 i, .compose-content .h5 i {
    font-size: 1.125rem;
    transform: rotate(351deg); }

.compose-content .dropzone {
  border: 0.0625rem dashed #DDDFE1;
  min-height: 13.125rem;
  position: relative; }
  .compose-content .dropzone .dlab-message {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.email-list {
  display: block;
  padding-left: 0; }
  .email-list .message {
    position: relative;
    display: block;
    height: 3.125rem;
    line-height: 3.125rem;
    cursor: default;
    transition-duration: 0.3s; }
    .email-list .message a {
      color: #828690; }
    .email-list .message-single .custom-checkbox {
      margin-top: 0.125rem; }
    .email-list .message-single i {
      color: #89879f;
      font-size: 1.125rem;
      padding-left: .4rem; }
    .email-list .message:hover {
      transition-duration: 0.05s;
      background: rgba(152, 166, 173, 0.15); }
    .email-list .message .col-mail {
      float: left;
      position: relative; }
    .email-list .message .col-mail-1 {
      width: 5.625rem; }
      .email-list .message .col-mail-1 .star-toggle {
        display: block;
        float: left;
        margin-top: 1.125rem;
        font-size: 1rem;
        margin-left: 0.3125rem; }
      .email-list .message .col-mail-1 .email-checkbox {
        display: block;
        float: left;
        margin: 0.9375rem 0.625rem 0 1.25rem; }
      .email-list .message .col-mail-1 .dot {
        display: block;
        float: left;
        border: .4rem solid transparent;
        border-radius: 6.25rem;
        margin: 1.375rem 1.625rem 0;
        height: 0;
        width: 0;
        line-height: 0;
        font-size: 0; }
    .email-list .message .col-mail-2 {
      position: absolute;
      top: 0;
      left: 5.625rem;
      right: 0;
      bottom: 0; }
      .email-list .message .col-mail-2 .subject {
        position: absolute;
        top: 0;
        left: 0;
        right: 5.5rem;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
      .email-list .message .col-mail-2 .date {
        position: absolute;
        top: 0;
        right: 0; }

.email-checkbox {
  cursor: pointer;
  height: 0.9375rem;
  width: 0.9375rem;
  display: inline-block;
  border-radius: .1rem;
  position: relative;
  top: 0.3125rem;
  box-shadow: inset 0 0 0 0.1rem #828690; }
  .email-checkbox input {
    opacity: 0;
    cursor: pointer; }
    .email-checkbox input:checked label {
      opacity: 1; }
  .email-checkbox label {
    position: absolute;
    top: .3rem;
    left: .3rem;
    right: .3rem;
    bottom: .3rem;
    cursor: pointer;
    opacity: 0;
    margin-bottom: 0 !important;
    transition-duration: 0.05s; }

.mail-list a {
  padding: 0.625rem 0.9375rem;
  display: block;
  background: transparent;
  color: #464a53;
  font-weight: 600; }

.mail-list .list-group-item {
  color: #6a707e;
  padding: 0.75rem 1.0625rem; }
  .mail-list .list-group-item i {
    font-size: 1rem;
    padding-right: 0.625rem;
    color: #cccccc; }
  .mail-list .list-group-item.active {
    color: #fff; }
    .mail-list .list-group-item.active i {
      color: #fff; }

@media (min-width: 40.5rem) {
  .email-filter {
    padding-left: 1.25rem; } }

@media (min-width: 106.25rem) {
  .email-filter {
    padding-left: 1.875rem; } }

.email-filter .input-group-prepend i {
  font-size: 0.875rem;
  color: #89879f; }

.email-filter .input-group-prepend .input-group-text {
  border: 0;
  border-bottom: 0.0625rem solid #DDDFE1 !important;
  background: transparent; }

.email-filter .input-group .form-control {
  padding: 0 0 0 0.3125rem;
  border: 0;
  font-size: 0.875rem;
  height: 1.875rem;
  color: #89879f;
  border-bottom: 0.0625rem solid #DDDFE1; }
  .email-filter .input-group .form-control::-moz-placeholder {
    font-size: 0.875rem;
    color: #89879f; }
  .email-filter .input-group .form-control::placeholder {
    font-size: 0.875rem;
    color: #89879f; }

.email-filter .input-group > .form-control {
  min-height: 1.875rem; }

.single-mail {
  display: block;
  padding: 1.5625rem 0; }
  .single-mail .media {
    padding-left: 1.25rem;
    padding-right: 1.25rem; }
    @media (min-width: 106.25rem) {
      .single-mail .media {
        padding-left: 1.875rem;
        padding-right: 1.875rem; } }
    .single-mail .media img {
      width: 3.4375rem;
      height: 3.4375rem;
      border-radius: 50%;
      margin-right: 0.9375rem; }
      @media (min-width: 106.25rem) {
        .single-mail .media img {
          margin-right: 1.875rem; } }
    .single-mail .media-body h6, .single-mail .media-body .h6 {
      color: #abafb3; }
    .single-mail .media-body h4, .single-mail .media-body .h4 {
      font-size: 1rem;
      color: #6a707e; }
      .single-mail .media-body h4 button i, .single-mail .media-body .h4 button i {
        font-size: 1.125rem;
        color: #abafb3;
        font-weight: bold;
        transform: rotate(90deg); }
    .single-mail .media-body p {
      font-size: 0.875rem;
      color: #abafb3; }
  .single-mail.active {
    background: var(--primary); }
    .single-mail.active h6, .single-mail.active .h6, .single-mail.active h4, .single-mail.active .h4, .single-mail.active p, .single-mail.active i {
      color: #fff !important; }

[direction="rtl"] .email-right-box {
  padding-left: 1rem;
  padding-right: 15rem; }
  @media only screen and (max-width: 991px) {
    [direction="rtl"] .email-right-box {
      padding-left: 0;
      padding-right: 0;
      margin-right: 0; } }
  @media only screen and (max-width: 575px) {
    [direction="rtl"] .email-right-box {
      padding-left: 0;
      padding-right: 0; } }

[direction="rtl"] .email-left-box {
  float: right; }

[direction="rtl"] .email-list .message .col-mail-2 {
  right: 5.625rem;
  left: 0;
  float: right; }
  [direction="rtl"] .email-list .message .col-mail-2 .date {
    right: auto;
    left: 0; }
  [direction="rtl"] .email-list .message .col-mail-2 .subject {
    right: 0;
    left: 5.5rem; }

.photo-content {
  position: relative; }
  .photo-content .cover-photo {
    background: url("/images/marketinsight/cover.jpg");
    background-size: cover;
    background-position: center;
    min-height: 15.625rem;
    width: 100%; }

.profile .profile-photo {
  max-width: 6.25rem;
  position: relative;
  z-index: 1;
  margin-top: -4.5rem;
  margin-right: 0.625rem; }
  @media only screen and (max-width: 575px) {
    .profile .profile-photo {
      width: 5rem;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 1.25rem; } }

[direction="rtl"] .profile .profile-photo {
  left: auto;
  right: 0;
  margin-right: 0;
  margin-left: 0.9375rem; }
  @media only screen and (max-width: 1199px) {
    [direction="rtl"] .profile .profile-photo {
      right: 0.9375rem; } }
  @media only screen and (max-width: 575px) {
    [direction="rtl"] .profile .profile-photo {
      width: 5rem;
      right: calc(50% - 2.5rem);
      top: -6.25rem; } }

.post-input {
  margin-bottom: 1.875rem; }
  .post-input .form-control {
    height: 4.6875rem;
    font-weight: 400;
    margin: 0.9375rem 0; }
  .post-input .btn-social {
    font-size: 1.25rem;
    height: 3.4375rem;
    display: inline-block;
    padding: 0;
    text-align: center;
    border-radius: 0.35rem;
    color: #fff;
    width: 3.4375rem;
    line-height: 3.375rem; }
    .post-input .btn-social.facebook {
      background-color: #3B5998; }
    .post-input .btn-social.google-plus {
      background-color: #DE4E43; }
    .post-input .btn-social.linkedin {
      background-color: #007BB6; }
    .post-input .btn-social.instagram {
      background-color: #8A5A4E; }
    .post-input .btn-social.twitter {
      background-color: #1EA1F3; }
    .post-input .btn-social.youtube {
      background-color: #CE201F; }
    .post-input .btn-social.whatsapp {
      background-color: #01C854; }
    .post-input .btn-social i {
      margin: 0 !important; }

.profile-uoloaded-post img {
  margin-bottom: 1.25rem; }

.profile-uoloaded-post a h4, .profile-uoloaded-post a .h4 {
  margin-bottom: 0.625rem;
  color: #464a53; }


#widget-revenue1,
#widget-revenue2,
#widget-revenue3 {
  height: 117px !important; }

#widget-profit1,
#widget-profit2,
#widget-profit3 {
  height: 160px !important; }

#comparison-rate {
  height: 230px !important; }

#session_day {
  height: 175px !important;
  width: auto !important;
  margin: 0 auto; }

#walet-status {
  height: 140px !important; }

/* 
svg text {
    font-weight: 600 !important;
} */
#morris_donught,
#morris_donught_2,
#line_chart_2,
#morris_bar,
#morris_bar_stalked,
#morris_bar_2,
#morris_area_2,
#morris_area {
  height: 240px !important; }

#morris_line {
  height: 278px !important; }

#crypto-btc-card,
#crypto-eth-card,
#crypto-rpl-card,
#crypto-ltc-card {
  height: 9.375rem; }

#daily-sales, #comparison-rate, #usage-chart, #walet-status {
  width: 100%;
  display: block; }
  #daily-sales canvas, #comparison-rate canvas, #usage-chart canvas, #walet-status canvas {
    max-width: 100% !important;
    width: 100% !important; }

#sparkline-composite-chart canvas,
#composite-bar canvas,
#sparkline11 canvas,
#StackedBarChart canvas,
#spark-bar canvas,
#tristate canvas {
  height: 100px !important; }

@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -1.9375rem; } }

.lastBullet {
  animation: am-pulsating 1s ease-out infinite; }

@keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px; }
  100% {
    stroke-opacity: 0;
    stroke-width: 3.125rem; } }

@keyframes am-draw {
  0% {
    stroke-dashoffset: 500%; }
  100% {
    stroke-dashoffset: 0%; } }


.form-control {
  background: #fff;
  border: 0.0625rem solid #EEEEEE;
  padding: 0.3125rem 1.25rem;
  color: #6e6e6e;
  height: 3.5rem;
  border-radius: 0.5rem; }
  @media only screen and (max-width: 1400px) {
    .form-control {
      height: 2.5rem; } }
  .form-control:hover, .form-control:focus, .form-control.active {
    box-shadow: none;
    background: #fff;
    color: #6e6e6e; }
  .form-control:focus {
    border-color: var(--primary); }
  .form-control.solid {
    background: #f7f7f7;
    border-color: #ececec;
    color: #000; }
    .form-control.solid[type="file"] {
      padding: 6px 10px; }

.form-file {
  border-top-right-radius: 0.35rem;
  border-bottom-right-radius: 0.35rem; }

.input-rounded {
  border-radius: 6.25rem; }

.input-group-text {
  background: #d7dae3;
  border: 0.0625rem solid #f5f5f5;
  min-width: 3.125rem;
  display: flex;
  justify-content: center;
  padding: 0.532rem 0.75rem; }
  .input-group-text i {
    font-size: 1rem; }

.form-file-label {
  height: 2.5rem;
  padding: 0.5rem 0.75rem; }

.input-group-prepend .btn,
.input-group-append .btn {
  z-index: 0; }

.custom-select {
  background: none;
  border-color: #EEEEEE;
  color: #6e6e6e; }
  .custom-select:focus {
    box-shadow: none;
    border-color: var(--primary);
    color: var(--primary); }

.form-file-label {
  background: #656C73;
  white-space: nowrap;
  color: #fff; }
  
.custom_file_input .form-file-label::after {
  height: 100%; }

.form-control:disabled,
.form-control[readonly] {
  background: #fff;
  opacity: 1; }

.form-file {
  border: 0.0625rem solid #EEEEEE;
  background: #fff; }


  .input-group > .form-control-plaintext,
  .input-group > .form-select,
  .input-group > .form-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-radius: 0.35rem; }

.form-file .form-control {
  margin: 0;
  border-radius: 0;
  border: 0;
  height: auto;
  line-height: 28px;
  margin-left: -8px; }

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

.form-control[type="file"] {
  line-height: 44px;
  padding-left: 12px; }

.form-control-sm[type="file"] {
  line-height: 31.3px;
  padding: 4px;
  padding-left: 8px; }

.form-control-lg[type="file"] {
  line-height: 2.688rem;
  padding-left: 10px; }

.input-group-sm > .form-control {
  min-height: 2.5rem;
  padding: 0.25rem 1.1rem;
  height: 2.5rem; }

.input-group-lg > .form-control {
  min-height: 3.75rem;
  height: 3.75rem; }

.form-control-sm {
  min-height: 2.5rem;
  padding: 0.25rem 1.1rem;
  font-size: 0.76563rem;
  border-radius: 0.5rem;
  height: calc(1.5em + 0.5rem + 2px); }

.form-control-lg {
  min-height: 3.75rem;
  padding: 0.5rem 1.1rem;
  font-size: 1.09375rem;
  border-radius: 0.5rem;
  height: calc(1.5em + 1rem + 2px); }



/* input[type="checkbox"] {
    &:after{
        content: '';
        display: block;
        width: 1rem;
        height: 1rem;
        margin-top: 0px;
        margin-left: -1px;
        border: 1px solid transparent;
        border-radius: 3px;
        background: #d4d7da;
        line-height: 1.3;
    }

    &:checked:after{
        width: 1rem;
        height: 1rem;
        display: block;
        content: "\f00c";
        font-family: 'FontAwesome';
        color: $white;
        font-weight: 100;
        font-size: 12px;
        text-align: center;
        border-radius: 3px;
        background: $primary;
    }

} */
.form-check-label {
  margin-left: 0.3125rem;
  /* margin-top: 0.1875rem;  */
}


.form-check-inline .form-check-input {
  margin-right: 0.625rem; }

.form-check-input {
  top: 0.125rem;
  border-width: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  border-color: #e7e7e7; }

.rtl .form-check-label:before, .rtl .form-check-label:after {
  right: -1.5rem !important;
  left: inherit; }

.form-check {
  line-height: normal; }

.toggle-switch {
  padding-left: 3.125rem;
  line-height: 1.25;
  display: inline-block;
  color: #000;
  font-weight: 600; }
  .toggle-switch .form-check-input {
    border: 0;
    cursor: pointer;
    background: #d8d8d8;
    width: 2.3125rem;
    border-radius: 1.25rem !important;
    height: 0.875rem;
    position: relative;
    left: -0.3125rem;
    transition: all 0.2s;
    background-image: none; }
    .toggle-switch .form-check-input:focus {
      background-image: none !important; }
    .toggle-switch .form-check-input:checked {
      background: var(--rgba-primary-2);
      background-image: none !important; }
      .toggle-switch .form-check-input:checked:after {
        left: 1.25rem;
        background: var(--primary); }
    .toggle-switch .form-check-input:focus {
      box-shadow: none; }
    .toggle-switch .form-check-input:after {
      width: 1.25rem;
      background: #909090;
      height: 1.25rem;
      content: "";
      position: absolute;
      border-radius: 1.5rem;
      top: -0.1875rem;
      left: 0;
      box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.3);
      transition: all 0.2s; }
  .toggle-switch.text-end {
    padding-right: 0rem;
    padding-left: 0; }
    .toggle-switch.text-end .form-check-input {
      left: auto;
      margin-left: 0;
      float: right;
      right: 0rem; }
    .toggle-switch.text-end .form-check-label {
      margin-right: 0.9375rem;
      margin-left: 0; }
  .toggle-switch .form-check-label {
    cursor: pointer; }

.form-check-input:focus ~ .form-check-label::before {
  box-shadow: none !important; }

.form-check-label::before {
  background-color: transparent;
  border-color: #f7f7f7;
  border-width: 0.125rem;
  border-radius: 0.125rem !important; }

.check-xs .form-check-input {
  width: 1.125rem;
  height: 1.125rem; }

.check-lg .form-check-input {
  width: 1.5rem;
  height: 1.5rem; }

.check-xl .form-check-input {
  width: 1.75rem;
  height: 1.75rem; }

.checkbox-info .form-check-input:focus {
  border-color: #51A6F5;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(81, 166, 245, 0.25); }

.checkbox-info .form-check-input:checked {
  background-color: #51A6F5;
  border-color: #51A6F5; }

.checkbox-danger .form-check-input:focus {
  border-color: #FF4C41;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(255, 76, 65, 0.25); }

.checkbox-danger .form-check-input:checked {
  background-color: #FF4C41;
  border-color: #FF4C41; }

.checkbox-success .form-check-input:focus {
  border-color: #68CF29;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(104, 207, 41, 0.25); }

.checkbox-success .form-check-input:checked {
  background-color: #68CF29;
  border-color: #68CF29; }

.checkbox-warning .form-check-input:focus {
  border-color: #FFAB2D;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(255, 171, 45, 0.25); }

.checkbox-warning .form-check-input:checked {
  background-color: #FFAB2D;
  border-color: #FFAB2D; }

.checkbox-secondary .form-check-input:focus {
  border-color: #6418C3;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(100, 24, 195, 0.25); }

.checkbox-secondary .form-check-input:checked {
  background-color: #6418C3;
  border-color: #6418C3; }

.check-switch {
  padding-left: 2.5rem; }
  .check-switch .form-check-label {
    line-height: 1.875rem;
    font-weight: 500; }
    .check-switch .form-check-label span {
      line-height: 1; }
    .check-switch .form-check-label:after, .check-switch .form-check-label:before {
      height: 1.5rem;
      width: 1.5rem;
      left: -2rem;
      border-radius: 3rem !important;
      border-color: var(--rgba-primary-3); }
  .check-switch .form-check-input:checked ~ .form-check-label::after {
    background-image: url("/images/svg/check.svg"); }
  .check-switch .form-check-input:checked ~ .form-check-label::before {
    background: #fff; }

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  border-radius: 0.75rem; }

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  border-radius: 0.75rem; }

.form-check-input:checked {
  background-color: var(--primary);
  border-color: var(--primary); }

.form-check-input:focus {
  border-color: var(--primary); }

.js-switch + .switchery {
  border-radius: 3.125rem;
  margin-right: 4rem; }
  @media (max-width: 575.98px) {
    .js-switch + .switchery {
      margin-right: 1rem; } }
  .js-switch + .switchery > small, .js-switch + .switchery > .small {
    top: 0.125rem; }

.js-switch.js-switch-lg + .switchery {
  height: 2rem;
  width: 4.5rem; }
  .js-switch.js-switch-lg + .switchery > small, .js-switch.js-switch-lg + .switchery > .small {
    width: 1.75rem;
    height: 1.75rem; }

.js-switch.js-switch-md + .switchery {
  height: 1.5rem;
  width: 3.5rem; }
  .js-switch.js-switch-md + .switchery > small, .js-switch.js-switch-md + .switchery > .small {
    width: 1.25rem;
    height: 1.25rem; }

.js-switch.js-switch-sm + .switchery {
  height: 1rem;
  width: 2.2rem; }
  .js-switch.js-switch-sm + .switchery > small, .js-switch.js-switch-sm + .switchery > .small {
    width: 0.875rem;
    height: 0.875rem;
    top: 0.0625rem; }

.js-switch-square + .switchery {
  border-radius: 0; }
  .js-switch-square + .switchery > small, .js-switch-square + .switchery > .small {
    border-radius: 0;
    top: 0.125rem; }

.js-switch-square.js-switch-lg + .switchery {
  height: 2rem;
  width: 4.5rem; }
  .js-switch-square.js-switch-lg + .switchery > small, .js-switch-square.js-switch-lg + .switchery > .small {
    width: 1.75rem;
    height: 1.75rem; }

.js-switch-square.js-switch-md + .switchery {
  height: 1.5rem;
  width: 3.5rem; }
  .js-switch-square.js-switch-md + .switchery > small, .js-switch-square.js-switch-md + .switchery > .small {
    width: 1.25rem;
    height: 1.25rem; }

.js-switch-square.js-switch-sm + .switchery {
  height: 1rem;
  width: 2.2rem; }
  .js-switch-square.js-switch-sm + .switchery > small, .js-switch-square.js-switch-sm + .switchery > .small {
    width: 0.875rem;
    height: 0.875rem;
    top: 0.0625rem; }

.form-control.is-valid {
  border-color: #68CF29 !important;
  border-right: 0rem !important; }
  .form-control.is-valid:focus {
    box-shadow: none; }

.form-control.is-warning {
  border-color: #FFAB2D !important;
  border-right: 0rem !important; }
  .form-control.is-warning:focus {
    box-shadow: none; }

.form-control.is-invalid {
  border-color: #FF4C41 !important;
  border-right: 0rem !important; }
  .form-control.is-invalid:focus {
    box-shadow: none; }

.is-valid .input-group-prepend .input-group-text i {
  color: #68CF29; }

.is-invalid .input-group-prepend .input-group-text i {
  color: var(--rgba-primary-2); }

.show-pass {
  cursor: pointer; }
  .show-pass .fa-eye {
    display: none; }
  .show-pass.active .fa-eye-slash {
    display: none; }
  .show-pass.active .fa-eye {
    display: inline-block; }

.asColorPicker-dropdown {
  max-width: 26rem; }

.asColorPicker-trigger {
  border: 0 none;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 2.1875rem;
  border-radius: 0.35rem; }

[direction="rtl"] .asColorPicker-trigger {
  left: 0;
  right: auto; }

.asColorPicker-clear {
  display: none;
  position: absolute;
  right: 1rem;
  text-decoration: none;
  top: .5rem; }

.asColorPicker-trigger span {
  border-radius: 0 0.35rem 0.35rem 0; }

.daterangepicker td.active {
  background-color: var(--primary); }
  .daterangepicker td.active:hover {
    background-color: var(--primary); }

.daterangepicker button.applyBtn {
  background-color: var(--primary);
  border-color: var(--primary); }

.datepicker.datepicker-dropdown {
  background: #f2f4fa;
  border-radius: 0.0625rem;
  border: 0.0625rem solid #EEEEEE; }
  .datepicker.datepicker-dropdown td.day, .datepicker.datepicker-dropdown th.next, .datepicker.datepicker-dropdown th.prev {
    height: 1.875rem;
    width: 1.875rem !important;
    padding: 0;
    text-align: center;
    font-weight: 300;
    border-radius: 3.125rem; }
    .datepicker.datepicker-dropdown td.day:hover, .datepicker.datepicker-dropdown th.next:hover, .datepicker.datepicker-dropdown th.prev:hover {
      box-shadow: 0rem 0rem 1.875rem 0.3125rem rgba(243, 30, 122, 0.3);
      color: #fff; }
  .datepicker.datepicker-dropdown th.datepicker-switch, .datepicker.datepicker-dropdown th.next, .datepicker.datepicker-dropdown th.prev {
    font-weight: 300;
    color: #333; }
  .datepicker.datepicker-dropdown th.dow {
    font-weight: 300; }

.datepicker table tr td.selected, .datepicker table tr td.active.active {
  box-shadow: 0rem 0rem 1.875rem 0.3125rem rgba(243, 30, 122, 0.3);
  border: 0; }

.datepicker table tr td.today {
  box-shadow: 0rem 0rem 1.875rem 0.3125rem rgba(243, 30, 122, 0.3);
  color: #ffffff; }
  .datepicker table tr td.today:hover {
    box-shadow: 0rem 0rem 1.875rem 0.3125rem rgba(243, 30, 122, 0.3);
    color: #ffffff; }

.datepicker table tr td.today.disabled {
  box-shadow: 0rem 0rem 1.875rem 0.3125rem rgba(243, 30, 122, 0.3);
  color: #ffffff; }
  .datepicker table tr td.today.disabled:hover {
    box-shadow: 0rem 0rem 1.875rem 0.3125rem rgba(243, 30, 122, 0.3);
    color: #ffffff; }

.picker__select--month, .picker__select--year {
  height: 2.5em; }

.picker__input {
  background-color: transparent !important; }

.asColorPicker-wrap .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

#image {
  max-width: 100%; }

.docs-options .dropdown-menu {
  padding: 1.5rem; }

.docs-preview {
  margin-bottom: 3rem; }
  .docs-preview .img-preview {
    float: left;
    margin-right: .5rem;
    margin-bottom: .5rem;
    overflow: hidden;
    max-width: 100% !important; }
    .docs-preview .img-preview > img {
      max-width: 100% !important; }
    .docs-preview .img-preview.preview-lg {
      width: 16rem;
      height: 9rem; }
    .docs-preview .img-preview.preview-md {
      width: 8rem;
      height: 4.5rem; }
    .docs-preview .img-preview.preview-sm {
      width: 4rem;
      height: 2.25rem; }
    .docs-preview .img-preview.preview-xs {
      width: 2rem;
      height: 1.125rem;
      margin-right: 0; }

.select2-container {
  width: 100% !important; }

.select2-container--default .select2-selection--single {
  border-radius: 0.35rem;
  border: 0.0625rem solid #f7f7f7;
  height: 2.5rem;
  background: #fff; }
  .select2-container--default .select2-selection--single:hover, .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single.active {
    box-shadow: none; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 2.5rem;
  color: #7e7e7e;
  padding-left: 0.9375rem;
  min-height: 2.5rem; }

.select2-container--default .select2-selection--multiple {
  border-color: #EEEEEE;
  border-radius: 0; }

.select2-dropdown {
  border-radius: 0; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--primary); }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #EEEEEE;
  background: #fff; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 0.375rem;
  right: 0.9375rem; }

.select2-container .select2-selection--multiple {
  min-height: 2.5rem;
  color: #7e7e7e;
  border-radius: 0.35rem;
  border: 0.0625rem solid #f7f7f7; }

.select2-dropdown {
  border-color: #f7f7f7; }

.swal2-popup .swal2-content {
  color: #7e7e7e; }



/*
0 - 600: Phone
600 - 900: Tablet portrait
900 - 1200: Tablet landscape
1200 - 1800: Normal styles
1800+ : Big Desktop
1em = 16px
The smaller device rules always should write below the bigger device rules
Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component
*/
.form-wizard {
  border: 0; }
  .form-wizard .nav-wizard {
    box-shadow: none !important;
    margin-bottom: 2rem; }
    .form-wizard .nav-wizard li .nav-link {
      position: relative; }
      .form-wizard .nav-wizard li .nav-link span {
        border-radius: 3.125rem;
        width: 3rem;
        height: 3rem;
        border: 0.125rem solid var(--primary);
        display: block;
        line-height: 3rem;
        color: var(--primary);
        font-size: 1.125rem;
        margin: auto;
        background-color: #fff;
        position: relative;
        z-index: 1; }
      .form-wizard .nav-wizard li .nav-link:after {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 0.1875rem;
        transform: translateY(-50%);
        background: #eeeeee !important;
        z-index: 0;
        width: 100%; }
      .form-wizard .nav-wizard li .nav-link.active:after {
        background: var(--primary) !important; }
      .form-wizard .nav-wizard li .nav-link.active span {
        background: var(--primary);
        color: #fff; }
      .form-wizard .nav-wizard li .nav-link.done:after {
        background: var(--primary) !important; }
      .form-wizard .nav-wizard li .nav-link.done span {
        background-color: var(--primary);
        color: #fff; }
    .form-wizard .nav-wizard li:last-child .nav-link:after {
      content: none; }
  .form-wizard .toolbar-bottom .btn {
    background-color: var(--primary);
    border: 0;
    padding: 0.75rem 1.125rem; }
  .form-wizard .tab-content .tab-pane {
    padding: 0; }
  .form-wizard .emial-setup label.mailclinet {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    cursor: pointer;
    background-color: #EEF5F9;
    text-align: center;
    margin: auto; }
    @media only screen and (max-width: 575px) {
      .form-wizard .emial-setup label.mailclinet {
        width: 7rem;
        height: 7rem; } }
    .form-wizard .emial-setup label.mailclinet .mail-icon {
      font-size: 3rem;
      display: inline-block;
      line-height: 1;
      margin-top: -1rem; }
      @media only screen and (max-width: 575px) {
        .form-wizard .emial-setup label.mailclinet .mail-icon {
          font-size: 2rem; } }
    .form-wizard .emial-setup label.mailclinet .mail-text {
      font-size: 1rem;
      text-align: center;
      margin-top: .5rem; }
      @media only screen and (max-width: 575px) {
        .form-wizard .emial-setup label.mailclinet .mail-text {
          font-size: 1rem;
          line-height: 1.25rem; } }
    .form-wizard .emial-setup label.mailclinet input[type="radio"] {
      display: none; }
  .form-wizard .emial-setup label.mailclinet {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    cursor: pointer;
    background-color: #EEF5F9;
    text-align: center;
    margin: auto; }
    @media only screen and (max-width: 575px) {
      .form-wizard .emial-setup label.mailclinet {
        width: 7rem;
        height: 7rem; } }
    .form-wizard .emial-setup label.mailclinet .mail-icon {
      font-size: 3rem;
      display: inline-block;
      line-height: 1;
      margin-top: -1rem; }
      @media only screen and (max-width: 575px) {
        .form-wizard .emial-setup label.mailclinet .mail-icon {
          font-size: 2rem; } }
    .form-wizard .emial-setup label.mailclinet .mail-text {
      font-size: 1rem;
      text-align: center;
      margin-top: .5rem; }
      @media only screen and (max-width: 575px) {
        .form-wizard .emial-setup label.mailclinet .mail-text {
          font-size: 1rem;
          line-height: 1.25rem; } }
    .form-wizard .emial-setup label.mailclinet input[type="radio"] {
      display: none; }
  @media only screen and (max-width: 767px) {
    .form-wizard .nav-wizard {
      flex-direction: unset !important; }
    .form-wizard .tab-content {
      height: 100% !important; } }
  @media only screen and (max-width: 575px) {
    .form-wizard .nav-wizard li .nav-link {
      padding: 0; } }

.custom-ekeditor ul {
  padding-left: 1.25rem; }
  .custom-ekeditor ul li {
    list-style: unset; }

.custom-ekeditor ol li {
  list-style: decimal; }

.ql-container {
  height: 25rem; }

#world-datamap {
  padding-bottom: 46% !important; }

.datamaps-hoverover {
  background: #fff;
  padding: 0.3125rem;
  border-radius: 0.3125rem;
  font-family: 'Roboto' !important;
  color: var(--primary);
  border: 1px solid var(--rgba-primary-3); }

@media only screen and (max-width: 1440px) {
  .world_map_card ul.list-group {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 35px; } }

.jqvmap-zoomin,
.jqvmap-zoomout {
  height: 20px;
  width: 20px;
  line-height: 14px;
  background-color: var(--primary);
  color: #fff; }

.jqvmap-zoomout {
  top: 35px; }

#world-map, #usa {
  height: 400px; }
  @media only screen and (max-width: 991px) {
    #world-map, #usa {
      height: 350px; } }
  @media only screen and (max-width: 575px) {
    #world-map, #usa {
      height: 230px; } }

.blockUI.blockMsg.blockPage {
  border: 0 !important; }

#loginForm {
  cursor: auto; }

.blockMsg {
  border: 0px !important;
  width: 20% !important; }
  .blockMsg h1, .blockMsg .h1 {
    font-size: 16px;
    padding: 8px 0;
    margin-bottom: 0; }



.clipboard-btn {
  transition: all .1s ease-in-out; }
  .clipboard-btn:hover {
    background-color: var(--primary);
    color: #fff; }

.crypto-ticker {
  background: rgba(0, 0, 0, 0.5);
  margin-top: 20px;
  padding: 10px 20px;
  border-radius: 3px;
  box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15); }

#webticker-big {
  font: inherit !important;
  font-size: inherit !important;
  font-weight: normal !important; }
  #webticker-big li i {
    font-size: 18px;
    margin-right: 7px; }
  #webticker-big li p {
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 700; }



.twitter-typeahead {
  width: 100%; }
  .twitter-typeahead .tt-dataset.tt-dataset-states {
    border: 1px solid #EEEEEE; }
  .twitter-typeahead .tt-menu {
    width: 100%;
    background-color: #fff; }
    .twitter-typeahead .tt-menu .tt-suggestion {
      padding: 0.625rem;
      cursor: pointer; }
      .twitter-typeahead .tt-menu .tt-suggestion:hover {
        background-color: var(--primary);
        color: #fff; }

.weather-one i {
  font-size: 8rem;
  position: relative;
  top: .5rem; }

.weather-one h2, .weather-one .h2 {
  display: inline-block;
  font-size: 4.8rem; }

.weather-one .city {
  position: relative;
  text-align: right;
  top: -2.5rem; }

.weather-one .currently {
  font-size: 1.6rem;
  font-weight: 400;
  position: relative;
  top: 2.5rem; }

.weather-one .celcious {
  text-align: right;
  font-size: 2rem; }



.noUi-target {
  border-color: transparent;
  border-radius: 0; }

.noUi-connect {
  background-color: var(--primary); }
  .noUi-connects {
    background-color: #D2D6DE; }
  .noUi-connect.c-1-color {
    background-color: #68CF29; }
  .noUi-connect.c-2-color {
    background-color: #51A6F5; }
  .noUi-connect.c-3-color {
    background-color: var(--primary); }
  .noUi-connect.c-4-color {
    background-color: #FFAB2D; }

.noUi-vertical {
  width: 0.375rem; }

.noUi-horizontal {
  height: 0.375rem;
  margin-bottom: 10px; }

.noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle {
  height: 12px;
  width: 12px;
  border-radius: 50px;
  box-shadow: none;
  border: none;
  background-color: var(--primary); }
  .noUi-horizontal .noUi-handle::after, .noUi-horizontal .noUi-handle::before, .noUi-vertical .noUi-handle::after, .noUi-vertical .noUi-handle::before {
    display: none; }

.noUi-vertical .noUi-handle {
  left: -4px;
  top: -6px; }

.noUi-horizontal .noUi-handle {
  top: -4px; }

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -6px; }

#slider-toggle {
  height: 50px; }

#slider-toggle.off .noUi-handle {
  border-color: var(--primary); }

.colorpicker-slider .sliders.noUi-target#red, .colorpicker-slider .sliders.noUi-target#green, .colorpicker-slider .sliders.noUi-target#blue {
  margin: 10px;
  display: inline-block;
  height: 200px; }

.colorpicker-slider .sliders.noUi-target#red .noUi-connect {
  background: #c0392b; }

.colorpicker-slider .sliders.noUi-target#green .noUi-connect {
  background: #27ae60; }

.colorpicker-slider .sliders.noUi-target#blue .noUi-connect {
  background: #2980b9; }

.colorpicker-slider #result {
  margin: 60px 26px;
  height: 100px;
  width: 100px;
  display: inline-block;
  vertical-align: top;
  color: #7f7f7f;
  background: #7f7f7f;
  border: 1px solid #fff;
  box-shadow: 0 0 10px; }

.slider-vertical {
  height: 18rem; }

.nestable-cart {
  overflow: hidden; }

.dd-handle {
  color: #fff;
  background: var(--primary);
  border-radius: 5px;
  padding: 8px 15px;
  height: auto;
  border: 1px solid #EEEEEE;
  cursor: all-scroll; }



.cd-h-timeline {
  opacity: 0;
  transition: opacity 0.2s; }

.cd-h-timeline--loaded {
  opacity: 1; }

.cd-h-timeline__container {
  position: relative;
  height: 100px;
  max-width: 800px; }

.cd-h-timeline__dates {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden; }
  .cd-h-timeline__dates::after, .cd-h-timeline__dates::before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 20px; }
  .cd-h-timeline__dates::before {
    left: 0;
    background: var(--primary); }
  .cd-h-timeline__dates::after {
    right: 0;
    background: var(--primary); }

.cd-h-timeline__line {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  background-color: var(--primary);
  transition: transform 0.4s; }

.cd-h-timeline__filling-line {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #68CF29;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.3s; }

.cd-h-timeline__date {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 0.8em;
  padding-bottom: var(--space-sm);
  color: var(--cd-color-1);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-decoration: none; }
  .cd-h-timeline__date::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -5px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    border-color: var(--rgba-primary-9);
    background-color: var(--primary);
    transition: background-color 0.3s, border-color .3s; }
  .cd-h-timeline__date:hover::after {
    background-color: #68CF29;
    border-color: #68CF29; }

.cd-h-timeline__date--selected {
  pointer-events: none; }
  .cd-h-timeline__date--selected::after {
    background-color: #68CF29;
    border-color: #68CF29; }

.cd-h-timeline__date--older-event::after {
  border-color: #68CF29; }

.cd-h-timeline__navigation {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: var(--rgba-primary-9);
  transition: border-color 0.3s; }
  .cd-h-timeline__navigation::after {
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: url(/page-error-404.html) no-repeat 0 0; }
  .cd-h-timeline__navigation:hover {
    border-color: #68CF29; }

.cd-h-timeline__navigation--prev {
  left: 0;
  transform: translateY(-50%) rotate(180deg); }

.cd-h-timeline__navigation--next {
  right: 0; }

.cd-h-timeline__navigation--inactive {
  cursor: not-allowed; }
  .cd-h-timeline__navigation--inactive::after {
    background-position: 0 -16px; }
  .cd-h-timeline__navigation--inactive:hover {
    border-color: var(--rgba-primary-9); }

.cd-h-timeline__events {
  position: relative;
  width: 100%;
  overflow: hidden;
  transition: height .4s; }

.cd-h-timeline__event {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  transform: translateX(-100%);
  padding: 1px 5%;
  opacity: 0;
  animation-duration: 0.4s;
  animation-timing-function: ease-in-out; }

.cd-h-timeline__event--selected {
  position: relative;
  z-index: 2;
  opacity: 1;
  transform: translateX(0); }

.cd-h-timeline__event--enter-right,
.cd-h-timeline__event--leave-right {
  animation-name: cd-enter-right; }

.cd-h-timeline__event--enter-left,
.cd-h-timeline__event--leave-left {
  animation-name: cd-enter-left; }

.cd-h-timeline__event--leave-right,
.cd-h-timeline__event--leave-left {
  animation-direction: reverse; }

.cd-h-timeline__event-content {
  max-width: 800px; }

.cd-h-timeline__event-title {
  color: var(--cd-color-1);
  font-family: var(--font-secondary);
  font-weight: 700;
  font-size: var(--text-xxxl); }

.cd-h-timeline__event-date {
  display: block;
  font-style: italic;
  margin: var(--space-xs) auto; }
  .cd-h-timeline__event-date::before {
    content: '- '; }

@keyframes cd-enter-right {
  0% {
    opacity: 0;
    transform: translateX(100%); }
  100% {
    opacity: 1;
    transform: translateX(0%); } }

@keyframes cd-enter-left {
  0% {
    opacity: 0;
    transform: translateX(-100%); }
  100% {
    opacity: 1;
    transform: translateX(0%); } }

.toast-success {
  background-color: var(--primary); }

.toast-info {
  background-color: #51A6F5; }

.toast-warning {
  background-color: #FFAB2D; }

.toast-error {
  background-color: #FF4C41; }

#toast-container > div {
  box-shadow: none;
  border-radius: 0;
  width: auto;
  max-width: 250px;
  opacity: 1; }
  [direction="rtl"] #toast-container > div {
    padding: 15px 50px 15px 15px;
    background-position: calc(100% - 15px);
    text-align: right; }
  #toast-container > div:hover {
    box-shadow: none; }

#toast-container .toast-title {
  margin-bottom: 5px;
  font-weight: 600; }

#toast-container .toast-message {
  font-size: 12px; }

#toast-container .toast-close-button {
  opacity: 1;
  font-size: 20px;
  font-weight: normal;
  text-shadow: none; }

[direction="rtl"] .toast-top-right.demo_rtl_class {
  left: 12px;
  right: auto; }

/* Light Gallery */
.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-sub-html,
.lg-toolbar {
  background-color: rgba(30, 30, 30, 0.6); }

.lg-outer .lg-toogle-thumb,
.lg-outer .lg-thumb-outer,
.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
  background-color: transparent; }

.lg-thumb-outer.lg-grab,
.lg-toogle-thumb.lg-icon {
  background-color: rgba(30, 30, 30, 0.6); }

.lg-backdrop {
  background-color: rgba(30, 30, 30, 0.9); }

.lg-outer .lg-toogle-thumb,
.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-toolbar .lg-icon,
#lg-counter {
  color: #fff; }

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: var(--primary); }

.lightimg {
  cursor: pointer; }

.jqvmap-zoomin,
.jqvmap-zoomout {
  position: absolute;
  left: 10px;
  border-radius: 3px;
  background: #000000;
  padding: 3px;
  color: white;
  width: 17px;
  height: 17px;
  cursor: pointer;
  line-height: 10px;
  text-align: center; }

.jqvmap-zoomin {
  top: 10px; }

.jqvmap-zoomout {
  top: 30px; }

.ps__rail-x:hover,
.ps__rail-y:hover,
.ps__rail-x:focus,
.ps__rail-y:focus,
.ps__rail-x.ps--clicking,
.ps__rail-y.ps--clicking {
  background-color: transparent;
  opacity: 0.9; }

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #DAE2F3;
  width: 4px; }

.ps__thumb-y {
  background-color: #DAE2F3;
  width: 4px; }

.total-average {
  position: relative;
  height: 300px; }



.widget-todo {
  position: relative;
  height: 210px; }

.widget-team {
  position: relative;
  height: 285px; }

.widget-timeline {
  position: relative; }

.widget-comments {
  position: relative;
  height: 400px; }

.sidebar-right-inner {
  position: relative;
  height: 100%; }

.widget-team .ps .ps__rail-x:hover,
.widget-team .ps .ps__rail-y:hover,
.widget-team .ps .ps__rail-x:focus,
.widget-team .ps .ps__rail-y:focus,
.widget-team .ps .ps__rail-x.ps--clicking,
.widget-team .ps .ps__rail-y.ps--clicking {
  background-color: transparent !important;
  opacity: 0.9; }

.external-event {
  padding: 8px 10px;
  display: flex;
  align-items: center;
  border-radius: 5px; }
  .external-event:hover:before {
    background: #fff !important; }



#external-events .external-event {
  text-align: left;
  font-size: 16px; }


.btn-close {
  background: none;
  font-family: "Font Awesome 5 Free";
  line-height: 1; }

.btn-close:before {
  content: '\f00d';
  font-weight: 600;
  font-size: 18px; }

.page-titles {
  padding: 0.9375rem 1.875rem;
  background: #fff;
  margin-bottom: 1.875rem;
  border-radius: 0.5rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0; }
  @media only screen and (max-width: 1199px) {
    .page-titles {
      margin-top: 0.125rem; } }
  @media only screen and (max-width: 767px) {
    .page-titles {
      margin-left: -1.25rem;
      margin-right: -1.25rem;
      margin-bottom: 0.9375rem;
      padding: 0.9375rem 1.25rem;
      margin-top: -1.25rem; } }
  .page-titles .justify-content-sm-end {
    align-items: center; }
  .page-titles h4, .page-titles .h4 {
    margin-bottom: 0;
    margin-top: 0;
    color: var(--primary);
    font-size: 1.25rem; }
    .page-titles h4 span, .page-titles .h4 span {
      font-size: 0.875rem;
      font-weight: 400; }

button {
  cursor: pointer; }
  button:focus {
    outline: 0;
    box-shadow: none; }

.btn {
  padding: 0.6rem 0.9rem;
  border-radius: 0.35rem;
  font-weight: 400;
  font-size: 1rem; }
  .btn:hover, .btn:focus, .btn:active, .btn.active {
    outline: 0 !important;
    /* color: #fff;  */
  }
  @media only screen and (max-width: 1400px) {
    .btn {
      padding: 0.625rem 1rem;
      font-size: 0.813rem; } }
  .btn.btn-success, .btn.btn-secondary, .btn.btn-warning, .btn.btn-primary, .btn.btn-danger, .btn.btn-info {
    color: #fff; }
  .btn-transparent {
    background-color: transparent; }

.btn-secondary {
  color: #fff;
  background-color: var(--secondary);
  border-color: var(--secondary); }

.btn-primary {
  border-color: var(--primary);
  background-color: var(--primary); }
  .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    border-color: var(--primary-hover);
    background-color: var(--primary-hover); }
  .btn-primary:focus {
    box-shadow: 0 0 0 0.25rem var(--rgba-primary-5); }
  .btn-primary:disabled, .btn-primary.disabled {
    background-color: var(--primary);
    border-color: var(--primary); }

.btn-link {
  color: var(--primary);
  text-decoration: none; }
  .btn-link:hover {
    color: var(--primary-hover); }

.btn-outline-primary {
  color: var(--primary);
  border-color: var(--primary); }
  .btn-outline-primary:hover {
    border-color: var(--primary-hover);
    background-color: var(--primary-hover); }

.sharp {
  min-width: 2.5rem;
  padding: 0.4375rem;
  height: 2.5rem;
  min-height: 2.5rem; }

.sharp.btn-xs {
  padding: 0.1875rem;
  width: 1.625rem;
  height: 1.625rem;
  min-width: 1.625rem;
  min-height: 1.625rem; }

.btn-block {
  display: block;
  width: 100%; }

.light.tp-btn {
  background-color: transparent; }

.light.btn-default {
  background: #ADB6C7; }

.light.btn-success {
  background-color: #ecfae4;
  border-color: #ecfae4;
  color: #68CF29; }
  .light.btn-success g [fill] {
    fill: #68CF29; }
  .light.btn-success:hover {
    background-color: #68CF29;
    border-color: #68CF29;
    color: #fff; }
    .light.btn-success:hover g [fill] {
      fill: #fff; }

.light.btn-info {
  background-color: #e2f0fd;
  border-color: #e2f0fd;
  color: #51A6F5; }
  .light.btn-info g [fill] {
    fill: #51A6F5; }
  .light.btn-info:hover {
    background-color: #51A6F5;
    border-color: #51A6F5;
    color: #fff; }
    .light.btn-info:hover g [fill] {
      fill: #fff; }

.light.btn-primary {
  background-color: var(--rgba-primary-1);
  border-color: var(--rgba-primary-1);
  color: var(--primary); }
  .light.btn-primary g [fill] {
    fill: var(--primary); }
  .light.btn-primary:hover {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #fff; }
    .light.btn-primary:hover g [fill] {
      fill: #fff; }

.light.btn-secondary {
  background: #b484f0;
  border-color: #b484f0;
  color: #fff; }
  .light.btn-secondary g [fill] {
    fill: #6418C3; }
  .light.btn-secondary:hover {
    background-color: #6418C3;
    border-color: #6418C3;
    color: #fff; }
    .light.btn-secondary:hover g [fill] {
      fill: #fff; }

.light.btn-warning {
  background-color: #fff0da;
  border-color: #fff0da;
  color: #FFAB2D; }
  .light.btn-warning g [fill] {
    fill: #FFAB2D; }
  .light.btn-warning:hover {
    background-color: #FFAB2D;
    border-color: #FFAB2D;
    color: #fff; }
    .light.btn-warning:hover g [fill] {
      fill: #fff; }

.light.btn-danger {
  background-color: #ffefee;
  border-color: #ffefee;
  color: #FF4C41; }
  .light.btn-danger g [fill] {
    fill: #FF4C41; }
  .light.btn-danger:hover {
    background-color: #FF4C41;
    border-color: #FF4C41;
    color: #fff; }
    .light.btn-danger:hover g [fill] {
      fill: #fff; }

.light.btn-dark {
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #6e6e6e; }
  .light.btn-dark g [fill] {
    fill: #6e6e6e; }
  .light.btn-dark:hover {
    background-color: #6e6e6e;
    border-color: #6e6e6e;
    color: #fff; }
    .light.btn-dark:hover g [fill] {
      fill: #fff; }

.btn.tp-btn {
  background-color: transparent;
  border-color: transparent; }
  .btn.tp-btn.btn-default {
    background: #ADB6C7; }
  .btn.tp-btn.btn-success {
    color: #68CF29; }
    .btn.tp-btn.btn-success g [fill] {
      fill: #68CF29; }
    .btn.tp-btn.btn-success:hover {
      background-color: #68CF29;
      border-color: #68CF29;
      color: #fff; }
      .btn.tp-btn.btn-success:hover g [fill] {
        fill: #fff; }
  .btn.tp-btn.btn-info {
    color: #51A6F5; }
    .btn.tp-btn.btn-info g [fill] {
      fill: #51A6F5; }
    .btn.tp-btn.btn-info:hover {
      background-color: #51A6F5;
      border-color: #51A6F5;
      color: #fff; }
      .btn.tp-btn.btn-info:hover g [fill] {
        fill: #fff; }
  .btn.tp-btn.btn-primary {
    color: var(--primary); }
    .btn.tp-btn.btn-primary g [fill] {
      fill: var(--primary); }
    .btn.tp-btn.btn-primary:hover {
      background-color: var(--primary);
      border-color: var(--primary);
      color: #fff; }
      .btn.tp-btn.btn-primary:hover g [fill] {
        fill: #fff; }
  .btn.tp-btn.btn-secondary {
    color: #6418C3; }
    .btn.tp-btn.btn-secondary g [fill] {
      fill: #6418C3; }
    .btn.tp-btn.btn-secondary:hover {
      background-color: #6418C3;
      border-color: #6418C3;
      color: #fff; }
      .btn.tp-btn.btn-secondary:hover g [fill] {
        fill: #fff; }
  .btn.tp-btn.btn-warning {
    color: #FFAB2D; }
    .btn.tp-btn.btn-warning g [fill] {
      fill: #FFAB2D; }
    .btn.tp-btn.btn-warning:hover {
      background-color: #FFAB2D;
      border-color: #FFAB2D;
      color: #fff; }
      .btn.tp-btn.btn-warning:hover g [fill] {
        fill: #fff; }
  .btn.tp-btn.btn-danger {
    color: #FF4C41; }
    .btn.tp-btn.btn-danger g [fill] {
      fill: #FF4C41; }
    .btn.tp-btn.btn-danger:hover {
      background-color: #FF4C41;
      border-color: #FF4C41;
      color: #fff; }
      .btn.tp-btn.btn-danger:hover g [fill] {
        fill: #fff; }
  .btn.tp-btn.btn-light {
    color: #6e6e6e; }
    .btn.tp-btn.btn-light g [fill] {
      fill: #6e6e6e; }
    .btn.tp-btn.btn-light:hover {
      background-color: #f7f7f7;
      border-color: #f7f7f7;
      color: #6e6e6e; }
      .btn.tp-btn.btn-light:hover g [fill] {
        fill: #fff; }
  .btn.tp-btn.btn-dark {
    color: #6e6e6e; }
    .btn.tp-btn.btn-dark g [fill] {
      fill: #6e6e6e; }
    .btn.tp-btn.btn-dark:hover {
      background-color: #6e6e6e;
      border-color: #6e6e6e;
      color: #fff; }
      .btn.tp-btn.btn-dark:hover g [fill] {
        fill: #fff; }

.btn.tp-btn-light {
  background-color: transparent;
  border-color: transparent; }
  .btn.tp-btn-light.btn-success {
    color: #68CF29; }
    .btn.tp-btn-light.btn-success g [fill] {
      fill: #68CF29; }
    .btn.tp-btn-light.btn-success:hover {
      background-color: #ecfae4;
      border-color: #ecfae4;
      color: #68CF29; }
      .btn.tp-btn-light.btn-success:hover g [fill] {
        fill: #68CF29; }
  .btn.tp-btn-light.btn-info {
    color: #51A6F5; }
    .btn.tp-btn-light.btn-info g [fill] {
      fill: #51A6F5; }
    .btn.tp-btn-light.btn-info:hover {
      background-color: #e2f0fd;
      border-color: #e2f0fd;
      color: #51A6F5; }
      .btn.tp-btn-light.btn-info:hover g [fill] {
        fill: #51A6F5; }
  .btn.tp-btn-light.btn-primary {
    color: var(--primary); }
    .btn.tp-btn-light.btn-primary g [fill] {
      fill: var(--primary); }
    .btn.tp-btn-light.btn-primary:hover {
      background-color: var(--rgba-primary-1);
      border-color: var(--rgba-primary-1);
      color: var(--primary); }
      .btn.tp-btn-light.btn-primary:hover g [fill] {
        fill: var(--primary); }
  .btn.tp-btn-light.btn-secondary {
    color: #6418C3; }
    .btn.tp-btn-light.btn-secondary g [fill] {
      fill: #6418C3; }
    .btn.tp-btn-light.btn-secondary:hover {
      background-color: #dec8f8;
      border-color: #dec8f8;
      color: #6418C3; }
      .btn.tp-btn-light.btn-secondary:hover g [fill] {
        fill: #6418C3; }
  .btn.tp-btn-light.btn-warning {
    color: #FFAB2D; }
    .btn.tp-btn-light.btn-warning g [fill] {
      fill: #FFAB2D; }
    .btn.tp-btn-light.btn-warning:hover {
      background-color: #fff0da;
      border-color: #fff0da;
      color: #FFAB2D; }
      .btn.tp-btn-light.btn-warning:hover g [fill] {
        fill: #FFAB2D; }
  .btn.tp-btn-light.btn-danger {
    color: #FF4C41; }
    .btn.tp-btn-light.btn-danger g [fill] {
      fill: #FF4C41; }
    .btn.tp-btn-light.btn-danger:hover {
      background-color: #ffefee;
      border-color: #ffefee;
      color: #FF4C41; }
      .btn.tp-btn-light.btn-danger:hover g [fill] {
        fill: #fff; }
  .btn.tp-btn-light.btn-dark {
    color: #6e6e6e; }
    .btn.tp-btn-light.btn-dark g [fill] {
      fill: #6e6e6e; }
    .btn.tp-btn-light.btn-dark:hover {
      background-color: #eeeeee;
      border-color: #eeeeee;
      color: #6e6e6e; }
      .btn.tp-btn-light.btn-dark:hover g [fill] {
        fill: #fff; }

.shadow.btn-primary {
  box-shadow: 0 0.3125rem 0.9375rem 0 var(--rgba-primary-2) !important; }

.shadow.btn-secondary {
  box-shadow: 0 0.3125rem 0.9375rem 0 rgba(100, 24, 195, 0.2) !important; }

.shadow.btn-warning {
  box-shadow: 0 0.3125rem 0.9375rem 0 rgba(255, 171, 45, 0.2) !important; }

.shadow.btn-danger {
  box-shadow: 0 0.3125rem 0.9375rem 0 rgba(255, 76, 65, 0.2) !important; }

.shadow.btn-info {
  box-shadow: 0 0.3125rem 0.9375rem 0 rgba(81, 166, 245, 0.2) !important; }

.shadow.btn-success {
  box-shadow: 0 0.3125rem 0.9375rem 0 rgba(104, 207, 41, 0.2) !important; }

.btn-xxs {
  padding: 0.375rem 0.9375rem;
  font-size: 0.6875rem;
  line-height: 1.3; }

.btn-xs {
  font-size: 0.75rem;
  padding: 0.438rem 1rem;
  font-weight: 600; }

.btn-sm, .btn-group-sm > .btn {
  font-size: 0.813rem  !important;
  padding: 0.625rem 1rem; }

.btn-md {
  font-size: 0.875rem  !important;
  padding: 0.875rem 1.25rem; }

.btn-lg, .btn-group-lg > .btn {
  padding: 0.7rem 1.5em;
  font-size: 1.125rem !important; }
  @media only screen and (max-width: 575px) {
    .btn-lg, .btn-group-lg > .btn {
      padding: 0.75rem 1.25rem; } }

.btn-xl {
  padding: 0.6rem 1rem; }
  .btn-xl.btn-default {
    font-weight: 600; }

.btn-square {
  border-radius: 0; }

.btn-rounded {
  border-radius: 2.5rem !important; }

.btn-icon-end {
  border-left: 0.0625rem solid rgba(255, 255, 255, 0.2);
  display: inline-block;
  margin: -.8rem 0 -.8rem 1rem;
  padding: 0.4375rem 0 0.4375rem 1rem;
  margin: -1rem -0.25rem -1rem 1rem;
  padding: 1rem 0 1rem 1.25rem; }

.btn-icon-start {
  background: #fff;
  border-radius: 10rem;
  display: inline-block;
  margin: -0.5rem 0.3rem -0.5rem -0.8rem;
  padding: 0.5rem 0.80rem 0.5rem; }
  @media only screen and (max-width: 1400px) {
    .btn-icon-start {
      margin: -0.5rem 0.75rem -0.5rem -0.880rem; } }

[direction="rtl"] .btn-icon-start {
  margin: -.5rem 0.5rem -0.5rem -1rem; }
  @media only screen and (max-width: 1400px) {
    [direction="rtl"] .btn-icon-start {
      margin: -0.5rem 0.75rem -0.5rem -0.880rem; } }

[direction="rtl"] .btn-icon-end {
  border-left: 0rem solid white;
  display: inline-block;
  margin: -.8rem 1rem -.8rem 0;
  padding: 0.4375rem 1rem 0.4375rem 0;
  border-right: 0.0625rem solid white; }

.toggle-dropdown::after {
  margin-left: 0.755em; }

.social-btn-icon .btn {
  min-width: 7.5rem;
  margin-bottom: 1.5rem; }

.social-icon .btn {
  padding: .7rem 1.4rem; }

.btn-circle {
  height: 5rem;
  width: 5rem;
  border-radius: 50% !important; }
  .btn-circle-sm {
    width: 4.5rem;
    height: 4.5rem;
    font-size: 1.8rem; }
  .btn-circle-md {
    width: 6rem;
    height: 6rem;
    font-size: 2.5rem; }
    .btn-circle-md i {
      font-size: 2.4rem; }
  .btn-circle-lg {
    width: 8rem;
    height: 8rem;
    font-size: 3.2rem; }
    .btn-circle-lg i {
      font-size: 3.1rem; }

.btn-page .btn {
  min-width: 6.875rem;
  margin-right: 0.25rem;
  margin-bottom: 0.5rem;
  overflow: hidden; }

.size-1 {
  min-width: 10rem !important;
  font-size: 1.5rem;
  padding: 0.68rem 0.75rem; }

.size-2 {
  font-size: 1.25rem;
  min-width: 8.125rem !important;
  padding: 0.57rem 0.75rem; }

.size-3 {
  font-size: 0.875rem;
  min-width: 6.875rem !important;
  padding: 0.536rem 0.75rem; }

.size-4 {
  font-size: 0.875rem;
  min-width: 6.25rem !important; }

.size-5 {
  font-size: 0.875rem;
  min-width: 5.625rem !important;
  padding: .22rem 0.75rem; }

.size-6 {
  font-size: 0.8125rem;
  min-width: 5rem !important;
  padding: 0.097rem 0.75rem; }

.size-7 {
  font-size: 0.75rem;
  min-width: 3.75rem !important;
  padding: 0.001rem 0.75rem; }

.btn-light {
  background: #f7f7f7;
  border-color: #f7f7f7;
  color: #000; }
  .btn-light:active, .btn-light:focus, .btn-light:hover {
    background: white;
    color: #6e6e6e;
    border-color: white; }

.btn-outline-primary:hover {
  color: #fff; }

.btn-outline-warning:hover {
  color: #fff; }

.btn-outline-light {
  color: #6e6e6e; }

.btn-dark {
  background: #6e6e6e;
  border-color: #6e6e6e;
  color: #fff; }
  .btn-dark:active, .btn-dark:focus, .btn-dark:hover {
    background: #555555;
    color: #fff;
    border-color: #555555; }

.btn-group.btn-rounded .btn:first-child {
  border-top-left-radius: 1.875rem;
  border-bottom-left-radius: 1.875rem; }

.btn-group.btn-rounded .btn:last-child {
  border-top-right-radius: 1.875rem;
  border-bottom-right-radius: 1.875rem; }

.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
  background-color: var(--primary);
  border-color: var(--primary);
  color: #fff; }

.btn-check:checked + .btn-outline-primary:focus,
.btn-check:active + .btn-outline-primary:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem var(--rgba-primary-5); }

.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem var(--rgba-primary-5); }

.btn-close:focus {
  box-shadow: 0 0 0 0.25rem var(--rgba-primary-5); }

.card {
  margin-bottom: 1.875rem;
  background-color: #fff;
  transition: all .5s ease-in-out;
  position: relative;
  border: 0rem solid transparent;
  border-radius: 0.35rem;
  box-shadow: 0rem 0.3125rem 0.3125rem 0rem rgba(82, 63, 105, 0.05);
  height: calc(100% - 30px); }
  @media only screen and (max-width: 35.9375rem) {
    .card {
      margin-bottom: 0.938rem;
      height: calc(100% - 0.938rem); } }
  .card-body {
    padding: 1.875rem; }
    @media only screen and (max-width: 575px) {
      .card-body {
        padding: 1rem; } }
  .card-title {
    font-size: 1.25rem;
    font-weight: 500;
    color: #000;
    text-transform: capitalize; }
    .card-title--large {
      font-size: 1.5rem; }
    .card-title--medium {
      font-size: 1rem; }
    .card-title--small {
      font-size: 0.875rem; }

  .card-footer {
    border-color: #EEEEEE;
    background: transparent;
    padding: 1.25rem 1.875rem 1.25rem;
    border-radius: 0.5rem !important; }

.transparent-card.card {
  background: transparent;
  border: 0.0625rem solid transparent;
  box-shadow: none; }

.card-action > a {
  display: inline-block;
  width: 1.875rem;
  height: 1.875rem;
  line-height: 1.875rem;
  border-radius: 0.3125rem;
  border-color: transparent;
  text-align: center;
  background: var(--primary-dark);
  color: #fff;
  margin-right: 0.5rem; }
  .card-action > a:last-child {
    margin-right: 0; }
  .card-action > a:hover, .card-action > a:focus {
    background: var(--primary-dark); }
  .card-action > a i, .card-action > a span {
    font-size: 1rem; }

.card-action .dropdown {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 0.3125rem;
  border-color: transparent;
  text-align: center;
  margin-right: 0.5rem;
  top: -0.125rem;
  position: relative;
  display: inline-block;
  background: var(--primary-dark);
  color: var(--primary); }
  .card-action .dropdown:hover, .card-action .dropdown:focus {
    background: var(--primary-dark); }
  .card-action .dropdown .btn {
    padding: 0;
    line-height: 1.6875rem;
    color: #fff; }
    .card-action .dropdown .btn:focus {
      box-shadow: none; }

.card-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  overflow: auto; }

.card-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 999; }

.card-loader i {
  margin: 0 auto;
  background: var(--primary-dark);
  padding: 0.625rem;
  border-radius: 50%;
  color: #fff;
  font-size: 1rem; }

.rotate-refresh {
  animation: mymove 0.8s infinite linear;
  display: inline-block; }

.card-header .date_picker {
  display: inline-block;
  padding: 0.5rem;
  border: 0.0625rem solid #EEEEEE;
  cursor: pointer;
  border-radius: .375rem; }

.card-header .border-0 {
  padding-bottom: 0; }

@keyframes mymove {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.carousel-custom-prev, .carousel-custom-next {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  display: inline-block;
  border-radius: 50%;
  background: #fff;
  text-align: center; }
  .carousel-custom-prev i, .carousel-custom-next i {
    font-size: 1rem; }
  .carousel-custom-prev:hover, .carousel-custom-next:hover {
    background: linear-gradient(to right, rgba(245, 60, 121, 0.99) 0%, rgba(246, 104, 47, 0.99) 100%);
    color: #fff; }

.carousel-custom-next {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%); }

.carousel-custom-prev {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%); }

.carousel-caption {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.78);
  z-index: 1;
  background: rgba(0, 0, 0, 0.6); }
  .carousel-caption h5, .carousel-caption .h5 {
    color: #fff;
    font-size: 1.8rem; }
  .carousel-caption p {
    margin-bottom: 0; }

.carousel-indicators {
  z-index: 1; }

.dropdown-toggle:focus {
  box-shadow: none !important; }

.dropdown-outline {
  border: 0.1rem solid var(--primary); }

.dropdown-menu {
  font-size: inherit;
  border: 0;
  z-index: 2;
  overflow: hidden;
  border-radius: 0.35rem;
  box-shadow: 0 0 3.125rem 0 rgba(82, 63, 105, 0.15);
  margin-top: 0; }
  .dropdown-menu .dropdown-item {
    font-size: 1rem;
    color: #7e7e7e;
    padding: 0.5rem 1.75rem; }
    @media only screen and (max-width: 1400px) {
      .dropdown-menu .dropdown-item {
        padding: 0.375rem 1rem;
        font-size: 0.875rem; } }
    .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item.active {
      color: #514e5f; }
    .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active {
      color: var(--primary);
      background: var(--rgba-primary-1); }
  [direction="rtl"] .dropdown-menu {
    right: auto !important; }
  .dropdown-menu.show {
    right: 0; }

.dropdown-toggle-split {
  padding: 0 0.625rem;
  opacity: 0.85; }
  .dropdown-toggle-split:after {
    margin-left: 0 !important; }
  .dropdown-toggle-split:active, .dropdown-toggle-split:focus, .dropdown-toggle-split:hover {
    opacity: 1; }
.dropright .dropdown-toggle::after {
  content: none; }

.custom-dropdown {
  display: inline-block;
  margin-bottom: 1rem; }
  .custom-dropdown .dropdown-menu {
    border: 0rem;
    min-width: 10rem; }

.card-action .custom-dropdown {
  margin: 0rem;
  background: var(--rgba-primary-1); }
  .card-action .custom-dropdown.show, .card-action .custom-dropdown:focus, .card-action .custom-dropdown:hover {
    background: var(--primary);
    color: #fff; }
  .card-action .custom-dropdown i {
    display: inline-block;
    padding-top: 0.5625rem; }

.dropdown .dropdown-dots {
  position: relative;
  height: 0.3125rem;
  width: 0.3125rem;
  background: rgba(110, 110, 110, 0.4);
  border-radius: 0.3125rem;
  display: block; }
  .dropdown .dropdown-dots:after, .dropdown .dropdown-dots:before {
    content: "";
    height: 0.3125rem;
    width: 0.3125rem;
    background: rgba(110, 110, 110, 0.4);
    position: absolute;
    border-radius: 0.3125rem; }
  .dropdown .dropdown-dots:after {
    right: -0.5rem; }
  .dropdown .dropdown-dots:before {
    left: -0.5rem; }
  .dropdown .dropdown-dots.text-wghite {
    background: rgba(255, 255, 255, 0.7); }
    .dropdown .dropdown-dots.text-white:after, .dropdown .dropdown-dots.text-white:before {
      background: rgba(255, 255, 255, 0.7); }

.grid-col {
  padding: 0.5rem !important;
  background: #f2f4fa; }

.row.grid {
  margin-bottom: 1.5rem;
  text-align: center; }

.row.grid .grid-col:first-child {
  text-align: left; }

.label {
  display: inline-block;
  text-align: center;
  font-size: 0.75rem;
  padding: .2rem .8rem; }
  .label-fixed {
    width: 7.5rem;
    padding: .6rem 0; }
    .label-fixed-lg {
      width: 9.5rem;
      padding: .6rem 0; }
  .label-big {
    width: 16.8rem;
    font-size: 1.4rem;
    padding: 1.1rem 0; }
  .label-xl {
    width: 10.5rem;
    padding: 1.1rem 0;
    font-size: 1.5rem; }
  .label-lg {
    width: 9.5rem;
    padding: 1.1rem 0; }
  .label-md {
    width: 8.5rem;
    padding: 1.1rem 0; }
  .label-sm {
    width: 7.5rem;
    padding: 1.1rem 0; }

.label-default {
  background: #ADB6C7; }

.label-primary {
  background: var(--primary);
  color: #fff; }

.label-secondary {
  background: #6418C3;
  color: #fff; }

.label-info {
  background: #51A6F5;
  color: #fff; }

.label-success {
  background: #68CF29;
  color: #fff; }

.label-warning {
  background: #FFAB2D;
  color: #fff; }

.label-danger {
  background: #FF4C41;
  color: #fff; }

.label-light {
  background: #f7f7f7;
  color: #000; }

.label-dark {
  background: #6e6e6e;
  color: #fff; }

code {
  word-break: break-word;
  padding: 0.125rem 0.3125rem;
  border-radius: 0.1875rem;
  background: #ffebe9;
  color: #FF4C41; }

.heading-labels {
  color: #333333; }
  .heading-labels > * {
    margin-bottom: .8rem; }
  .heading-labels h1 .label, .heading-labels .h1 .label {
    font-size: 1.125rem;
    font-weight: normal;
    padding: .4rem .9rem; }
  .heading-labels h2 .label, .heading-labels .h2 .label {
    font-size: 1rem;
    font-weight: normal;
    padding: 0.3rem .9rem; }
  .heading-labels h3 .label, .heading-labels .h3 .label {
    font-size: 0.875rem;
    font-weight: normal; }
  .heading-labels h4 .label, .heading-labels .h4 .label {
    font-size: 0.75rem;
    font-weight: normal; }
  .heading-labels h5 .label, .heading-labels .h5 .label {
    font-size: 0.75rem;
    font-weight: normal; }
  .heading-labels h6 .label, .heading-labels .h6 .label {
    font-size: 0.75rem;
    font-weight: normal; }

.list-group-item {
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #EEEEEE;
  padding: 1rem 1.5rem; }
  .list-group-item.active {
    background-color: var(--primary);
    border-color: var(--primary); }
.list-group-item.disabled, .list-group-item:disabled {
  color: #fff;
  background-color: #6418C3;
  border-color: #6418C3; }

[class*="bg-"] .list-group-item {
  border-color: rgba(255, 255, 255, 0.05);
  color: #fff; }

.bg-warning .list-group-item {
  border-color: rgba(0, 0, 0, 0.05); }

.media.style-1 img {
  width: 10%;
  border-radius: 5px; }

.media.style-1 .icon-name {
  height: 3.125rem;
  width: 3.125rem;
  line-height: 3.125rem;
  text-align: center;
  min-width: 3.125rem;
  font-weight: 600;
  font-size: 1.25rem;
  text-transform: capitalize;
  border-radius: 0.35rem; }

.vertical-card__menu:hover {
  box-shadow: none; }

.vertical-card__menu--image {
  text-align: center; }
  .vertical-card__menu--image img {
    width: 100%;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }

.vertical-card__menu--status.closed {
  background: #FF4C41; }
  .vertical-card__menu--status.closed:after {
    border-top: 0.625rem solid #FF4C41; }
  .vertical-card__menu--status.closed .ribbon-curve {
    border-top: 0.6875rem solid #FF4C41;
    border-bottom: 0.625rem solid #FF4C41; }

.vertical-card__menu--desc p {
  margin-bottom: 0.625rem; }

.vertical-card__menu--price {
  font-size: 1.25rem;
  margin: 0;
  font-weight: 700; }

.vertical-card__menu--rating {
  font-size: 0.75rem; }

.vertical-card__menu--title {
  font-weight: 700; }

.vertical-card__menu--button button {
  font-size: 0.75rem; }

.vertical-card__menu .card-footer {
  padding: 0.9375rem 1.25rem;
  background-color: #EEEEEE;
  border-top: none; }
  @media only screen and (min-width: 75rem) and (max-width: 90rem) {
    .vertical-card__menu .card-footer {
      padding: 0.9375rem; } }
  .vertical-card__menu .card-footer span {
    color: #6e6e6e;
    margin-right: 0.3125rem; }

.horizontal-card__menu {
  box-shadow: 0 0 0.4375rem rgba(173, 173, 173, 0.32);
  display: flex;
  flex-direction: row;
  display: block; }
  .horizontal-card__menu .card-body {
    padding: 0;
    padding: 1.25rem 1.875rem; }
  .horizontal-card__menu--image {
    max-width: 30%;
    max-width: unset;
    flex-basis: 100%; }
    .horizontal-card__menu--image img {
      height: 100%;
      width: 100%; }
  .horizontal-card__menu--title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.3125rem; }
  .horizontal-card__menu--fav {
    margin-right: 0.5rem; }
  .horizontal-card__menu--price {
    margin: 0;
    font-size: 1rem;
    font-weight: 700; }
  .horizontal-card__menu--rating {
    font-size: 0.625rem; }
  .horizontal-card__menu--footer {
    margin-top: 0.625rem; }

.prev_price {
  text-decoration: line-through;
  font-size: 80%;
  opacity: 0.5; }

.modal-header {
  padding: 1rem 1.875rem; }
  .modal-header .close {
    padding: 0.875rem 1.815rem;
    margin: 0;
    position: absolute;
    right: 0;
    background: none;
    border: 0;
    float: none;
    top: 0;
    font-size: 1.875rem;
    font-weight: 100; }

.modal-body {
  padding: 1.875rem; }

.modal-footer {
  padding: 1rem 1.875rem; }

.modal-content {
  border-radius: 0.35rem; }

.modal-backdrop {
  z-index: 10 !important; }

.modal span.required {
  color: #FF4C41; }

.pagination .page-item .page-link:hover {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff; }

.pagination .page-item.active .page-link {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff; }

.pagination {
  margin-bottom: 1.25rem; }
  .pagination .page-item.page-indicator .page-link {
    padding: .65rem .8rem;
    font-size: 0.875rem; }
  .pagination .page-item.page-indicator:hover .page-link {
    color: #6e6e6e; }
  .pagination .page-item .page-link {
    text-align: center;
    z-index: 1;
    padding: 0.55rem 1rem;
    font-size: 1rem;
    background: rgba(255, 255, 255, 0.15);
    color: #6e6e6e;
    border: 0.0625rem solid #EEEEEE; }
    .pagination .page-item .page-link:hover i, .pagination .page-item .page-link span {
      color: #fff; }
    .pagination .page-item .page-link:focus {
      outline: 0;
      box-shadow: none; }
    .pagination .page-item .page-link:hover {
      background: var(--primary);
      color: #fff;
      border-color: var(--primary); }
  .pagination .page-item.active .page-link {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #fff;
    box-shadow: 0 0.625rem 1.25rem 0rem var(--rgba-primary-2); }
  .pagination .page-item .page-link {
    color: #6e6e6e;
    transition: all 0.5s; }
  .pagination .page-item:last-child .page-link {
    margin-right: 0; }
  [direction="rtl"] .pagination .page-item:first-child .page-link {
    margin-right: 0; }
  .pagination.no-bg li:not(.page-indicator):not(.active) .page-link {
    background: transparent;
    border-color: transparent; }
  .pagination.no-bg.pagination-primary li:not(.page-indicator):not(.active):hover .page-link {
    background: var(--primary);
    border-color: var(--primary); }
  .pagination.no-bg.pagination-danger li:not(.page-indicator):not(.active):hover .page-link {
    background: #FF4C41;
    border-color: #FF4C41; }
  .pagination.no-bg.pagination-info li:not(.page-indicator):not(.active):hover .page-link {
    background: #51A6F5;
    border-color: #51A6F5; }
  .pagination.no-bg.pagination-warning li:not(.page-indicator):not(.active):hover .page-link {
    background: #FFAB2D;
    border-color: #FFAB2D; }
  .pagination-primary .page-item .page-link {
    background: var(--rgba-primary-1);
    border-color: var(--rgba-primary-1);
    color: var(--primary); }
  .pagination-primary .page-item:hover .page-link, .pagination-primary .page-item.active .page-link {
    background: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0.625rem 1.25rem 0rem var(--rgba-primary-2); }
  .pagination-danger .page-item .page-link {
    background: #ffefee;
    border-color: #ffefee;
    color: #FF4C41; }
  .pagination-danger .page-item:hover .page-link, .pagination-danger .page-item.active .page-link {
    background: #FF4C41;
    border-color: #FF4C41;
    box-shadow: 0 0.625rem 1.25rem 0rem rgba(255, 76, 65, 0.2); }
  .pagination-info .page-item .page-link {
    background: #e2f0fd;
    border-color: #e2f0fd;
    color: #51A6F5; }
  .pagination-info .page-item:hover .page-link, .pagination-info .page-item.active .page-link {
    background: #51A6F5;
    border-color: #51A6F5;
    box-shadow: 0 0.625rem 1.25rem 0rem rgba(81, 166, 245, 0.2); }
  .pagination-warning .page-item .page-link {
    background: #fff0da;
    border-color: #fff0da;
    color: #FFAB2D; }
  .pagination-warning .page-item:hover .page-link, .pagination-warning .page-item.active .page-link {
    background: #FFAB2D;
    border-color: #FFAB2D;
    box-shadow: 0 0.625rem 1.25rem 0rem rgba(255, 171, 45, 0.2); }
  .pagination-gutter .page-item {
    margin-right: 0.4375rem; }
    .pagination-gutter .page-item .page-link {
      border-radius: 0.35rem !important; }
  .pagination-circle .page-item {
    margin-right: 0.4375rem; }
    .pagination-circle .page-item .page-link, .pagination-circle .page-item .page-link {
      width: 2.5rem;
      height: 2.5rem;
      line-height: 2.5rem;
      border-radius: 50% !important;
      padding: 0; }
    .pagination-circle .page-item.page-indicator .page-link {
      width: 2.5rem;
      border: 1px solid var(--primary);
      border-radius: 22px !important;
      line-height: 1.3rem;
      height: 2.5rem;
      background: var(--rgba-primary-1);
      color: var(--primary); }
      .pagination-circle .page-item.page-indicator .page-link:hover {
        color: #fff;
        background: var(--primary); }
  .pagination.pagination-md .page-item .page-link {
    width: 1.875rem;
    height: 1.875rem;
    line-height: 1.875rem;
    font-size: 0.875rem; }
  .pagination.pagination-sm .page-item.page-indicator .page-link {
    font-size: 0.75rem; }
  .pagination.pagination-sm .page-item .page-link {
    padding: 0;
    width: 1.875rem;
    height: 1.875rem;
    line-height: 1.875rem;
    font-size: 0.875rem; }
  .pagination.pagination-xs .page-item.page-indicator .page-link {
    font-size: 0.625rem; }
  .pagination.pagination-xs .page-item .page-link {
    padding: 0;
    width: 1.5625rem;
    height: 1.5625rem;
    line-height: 1.5625rem;
    font-size: 0.75rem; }



.progress {
  height: 6px;
  background-color: #f6f6f6;
  overflow: hidden; }
 
.progress-vertical {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 2rem;
  min-height: 17rem;
  position: relative; }
  @media (max-width: 767.98px) {
    .progress-vertical {
      margin-right: 1rem; } }

.progress-vertical-bottom {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 2rem;
  min-height: 17rem;
  position: relative;
  transform: rotate(180deg); }
  @media (max-width: 767.98px) {
    .progress-vertical-bottom {
      margin-right: 1rem; } }

.progress-animated {
  animation-duration: 5s;
  animation-name: myanimation;
  transition: all 5s ease 0s; }

@keyframes myanimation {
  0% {
    width: 0; } }

.ribbon {
  position: absolute;
  z-index: 1;
  text-transform: uppercase; }
  .ribbon__one {
    top: 0.9375rem;
    left: -0.6875rem;
    min-height: 1.25rem;
    min-width: 3.25rem;
    text-align: center;
    padding: 0.1875rem 0.625rem;
    background: #3AB54B;
    color: #fff;
    font-size: 0.625rem; }
    .ribbon__one::after {
      position: absolute;
      width: 0;
      height: 0;
      border-top: 0.625rem solid #239132;
      border-left: 0.6875rem solid transparent;
      left: 0;
      content: "";
      bottom: -0.625rem; }
  .ribbon__two {
    width: 3.125rem;
    height: 3.125rem;
    display: inline-block;
    background: #FFAB2D;
    line-height: 3.125rem;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    right: 0.9375rem;
    top: 0.9375rem;
    border-radius: 0.1875rem; }
  .ribbon__three {
    left: -1.875rem;
    top: 0.875rem;
    width: 6.875rem;
    height: 1.5625rem;
    background-color: #FF4C41;
    clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
    transform: rotate(-45deg);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem; }
  .ribbon__four {
    left: 0.5rem;
    top: -0.5rem;
    width: 6.875rem;
    height: 3.125rem;
    background-color: var(--primary);
    z-index: auto;
    color: #fff;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center; }
    .ribbon__four:after {
      right: -0.3125rem; }
    .ribbon__four:before {
      left: -0.3125rem; }
    .ribbon__four:after, .ribbon__four:before {
      z-index: -1;
      background-color: var(--rgba-primary-1);
      top: 0.1875rem;
      transform: rotate(45deg);
      content: "";
      height: 0.625rem;
      width: 0.625rem;
      position: absolute; }
  .ribbon__five {
    left: -1.875rem;
    top: 0.625rem;
    width: 6.875rem;
    height: 1.875rem;
    background-color: var(--primary);
    transform: rotate(-45deg);
    color: #fff;
    padding-bottom: 0.3125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem; }
    .ribbon__five::before {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 3.125rem 3.125rem 3.125rem;
      border-color: transparent transparent var(--primary) transparent;
      left: 0.25rem;
      top: -2.8125rem; }
  .ribbon__six {
    left: 0;
    top: 1.125rem;
    width: 6.875rem;
    height: 2.375rem;
    background-color: var(--primary);
    clip-path: polygon(0 0, 100% 0%, 100% 0, 85% 50%, 100% 100%, 100% 100%, 0 100%);
    display: flex;
    font-size: 1.25rem;
    align-items: center;
    justify-content: center;
    color: #fff; }
  .ribbon-curve {
    position: absolute;
    top: 0;
    right: -0.375rem;
    width: 0.625rem;
    height: 0.6875rem;
    border-top: 0.6875rem solid #3AB54B;
    border-bottom: 0.625rem solid #3AB54B;
    border-right: 0.3125rem solid transparent; }

.jsgrid-grid-body::-webkit-scrollbar,
.dataTables_scrollBody::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar {
  background-color: #f5f5f5;
  width: 0.5rem;
  height: 0.5rem; }

.jsgrid-grid-body::-webkit-scrollbar-track,
.dataTables_scrollBody::-webkit-scrollbar-track,
.table-responsive::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0.375rem rgba(0, 0, 0, 0.3);
  border-radius: 0.625rem;
  background-color: #f5f5f5; }

.jsgrid-grid-body::-webkit-scrollbar-thumb,
.dataTables_scrollBody::-webkit-scrollbar-thumb,
.table-responsive::-webkit-scrollbar-thumb {
  border-radius: 0.625rem;
  -webkit-box-shadow: inset 0 0 0.375rem rgba(0, 0, 0, 0.3);
  background-color: var(--primary); }

.multi-steps > li.is-active:before, .multi-steps > li.is-active ~ li:before {
  content: counter(stepNum);
  font-family: inherit;
  font-weight: 400; }

.multi-steps > li.is-active:after, .multi-steps > li.is-active ~ li:after {
  background-color: #EEEEEE; }

.multi-steps {
  display: table;
  table-layout: fixed;
  width: 100%; }
  .multi-steps > li {
    counter-increment: stepNum;
    text-align: center;
    display: table-cell;
    position: relative;
    color: var(--primary);
    font-size: 0.75rem; }
    .multi-steps > li:before {
      content: '\2713';
      display: block;
      margin: 0 auto 0.25rem;
      background-color: #fff;
      text-align: center;
      font-weight: bold;
      position: relative;
      z-index: 1;
      width: 1.5625rem;
      height: 1.5625rem;
      line-height: 1.3125rem;
      border-width: 0.125rem;
      border-style: solid;
      border-color: var(--primary);
      border-radius: 0.3125rem; }
    .multi-steps > li:after {
      content: '';
      height: 0.125rem;
      width: 100%;
      background-color: var(--primary);
      position: absolute;
      left: 50%;
      top: 0.75rem; }
      [direction="rtl"] .multi-steps > li:after {
        left: auto;
        right: 50%; }
    .multi-steps > li:last-child:after {
      display: none; }
    .multi-steps > li.is-active:before {
      background-color: #fff;
      border-color: var(--primary); }
    .multi-steps > li.is-active ~ li {
      color: #7e7e7e; }
      .multi-steps > li.is-active ~ li:before {
        background-color: #EEEEEE;
        border-color: #EEEEEE; }

.nav-pills .nav-link {
  border-radius: 0.35rem;
  padding: 0.75rem 1.25rem; }

.default-tab .nav-link {
  background: transparent;
  border-radius: 0rem;
  font-weight: 500; }
  .default-tab .nav-link i {
    display: inline-block;
    transform: scale(1.5);
    color: var(--primary); }
  .default-tab .nav-link:focus, .default-tab .nav-link:hover, .default-tab .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff #ebeef6;
    border-radius: 0.35rem 0.35rem 0 0;
    color: var(--primary); }

.custom-tab-1 .nav-link {
  background: transparent;
  border-radius: 0rem;
  font-weight: 500;
  border-bottom: 0.1875rem solid transparent;
  border-width: 0 0rem 0.1875rem 0; }
  .custom-tab-1 .nav-link i {
    display: inline-block;
    transform: scale(1.5);
    color: var(--primary); }
  .custom-tab-1 .nav-link:focus, .custom-tab-1 .nav-link:hover, .custom-tab-1 .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: var(--primary);
    border-radius: 0;
    color: var(--primary);
    border-width: 0 0rem 0.1875rem 0; }
.nav-pills.light .nav-link.active,
.nav-pills.light .show > .nav-link {
  background: var(--rgba-primary-1);
  color: var(--primary);
  box-shadow: none; }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--primary);
  box-shadow: 0 0 1.25rem 0 var(--rgba-primary-2); }

.tooltip-wrapper button:not(:last-child) {
  margin-right: 0.5rem; }

.tooltip-wrapper button:hover {
  background: var(--primary);
  color: #fff; }

.tooltip-wrapper button {
  margin-bottom: .5rem; }
  .tooltip-wrapper button:focus {
    box-shadow: none; }

.tooltip-inner {
  border-radius: 0;
  background: #333333;
  font-size: 0.75rem;
  font-weight: 300;
  padding: 0.35rem 0.7rem; }

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  border-bottom-color: #333333; }

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  border-right-color: #333333; }

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  border-left-color: #333333; }

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color: #333333; }

.widget-timeline .timeline {
  list-style: none;
  position: relative; }
  .widget-timeline .timeline:before {
    top: 1.25rem;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 0.1875rem;
    left: 0.5625rem;
    margin-right: -0.0938rem;
    background: #f7f7f7; }
    [direction="rtl"] .widget-timeline .timeline:before {
      left: auto;
      right: 0.5625rem;
      margin-right: auto;
      margin-left: -0.0938rem; }
  .widget-timeline .timeline > li {
    margin-bottom: 0.9375rem;
    position: relative; }
    .widget-timeline .timeline > li:before {
      content: " ";
      display: table; }
    .widget-timeline .timeline > li:after {
      content: " ";
      display: table;
      clear: both; }
    .widget-timeline .timeline > li > .timeline-panel {
      border-radius: 0.35rem;
      padding: 0.9375rem 1.25rem;
      position: relative;
      display: block;
      margin-left: 2.5rem;
      border-width: 0.0625rem;
      border-style: solid; }
      .widget-timeline .timeline > li > .timeline-panel span {
        font-size: 0.75rem;
        display: block;
        margin-bottom: 0.3125rem;
        opacity: 0.8;
        letter-spacing: 0.0625rem; }
      .widget-timeline .timeline > li > .timeline-panel p {
        font-size: 0.875rem; }
      .widget-timeline .timeline > li > .timeline-panel:after {
        content: "";
        width: 0.625rem;
        height: 0.625rem;
        background: inherit;
        border-color: inherit;
        border-style: solid;
        border-width: 0rem 0rem 0.0625rem 0.0625rem;
        display: block;
        position: absolute;
        left: -0.3125rem;
        transform: rotate(45deg);
        top: 0.9375rem; }

.widget-timeline .timeline-body > p {
  font-size: 0.75rem; }

.widget-timeline.style-1 .timeline-panel {
  background: transparent; }

.social-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  text-align: center;
  background: #f7f7f7;
  margin-bottom: 0.5rem;
  font-size: 20px; }
  .social-icon i {
    color: #fff; }
  .social-icon.youtube {
    background: #FF0000; }
  .social-icon.facebook {
    background: #3b5998; }
  .social-icon.twitter {
    background: #1da1f2; }

.social-icon2 a {
  border: 0.1rem solid var(--primary);
  display: block;
  padding: 1rem;
  margin-top: 1.5rem;
  margin-bottom: .5rem;
  border-radius: .3rem;
  font-size: 1.6rem; }

.social-icon2 i {
  font-size: 12px;
  color: var(--primary); }

.social-icon3 ul li {
  display: inline-block; }
  .social-icon3 ul li a {
    display: block; }
    .social-icon3 ul li a i {
      font-size: 1.4rem;
      padding: 1rem .7rem;
      color: #464a53; }
    .social-icon3 ul li a:hover i {
      color: var(--primary); }

.social-icons-muted ul li a i {
  color: #89879f; }

.social-links a {
  padding: .5rem; }

.widget-stat .media {
  padding: 0px 0;
  align-items: center; }
  .widget-stat .media > span {
    height: 85px;
    width: 85px;
    border-radius: 50px;
    padding: 10px 12px;
    font-size: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #464a53;
    min-width: 85px; }
  .widget-stat .media .media-body p {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px; }
  .widget-stat .media .media-body h3, .widget-stat .media .media-body .h3 {
    font-size: 40px;
    font-weight: 600;
    margin: 0;
    line-height: 1.2; }
  .widget-stat .media .media-body h4, .widget-stat .media .media-body .h4 {
    font-size: 24px;
    display: inline-block;
    vertical-align: middle; }
  .widget-stat .media .media-body span {
    margin-left: 5px; }

.widget-stat[class*="bg-"] .media > span {
  background-color: rgba(255, 255, 255, 0.25);
  color: #fff; }

.widget-stat[class*="bg-"] .progress {
  background-color: rgba(255, 255, 255, 0.25) !important; }

[direction="rtl"] .widget-stat .media .media-body span {
  margin-left: 0;
  margin-right: 10px; }

.dez-widget-1 .card {
  background: #FFE7DB; }
  .dez-widget-1 .card .card-body p {
    color: #f87533; }

.dez-widget-1 .icon {
  float: right;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-size: 28px; }

.bgl-primary {
  background: var(--rgba-primary-1);
  border-color: var(--rgba-primary-1); }

.bgl-secondary {
  background: #dec8f8;
  border-color: #dec8f8; }

.bgl-success {
  background: #ecfae4;
  border-color: #ecfae4; }

.bgl-warning {
  background: #fff0da;
  border-color: #fff0da; }

.bgl-danger {
  background: #ffefee;
  border-color: #ffefee; }

.bgl-info {
  background: #e2f0fd;
  border-color: #e2f0fd; }

.bg-primary-light {
  background: var(--rgba-primary-1); }

.bg-secondary-light {
  background: rgba(222, 200, 248, 0.5); }

.bg-success-light {
  background: rgba(236, 250, 228, 0.5); }

.bg-warning-light {
  background: rgba(255, 240, 218, 0.5); }

.bg-danger-light {
  background: rgba(255, 239, 238, 0.5); }

.bg-info-light {
  background: rgba(226, 240, 253, 0.5); }

.bgl-dark {
  background: #eeeeee;
  border-color: #eeeeee; }

.bgl-light {
  background: #f7f7f7;
  border-color: #f7f7f7; }


.overlay-box {
  position: relative;
  /* z-index: 1;  */
}


.rating-bar {
  font-size: 13px; }

.tdl-holder {
  margin: 0 auto; }
  .tdl-holder ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .tdl-holder li {
    background-color: #fff;
    border-bottom: 1px solid #EEEEEE;
    list-style: none none;
    margin: 0;
    padding: 0; }
    .tdl-holder li span {
      margin-left: 35px;
      font-size: 1rem;
      vertical-align: middle;
      transition: all 0.2s linear; }
      [direction="rtl"] .tdl-holder li span {
        margin-left: auto;
        margin-right: 35px; }
  .tdl-holder label {
    cursor: pointer;
    display: block;
    line-height: 50px;
    padding-left: 1.5rem;
    position: relative;
    margin: 0 !important; }
    [direction="rtl"] .tdl-holder label {
      padding-left: 0;
      padding-right: 1.5rem; }
    .tdl-holder label:hover {
      background-color: #eef1f6;
      color: #6e6e6e; }
      .tdl-holder label:hover a {
        color: #FF4C41; }
    .tdl-holder label a {
      color: #fff;
      display: inline-block;
      line-height: normal;
      height: 100%;
      text-align: center;
      text-decoration: none;
      width: 50px;
      transition: all 0.2s linear;
      padding: 18px 0px;
      font-size: 18px;
      position: absolute;
      right: 0; }
      [direction="rtl"] .tdl-holder label a {
        right: auto;
        left: 0; }
  .tdl-holder input[type=checkbox] {
    cursor: pointer;
    opacity: 0;
    position: absolute; }
    .tdl-holder input[type=checkbox] + i {
      background-color: #fff;
      border: 1px solid #e7e7e7;
      display: block;
      height: 20px;
      position: absolute;
      top: 15px;
      width: 20px;
      z-index: 1;
      font-size: 11px;
      border-radius: 4px; }
    .tdl-holder input[type=checkbox]:checked + i {
      background: var(--primary);
      border-color: transparent; }
    .tdl-holder input[type=checkbox]:checked + i::after {
      content: "\f00c";
      font-family: 'fontAwesome';
      display: block;
      left: 2px;
      position: absolute;
      top: -14px;
      z-index: 2;
      color: #fff; }
    .tdl-holder input[type=checkbox]:checked ~ span {
      text-decoration: line-through;
      position: relative; }
  .tdl-holder input[type=text] {
    background-color: #fff;
    height: 50px;
    margin-top: 29px;
    border-radius: 3px; }
    .tdl-holder input[type=text]::-moz-placeholder {
      color: #6e6e6e; }
    .tdl-holder input[type=text]::placeholder {
      color: #6e6e6e; }

.widget-message p {
  font-size: 14px;
  line-height: 1.5; }

.picker .picker__frame {
  min-width: 28.125rem;
  max-width: 28.125rem; }
  .picker .picker__frame .picker__box {
    padding: 1.25rem;
    border: 0;
    box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.1); }
    .picker .picker__frame .picker__box .picker__header {
      margin-top: 0; }
      .picker .picker__frame .picker__box .picker__header .picker__year {
        color: var(--primary);
        font-style: inherit;
        font-size: 1.25rem; }
      .picker .picker__frame .picker__box .picker__header .picker__nav--prev,
      .picker .picker__frame .picker__box .picker__header .picker__nav--next {
        width: 2.5rem;
        height: 2.5rem;
        padding: 0;
        line-height: 2.5rem;
        border-radius: 0.125rem; }
        .picker .picker__frame .picker__box .picker__header .picker__nav--prev:before,
        .picker .picker__frame .picker__box .picker__header .picker__nav--next:before {
          content: none !important; }
        .picker .picker__frame .picker__box .picker__header .picker__nav--prev:after,
        .picker .picker__frame .picker__box .picker__header .picker__nav--next:after {
          font-family: 'Font Awesome 5 Free';
          border: 0;
          margin: 0 auto;
          font-size: 1.375rem;
          font-weight: 900; }
        .picker .picker__frame .picker__box .picker__header .picker__nav--prev:hover,
        .picker .picker__frame .picker__box .picker__header .picker__nav--next:hover {
          background-color: var(--primary);
          color: #fff; }
      .picker .picker__frame .picker__box .picker__header .picker__nav--prev {
        left: 0; }
        .picker .picker__frame .picker__box .picker__header .picker__nav--prev:after {
          content: "\f0d9"; }
      .picker .picker__frame .picker__box .picker__header .picker__nav--next {
        right: 0; }
        .picker .picker__frame .picker__box .picker__header .picker__nav--next:after {
          content: "\f0da"; }
    .picker .picker__frame .picker__box .picker__table .picker__weekday {
      padding: 0.625rem 0;
      font-size: 1rem; }
    .picker .picker__frame .picker__box .picker__table .picker__day {
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 3.125rem;
      padding: 0 !important;
      font-size: 1rem;
      line-height: 2.5rem;
      margin: auto;
      border: 0 !important; }
      .picker .picker__frame .picker__box .picker__table .picker__day.picker__day--today:before {
        content: none !important; }
      .picker .picker__frame .picker__box .picker__table .picker__day.picker__day--highlighted {
        border: 0 !important;
        padding: 0;
        background-color: var(--primary);
        color: #fff !important; }
      .picker .picker__frame .picker__box .picker__table .picker__day:hover {
        background-color: var(--primary);
        color: #fff !important; }
    .picker .picker__frame .picker__box .picker__footer .picker__button--today {
      background-color: var(--primary);
      color: #fff !important; }
      .picker .picker__frame .picker__box .picker__footer .picker__button--today:before {
        content: none !important; }
    .picker .picker__frame .picker__box .picker__footer .picker__button--clear,
    .picker .picker__frame .picker__box .picker__footer .picker__button--close,
    .picker .picker__frame .picker__box .picker__footer .picker__button--today {
      border: 0;
      border-radius: 0.125rem;
      font-size: 1rem; }
      .picker .picker__frame .picker__box .picker__footer .picker__button--clear:hover,
      .picker .picker__frame .picker__box .picker__footer .picker__button--close:hover,
      .picker .picker__frame .picker__box .picker__footer .picker__button--today:hover {
        background-color: var(--primary);
        color: #fff !important; }
  @media only screen and (max-width: 575px) {
    .picker .picker__frame {
      min-width: 100% !important;
      max-width: 100% !important; }
      .picker .picker__frame .picker__box {
        padding: 0.9375rem;
        margin: 0 0.625rem; } }

.card-list {
  overflow: unset;
  height: calc(100% - 50px); }
  .card-list .card-header {
    padding-top: 0;
    padding-bottom: 0; }
    .card-list .card-header .photo {
      overflow: hidden;
      border-radius: 5px;
      width: 100%; }
  @media only screen and (max-width: 1199px) {
    .card-list {
      height: calc(100% - 40px); } }
  .card-list.list-left {
    margin-top: 15px;
    margin-left: 15px; }
    .card-list.list-left .card-header {
      padding-left: 0; }
      .card-list.list-left .card-header .photo {
        margin: -15px 15px 0 -15px; }
  .card-list.list-right {
    margin-top: 15px;
    margin-right: 15px;
    text-align: right; }
    .card-list.list-right .card-header {
      padding-right: 0; }
      .card-list.list-right .card-header .photo {
        margin: -15px -15px 0 15px; }
        .card-list.list-right .card-header .photo img {
          width: 100%; }
  .card-list.list-center {
    margin-top: 15px; }
    .card-list.list-center .card-header .photo {
      margin: -15px 0 0 0; }
  .card-list .photo img {
    width: 100%; }

.card-profile .profile-photo {
  margin-top: -20px; }

.social-graph-wrapper {
  text-align: center;
  padding: 20px;
  position: relative;
  color: #fff;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem; }
  .social-graph-wrapper.widget-facebook {
    background-color: #3b5998; }
  .social-graph-wrapper.widget-twitter {
    background-color: #1da1f2; }
  .social-graph-wrapper.widget-linkedin {
    background-color: #007bb6; }
  .social-graph-wrapper.widget-googleplus {
    background-color: #db4439; }
  .social-graph-wrapper .s-icon {
    font-size: 24px;
    position: relative;
    padding: 0 10px; }

.widget-media .timeline .timeline-panel {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 15px;
  margin-bottom: 15px; }
  .widget-media .timeline .timeline-panel .media {
    width: 50px;
    height: 50px;
    background: #eee;
    border-radius: 12px;
    overflow: hidden;
    font-size: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    align-self: start; }
    .widget-media .timeline .timeline-panel .media-primary {
      background: var(--rgba-primary-1);
      color: var(--primary); }
    .widget-media .timeline .timeline-panel .media-info {
      background: #e2f0fd;
      color: #51A6F5; }
    .widget-media .timeline .timeline-panel .media-warning {
      background: #fff0da;
      color: #FFAB2D; }
    .widget-media .timeline .timeline-panel .media-danger {
      background: #ffefee;
      color: #FF4C41; }
    .widget-media .timeline .timeline-panel .media-success {
      background: #ecfae4;
      color: #68CF29; }
  .widget-media .timeline .timeline-panel .media-body p {
    font-size: 14px;
    line-height: 1.5; }
  .widget-media .timeline .timeline-panel .dropdown {
    align-self: self-end;
    margin-top: 5px; }

.widget-media .timeline li:last-child .timeline-panel {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0; }

.card[class*="bg-"] .timeline .timeline-panel {
  border-color: rgba(255, 255, 255, 0.2) !important; }

.table {
  color: strong;}
  .table th, .table td {
    border-color: #EEEEEE;
    padding: 9px 9px; }
  .table.table-striped tbody tr:nth-of-type(odd),
  .table.table-hover tr:hover {
    background-color: #f2f4fa; }
  .table.shadow-hover tbody tr:hover {
    background-color: #fff;
    box-shadow: 0 0px 30px var(--rgba-primary-1); }
  .table.tr-rounded tr td:first-child, .table.tr-rounded tr th:first-child {
    border-radius: 0.35rem 0 0 0.35rem; }
  .table.tr-rounded tr td:last-child, .table.tr-rounded tr th:last-child {
    border-radius: 0 0.35rem 0.35rem 0; }
  .table.bg-primary-hover th, .table.bg-primary-hover td {
    border: none;
    font-weight: 500; }
  .table.bg-primary-hover td {
    color: #000; }
  .table.bg-primary-hover th {
    color: #6C6C6C; }
  .table.bg-primary-hover tr:hover td, .table.bg-primary-hover tr:hover th {
    background: var(--primary);
    color: #fff !important; }
  .table.bg-secondary-hover th, .table.bg-secondary-hover td {
    border: none;
    font-weight: 500; }
  .table.bg-secondary-hover td {
    color: #000; }
  .table.bg-secondary-hover th {
    color: #6C6C6C; }
  .table.bg-secondary-hover tr:hover td, .table.bg-secondary-hover tr:hover th {
    background: rgba(100, 24, 195, 0.1);
    color: #6418C3 !important; }
  .table.bg-info-hover .table.bg-grow-hover th, .table.bg-info-hover td {
    border: none;
    font-weight: 500; }
  .table.bg-info-hover .table.bg-grow-hover td {
    color: #000; }
  .table.bg-info-hover .table.bg-grow-hover  th {
    color: #6C6C6C; }
  .table.bg-info-hover  tr:hover td, .table.bg-info-hover tr:hover th {
    background: #EB8153;
    color: #fff !important; }
    .table.bg-grow-hover  tr:hover td, .table.bg-grow-hover tr:hover th {
      background: #19B319;
      color: #fff !important; }
  .table.bg-success-hover th, .table.bg-success-hover td {
    border: none;
    font-weight: 500; }
  .table.bg-success-hover td {
    color: #000; }
  .table.bg-success-hover th {
    color: #6C6C6C; }
  .table.bg-success-hover tr:hover td, .table.bg-success-hover tr:hover th {
    background: #68CF29;
    color: #fff !important; }
    .table.bg-warning-hover th{
      border: none;
      font-weight: 600;
    }
  .table.bg-warning-hover td {
    border: none;
    font-weight: 500; }
  /* .table.bg-warning-hover td {
    color: #000; } */
  .table.bg-warning-hover th {
    color: #6C6C6C; }
  .table.bg-warning-hover tr:hover td, .table.bg-warning-hover tr:hover th {
    background: #EB8153;
    color: #fff !important; }
  .table.bg-danger-hover th, .table.bg-danger-hover td {
    border: none;
    font-weight: 500; }
  .table.bg-danger-hover td {
    color: #000; }
  .table.bg-danger-hover th {
    color: #6C6C6C; }
  .table.bg-danger-hover tr:hover td, .table.bg-danger-hover tr:hover th {
    background: #FF4C41;
    color: #fff !important; }
  .table.border-no td {
    border: 0; }
  /* .table.short-one tr td:first-child, .table.short-one tr th:first-child {
    width: 60px !important; } */
  .table thead th {
    border-bottom-width: 1px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-color: #EEEEEE; }

    /* @media screen and (max-width: 453px) {
      .table thead th {
      
        font-size: 12px;
      }
      .table th{
        padding: 9px 4px;
      }
    } */
    
  .table tbody tr td {
    vertical-align: middle;
    border-color: #EEEEEE; }
  .table:not(.table-bordered) thead th {
    border-top: none; }
  .table .thead-primary th {
    background-color: var(--primary);
    color: #fff; }
  .table .thead-info th {
    background-color: #51A6F5;
    color: #fff; }
  .table .thead-warning th {
    background-color: #FFAB2D;
    color: #fff; }
  .table .thead-danger th {
    background-color: #FF4C41;
    color: #fff; }
  .table .thead-success th {
    background-color: #68CF29;
    color: #fff; }
  .table.primary-table-bordered {
    border: 1px solid #EEEEEE; }
  .table.primary-table-bg-hover thead th {
    background-color: var(--primary-dark);
    color: #fff;
    border-bottom: none; }
  .table.primary-table-bg-hover tbody tr {
    background-color: var(--primary);
    color: #fff;
    transition: all .1s ease; }
    .table.primary-table-bg-hover tbody tr:hover {
      background-color: var(--primary-light); }
    .table.primary-table-bg-hover tbody tr:not(:last-child) td, .table.primary-table-bg-hover tbody tr:not(:last-child) th {
      border-bottom: 1px solid var(--primary-dark); }
  .table-responsive-tiny {
    min-width: 18.75rem; }
  .table-responsive-sm {
    min-width: 30rem !important; }
  .table-responsive-md {
    min-width: 36rem !important; }
  .table-responsive-lg {
    min-width: 60.9375rem !important; }
  .table-responsive-xl {
    min-width: 70.9375rem !important; }

.table-active,
.table-active > th,
.table-active > td {
  background-color: #f2f4fa; }

.card-table th:first-child, .card-table td:first-child {
  padding-left: 30px; }
  @media only screen and (max-width: 575px) {
    .card-table th:first-child, .card-table td:first-child {
      padding-left: 15px; } }

.card-table th:last-child, .card-table td:last-child {
  padding-right: 30px; }
  @media only screen and (max-width: 575px) {
    .card-table th:last-child, .card-table td:last-child {
      padding-right: 15px; } }

/* table.table tr {
  border: hidden; } */

.ck-table .custom-control {
  display: flex;
  align-items: center; }

.bootgrid-header {
  padding: 0 !important;
  margin: 0; }
  @media only screen and (max-width: 575px) {
    .bootgrid-header .actionBar {
      padding: 0; }
    .bootgrid-header .search {
      margin: 0 0 10px 0; } }

table#example {
  padding: 0rem 0 2rem 0; }

table.dataTable {
  font-size: 14px; }

#example2_wrapper .dataTables_scrollBody {
  max-height: 33.25rem !important; }

#employees, #custommers {
  padding: .5rem 0 1rem 0; }

.dataTables_wrapper .dataTables_paginate {
  padding-top: 0.75em;
  padding-bottom: 0.75em; }

table.dataTable thead th, table.dataTable thead td {
  border-bottom: 0;
  border-top: 0; }

table.dataTable tfoot th, table.dataTable tfoot td {
  border-top: 0; }

table.dataTable tbody tr, table.dataTable tbody td {
  background: transparent !important; }

table.dataTable thead th {
  color: #000;
  white-space: nowrap;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
  padding: 20px 15px; }
  @media only screen and (max-width: 1400px) {
    table.dataTable thead th {
      font-size: 16px; } }

table.dataTable tbody td {
  font-size: 16px; }

  @media only screen and (max-width: 1400px) {
    table.dataTable tbody td {
      font-size: 14px;
       } }

table.dataTable tr.selected {
  color: var(--primary); }

table.dataTable tfoot th {
  color: #6e6e6e;
  font-weight: 600; }

table.dataTable.style-1 tbody td {
  font-size: 0.875rem;
  padding: 18px ​15px; }

table.dataTable.style-1 thead th {
  font-size: 0.85rem;
  background: none;
  font-weight: 600;
  color: #797979;
  position: relative; }
  table.dataTable.style-1 thead th.sorting_asc:after {
    color: var(--primary);
    content: "\f062";
    position: absolute;
    font-family: 'Line Awesome Free';
    font-size: 18px;
    top: 50%;
    transform: translateY(-50%); }
  table.dataTable.style-1 thead th.sorting_desc:after {
    color: var(--primary);
    content: "\f063";
    position: absolute;
    font-family: 'Line Awesome Free';
    font-size: 18px;
    top: 50%;
    transform: translateY(-50%); }

.dataTables_wrapper .dataTables_paginate {
  display: flex; }
  .dataTables_wrapper .dataTables_paginate .paginate_button {
    height: 48px;
    width: 48px;
    padding: 0;
    margin: 0 5px;
    border: 0 !important;
    font-weight: 500;
    font-size: 1.5rem;
    color: #000;
    text-align: center;
    line-height: 48px;
    border-radius: 4px;
    background: #efefef !important; }
    .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:focus, .dataTables_wrapper .dataTables_paginate .paginate_button.current {
      background: var(--primary) !important;
      color: #fff !important; }
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
      background: #efefef !important; }
      .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:focus, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled.current {
        background: #efefef !important; }
  .dataTables_wrapper .dataTables_paginate span {
    display: inline-flex;
    padding: 4px 5px;
    background: #efefef;
    border-radius: 4px; }
    .dataTables_wrapper .dataTables_paginate span .paginate_button {
      height: 40px;
      width: 40px;
      padding: 0;
      margin: 0 2px;
      border: 0 !important;
      font-weight: 500;
      font-size: 1rem;
      color: #000;
      text-align: center;
      line-height: 40px;
      border-radius: 4px;
      background: transparent !important; }
      .dataTables_wrapper .dataTables_paginate span .paginate_button.current, .dataTables_wrapper .dataTables_paginate span .paginate_button:hover, .dataTables_wrapper .dataTables_paginate span .paginate_button:focus, .dataTables_wrapper .dataTables_paginate span .paginate_button:active {
        background: var(--primary) !important;
        color: #fff !important; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #fff !important; }

.dataTables_wrapper input[type="search"], .dataTables_wrapper input[type="text"], .dataTables_wrapper select {
  border: 1px solid #e2e2e2;
  padding: .3rem 0.5rem;
  color: #715d5d;
  border-radius: 5px; }

.dataTables_wrapper .dataTables_length {
  margin-bottom: 15px; }

table.dataTable.no-footer {
  border-bottom: 0; }

.rounded-lg {
  min-width: 30px; }

.dataTables_scroll {
  padding: 1rem 0; }
  .dataTables_scrollFoot {
    padding-top: 1rem; }

.dataTablesCard {
  background-color: #fff;
  border-radius: 0.35rem; }
  .dataTablesCard.border-no td {
    border-top: 0 !important; }

@media (max-width: 767.98px) {
  .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    text-align: left; } }

.dataTables_wrapper .dataTables_info {
  padding-top: 1.75em;
  padding-bottom: 0.755em; }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  color: #7e7e7e !important; }

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #7e7e7e; }

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-color: #EEEEEE; }


.fooicon {
  font-size: 1.25rem;
  color: #6e6e6e; }

.jsgrid-table .jsgrid-header-row > .jsgrid-header-cell {
  color: #6e6e6e; }

.jsgrid-table > tbody > tr > td {
  padding: 1.2em; }

.jsgrid-table .jsgrid-insert-row input, .jsgrid-table .jsgrid-insert-row select, .jsgrid-table .jsgrid-edit-row input, .jsgrid-table .jsgrid-edit-row select {
  border: 1px solid #DDDFE1; }

.jsgrid .jsgrid-button {
  border: 0 !important;
  margin-left: 10px; }

.error-page .error-text {
  font-size: 150px;
  line-height: 1; }
  @media only screen and (max-width: 575px) {
    .error-page .error-text {
      font-size: 80px; } }

.error-page h4, .error-page .h4 {
  font-size: 40px;
  margin-bottom: 5px; }
  @media only screen and (max-width: 575px) {
    .error-page h4, .error-page .h4 {
      font-size: 20px; } }

.error-page p {
  font-size: 16px; }
  @media only screen and (max-width: 575px) {
    .error-page p {
      font-size: 14px; } }

.authincation-content {
  background: #fff;
  box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
  border-radius: 5px; }

.welcome-content {
  background: url("/images/1.jpg");
  background-size: cover;
  background-position: center;
  height: 100%;
  padding: 75px 50px;
  position: relative;
  z-index: 1;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }
  .welcome-content::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--primary);
    opacity: 0.75;
    z-index: -1;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
  .welcome-content .welcome-title {
    color: #fff;
    font-weight: 500;
    font-size: 20px; }
  .welcome-content p {
    color: #fff; }
  .welcome-content .brand-logo a {
    display: inline-block;
    margin-bottom: 20px;
    font-weight: 700;
    color: #fff;
    font-size: 20px; }
    .welcome-content .brand-logo a img {
      width: 100px; }
  .welcome-content .intro-social {
    position: absolute;
    bottom: 75px; }
    .welcome-content .intro-social ul {
      margin-bottom: 0; }
      .welcome-content .intro-social ul li {
        display: inline-block; }
        .welcome-content .intro-social ul li a {
          color: #fff;
          font-size: 14px;
          padding: 0px 7px; }

.auth-form {
  padding: 50px 50px; }
  @media only screen and (max-width: 575px) {
    .auth-form {
      padding: 30px; } }
  .auth-form .btn {
    height: 50px;
    font-weight: 700; }
  .auth-form .page-back {
    display: inline-block;
    margin-bottom: 15px; }
  .auth-form light-logo {
    display: none; }

.pricing_table_content {
  background: #fff;
  text-align: center;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  padding: 25px;
  transition: all 0.25s ease-in-out; }
  .pricing_table_content .package {
    font-weight: 700;
    font-size: 18px; }
  .pricing_table_content .price {
    font-weight: 700;
    font-size: 50px;
    line-height: 100px;
    color: #6e6e6e; }
  .pricing_table_content hr {
    margin: 0; }
  .pricing_table_content .price_list {
    padding: 30px 0;
    text-align: left;
    max-width: 175px;
    margin: 0 auto; }
    .pricing_table_content .price_list li {
      color: #909093;
      font-size: 14px;
      line-height: 25px;
      padding: 7px 0; }
      .pricing_table_content .price_list li i {
        margin-right: 15px; }
  .pricing_table_content .price-btn {
    padding: 15px 50px;
    box-shadow: none;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 25px;
    transition: all 0.25s ease-in-out; }
  .pricing_table_content:focus, .pricing_table_content:hover {
    transform: scale(1.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.175); }
    .pricing_table_content:focus .price-btn, .pricing_table_content:hover .price-btn {
      color: #FF4C41; }

.page-timeline .timeline {
  list-style: none;
  padding: 40px 0;
  position: relative; }
  .page-timeline .timeline-workplan.page-timeline .timeline {
    padding-bottom: 0;
    margin-bottom: 0; }
    .page-timeline .timeline-workplan.page-timeline .timeline > li {
      margin-bottom: 2.6rem; }
    @media only screen and (min-width: 1200px) and (max-width: 1650px) {
      .page-timeline .timeline-workplan.page-timeline .timeline li > p {
        max-width: 8rem; } }
    @media only screen and (max-width: 1199px) {
      .page-timeline .timeline-workplan.page-timeline .timeline li > p {
        max-width: 7rem; } }
    @media only screen and (max-width: 991px) {
      .page-timeline .timeline-workplan.page-timeline .timeline li > p {
        max-width: 100%; } }
    @media only screen and (max-width: 575px) {
      .page-timeline .timeline-workplan.page-timeline .timeline li > p {
        max-width: 7rem; } }
    .page-timeline .timeline-workplan.page-timeline .timeline::before {
      left: 20%;
      top: 6rem; }
      [direction="rtl"] .page-timeline .timeline-workplan.page-timeline .timeline::before {
        right: 22%;
        left: auto; }
      @media only screen and (max-width: 575px) {
        .page-timeline .timeline-workplan.page-timeline .timeline::before {
          left: 22%; } }
    .page-timeline .timeline-workplan.page-timeline .timeline .timeline-panel {
      width: 70%; }

.page-timeline .timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 2px;
  background-color: #ECEFF2;
  left: 50%;
  margin-left: -1.5px; }

.page-timeline .timeline > li {
  margin-bottom: 20px;
  position: relative; }

.page-timeline .timeline > li:after,
.page-timeline .timeline > li:before {
  content: " ";
  display: table; }

.page-timeline .timeline > li:after {
  clear: both; }

.page-timeline .timeline > li:after,
.page-timeline .timeline > li:before {
  content: " ";
  display: table; }

.page-timeline .timeline > li:after {
  clear: both; }

.page-timeline .timeline > li > .timeline-panel {
  width: 46%;
  float: left;
  border-radius: 2px;
  position: relative; }

.page-timeline .timeline > li.timeline-inverted > .timeline-panel {
  float: right; }

.page-timeline .timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto; }

.page-timeline .timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto; }

.page-timeline .timeline-title {
  margin-top: 0;
  color: inherit; }

.page-timeline .event_time {
  font-size: 14px;
  font-weight: 600; }

.page-timeline .event_vanue {
  font-size: 14px;
  margin: 5px 0;
  font-weight: 600; }

.page-timeline .timeline_img {
  height: 100px;
  width: 100px; }

.page-timeline .timeline-body > p,
.page-timeline .timeline-body > ul {
  margin-bottom: 0; }

@media (max-width: 767px) {
  .page-timeline ul.timeline:before {
    left: 40px; }
  .page-timeline ul.timeline > li > .timeline-panel {
    width: calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
    float: right; }
  .page-timeline ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto; }
  .page-timeline ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto; }
  .page-timeline .timeline_img {
    height: 30%;
    width: 30%; } }

.page-timeline .timeline-timestamp {
  text-align: center; }

.review-box {
  border: 1px solid #f0f0f0;
  border-radius: 18px;
  padding: 20px 30px 30px 30px; }
  @media only screen and (max-width: 1400px) {
    .review-box {
      padding: 15px 15px 20px 15px; } }
  @media only screen and (max-width: 767px) {
    .review-box {
      display: block !important; } }
  .review-box h4, .review-box .h4 {
    font-size: 20px; }
  .review-box p {
    font-size: 14px;
    line-height: 1.4; }
  @media only screen and (max-width: 767px) {
    .review-box img {
      width: 60px;
      float: left; } }
  .review-box .media-footer {
    min-width: 120px; }
    @media only screen and (max-width: 1400px) {
      .review-box .media-footer {
        min-width: 110px; } }
  @media only screen and (max-width: 767px) {
    .review-box .star-review {
      margin-top: 15px; } }
  .review-box .star-review span {
    display: block;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.3; }
    @media only screen and (max-width: 767px) {
      .review-box .star-review span {
        font-size: 16px;
        display: inline-block;
        margin-bottom: 0; } }
  .review-box .star-review i {
    font-size: 18px;
    margin: 0 2px; }
    @media only screen and (max-width: 1400px) {
      .review-box .star-review i {
        font-size: 16px;
        margin: 0 1px; } }




.iconbox {
  position: relative;
  padding-left: 70px; }
  .iconbox i {
    background: #f9f7fa;
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 56px;
    text-align: center;
    font-size: 32px;
    color: var(--primary);
    position: absolute;
    left: 0;
    top: 0; }
  .iconbox p {
    margin: 0;
    color: #484848;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 500; }
  .iconbox small, .iconbox .small {
    margin-bottom: 5px;
    font-size: 16px;
    display: block; }

.widget-timeline-icon li {
  padding-left: 45px;
  position: relative;
  margin-left: 28px;
  border-left: 3px solid var(--primary);
  min-height: 80px;
  padding-top: 1px; }
  .widget-timeline-icon li .icon {
    position: absolute;
    width: 56px;
    height: 56px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 56px;
    border-radius: 56px;
    left: -30px;
    top: 0; }
  .widget-timeline-icon li:last-child {
    border-left: 3px solid transparent; }

.assigned-doctor {
  position: relative; }
  .assigned-doctor .owl-item img {
    width: 90px; }
  .assigned-doctor .owl-next,
  .assigned-doctor .owl-prev {
    position: absolute;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 0.75rem;
    top: 50%;
    background: #fff;
    color: var(--primary);
    font-size: 18px;
    margin-top: -30px;
    text-align: center;
    transition: all 0.5s;
    cursor: pointer;
    box-shadow: 0 13px 25px 0 rgba(0, 0, 0, 0.13); }
    @media only screen and (max-width: 575px) {
      .assigned-doctor .owl-next,
      .assigned-doctor .owl-prev {
        width: 45px;
        height: 45px;
        line-height: 45px; } }
    .assigned-doctor .owl-next:hover,
    .assigned-doctor .owl-prev:hover {
      background: #450b5a;
      color: #fff; }
  .assigned-doctor .owl-next {
    right: -45px; }
    @media only screen and (max-width: 575px) {
      .assigned-doctor .owl-next {
        right: -25px; } }
  .assigned-doctor .owl-prev {
    left: -45px; }
    @media only screen and (max-width: 575px) {
      .assigned-doctor .owl-prev {
        left: -25px; } }

.review-table {
  padding: 25px;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #eee;
  height: auto;
  margin-bottom: 0; }
  .review-table .disease {
    border-left: 1px solid #eee;
    padding-left: 20px; }
    @media only screen and (max-width: 991px) {
      .review-table .disease {
        border-left: 0;
        padding-left: 0;
        margin-right: 10px !important;
        margin-left: 0; } }
  .review-table .star-review i {
    font-size: 20px; }
    @media only screen and (max-width: 991px) {
      .review-table .star-review i {
        font-size: 216x; } }
  .review-table .media-body p {
    color: #3e4954;
    font-size: 18px;
    line-height: 1.5; }
    @media only screen and (max-width: 991px) {
      .review-table .media-body p {
        font-size: 14px; } }
  .review-table .media-footer {
    min-width: 500px; }
    @media only screen and (max-width: 1400px) {
      .review-table .media-footer {
        min-width: 300px;
        margin-left: 10px; } }
    @media only screen and (max-width: 991px) {
      .review-table .media-footer {
        margin-left: 0;
        margin-top: 25px; }
    .review-table img {
      float: left;
      width: 80px; }
    .review-table .media {
      display: block !important; } }
  @media only screen and (max-width: 1199px) {
    .review-table .custom-control {
      float: right; } }
  @media only screen and (max-width: 991px) {
    .review-table {
      padding: 15px; } }

.review-tab.nav-pills {
  margin-bottom: 0; }
  .review-tab.nav-pills li {
    display: inline-block; }
    .review-tab.nav-pills li a.nav-link {
      color: #6b6b6b;
      background: #e9e9e9;
      box-shadow: none;
      border-radius: 0;
      font-weight: 600;
      font-size: 16px;
      padding: 15px 40px;
      margin-right: 1px; }
      .review-tab.nav-pills li a.nav-link.active {
        color: var(--primary);
        background: #fff; }
      @media only screen and (max-width: 991px) {
        .review-tab.nav-pills li a.nav-link {
          font-size: 14px;
          padding: 10px 15px; } }
    .review-tab.nav-pills li:first-child a.nav-link {
      border-radius: 0.35rem 0 0 0; }
    .review-tab.nav-pills li:last-child a.nav-link {
      border-radius: 0 0.35rem 0 0; }


.plus-icon {
  height: 60px;
  width: 60px;
  line-height: 60px;
  font-size: 24px;
  transition: all 0.5s;
  min-width: 60px;
  text-align: center;
  border-radius: 0.35rem;
  background: rgba(255, 255, 255, 0.2);
  color: #fff; }
  .plus-icon:hover {
    color: #fff; }

.currency-icon {
  margin-top: -34px; }

.caret a {
  height: 40px;
  width: 50px;
  background: #EB8153;
  display: block;
  line-height: 40px;
  text-align: center;
  font-size: 26px;
  margin-right: auto;
  margin-left: auto;
  color: white;
  border-radius: 0.35rem;
  margin-bottom: -18px; }
  .caret a:hover {
    color: #fff; }
  @media only screen and (max-width: 575px) {
    .caret a {
      margin-bottom: -10px !important;
      height: 35px;
      width: 38px;
      font-size: 20px;
      border-radius: 10px;
      line-height: 40px; } }

      /* .card-info-crypto{
        position: relative;
        padding: 40px 30px; 
      }
      @media only screen and (max-width: 1023px) {
        .card-info-crypto{
         
          padding: 40px 30px 8px 30px; 
        }
      } */
.card-bx img {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0;
  border-radius: 1.25rem;
  -o-object-fit: cover;
     object-fit: cover; }

.card-bx .card-info {
  position: relative;
  padding: 40px 30px; }
  .card-bx .card-info .num-text {
    font-size: 28px; }

.stacked {
  position: relative;
  z-index: 1; }

.plus-icon {
  height: 60px;
  width: 60px;
  line-height: 60px;
  font-size: 24px;
  transition: all 0.5s;
  min-width: 60px;
  text-align: center;
  border-radius: 0.35rem;
  background: rgba(255, 255, 255, 0.2);
  color: #fff; }
  .plus-icon:hover {
    color: #fff; }


.card-tabs .nav-tabs.style-1 {
  padding: 0; }
  .card-tabs .nav-tabs.style-1 .nav-item .nav-link {
    padding: 0;
    padding-right: 25px;
    color: #B5B5B5;
    font-size: 18px;
    font-weight: 500; }
    .card-tabs .nav-tabs.style-1 .nav-item .nav-link.active {
      background: transparent;
      color: #000; }
  @media only screen and (max-width: 1400px) {
    .card-tabs .nav-tabs.style-1 .nav-item .nav-link {
      font-size: 14px;
      padding-right: 16px; } }

.card-tabs .nav-tabs.style-2 {
  border-bottom: 0; }
  .card-tabs .nav-tabs.style-2 .nav-item .nav-link {
    border-radius: 5rem;
    padding: 15px 20px;
    font-weight: 500;
    font-size: 17px;
    border: 0; }
    .card-tabs .nav-tabs.style-2 .nav-item .nav-link.active {
      color: #000; }
    @media only screen and (max-width: 1400px) {
      .card-tabs .nav-tabs.style-2 .nav-item .nav-link {
        font-size: 14px; } }
    @media only screen and (max-width: 1199px) {
      .card-tabs .nav-tabs.style-2 .nav-item .nav-link {
        padding: 10px 15px; } }
  @media only screen and (max-width: 575px) {
    .card-tabs .nav-tabs.style-2 {
      margin-bottom: 10px; }
      .card-tabs .nav-tabs.style-2 .nav-item .nav-link {
        padding: 5px 10px; } }

.currency-icon {
  margin-top: -65px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
  border-radius: 100%;
  transition: all 0.5s; }
  @media only screen and (max-width: 1600px) {
    .currency-icon {
      height: 65px;
      width: 65px; } }
  @media only screen and (max-width: 575px) {
    .currency-icon {
      margin-top: -50px; } }

.card-coin:hover {
  transform: translateY(-10px); }
  .card-coin:hover .currency-icon {
    box-shadow: none; }

.card-coin h2, .card-coin .h2 {
  font-size: 30px; }
  @media only screen and (max-width: 1600px) {
    .card-coin h2, .card-coin .h2 {
      font-size: 22px; } }

.card-bx img {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0;
  border-radius: 0.35rem;
  -o-object-fit: cover;
     object-fit: cover; }

.card-bx .card-info {
  position: relative;
  padding: 25px 30px; }

  @media screen and (max-width: 767px) {
    .card-bx .card-info {
      padding: 15px 30px; }
    
  }

.stacked {
  position: relative;
  z-index: 1; }

.form-wrapper .form-group {
  margin-bottom: 12px; }

.form-wrapper .input-group {
  border-radius: 0.35rem; }
  .form-wrapper .input-group .input-group-prepend {
    display: flex;
    margin-right: -1px; }
    .form-wrapper .input-group .input-group-prepend .input-group-text {
      background: #5B5288;
      border: 0;
      justify-content: left;
      font-size: 16px;
      font-weight: 500;
      padding-left: 30px;
      min-width: 170px;
      color: white;
      border-top-left-radius: 0.35rem;
      border-bottom-left-radius: 0.35rem;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
      @media only screen and (max-width: 575px) {
        .form-wrapper .input-group .input-group-prepend .input-group-text {
          min-width: 115px; } }
  .form-wrapper .input-group .form-control {
    font-size: 20px;
    height: 55px;
    border: 1px solid #EEEEEE;
    text-align: right;
    border-top-right-radius: 0.35rem;
    border-bottom-right-radius: 0.35rem;
    border-left: 0; }

@media only screen and (max-width: 1400px) {
  .form-wrapper .input-group .input-group-prepend .input-group-text {
    font-size: 14px;
    padding-left: 20px; } }
  @media only screen and (max-width: 1400px) and (max-width: 575px) {
    .form-wrapper .input-group .input-group-prepend .input-group-text {
      font-size: 12px; } }

@media only screen and (max-width: 1400px) {
  .form-wrapper .input-group .form-control {
    font-size: 16px;
    height: 50px; } }

.card-tabs.style-1 .nav-tabs {
  border: 0;
  border-radius: 0.35rem;
  background-color: #f7f7f7; }
  .card-tabs.style-1 .nav-tabs .nav-item {
    margin-bottom: 0; }
  .card-tabs.style-1 .nav-tabs .nav-link {
    border: 0;
    border-radius: 0.35rem; }
    .card-tabs.style-1 .nav-tabs .nav-link.active {
      background-color: var(--primary);
      color: #fff; }

/* .tbl-btn tr td a {
  min-width: 110px;
  padding: 10px 0; } */

  .tbl-btn tr td a {
    min-width: 90px;
    padding: 7px 0;
}

.amount {
  display: block;
  text-align: center;
  align-items: center; }
  .amount .form-control {
    text-align: right;
    background: transparent;
    border-left: 0;
    font-size: 24px;
    height: 75px; }
  .amount label {
    width: 210px;
    background: #5B5288;
    margin: 0;
    padding-left: 30px;
    border: 0;
    border-radius: 14px; }

.theme-colors .btn {
  height: 35px;
  width: 35px;
  cursor: pointer;
  border-radius: 35px !important;
  padding: 0;
  text-align: center;
  margin-right: 12px;
  padding: 3px; }
  .theme-colors .btn i {
    font-size: 28px;
    color: #fff;
    display: none; }
  .theme-colors .btn.active i {
    display: block; }


.default-select.style-1 {
  width: auto !important;
  border-radius: 0.35rem;
  left: 0;
  top: 0;
  height: auto !important; }
  .default-select.style-1 .btn {
    color: #fff !important;
    border: 0 !important; }
    .default-select.style-1 .btn:after {
      margin-left: 0.5em;
      font-size: 16px; }
  .default-select.style-1 .dropdown-menu {
    z-index: 1; }
    .default-select.style-1 .dropdown-menu .dropdown-item {
      font-size: 16px; }
  @media only screen and (max-width: 1400px) {
    .default-select.style-1 .btn {
      padding: 0.625rem 1rem;
      font-size: 0.813rem !important; }
    .default-select.style-1 .dropdown-menu .dropdown-item {
      font-size: 0.813rem !important; } }

.default-select.style-2 {
  width: auto !important;
  left: 0;
  top: 0;
  height: auto !important; }
  .default-select.style-2 .btn {
    padding: 0.938rem 1.5rem;
    border-radius: 0.75rem;
    font-weight: 500;
    font-size: 1rem;
    color: var(--primary) !important;
    border: 1px solid #EEEEEE !important; }
    .default-select.style-2 .btn:after {
      margin-left: 0.5em;
      font-size: 16px; }
  .default-select.style-2 .dropdown-menu {
    z-index: 1; }
    .default-select.style-2 .dropdown-menu .dropdown-item {
      font-size: 1rem; }

.underline {
  text-decoration: underline; }

.ic-icon {
  height: 43px;
  width: 43px;
  min-width: 43px;
  display: inline-block;
  line-height: 63px;
  text-align: center;
  border-radius: 14px;
  margin-right: 12px; }
  @media only screen and (max-width: 575px) {
    .ic-icon {
      height: 25px;
      width: 25px;
      min-width: 25px;
      line-height: 25px; } }

.coin-tabs .nav-tabs {
  border: 0; }
  .coin-tabs .nav-tabs .nav-link {
    border: 0;
    border-bottom: 2px solid var(--rgba-primary-2); }
    .coin-tabs .nav-tabs .nav-link.active {
      color: #000;
      border-color: var(--primary); }

.detault-daterange {
  width: auto;
  border: 1px solid #cfcfcf;
  border-radius: 0.35rem;
  overflow: hidden; }
  .detault-daterange .form-control {
    border: 0;
    padding: 0;
    height: 40px;
    font-weight: 600; }
  .detault-daterange .input-group-text {
    padding: 0;
    background: transparent;
    padding-right: 0;
    color: var(--primary);
    border-radius: 0; }
    .detault-daterange .input-group-text i {
      font-size: 28px; }
  @media only screen and (max-width: 1400px) {
    .detault-daterange .form-control, .detault-daterange .input-group-text {
      height: 40px; } }

.coin-holding {
  padding: 15px 20px;
  /* border-radius: 15px; */
  position: relative;
  margin-right: 0;
  margin-left: 0;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .coin-holding:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    /* border-radius: 15px; */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.46) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#75ffffff',GradientType=1 );
    /* IE6-9 */ }
  .coin-holding .coin-font {
    font-size: 28px; }
    @media only screen and (max-width: 1600px) {
      .coin-holding .coin-font {
        font-size: 16px; } }
    @media only screen and (max-width: 1199px) {
      .coin-holding .coin-font {
        font-size: 16px; } }
    @media only screen and (max-width: 575px) {
      .coin-holding .coin-font {
        font-size: 20px; } }
  .coin-holding .coin-font-1 {
    font-size: 30px;
    font-weight: 600; }
    @media only screen and (max-width: 1600px) {
      .coin-holding .coin-font-1 {
        font-size: 16px; } }
    @media only screen and (max-width: 1199px) {
      .coin-holding .coin-font-1 {
        font-size: 16px; } }
  @media only screen and (max-width: 1600px) {
    .coin-holding .coin-bx svg {
      width: 50px; } }
  @media only screen and (max-width: 575px) {
    .coin-holding .coin-bx {
      width: 100%; }
      .coin-holding .coin-bx svg {
        width: 50px; }
    .coin-holding .coin-bx-one svg {
      width: 20px; }
    .coin-holding p {
      font-size: 11px; } }

.my-profile {
  position: relative;
  display: inline-block; }
  .my-profile img {
    height: 195px;
    width: 195px;
    border-radius: 15px; }
    @media only screen and (max-width: 1199px) {
      .my-profile img {
        height: 100px;
        width: 100px; } }
  .my-profile a {
    position: absolute;
    height: 52px;
    width: 52px;
    background: var(--primary);
    text-align: center;
    line-height: 52px;
    border-radius: 15px;
    color: white;
    font-size: 20px;
    top: -20px;
    right: -20px; }
    @media only screen and (max-width: 1199px) {
      .my-profile a {
        height: 35px;
        width: 35px;
        line-height: 35px;
        font-size: 14px;
        border-radius: 10px; } }

.name-text {
  font-size: 20px; }
  @media only screen and (max-width: 1199px) {
    .name-text {
      font-size: 16px; } }

.portofolio-social {
  display: flex;
  justify-content: center;
  margin-top: 30px; }
  .portofolio-social li a {
    height: 52px;
    width: 52px;
    border: 1px solid;
    border-color: var(--primary);
    line-height: 52px;
    font-size: 24px;
    display: block;
    text-align: center;
    color: var(--primary);
    margin: 0 8px;
    border-radius: 15px; }
    @media only screen and (max-width: 1199px) {
      .portofolio-social li a {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 20px; } }

.rank-ic {
  height: 55px;
  width: 55px;
  line-height: 55px;
  display: block;
  border-radius: 0.35rem;
  text-align: center; }
  @media only screen and (max-width: 575px) {
    .rank-ic {
      height: 50px;
      width: 50px;
      line-height: 50px;
      font-size: 16px !important; } }

.weather-btn {
  background: #fff;
  display: flex;
  padding: 7px 10px;
  align-items: center;
  border-radius: 0.35rem;
  margin-right: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); }

.tbl-orders {
  background: #F4F4F4;
  border-radius: 0.35rem; }

.m-t35 {
  margin-top: 35px; }

@media only screen and (max-width: 575px) {
  .svg-btn {
    width: -moz-max-content;
    width: max-content;
    padding: 5px 10px; }
  .svg-btn svg {
    height: 30px;
    width: 30px; }
  .m-t25 {
    margin-top: 25px; } }



.tbl-orders-style svg path {
  stroke: #000; }

.tbl-orders-style tr td {
  color: black; }


.wspace-no {
  white-space: nowrap; }

.card-table {
  overflow: hidden;
 }
  @media only screen and (max-width: 575px) {
    .card-table tbody tr td span svg {
      width: 40px; } }

.form-head h2, .form-head .h2 {
  font-size: 34px; }
  @media only screen and (max-width: 575px) {
    .form-head h2, .form-head .h2 {
      font-size: 24px; } }

.swiper-box {
  position: relative;
  height: 920px; }
  .swiper-box .swiper-container {
    width: 100%;
    height: 100%; }
  .swiper-box .card {
    height: auto; }
  .swiper-box .swiper-slide {
    font-size: 18px;
    height: auto;
    box-sizing: border-box;
    padding-left: 23px; }
  .swiper-box .swiper-container-vertical > .swiper-scrollbar {
    right: auto;
    left: 4px;
    width: 2px; }
  .swiper-box .swiper-scrollbar-drag {
    width: 8px;
    left: -3px;
    background: #6418C3; }
  .swiper-box:after {
    content: "";
    height: 200px;
    width: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 0%, rgba(166, 188, 213, 0) 33%, rgba(249, 249, 249, 0.43) 53%, #f9f9f9 79%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#f9f9f9',GradientType=0 ); }
  @media only screen and (max-width: 1600px) {
    .swiper-box {
      height: 1100px; } }
  @media only screen and (max-width: 1199px) {
    .swiper-box {
      height: auto;
      margin-bottom: 25px; }
      .swiper-box:after {
        content: none; }
      .swiper-box .swiper-slide {
        padding-left: 0;
        padding: 0 10px; } }
  @media only screen and (max-width: 575px) {
    .swiper-box .card {
      margin-bottom: 25px; } }

.action-button .btn-info svg path {
  stroke: #51A6F5; }

.action-button .btn-danger svg path {
  stroke: #FF4C41; }

.action-button .btn:hover svg path, .action-button .btn:focus svg path {
  stroke: #fff; 
}




.media {
  display: flex;
  align-items: flex-start; }

.media-body {
  flex: 1; }

.pull-right {
  float: right; }

.ck {
  height: 200px; }

.form-control.custom-image-select {
  background: #F4F4F4;
  width: auto !important; }
  .form-control.custom-image-select img {
    width: 30px;
    margin-right: 10px; }
  .form-control.custom-image-select .dropdown-toggle {
    width: auto;
    padding: 10px 15px 10px 15px;
    border: 0 !important; }
  .form-control.custom-image-select .filter-option-inner-inner {
    margin-right: 10px; }
  .form-control.custom-image-select .dropdown-menu .dropdown-item {
    padding: 10px 15px 10px 15px;
    text-align: left; }

.form-control.custom-image-select-2 {
  background: #F4F4F4;
  border-radius: 0.35rem; }
  .form-control.custom-image-select-2 img {
    width: 50px;
    margin-right: 20px; }
  .form-control.custom-image-select-2 .dropdown-toggle {
    border: 0 !important;
    padding: 10px 20px 10px 20px; }
  .form-control.custom-image-select-2 .filter-option-inner-inner {
    margin-right: 20px; }
  .form-control.custom-image-select-2 .dropdown-menu .dropdown-item {
    padding: 10px 15px 10px 15px;
    text-align: left; }

.dropzone .dz-message {
  margin: 5em 0; }

.card.product-grid-card .card-body {
  padding: 15px; }

.sweet-image {
  width: 20%; }

.dz-scroll {
  overflow-y: scroll; }

.dlab-scroll {
  overflow-y: scroll; }

body > * {
  scrollbar-width: thin;
  scrollbar-color: rgba(111, 133, 147, 0.1) #fff0; }

::-webkit-scrollbar {
  width: 5px;
  opacity: 0; }

/* ::-webkit-scrollbar-thumb{
	background:  rgba(111, 133, 147, 0.0); 
} */
::-webkit-scrollbar-thumb {
  background: rgba(111, 133, 147, 0.1); }

.text-justify {
  text-align: justify; }

.list-style li {
  list-style-type: unset; }

/*
===================================
    Product detail
===================================*/
.produtct-detail-tag {
  display: inline-block; }
  .produtct-detail-tag a {
    font-style: 13px;
    color: #6e6e6e; }

.product-detail-content .item-tag {
  background: #828690;
  border-radius: 6px;
  display: inline-block;
  font-size: 12px;
  margin-right: 4px;
  padding: 2px 12px;
  color: #fff; }

.filtaring-area h4, .filtaring-area .h4 {
  color: #1d1d1d;
  font-size: 16px;
  font-weight: 400;
  text-transform: lowercase; }

/* .plus-minus-input .input-icon {
  font-size: 13px;
  color: #6e6e6e; }

.plus-minus-input {
  display: flex;
  width: 120px; }
  .plus-minus-input .custom-btn {
    border-radius: 0;
    height: 40px;
    padding: 12px 8px;
    background: #fff;
    border: 1px solid #EEEEEE; }
  .plus-minus-input .form-control:hover, .plus-minus-input .form-control:focus, .plus-minus-input .form-control:active {
    border: 1px solid #EEEEEE; } */

.btn-reveal-trigger .avatar-xl {
  min-width: 30px; }

.share-view {
  display: inline-block; }
  .share-view ul li {
    display: inline-block; }
  .share-view .share-icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    border: 1px solid #EEEEEE;
    text-align: center;
    line-height: 40px;
    font-style: 16px;
    color: #EEEEEE;
    margin-right: 8px; }

/*--------tab----------*/
/* .veritical-line {
  padding: 20px 30px;
  border-top: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  position: relative; }
  .veritical-line:before {
    background: #EEEEEE;
    bottom: 0;
    content: "";
    height: 100%;
    left: -1px;
    max-height: 40%;
    position: absolute;
    width: 1px; } */

/* .tab-content-text p {
  color: #6e6e6e;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 25px; } */

/* .tab-item-list li a {
  background: #fff;
  border-top: 1px solid #EEEEEE;
  border-left: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
  color: #6e6e6e;
  display: block;
  font-size: 16px;
  padding: 16px;
  text-transform: uppercase; }
  .tab-item-list li a:hover, .tab-item-list li a:focus {
    background: #fff;
    color: #6e6e6e;
    border-right: 0px; }

.tab-item-list li:last-child {
  border-bottom: 1px solid #EEEEEE; } */

/* .tab-list li {
  margin-bottom: 7px;
  font-size: 13px; }
  .tab-list li i {
    font-size: 13px;
    margin-right: 14px; } */

/* .slide-item-list {
  text-align: center;
  margin: 0 -5px;
  border: 0; }
  .slide-item-list .nav-link {
    border: 0; }
    .slide-item-list .nav-link.active {
      border: 0;
      background-color: transparent; }
  .slide-item-list li {
    display: inline-block;
    flex: 0 0 25%;
    width: 25%;
    padding: 0 5px; }
    .slide-item-list li a {
      display: inline-block;
      padding-left: 0;
      padding-right: 0;
      padding-top: 0;
      background: transparent;
      padding-bottom: 0px; }
      .slide-item-list li a:hover, .slide-item-list li a:focus {
        background: transparent; }
      .slide-item-list li a img {
        width: 100%; } */

/* .product-detail-text {
  padding-top: 28px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 70px; } */

/* .star-rating .product-review {
  font-style: 13px;
  color: #6e6e6e;
  font-weight: 400;
  text-decoration: underline !important; } */

/* .product-detail .tab-content img {
  display: inline-block;
  width: 100%; } */

/* .popular-tag ul {
  margin: 0px;
  padding: 0px; }
  .popular-tag ul li {
    display: inline-block;
    padding: 8px 15px;
    background: #f8f8f8;
    font-size: 13px;
    color: #fff;
    margin-right: 10px;
    margin-bottom: 10px; } */

/* .size-filter ul li {
  display: inline-block; } */

/* .intro {
  border: 1px solid red;
  color: #1d1d1d; } */

/* #listResults .slider {
  margin: 25px 0; }

#listResults .slider-box {
  width: 90%;
  margin: 25px auto; }

#listResults input {
  width: 10%; }

#listResults label {
  border: none;
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  width: 30%; } */

/* .plus-minus-input .input-icon {
  font-size: 13px;
  color: #aaaaaa; }

.plus-minus-input .custom-btn {
  border-radius: 0;
  height: 40px;
  padding: 8px 12px;
  background: #ffffff;
  border: 1px solid #c8c8c8; }
  .plus-minus-input .custom-btn:hover, .plus-minus-input .custom-btn:focus, .plus-minus-input .custom-btn.active {
    box-shadow: none;
    outline: none; }

.plus-minus-input .form-control {
  height: 40px;
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  border-left: 0px solid #c8c8c8;
  border-right: 1px solid #c8c8c8; }
  .plus-minus-input .form-control:hover, .plus-minus-input .form-control:focus, .plus-minus-input .form-control:active {
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    border-left: 0px solid #c8c8c8;
    border-right: 0px solid #c8c8c8; } */

/* .new-arrival-product .new-arrivals-img-contnent {
  overflow: hidden; }
  .new-arrival-product .new-arrivals-img-contnent img {
    width: 100%;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s; }

.new-arrival-product:hover .new-arrivals-img-contnent img {
  transform: scale(1.5) translateY(12%);
  -moz-transform: scale(1.5) translateY(12%);
  -webkit-transform: scale(1.5) translateY(12%);
  -ms-transform: scale(1.5) translateY(12%);
  -o-transform: scale(1.5) translateY(12%); } */


.success-icon {
  color: #68CF29;
  font-size: 16px; }


/* .user-card .dz-media {
  height: 80px;
  width: 80px;
  min-width: 80px;
  border-radius: 10px;
  overflow: hidden;
  border: 4px solid #fff;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1); }
  .user-card .dz-media img {
    height: 100%;
    width: 100%;
    object-fit: cover; }

.user-card .icon-placeholder {
  font-size: 24px;
  text-transform: uppercase;
  line-height: 70px;
  font-weight: 500;
  display: block;
  letter-spacing: 2px;
  text-align: center;
  height: 100%; } */

/* .user-card .title a {
  color: #000; }
  .user-card .title a:hover {
    color: var(--primary); }

.user-card .list-group {
  margin: 0 -30px; }
  .user-card .list-group .list-group-item {
    padding: 10px 30px; } */

/* .profile-wrapper .profile-img {
  height: 150px;
  width: 150px;
  min-width: 112px;
  display: inline-block;
  border-radius: 0.35rem; }
  .profile-wrapper .profile-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 0.35rem; }
  .profile-wrapper .profile-img.active {
    position: relative; }
    .profile-wrapper .profile-img.active:after {
      content: "";
      position: absolute;
      right: -5px;
      top: -5px;
      border-radius: 50%;
      border: 3px solid #fff;
      height: 18px;
      width: 18px;
      background: #68CF29; } */

/* .profile-wrapper .user-list-detail {
  display: flex; }
  .profile-wrapper .user-list-detail li {
    padding-right: 12px;
    margin-right: 12px;
    border-right: 1px solid #EEEEEE; }
    .profile-wrapper .user-list-detail li:last-child {
      border-right: 0; }
    .profile-wrapper .user-list-detail li svg {
      width: 20px;
      fill: rgba(0, 23, 55, 0.08); } */

/* .user-states-info {
  background: #f7f7f7;
  border-radius: 0.35rem;
  text-align: center;
  padding: 15px 10px;
  border: 1px solid #dedede;
  border-style: dashed; }
  .user-states-info .user-states-info-name {
    font-size: 16px;
    color: black;
    font-weight: 600;
    display: block; }
  .user-states-info .user-states-value {
    font-size: 15px; } */

/* .default-progress {
  height: 20px; }
  .default-progress .progress-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    padding: 0 15px; } */

.bg-gradient-1 {
  background: #ac39d4;
  background: linear-gradient(to right, #ac39d4 0%, #f04cf3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac39d4', endColorstr='#f04cf3',GradientType=1 ); }


.card-tabs .nav-tabs.style-3 {
  border-bottom: 3px solid #EEEEEE; }
  .card-tabs .nav-tabs.style-3 .nav-link {
    font-size: 14px;
    border: 0;
    margin-bottom: -2px;
    border-radius: 0;
    position: relative;
    padding: 12px 20px;
    transition: all 0.5s; }
    .card-tabs .nav-tabs.style-3 .nav-link:after {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 0;
      content: "";
      border-radius: 5px;
      height: 3px;
      width: 0px;
      background: var(--primary);
      transition: all 0.5s; }
    @media only screen and (max-width: 1199px) {
      .card-tabs .nav-tabs.style-3 .nav-link {
        padding: 12px 14px; } }
    .card-tabs .nav-tabs.style-3 .nav-link.active {
      background: transparent;
      color: var(--primary); }
      .card-tabs .nav-tabs.style-3 .nav-link.active:after {
        width: 100%; }

.project-list-group .card {
  margin-bottom: 17px;
  border: 1px solid;
  border-style: dashed;
  border-width: 2px;
  border-color: transparent; }
  .project-list-group .card:hover {
    border-color: #cccccc; }

.project-media img {
  height: 48px;
  width: 48px;
  border-radius: 50px; }
  @media only screen and (max-width: 575px) {
    .project-media img {
      height: 44px;
      width: 44px; } }

.project-media .img-placeholder {
  height: 48px;
  width: 48px;
  border-radius: 50px;
  line-height: 48px;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  display: inline-block; }

.project-info {
  padding: 5px 15px;
  flex-flow: wrap;
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 1600px) {
    .project-info {
      font-size: 13px; }
      .project-info h5, .project-info .h5 {
        font-size: 15px; } }
  @media only screen and (max-width: 575px) {
    .project-info {
      padding: 10px 0px; } }

.project-nav {
  margin-bottom: 30px;
  border-bottom: 2px solid #EEEEEE;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px; }
  @media only screen and (max-width: 1199px) {
    .project-nav {
      margin-bottom: 20px;
      padding-bottom: 20px; } }
  @media only screen and (max-width: 767px) {
    .project-nav {
      display: block; } }
  @media only screen and (max-width: 575px) {
    .project-nav {
      margin-bottom: 15px;
      padding-bottom: 15px; } }

.power-ic i {
  font-size: 34px;
  height: 48px;
  width: 48px;
  text-align: center;
  line-height: 48px;
  border-radius: 50px;
  color: white;
  font-weight: bold;
  background: var(--primary); }

@media only screen and (max-width: 575px) {
  .power-ic i {
    font-size: 24px;
    height: 44px;
    width: 44px;
    line-height: 44px; } }

.project-status {
  justify-content: space-between; }


.dt-icon {
  height: 45px;
  width: 45px;
  min-width: 45px;
  border-radius: 0.35rem;
  line-height: 45px;
  text-align: center; }

.users-lg {
  display: flex; }
  .users-lg li {
    margin-right: -10px; }
    .users-lg li img {
      height: 40px;
      width: 40px;
      border-radius: 45px;
      border: 2px solid #fff; }


.image-placeholder {
  position: relative;
  max-width: 130px;
  margin: 10px auto; }
  .image-placeholder .avatar-edit {
    position: absolute;
    right: 12px;
    z-index: 1;
    top: 10px; }
    .image-placeholder .avatar-edit input {
      display: none; }
      .image-placeholder .avatar-edit input + label {
        display: inline-block;
        width: 34px;
        height: 34px;
        margin-bottom: 0;
        border-radius: 100%;
        background: #FFFFFF;
        border: 1px solid transparent;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
        cursor: pointer;
        font-weight: normal;
        transition: all .2s ease-in-out; }
        .image-placeholder .avatar-edit input + label:hover {
          background: #f1f1f1;
          border-color: #d6d6d6; }
        .image-placeholder .avatar-edit input + label:after {
          content: "\f303";
          font-family: 'Font Awesome 5 Free';
          color: #757575;
          position: absolute;
          top: 6px;
          font-weight: 900;
          left: 0;
          right: 0;
          text-align: center;
          margin: auto; }
  .image-placeholder .avatar-preview {
    width: 120px;
    height: 120px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); }
    .image-placeholder .avatar-preview > div {
      width: 100%;
      height: 100%;
      border-radius: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }

[direction="rtl"] .border-right {
  border-left: 1px solid #EEEEEE !important;
  border-right: 0 !important; }

[direction="rtl"] .border-left {
  border-right: 1px solid #EEEEEE !important;
  border-left: 0 !important; }

[direction="rtl"] .dropdown-menu {
  left: auto; }

[direction="rtl"] .dropdown-menu-right {
  left: 0;
  right: auto; }
  @media only screen and (max-width: 575px) {
    [direction="rtl"] .dropdown-menu-right {
      left: 15px; } }

[direction="rtl"] .notification_dropdown .dropdown-menu-right .media > span {
  margin-left: 10px;
  margin-right: 0; }

[direction="rtl"]:not([data-container="boxed"]) .nav-header {
  left: auto;
  right: 0; }

[direction="rtl"][data-container="wide-boxed"] .nav-header {
  left: auto;
  right: auto; }

[direction="rtl"] .nav-header {
  text-align: right;
  right: auto; }
  [direction="rtl"] .nav-header .brand-title {
    margin-left: 0;
    margin-right: 15px; }
  [direction="rtl"] .nav-header .brand-logo {
    padding-left: 0px;
    padding-right: 20px; }
    [data-sidebar-style="compact"][direction="rtl"] .nav-header .brand-logo {
      padding-right: 0; }
    [data-sidebar-style="compact"][direction="rtl"] .nav-header .brand-logo[data-layout="horizontal"] {
      padding-right: 30px; }
    [data-sidebar-style="mini"][direction="rtl"] .nav-header .brand-logo {
      padding-right: 0; }
    [data-sidebar-style="modern"][direction="rtl"] .nav-header .brand-logo {
      padding-right: 0; }
      [data-layout="horizontal"][data-sidebar-style="modern"][direction="rtl"] .nav-header .brand-logo {
        padding-right: 30px; }
    @media (max-width: 575.98px) {
      [direction="rtl"] .nav-header .brand-logo {
        padding-right: 0; } }

[direction="rtl"] .nav-control {
  right: auto;
  left: 10px;
  left: 0.9375rem; }
  @media (max-width: 575.98px) {
    [direction="rtl"] .nav-control {
      left: -4.0625rem; } }

[direction="rtl"][data-sidebar-style="overlay"] .nav-header .hamburger.is-active {
  right: 0; }

[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"] .nav-header .brand-logo {
  padding-right: 40px; }

[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"] .nav-header {
  width: 16rem; }

[direction="rtl"][data-sidebar-style="modern"] .nav-header .nav-control {
  right: unset;
  left: -60px; }

[direction="rtl"] .header {
  padding: 0;
  padding-right: 17.5rem; }
  @media only screen and (max-width: 1023px) {
    [direction="rtl"] .header {
      padding-right: 0; } }
  @media (max-width: 575.98px) {
    [direction="rtl"] .header {
      padding-right: 0rem;
      padding-left: 0; } }
  @media only screen and (max-width: 575px) {
    [direction="rtl"] .header .header-content {
      padding-right: 3.5rem;
      padding-left: 0.938rem; } }
  [data-sidebar-style="compact"][direction="rtl"] .header .header-content {
    padding-right: 0; }
  [data-sidebar-style="modern"][direction="rtl"] .header .header-content {
    padding-right: 0; }
  @media only screen and (max-width: 575px) {
    [data-sidebar-style="overlay"][direction="rtl"] .header .header-content {
      padding-right: 0.5rem; } }
  [direction="rtl"] .header .nav-control {
    right: 0.4375rem;
    left: auto; }

[direction="rtl"] .header-right > li:not(:first-child) {
  padding-left: 0;
  padding-right: 0.5rem;
  margin-right: 0 !important; }
  @media only screen and (max-width: 767px) {
    [direction="rtl"] .header-right > li:not(:first-child) {
      padding-right: 0.5rem; } }

[direction="rtl"] .header-right .header-profile > a.nav-link {
  margin-left: auto;
  padding-left: auto;
  margin-right: 15px;
  padding-right: 30px;
  border-right: 1px solid #EEEEEE;
  border-left: 0; }
  [direction="rtl"] .header-right .header-profile > a.nav-link .header-info {
    padding-right: 20px;
    padding-left: auto;
    text-align: right; }
    @media only screen and (max-width: 1400px) {
      [direction="rtl"] .header-right .header-profile > a.nav-link .header-info {
        padding-right: 10px;
        padding-left: 0; }
    [direction="rtl"] .header-right .header-profile > a.nav-link {
      margin-right: 10px;
      padding-right: 20px;
      padding-left: 0; } }
  @media only screen and (max-width: 575px) {
    [direction="rtl"] .header-right .header-profile > a.nav-link {
      margin-right: 0px;
      padding-right: 0px;
      border-right: 0; } }

[direction="rtl"] .header-left .search_bar .dropdown-menu,
[direction="rtl"] .header-left .search_bar .dropdown-menu.show {
  right: 40px !important; }
  @media only screen and (max-width: 575px) {
    [direction="rtl"] .header-left .search_bar .dropdown-menu,
    [direction="rtl"] .header-left .search_bar .dropdown-menu.show {
      right: -100px !important; } }

[direction="rtl"] .header-left .search_bar .search_icon {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 5rem;
  border-bottom-right-radius: 5rem; }
  @media only screen and (max-width: 575px) {
    [direction="rtl"] .header-left .search_bar .search_icon {
      border-radius: 5rem; } }

[direction="rtl"][data-layout="horizontal"] .header {
  padding: 0;
  padding-right: 21.563rem; }
  [direction="rtl"][data-layout="horizontal"] .header .header-content {
    padding-right: 2.5rem;
    padding-left: 2.5rem; }

[direction="rtl"][data-layout="horizontal"][data-sidebar-style="full"] .nav-header .brand-logo {
  padding-right: 2.5rem; }

[direction="rtl"][data-layout="horizontal"][data-sidebar-style="mini"] .header {
  padding-right: 7.75rem; }

[direction="rtl"][data-sidebar-style="mini"] .header {
  padding-right: 5rem; }

[direction="rtl"][data-sidebar-style="compact"] .header {
  padding: 0 0;
  padding-right: 11.25rem; }

[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"] .header {
  padding: 0;
  padding-right: 21.563rem; }

[direction="rtl"][data-sidebar-style="modern"] .header {
  padding: 0 0;
  padding-right: 9.375rem; }
  [direction="rtl"][data-sidebar-style="modern"] .header .navbar {
    padding-left: 40px;
    padding-right: 80px; }

[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"] .header {
  padding: 0;
  padding-right: 16rem; }

[direction="rtl"] {
  text-align: right; }
  [direction="rtl"] .deznav {
    text-align: right; }
  

  [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .header .navbar {
    padding-left: 0;
    padding-right: 60px; }
  [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .nav-control {
    right: auto;
    left: -50px; }
  [direction="rtl"][data-layout="horizontal"] .deznav {
    left: unset;
    right: 40px; }
  @media only screen and (max-width: 1023px) {
    [direction="rtl"][data-sidebar-style="overlay"] .header .navbar {
      padding-left: 40px;
      padding-right: 145px; } }


  [direction="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 15px;
    right: auto; }
  [direction="rtl"] .list-group {
    padding-left: 0; }
  [direction="rtl"] .form-check-input {
    margin-left: -1.25rem;
    margin-right: inherit; }
  [direction="rtl"] .form-check-inline .form-check-input {
    margin-right: 0;
    margin-left: 10px; }
  [direction="rtl"] .radio input,
  [direction="rtl"] .radio-inline,
  [direction="rtl"] .checkbox input,
  [direction="rtl"] .checkbox-inline input {
    margin-left: 0;
    margin-right: 0; }
  [direction="rtl"] .content-body {
    margin-right: 17.5rem;
    margin-left: auto; }
    [data-sidebar-style="modern"][direction="rtl"] .content-body {
      margin-right: 9.375rem; }
    [direction="rtl"] .content-body .page-titles {
      text-align: right; }

  [direction="rtl"] .custom-control {
    margin-left: 0; }
  [direction="rtl"] .review-tab.nav-pills li:first-child a.nav-link {
    border-radius: 0 0.75rem 0 0; }
  [direction="rtl"] .review-tab.nav-pills li:last-child a.nav-link {
    border-radius: 0.75rem 0 0 0; }
  [direction="rtl"] .form-head .btn i {
    margin-left: 5px;
    margin-right: 0; }
  [direction="rtl"] .iconbox {
    padding-left: 0;
    padding-right: 70px; }
    [direction="rtl"] .iconbox i {
      left: auto;
      right: 0; }
  [direction="rtl"] .table.tr-rounded tr td:first-child, [direction="rtl"] .table.tr-rounded tr th:first-child {
    border-radius: 0 0.35rem 0.35rem 0; }
  [direction="rtl"] .table.tr-rounded tr td:last-child, [direction="rtl"] .table.tr-rounded tr th:last-child {
    border-radius: 0.35rem 0 0 0.35rem; }
  [direction="rtl"] .custom-switch.toggle-switch.text-right {
    padding-left: 48px;
    padding-right: 0; }
  [direction="rtl"] .toggle-switch.text-right .custom-control-label:before {
    right: auto !important;
    left: -47px; }
  [direction="rtl"] .toggle-switch.text-right .custom-control-label:after {
    right: auto !important;
    left: -28px; }
  [direction="rtl"] .toggle-switch.text-right .custom-control-input:checked ~ .custom-control-label:after {
    left: -62px;
    right: auto !important; }
  [direction="rtl"] .check-switch {
    padding-right: 40px; }
    [direction="rtl"] .check-switch .custom-control-label:after, [direction="rtl"] .check-switch .custom-control-label:before {
      right: -35px !important; }

  [direction="rtl"] .detault-daterange .input-group-text {
    padding: 0.532rem 0.75rem;
    padding-right: auto;
    padding-left: 0; }
  [direction="rtl"] .form-wrapper .input-group .form-control {
    text-align: left; }

  [direction="rtl"] .card-table td:first-child {
    padding-right: 30px;
    padding-left: 10px; }
  [direction="rtl"] .card-table td:last-child {
    padding-left: 30px;
    padding-right: 10px; }
  [direction="rtl"] .widget-timeline .timeline > li > .timeline-panel {
    margin-left: 0px;
    margin-right: 40px; }
  [direction="rtl"] .widget-timeline .timeline > li > .timeline-panel:after {
    left: auto;
    right: -5px; }
  

  [direction="rtl"] .new-arrival-content .price {
    float: left; }
  [direction="rtl"] .card-tabs .nav-tabs.style-1 .nav-item .nav-link {
    padding-right: 0;
    padding-left: 25px; }
  [direction="rtl"] .mail-list .list-group-item i {
    padding-right: 0;
    padding-left: 0.625rem; }
  [direction="rtl"] .dataTables_wrapper .dataTables_filter input {
    margin-left: 0;
    margin-right: 0.5em; }
  [direction="rtl"][data-layout="horizontal"] .content-body {
    margin-right: 0; }
  [direction="rtl"][data-sidebar-style="mini"]:not([data-layout="horizontal"]) .content-body {
    margin-right: 5rem; }
  [direction="rtl"][data-sidebar-style="compact"]:not([data-layout="horizontal"]) .content-body {
    margin-right: 11.25rem; }
  [direction="rtl"][data-sidebar-style="overlay"] .content-body {
    margin-right: 0; }
  [direction="rtl"] #external-events .external-event:before {
    margin-right: 0;
    margin-left: .9rem; }
  [direction="rtl"] .post-input a i {
    margin-left: 15px;
    margin-right: 0; }
 
  @media only screen and (max-width: 575px) {
    [direction="rtl"] .best-doctor .timeline .timeline-panel .media {
      float: right;
      margin-right: 0 !important;
      margin-left: 15px !important; } }
  [direction="rtl"] .default-select.style-1 .btn:after {
    margin-left: 0;
    margin-right: 0.5em; }
  [direction="rtl"] .pagination .page-indicator {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg); }
  [direction="rtl"] .lg-outer.lg-visible {
    direction: ltr; }
  [direction="rtl"] .noUi-target {
    direction: rtl; }
  [direction="rtl"] .noUi-vertical .noUi-pips-vertical {
    left: -20px; }
  [direction="rtl"] .noUi-vertical .noUi-value-vertical {
    padding-left: 0;
    padding-right: 25px; }
  [direction="rtl"] .sidebar-right .ps--active-x > .ps__rail-x {
    display: none; }
  [direction="rtl"] .form-wizard .nav-wizard li .nav-link:after {
    right: 50%;
    left: auto; }
  [direction="rtl"] .dtp > .dtp-content {
    right: 50%;
    left: auto; }
  [direction="rtl"] .modal-header .close {
    margin: 0;
    left: 0;
    top: 0px;
    right: auto; }
  [direction="rtl"] .input-group-prepend .btn + .btn {
    border-radius: 0 !important; }
  [direction="rtl"] .form-control + .input-group-append .btn:first-child {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  [direction="rtl"] .input-group > .custom-file:not(:first-child) .custom-file-label {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0.35rem;
    border-top-left-radius: 0.35rem; }
  [direction="rtl"] .custom-file-label::after {
    border-radius: 0.35rem 0 0 0.35rem; }
  [direction="rtl"] .input-group > .custom-file:not(:last-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.35rem;
    border-bottom-right-radius: 0.35rem; }
  [direction="rtl"] .input-group > .custom-file:not(:last-child) .custom-file-label::after {
    border-radius: 0; }
  [direction="rtl"] .weather-btn {
    margin-left: 20px; }
  [direction="rtl"] .coin-holding:after {
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0.27) 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45ffffff', endColorstr='#00ffffff',GradientType=1 );
    /* IE6-9 */ }
 
  [direction="rtl"] .swiper-box .swiper-slide {
    padding-left: 0;
    padding-right: 23px; }
  [direction="rtl"] .swiper-box .swiper-scrollbar-drag {
    left: auto;
    right: -3px; }
  [direction="rtl"] .swiper-box .swiper-container-vertical > .swiper-scrollbar {
    right: 4px;
    left: auto; }

@media only screen and (max-width: 1350px) and (min-width: 1200px) {
  [direction="rtl"] .content-body {
    margin-right: 17rem; } }

[direction="rtl"] .sidebar-right {
  left: -50rem;
  right: auto;
  box-shadow: 2px 3px 10px 0px rgba(119, 119, 119, 0.1); }
  [direction="rtl"] .sidebar-right.show {
    left: 5.25rem;
    right: auto; }
  [direction="rtl"] .sidebar-right .sidebar-right-trigger {
    left: 100%;
    right: auto;
    border-radius: 0 5px 5px 0;
    box-shadow: 5px 3px 5px 0px rgba(119, 119, 119, 0.15); }

[direction="rtl"] .sidebar-right .sidebar-close-trigger {
  left: -48px;
  right: auto; }
[direction="rtl"] .dz-demo-panel {
  right: unset;
  left: -100%; }
  [direction="rtl"] .dz-demo-panel.show {
    right: unset;
    left: 0; }
  [direction="rtl"] .dz-demo-panel .dz-demo-trigger {
    left: 100%;
    right: unset;
    border-radius: 0 5px 5px 0; }

html[dir="rtl"] [direction="rtl"] .footer {
  padding-right: 17.1875rem;
  padding-left: 0; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] [direction="rtl"] .footer {
      padding-right: 0; } }

html[dir="rtl"] [direction="rtl"][data-sidebar-style="overlay"] .footer {
  padding-right: 0; }

html[dir="rtl"] [direction="rtl"] .menu-toggle .footer {
  padding-right: 3.75rem; }

html[dir="rtl"] [direction="rtl"][data-container="boxed"] .footer {
  padding-right: 0; }

html[dir="rtl"] [direction="rtl"][data-sidebar-style="mini"]:not([data-layout="horizontal"]) .footer {
  padding-right: 3.75rem; }

html[dir="rtl"] [direction="rtl"][data-sidebar-style="compact"]:not([data-layout="horizontal"]) .footer {
  padding-right: 9.375rem; }



/* Profile reply-modal */
.ReactModal__Content{
  height: -moz-fit-content !important;
  height: fit-content !important;
}

ul.bottom-item {
  list-style: none !important;
  padding: 0; /* Optional: Remove default padding */
}


/* side bar */
.deznav-scroll ul li.active .nav-links {
   /* Apply your desired highlight color */
  color: #eb8153; /* Apply your desired text color */
}


/* DASBOARD */
.search-container {
  position: relative;
}

.search-icon {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0 4px 4px 0;
}

/* sidebar */
/* Add this class for the sidebar elements when the sidebar is active */
.sidebar-active-elements {
  background-color: red;
}


/* Toggle button */
input:checked {
  background-color: #22c55e; /* bg-green-500 */
}

input:checked ~ span:last-child {
  --tw-translate-x: 1.75rem; /* translate-x-7 */
}


@media (max-width: 768px) {
  .header-section.header-fixed{
    width: 100% !important;
    margin-left: 0px !important;
  }
 
    .header-section.body-collapse .sidebar-wrapper, .header-section .sidebar-wrapper, .header-section .sidebar-wrapper {
      width: 180px !important;
      margin-left: 0px !important;
     background-color: white;

  }
  
}

@media only screen and (min-width: 769px) and (max-width: 1280px) {
  .header-section.body-collapse .sidebar-wrapper, .header-section .sidebar-wrapper, .header-section .sidebar-wrapper {
   width: 0px !important;

}
.header-section .sidebar-wrapper .sidebar-logo{
  padding-left: 0px !important;
}
.header-section.body-collapse .sidebar-wrapper{
  width: 0px !important;
}
.brand-title {
  display: none; }
.footer {
  padding-left: 0; }
.deznav {
  left: 0;
  top: 2.5rem !important; }
}

/* LAST LEADS */
 .purchase_btn_buy:focus{
  color: #11B011 !important;
}
.purchase_btn_buy:hover{
  color: white !important;
}
.purchase_btn_startegy:hover{
  color: white !important;
  background-color: #1f34f5;
}
.purchase_btn_sell:focus{
  color: red !important;
}
.purchase_btn_sell:hover{
  color: white !important;
}

.blur-background {
  filter: blur(5px); /* Apply the blur filter to the row */
  background-color: rgba(255, 255, 255, 0.8); /* Adjust the color and opacity as needed */
}


/* tr.last_lead_row {
  
  border-top: 1px solid #ccc !important;
}

tr.last_lead_row:first-child {
  border-top: none !important;
} */

/* Analytics */
.table .analysis-head th  {
 
  padding: 9px 9px 0px 9px; }

  /* PLAN TABLE */
  .rdt_TableHeadRow{
    background-color: #EB8153 !important;
  }
  .jKOOhS, .gPzcGm, .eHmiVN, .kRhoue{
display: none !important;
  }
  .rdt_Pagination{
    justify-content: center !important;
  }

  .gRhxQD:disabled {
  background-color: #faae8e !important;
  
}
.gRhxQD{
  background-color: #eb8153 !important;
  fill: #ffffff !important;
  border-radius: 8px !important;
  margin-left: 2px !important;
}
.rdt_TableHead{
  border-top-right-radius: 10px !important;
  border-top-left-radius: 10px !important;
}

/* TABLES */
tbody tr:hover {
  cursor: pointer !important;
}

  /* APEX CHAT ANALYTICS */
  .apexcharts-tooltip {
    height: 43px;
  }
  #SvgjsText1053,  #SvgjsText1040{
    font-size: 15px;
  }
  

  /* MULTI_STEP FORM */
  .step-item {
  position: relative;
  display: flex;
  width: 9rem;
  flex-direction: column;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
}
  .step-item:not(:first-child):before {
  position: absolute;
  right: 50%;
  top: 33.333333%;
  height: 3px;
  width: 100%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}
  .step {
  position: relative;
  z-index: 10;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 163 134 / var(--tw-bg-opacity, 1));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
  .dropdown .dropdown-dots.step:after, .dropdown .dropdown-dots.step:before {
      background: rgba(255, 255, 255, 0.7); }
  .active .step {
  --tw-bg-opacity: 1;
  background-color: rgb(236 129 83 / var(--tw-bg-opacity, 1));
}
  .complete .step {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
  .complete p {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
  .dropdown .dropdown-dots.complete p:after, .dropdown .dropdown-dots.complete p:before {
      background: rgba(255, 255, 255, 0.7); }
  .complete:not(:first-child):before,
  .active:not(:first-child):before {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
  

  @media only screen and (min-width: 769px) and (max-width: 1280px){
    .header_arrangement{
        margin-left: 3rem;
    }
    .admin_deznav{
      top: 4rem !important;
    }
  }

  @media only screen and (min-width: 1023px) and (max-width: 1280px){
    .header_arrangement{
      margin-left: 0px;
    }
 
  }

  .rdt_Table .rdt_TableBody .rdt_TableRow{
    cursor: pointer !important;
  }

  

  @media only screen and (max-width: 400px){
   
    .searchbar_allusers{
     
      width: 50%;
    }
  }

  /* ANTD MODAL */
  :where(.css-3mqfnx).ant-modal-root .ant-modal-mask{
    background-color: rgba(0, 0, 0, 0.15) !important;
  }
  .ant-modal-close{
    display: none !important;
  }

  /* REFERRAL */
  @media (max-width: 768px){
  .invite_friend{
  display: none !important;
}}
@media (min-width: 768px){
  .invite_friend_mob{
    display: none !important;
  }
}

/* DICOUNT BANNER */
.discount_bg{
  background-image: url("/dashboard/assets3/images/disc_img.png");
}


/* WEBHOOK LINK */
.step_first {
  counter-increment: stepnr;
  width: 8rem;
  --borderS: 0.1rem;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* padding-left: calc(var(--borderS)); */
  position: relative;
}
.step_first::before,
.step_first::after {
  border: none;
  inset: 0;
  position: absolute;
  border-radius: 50%;
  border: var(--borderS) solid rgba(245, 245, 245);
  line-height: 1.1;
}
.step_first::before {
  border: none;
  content: counter(stepnr);
  color: #b8df4e;
  padding-left: 10rem;
  font-size: 12rem;
  font-weight: 700;
  overflow: hidden;
}

.step_first::after {
  content: "";
  filter: drop-shadow(-0.25rem 0.25rem 0.0675rem rgba(0, 0, 0, 0.75)) blur(5px);
}

.step_first > * { width: 5.5rem }
.step_first .icon { font-size: 2rem; color: #b8df4e; text-align: center }
.step_first .title { font-size: 1rem; font-weight: 500 }
.step_first .descr { font-size: 0.8rem; font-weight: 300 }

.credits { margin-top: 2rem; text-align: right }
.credits a { color: rgba(30, 30, 30) }

.upcharge {
  position: relative;
  font-weight: 600;
  background-color: #EC8153;
  padding: 0.5rem 0.75rem;
  color: #ffffff;
  border-radius: 0 10px;
  z-index: 0;
  overflow: hidden;
}

.bot_status_history_row:hover, .pms_history_row:hover{
  color: white !important;
}

/* PIE  CHART */
.apexcharts-tooltip-text-y-label{
 display: none !important;
}




/* WELCOME POPUP */
.welcome_bg{
  background: url(/_next/static/media/confetti-sticker.503fc2cc.gif) repeat center center;
}
.welcome_modal > .ant-modal-content{
  padding: 0px !important;
}
.focus-within\:shadow-lg:focus-within {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-125:hover {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-90:hover {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-green-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.hover\:border-transparent:hover {
  border-color: transparent;
}
.hover\:bg-\[\#61ea61\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(97 234 97 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#EB8153\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(235 129 83 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#FDF2ED\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 237 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#c96e48\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(201 110 72 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#d3734a\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(211 115 74 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#d5744b\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(213 116 75 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#d7764c\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(215 118 76 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#f8a17b\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 161 123 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#f8dbce\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 219 206 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#f8f2f0\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 242 240 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hover\:font-bold:hover {
  font-weight: 700;
}
.hover\:text-\[\#85492e\]:hover {
  --tw-text-opacity: 1;
  color: rgb(133 73 46 / var(--tw-text-opacity, 1));
}
.hover\:text-\[\#EC8153\]:hover {
  --tw-text-opacity: 1;
  color: rgb(236 129 83 / var(--tw-text-opacity, 1));
}
.hover\:text-\[\#ffffff\]:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-800:hover {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.hover\:text-green-700:hover {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.hover\:text-red-700:hover {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:scale-110:focus {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.focus\:border:focus {
  border-width: 1px;
}
.focus\:border-2:focus {
  border-width: 2px;
}
.focus\:border-none:focus {
  border-style: none;
}
.focus\:border-\[\#2684ff\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(38 132 255 / var(--tw-border-opacity, 1));
}
.focus\:border-\[\#EC8153\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(236 129 83 / var(--tw-border-opacity, 1));
}
.focus\:border-blue-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.focus\:border-gray-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}
.focus\:border-white:focus {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.focus\:bg-\[\#ff8b59\]:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 139 89 / var(--tw-bg-opacity, 1));
}
.focus\:bg-red-600:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.focus\:bg-white:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.focus\:text-\[\#85492e\]:focus {
  --tw-text-opacity: 1;
  color: rgb(133 73 46 / var(--tw-text-opacity, 1));
}
.focus\:text-\[\#ffffff\]:focus {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.focus\:text-blue-800:focus {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.focus\:text-green-700:focus {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.focus\:text-red-700:focus {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.focus\:text-white:focus {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-\[\#ED865A\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(237 134 90 / var(--tw-ring-opacity, 1));
}
.focus\:ring-\[\#fca37d\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 163 125 / var(--tw-ring-opacity, 1));
}
.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.focus\:ring-green-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1));
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.focus\:ring-offset-\[\#ED865A\]:focus {
  --tw-ring-offset-color: #ED865A;
}
.active\:scale-125:active {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:bg-\[\#d2734a\]:active {
  --tw-bg-opacity: 1;
  background-color: rgb(210 115 74 / var(--tw-bg-opacity, 1));
}
.active\:text-black:active {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.active\:text-yellow-600:active {
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.disabled\:shadow-none:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 640px) {
  .sm\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .sm\:mb-4 {
    margin-bottom: 1rem;
  }
  .sm\:mt-0 {
    margin-top: 0px;
  }
  .sm\:mt-4 {
    margin-top: 1rem;
  }
  .sm\:mt-\[0px\] {
    margin-top: 0px;
  }
  .sm\:mt-\[1\.7rem\] {
    margin-top: 1.7rem;
  }
  .sm\:mt-\[2\.38rem\] {
    margin-top: 2.38rem;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:h-full {
    height: 100%;
  }
  .sm\:w-1\/2 {
    width: 50%;
  }
  .sm\:w-full {
    width: 100%;
  }
  .sm\:max-w-xl {
    max-width: 36rem;
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:justify-start {
    justify-content: flex-start;
  }
  .sm\:gap-\[45px\] {
    gap: 45px;
  }
  .sm\:p-8 {
    padding: 2rem;
  }
  .sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .sm\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .sm\:pt-0 {
    padding-top: 0px;
  }
}
@media (min-width: 768px) {
  .md\:relative {
    position: relative;
  }
  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .md\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .md\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .md\:mx-7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
  .md\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .md\:mb-0 {
    margin-bottom: 0px;
  }
  .md\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .md\:ml-11 {
    margin-left: 2.75rem;
  }
  .md\:ml-\[0px\] {
    margin-left: 0px;
  }
  .md\:ml-\[10px\] {
    margin-left: 10px;
  }
  .md\:ml-\[15px\] {
    margin-left: 15px;
  }
  .md\:mr-4 {
    margin-right: 1rem;
  }
  .md\:mr-9 {
    margin-right: 2.25rem;
  }
  .md\:mt-0 {
    margin-top: 0px;
  }
  .md\:mt-6 {
    margin-top: 1.5rem;
  }
  .md\:mt-\[2\.38rem\] {
    margin-top: 2.38rem;
  }
  .md\:mt-\[44px\] {
    margin-top: 44px;
  }
  .md\:block {
    display: block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:hidden {
    display: none;
  }
  .md\:h-full {
    height: 100%;
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-1\/3 {
    width: 33.333333%;
  }
  .md\:w-44 {
    width: 11rem;
  }
  .md\:w-52 {
    width: 13rem;
  }
  .md\:w-64 {
    width: 16rem;
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }
  .md\:translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:justify-end {
    justify-content: flex-end;
  }
  .md\:justify-center {
    justify-content: center;
  }
  .md\:gap-\[70px\] {
    gap: 70px;
  }
  .md\:gap-\[90px\] {
    gap: 90px;
  }
  .md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .md\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }
  .md\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  }
  .md\:p-4 {
    padding: 1rem;
  }
  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .md\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .md\:pl-0 {
    padding-left: 0px;
  }
  .md\:pl-\[0\.5rem\] {
    padding-left: 0.5rem;
  }
  .md\:pl-\[0\.6rem\] {
    padding-left: 0.6rem;
  }
  .md\:pl-\[10px\] {
    padding-left: 10px;
  }
  .md\:pl-\[15px\] {
    padding-left: 15px;
  }
  .md\:pr-\[10px\] {
    padding-right: 10px;
  }
  .md\:pr-\[5px\] {
    padding-right: 5px;
  }
  .md\:pt-\[30px\] {
    padding-top: 30px;
  }
  .md\:pt-\[40px\] {
    padding-top: 40px;
  }
  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1024px) {
  .lg\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .lg\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .lg\:mr-4 {
    margin-right: 1rem;
  }
  .lg\:w-1\/2 {
    width: 50%;
  }
  .lg\:w-1\/3 {
    width: 33.333333%;
  }
  .lg\:w-1\/6 {
    width: 16.666667%;
  }
  .lg\:w-4\/12 {
    width: 33.333333%;
  }
  .lg\:w-6\/12 {
    width: 50%;
  }
  .lg\:w-8\/12 {
    width: 66.666667%;
  }
  .lg\:w-\[265px\] {
    width: 265px;
  }
  .lg\:w-\[290px\] {
    width: 290px;
  }
  .lg\:w-full {
    width: 100%;
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:gap-\[110px\] {
    gap: 110px;
  }
  .lg\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .lg\:pl-4 {
    padding-left: 1rem;
  }
  .lg\:pl-8 {
    padding-left: 2rem;
  }
  .lg\:pl-\[1\.6rem\] {
    padding-left: 1.6rem;
  }
  .lg\:pl-\[1\.8rem\] {
    padding-left: 1.8rem;
  }
}
@media (prefers-color-scheme: dark) {
  .dark\:border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
  }
  .dark\:border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
  }
  .dark\:border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
  .dark\:bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
  }
  .dark\:bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  }
  .dark\:bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  }
  .dark\:text-\[\#ffffff\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  .dark\:text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
  .dark\:text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  }
  .dark\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  .dark\:ring-offset-gray-700 {
    --tw-ring-offset-color: #374151;
  }
  .dark\:focus\:ring-blue-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));
  }
  .dark\:focus\:ring-offset-gray-700:focus {
    --tw-ring-offset-color: #374151;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./src/components/Dashboard/Guide/guide.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.guide{
    position: absolute;
    overflow :visible;
}
.price_pre_guide{
    margin-top: -6.5rem;
    margin-left: 73%;
}
@media screen and (max-width: 1200px) {
    .price_pre_guide{
        margin-top: -5rem !important;
    }
}

@media screen and (max-width: 1000px) {
    .price_pre_guide{
        margin-left: 65%;
    }
}
@media screen and (max-width: 800px) {
    .price_pre_guide{
        margin-left: 60% !important;
    }
}

.analysis_chart{
    margin-top: 5%;
    margin-left: -15rem;
}
@media (max-width: 992px) {
    .analysis_chart{
        margin-top: 2%;
        margin-left: 0% !important;
    }
    
}
.guide_modal{
    cursor: pointer;
}
/* 


 */