@charset "UTF-8";
: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: #ffffffb3;
  --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-offset: 16px;
  --toastify-toast-top: max(
    var(--toastify-toast-offset),
    env(safe-area-inset-top)
  );
  --toastify-toast-right: max(
    var(--toastify-toast-offset),
    env(safe-area-inset-right)
  );
  --toastify-toast-left: max(
    var(--toastify-toast-offset),
    env(safe-area-inset-left)
  );
  --toastify-toast-bottom: max(
    var(--toastify-toast-offset),
    env(safe-area-inset-bottom)
  );
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --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(
    90deg,
    #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-color-progress-bgo: 0.2;
}
.Toastify__toast-container {
  box-sizing: border-box;
  color: #fff;
  padding: 4px;
  position: fixed;
  -webkit-transform: translateZ(9999);
  -webkit-transform: translateZ(var(--toastify-z-index));
  width: 320px;
  width: var(--toastify-toast-width);
  z-index: 9999;
  z-index: var(--toastify-z-index);
}
.Toastify__toast-container--top-left {
  left: max(16px, env(safe-area-inset-left));
  left: var(--toastify-toast-left);
  top: max(16px, env(safe-area-inset-top));
  top: var(--toastify-toast-top);
}
.Toastify__toast-container--top-center {
  left: 50%;
  top: max(16px, env(safe-area-inset-top));
  top: var(--toastify-toast-top);
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  right: max(16px, env(safe-area-inset-right));
  right: var(--toastify-toast-right);
  top: max(16px, env(safe-area-inset-top));
  top: var(--toastify-toast-top);
}
.Toastify__toast-container--bottom-left {
  bottom: max(16px, env(safe-area-inset-bottom));
  bottom: var(--toastify-toast-bottom);
  left: max(16px, env(safe-area-inset-left));
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: max(16px, env(safe-area-inset-bottom));
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: max(16px, env(safe-area-inset-bottom));
  bottom: var(--toastify-toast-bottom);
  right: max(16px, env(safe-area-inset-right));
  right: var(--toastify-toast-right);
}
@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    left: env(safe-area-inset-left);
    margin: 0;
    padding: 0;
    width: 100vw;
  }
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    left: auto;
    right: env(safe-area-inset-right);
  }
}
.Toastify__toast {
  --y: 0;
  border-radius: 6px;
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: 0 4px 12px #0000001a;
  box-sizing: border-box;
  cursor: default;
  direction: ltr;
  display: flex;
  font-family: sans-serif;
  font-family: var(--toastify-font-family);
  justify-content: space-between;
  margin-bottom: 1rem;
  max-height: 800px;
  max-height: var(--toastify-toast-max-height);
  min-height: 64px;
  min-height: var(--toastify-toast-min-height);
  overflow: hidden;
  padding: 8px;
  position: relative;
  touch-action: none;
  z-index: 0;
}
.Toastify__toast--stacked {
  position: absolute;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
  width: 100%;
}
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body {
  transition: opacity 0.1s;
}
.Toastify__toast--stacked[data-collapsed="false"] {
  overflow: visible;
}
.Toastify__toast--stacked[data-collapsed="true"]:not(:last-child) > * {
  opacity: 0;
}
.Toastify__toast--stacked:after {
  bottom: 100%;
  content: "";
  height: calc(var(--g) * 1px);
  left: 0;
  position: absolute;
  right: 0;
}
.Toastify__toast--stacked[data-pos="top"] {
  top: 0;
}
.Toastify__toast--stacked[data-pos="bot"] {
  bottom: 0;
}
.Toastify__toast--stacked[data-pos="bot"].Toastify__toast--stacked:before {
  transform-origin: top;
}
.Toastify__toast--stacked[data-pos="top"].Toastify__toast--stacked:before {
  transform-origin: bottom;
}
.Toastify__toast--stacked:before {
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  transform: scaleY(3);
  z-index: -1;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  margin: auto 0;
  padding: 6px;
}
.Toastify__toast-body > div:last-child {
  flex: 1 1;
  word-break: break-word;
}
.Toastify__toast-icon {
  display: flex;
  flex-shrink: 0;
  margin-inline-end: 10px;
  width: 20px;
}
.Toastify--animate {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.Toastify--animate-icon {
  animation-duration: 0.3s;
  animation-fill-mode: both;
}
@media only screen and (max-width: 480px) {
  .Toastify__toast {
    border-radius: 0;
    margin-bottom: 0;
  }
}
.Toastify__toast-theme--dark {
  background: #121212;
  background: var(--toastify-color-dark);
  color: #fff;
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--colored.Toastify__toast--default,
.Toastify__toast-theme--light {
  background: #fff;
  background: var(--toastify-color-light);
  color: #757575;
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  background: #3498db;
  background: var(--toastify-color-info);
  color: #fff;
  color: var(--toastify-text-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  background: #07bc0c;
  background: var(--toastify-color-success);
  color: #fff;
  color: var(--toastify-text-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  background: #f1c40f;
  background: var(--toastify-color-warning);
  color: #fff;
  color: var(--toastify-text-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  background: #e74c3c;
  background: var(--toastify-color-error);
  color: #fff;
  color: var(--toastify-text-color-error);
}
.Toastify__progress-bar-theme--light {
  background: linear-gradient(
    90deg,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: #bb86fc;
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: #3498db;
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: #07bc0c;
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: #f1c40f;
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: #e74c3c;
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--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 {
  background: #ffffffb3;
  background: var(--toastify-color-transparent);
}
.Toastify__close-button {
  align-self: flex-start;
  background: #0000;
  border: none;
  color: #fff;
  cursor: pointer;
  opacity: 0.7;
  outline: none;
  padding: 0;
  transition: 0.3s ease;
  z-index: 1;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:focus,
.Toastify__close-button:hover {
  opacity: 1;
}
@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  border-bottom-left-radius: 6px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  transform-origin: left;
  width: 100%;
  z-index: 9999;
  z-index: var(--toastify-z-index);
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 6px;
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
  left: auto;
  right: 0;
  transform-origin: right;
}
.Toastify__progress-bar--wrp {
  border-bottom-left-radius: 6px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  bottom: 0;
  height: 5px;
  left: 0;
  position: absolute;
  width: 100%;
}
.Toastify__progress-bar--wrp[data-hidden="true"] {
  opacity: 0;
}
.Toastify__progress-bar--bg {
  height: 100%;
  opacity: 0.2;
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
}
.Toastify__spinner {
  animation: Toastify__spin 0.65s linear infinite;
  border: 2px solid #e0e0e0;
  border-color: var(--toastify-spinner-color-empty-area);
  border-radius: 100%;
  border-right-color: #616161;
  border-right-color: var(--toastify-spinner-color);
  box-sizing: border-box;
  height: 20px;
  width: 20px;
}
@keyframes Toastify__bounceInRight {
  0%,
  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__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInLeft {
  0%,
  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, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInUp {
  0%,
  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, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  0%,
  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, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--bottom-left,
.Toastify__bounce-enter--top-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--bottom-right,
.Toastify__bounce-enter--top-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--bottom-left,
.Toastify__bounce-exit--top-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--bottom-right,
.Toastify__bounce-exit--top-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 {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) 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 {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
  }
  40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotateX(-20deg);
  }
  60% {
    opacity: 1;
    transform: perspective(400px) rotateX(10deg);
  }
  80% {
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  0% {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    opacity: 1;
    transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(-20deg);
  }
  to {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(90deg);
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}
.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}
@keyframes Toastify__slideInRight {
  0% {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInLeft {
  0% {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInUp {
  0% {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInDown {
  0% {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideOutRight {
  0% {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    transform: translate3d(110%, var(--y), 0);
    visibility: hidden;
  }
}
@keyframes Toastify__slideOutLeft {
  0% {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    transform: translate3d(-110%, var(--y), 0);
    visibility: hidden;
  }
}
@keyframes Toastify__slideOutDown {
  0% {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    transform: translate3d(0, 500px, 0);
    visibility: hidden;
  }
}
@keyframes Toastify__slideOutUp {
  0% {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    transform: translate3d(0, -500px, 0);
    visibility: hidden;
  }
}
.Toastify__slide-enter--bottom-left,
.Toastify__slide-enter--top-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--bottom-right,
.Toastify__slide-enter--top-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--bottom-left,
.Toastify__slide-exit--top-left {
  animation-duration: 0.3s;
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
}
.Toastify__slide-exit--bottom-right,
.Toastify__slide-exit--top-right {
  animation-duration: 0.3s;
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
}
.Toastify__slide-exit--top-center {
  animation-duration: 0.3s;
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
}
.Toastify__slide-exit--bottom-center {
  animation-duration: 0.3s;
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
}
@keyframes Toastify__spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.footer {
  background-color: #f8f8f8;
  border-top: 1px solid #ddd;
  bottom: 0;
  gap: 20px;
  justify-content: center;
  left: 0 !important;
  padding: 10px;
  position: fixed;
  width: 100%;
}
.footer,
.footer a {
  align-items: center;
  display: flex;
}
.footer a {
  color: #333;
  flex-direction: column;
  font-size: 16px;
  text-decoration: none;
  transition: transform 0.3s ease, color 0.3s ease;
}
.footer a:hover {
  color: var(--theme-default);
  transform: translateY(-5px);
}
.icon-container {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.icon {
  font-size: 20px;
  margin-bottom: 4px;
}
.text {
  color: #333;
  font-size: 14px;
}
.footer .pay,
.footer .pay-container {
  position: relative;
}
.footer .pay {
  background-color: var(--theme-default);
  border-radius: 50%;
  box-shadow: 0 8px 20px var(--theme-default-light-bg);
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: -15px;
  padding: 15px;
  top: -15px;
  transition: transform 0.3s ease;
}
.footer .pay.active,
.footer .pay:hover {
  color: #fff;
  transform: scale(1.1);
}
.pay-container:hover .dropup-menu {
  display: flex;
}
.footer .dropup-menu {
  animation: dropupShow 0.4s ease forwards;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #fff3;
  border-radius: 20px;
  bottom: 70px;
  box-shadow: 0 8px 32px #0003;
  display: none;
  gap: 8px;
  left: 50%;
  padding: 8px 16px;
  position: absolute;
  transform: translateX(-50%) scale(0);
  z-index: 1;
}
.footer .dropup-menu.close {
  display: none;
}
.footer .menu-button {
  align-items: center;
  background: linear-gradient(135deg, #e91e63d9, var(--theme-default));
  border: none;
  border-radius: 12px;
  box-shadow: 0 4px 10px var(--theme-default-light-bg);
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  height: 42px;
  justify-content: space-evenly;
  min-width: 110px;
  overflow: hidden;
  padding: 5px 10px;
  position: relative;
  transition: background 0.3s ease, transform 0.3s ease;
}
.footer .menu-button:hover {
  background: linear-gradient(135deg, #e91e63, #9c27b0);
  transform: translateY(-3px);
}
.footer .menu-button .icon {
  font-size: 18px;
  margin-right: 6px;
}
.footer .menu-button .icon,
.footer .menu-button .text {
  display: inline-block;
  vertical-align: middle;
}
@keyframes dropupShow {
  0% {
    opacity: 0;
    transform: translateX(-50%) scale(0);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) scale(1);
  }
}
.footer .menu-button:before {
  background: radial-gradient(circle, #fff3, #fff0);
  content: "";
  height: 200%;
  left: -50%;
  opacity: 0;
  position: absolute;
  top: -50%;
  transform: scale(0.5);
  transition: opacity 0.5s ease, transform 0.5s ease;
  width: 200%;
  z-index: 0;
}
.footer .menu-button:hover:before {
  opacity: 1;
  transform: scale(1);
}
.footer .menu-button span {
  position: relative;
  z-index: 1;
} /*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
body {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: inherit;
}
kbd {
  color: #fff;
}
.form-control,
.form-control:focus,
.form-floating > .form-control-plaintext ~ label:after,
.form-floating > .form-control:focus ~ label:after,
.form-floating > .form-control:not(:placeholder-shown) ~ label:after,
.form-floating > .form-select ~ label:after,
.form-select,
.img-thumbnail {
  background-color: #fff;
}
.carousel-control-next,
.carousel-control-prev,
.nav-link {
  background: 0 0;
}
:root {
  --theme-default: #861f41 !important;
  --theme-default-light-bg: #861f411a !important;
}
.logo img {
  max-height: 85px;
}
.logo-wrapper img {
  margin-top: -10px;
  max-height: 60px;
  max-width: 160px;
  width: auto !important;
}
.profile-dropdown {
  cursor: pointer;
}
.profile-dropdown img {
  border-radius: 5px;
  height: 50px;
  object-fit: cover;
  object-position: center;
  width: 45px;
}
.radio-wrapper li .form-check-label {
  margin-bottom: 0;
}
.radio-wrapper li {
  height: auto;
  padding: 8px 16px;
  width: auto;
}
@media screen and (max-width: 769px) {
  .radio-wrapper li {
    padding: 5px 10px;
  }
  .radio-wrapper li .form-check-label span {
    font-size: 12px;
  }
  .balance {
    line-height: 1.1;
  }
}
.height-0 {
  height: 0;
}
.page-header .logo-wrapper img.for-light {
  display: none !important;
}
.page-header .logo-wrapper img.for-dark {
  display: block !important;
  z-index: 2;
}
.page-header .logo-wrapper,
.page-header .logo-wrapper a {
  position: relative;
}
.logo-wrapper:before {
  background-color: #861f41;
  background-color: var(--theme-default);
  border-radius: 0;
  content: "";
  height: 83%;
  left: 0;
  position: absolute;
  top: 0;
  width: 101%;
}
.logo-wrapper:after {
  background-repeat: no-repeat;
  background-size: contain;
  height: 47px;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 59" preserveAspectRatio="xMidYMid meet"><g transform="translate%280,59%29 scale%280.1,-0.1%29" fill="%23000000" stroke="none"><path d="M0 296 l0 -295 28 8 c16 5 38 15 51 22 24 15 183 238 271 379 65 105 94 137 145 161 l40 19 -267 0 -268 0 0 -294z"/></g></svg>')
    no-repeat center / contain;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 59" preserveAspectRatio="xMidYMid meet"><g transform="translate%280,59%29 scale%280.1,-0.1%29" fill="%23000000" stroke="none"><path d="M0 296 l0 -295 28 8 c16 5 38 15 51 22 24 15 183 238 271 379 65 105 94 137 145 161 l40 19 -267 0 -268 0 0 -294z"/></g></svg>')
    no-repeat center / contain;
  right: -71px;
  top: 10px;
  width: 100%;
  width: 100px;
}
.logo-wrapper:after,
.page-header:before {
  background-color: #861f41;
  background-color: var(--theme-default);
  content: "";
  position: absolute;
}
.page-header:before {
  height: 11px;
  left: 0;
  top: 0;
  width: 100%;
}
@media screen and (min-width: 468px) and (max-width: 991.9px) {
  .logo-wrapper:after {
    height: 76%;
    right: -72px;
  }
}
@media screen and (min-width: 992px) {
  .logo-wrapper:after {
    height: 78%;
    right: -78px;
  }
}
.container-financial {
  float: left;
  overflow: hidden;
}
.financial {
  align-items: center;
  display: flex;
  justify-content: center;
}
.financial a {
  color: #861f41;
  color: var(--theme-default);
  flex-direction: column;
  font-size: 12px;
  text-decoration: none;
}
.icon-main-financial {
  align-items: center;
  border: 1px solid #861f41;
  border: 1px solid var(--theme-default);
  border-radius: 20%;
  display: flex;
  flex-direction: column;
  margin: auto;
  padding: 15px;
  width: 50px;
}
.financial a:hover {
  transform: scale(1.1);
}
.icon-main-financial:hover {
  background-color: #861f41;
  background-color: var(--theme-default);
  color: #fff;
}
.saving a {
  font-size: 10px;
}
@media screen and (min-width: 768px) {
  .container-financial h5 {
    font-size: 25px;
    margin-bottom: 20px;
    margin-left: 100px;
  }
  .icon-main-financial {
    align-items: center;
    border: 1px solid #861f41;
    border: 1px solid var(--theme-default);
    border-radius: 50px;
    display: flex;
    flex-direction: column;
    margin: auto;
    padding: 20px;
    width: 100px;
  }
}
.userProfile {
  background-color: #861f41 !important;
  background-color: var(--theme-default) !important;
}
.userProfile,
.userProfileAppVersion,
.userProfileTitle {
  color: #fff !important;
}
.userPhoto {
  padding: 10px !important;
}
.sidebar-menu a {
  color: #861f41 !important;
  color: var(--theme-default) !important;
  font-size: 18px;
  text-decoration: none;
}
.sidebar-menu span {
  font-size: 16px !important;
}
.profile-button {
  background-color: #faebd7;
  color: #861f41 !important;
  color: var(--theme-default) !important;
  padding: 5px;
}
.profile-image {
  border-radius: 50%;
  width: 100%;
}
.page-sidebar .sidebar-menu {
  margin-top: -25px;
  padding: 0 !important;
}
@media (max-width: 767px) {
  .table thead {
    display: none;
  }
  .table tr {
    display: block;
    margin-bottom: 15px;
  }
  .table td {
    border: none;
    border-bottom: 1px solid #ddd;
    display: block;
    padding-left: 50%;
    position: relative;
    text-align: right;
  }
  .table td:before {
    content: attr(data-label);
    font-weight: 700;
    left: 0;
    padding-left: 15px;
    position: absolute;
    text-align: left;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .table thead {
    display: table-header-group;
  }
  .table tr {
    display: table-row;
  }
  .table td,
  .table th {
    border: 1px solid #ddd;
    display: table-cell;
    padding-left: 0;
    text-align: left;
  }
  .table td:before {
    content: none;
  }
}
.page-wrapper .page-body-wrapper .page-body {
  margin-bottom: 60px;
}
.floating-btn.btn-primary {
  align-items: center;
  background: #0000;
  border-radius: 50px;
  bottom: 80px;
  display: flex;
  height: 50px;
  justify-content: center;
  position: fixed;
  right: 10px;
  width: 50px;
}
.floating-btn:before {
  background-color: #861f41;
  background-color: var(--theme-default);
  border-radius: 50px;
  content: "";
  height: 100%;
  opacity: 0.8;
  position: absolute;
  width: 100%;
}
.floating-btn i {
  position: relative;
}
.text-limit {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
p.small-text {
  color: #861f41;
  color: var(--theme-default);
  display: flex;
  gap: 5px;
}
.theme {
  height: 53px;
  padding: 15px !important;
}
.theme,
.theme2 {
  background-color: #861f41 !important;
  background-color: var(--theme-default) !important;
  color: #fff !important;
}
.theme2 {
  height: 43px;
  padding: 10px !important;
}
.title {
  color: #861f41;
  color: var(--theme-default);
}
body .loader-wrapper {
  background-color: #ffffff4d !important;
  position: fixed;
  top: 0;
  z-index: 999;
}
.account-box {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 4px 8px #0000001a;
  margin-bottom: 20px;
  padding: 20px;
}
.account-box h3 {
  margin-top: 0;
}
@media (max-width: 768px) {
  .electric td:before {
    border-right: 1px solid #861f41;
    border-right: 1px solid var(--theme-default);
    color: #000;
    content: attr(data-label);
    font-weight: 500;
    left: 0 !important;
    padding-left: 0.5rem;
    position: absolute;
    text-align: left;
    width: 50%;
  }
}
.auto-slider {
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.slide {
  align-items: center;
  display: flex;
  justify-content: center;
}
.slide img {
  height: auto;
  transition: opacity 1s ease-in-out;
  width: 100%;
}
#pageWrapper {
  .svg-wrraper img {
    max-height: 250px;
  }
  tspan {
    white-space: pre;
  }
  .shp0 {
    fill: #43b9b2;
  }
  .shp1 {
    fill: #fff;
    opacity: 0.7;
  }
  .shp2 {
    fill: #263238;
  }
  .shp3 {
    opacity: 0.2;
  }
  .shp4 {
    fill: #fff;
  }
  .shp5 {
    opacity: 0.3;
  }
  .shp5,
  .shp6 {
    fill: #43b9b2;
  }
  .shp6 {
    opacity: 0.2;
  }
  .shp7 {
    fill: #ffc3bd;
  }
  .shp8 {
    opacity: 0.4;
  }
  .shp9 {
    fill: #ed847e;
  }
  .shp10 {
    fill: #e0e0e0;
  }
  .shp11 {
    fill: #ff8b7b;
  }
  .shp12 {
    opacity: 0.3;
  }
  .shp13 {
    fill: #f0f0f0;
  }
  .shp14 {
    fill: #e6e6e6;
  }
  .shp15 {
    fill: #f5f5f5;
  }
  .shp16 {
    fill: #ff5652;
  }
}
.login-card .inner {
  position: relative;
  z-index: 2;
}
.background {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.background .shape {
  animation: float 10s ease-in-out infinite;
  border-radius: 50%;
  box-shadow: inset 0 0 20px 0 #ffffff4d, 0 0 20px 0 #43b9b21f;
  opacity: 0.5;
  position: absolute;
}
.shape:first-child {
  background: linear-gradient(45deg, #fff, #f5f5f5);
  height: 180px;
  left: 10%;
  top: 15%;
  width: 180px;
}
.shape:nth-child(2) {
  background: linear-gradient(45deg, #a18cd1, #fbc2eb);
  bottom: 20%;
  height: 80px;
  right: 15%;
  width: 80px;
}
.shape:nth-child(3) {
  background: linear-gradient(45deg, #0f8d85, #43b9b2);
  bottom: 30%;
  height: 120px;
  right: 7%;
  width: 120px;
}
.shape:nth-child(4) {
  background: linear-gradient(45deg, #ffecd2, #fcb69f);
  bottom: 30%;
  height: 90px;
  left: 10%;
  width: 90px;
}
.shape:nth-child(5) {
  background: orange;
  height: 90px;
  right: 35%;
  top: 35%;
  width: 90px;
}
.shape:nth-child(6) {
  background: #add8e6;
  bottom: 30%;
  height: 90px;
  left: 40%;
  width: 90px;
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-50px);
  }
  to {
    transform: translateY(0);
  }
}
.login-card .inner .login-main {
  --login-box-shadow: 0 0 25px #7b8988;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fff0;
  border: 2px solid #44b9b1;
}
.shimmer-loading {
  animation: shimmer 2s infinite;
  background: linear-gradient(90deg, #ebedf0 8%, #a8a8a8 38%, #e5e6e7 54%);
  background-size: 1000px 100%;
  margin-bottom: 10px;
}
@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  to {
    background-position: 1000px 0;
  }
}
#watch-page-skeleton {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
#watch-page-skeleton,
#watch-page-skeleton #info-container,
#watch-page-skeleton #related {
  box-sizing: border-box;
}
.watch-skeleton .text-shell {
  border-radius: 8px;
  height: 20px;
}
.watch-skeleton .skeleton-bg-color {
  background-color: #e3e3e3;
}
.watch-skeleton .skeleton-light-border-bottom {
  border-bottom: 1px solid #eee;
}
html[dark] .watch-skeleton .skeleton-bg-color {
  background-color: #292929;
}
html[dark] .watch-skeleton .skeleton-light-border-bottom {
  border-bottom: 1px solid #ffffff14;
}
.watch-skeleton .flex-1 {
  flex: 1 1;
  flex-basis: 0.000000001px;
}
.watch-skeleton #primary-info {
  height: 94px;
  padding: 20px 0 8px;
}
.watch-skeleton #primary-info #title {
  margin-bottom: 12px;
  width: 400px;
}
.watch-skeleton #primary-info #info {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.watch-skeleton #primary-info #info #count {
  width: 200px;
}
.watch-skeleton #primary-info #info #menu {
  display: flex;
  flex-direction: row;
  padding-right: 8px;
}
.watch-skeleton #primary-info .menu-button {
  border-radius: 50%;
  height: 20px;
  margin-left: 20px;
  width: 20px;
}
.ytd-watch-flexy {
  --ytd-watch-flexy-sidebar-width: 402px;
  --ytd-watch-flexy-sidebar-min-width: 300px;
  --ytd-watch-flexy-masthead-height: 56px;
  min-width: 0;
}
.watch-skeleton #secondary-info {
  height: 151px;
  margin-bottom: 24px;
  padding: 16px 0;
}
.watch-skeleton #secondary-info #top-row,
.watch-skeleton #secondary-info #top-row #video-owner {
  display: flex;
  flex-direction: row;
}
.watch-skeleton #secondary-info #top-row #video-owner #channel-icon {
  border-radius: 50%;
  height: 48px;
  margin-right: 16px;
  width: 48px;
}
.watch-skeleton #secondary-info #top-row #video-owner #upload-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.watch-skeleton #secondary-info #top-row #video-owner #upload-info #owner-name {
  margin-bottom: 12px;
  width: 200px;
}
.watch-skeleton
  #secondary-info
  #top-row
  #video-owner
  #upload-info
  #published-date {
  width: 200px;
}
.watch-skeleton #secondary-info #top-row #subscribe-button {
  border-radius: 8px;
  height: 36px;
  margin: 7px 4px 0 0;
  width: 137px;
}
#watch-page-skeleton #related {
  clear: right;
  float: right;
  max-width: 426px;
  position: relative;
  width: calc(100% - 640px);
}
#watch-page-skeleton.theater #related {
  width: 100%;
}
.watch-skeleton #related .autoplay {
  margin-bottom: 16px;
}
.watch-skeleton #related[playlist] .autoplay {
  border-bottom: none;
  margin-bottom: 0;
}
.watch-skeleton #related #upnext {
  height: 20px;
  margin-bottom: 14px;
  width: 120px;
}
.watch-skeleton #related[playlist] #upnext {
  display: none;
}
.watch-skeleton #related .video-details {
  display: flex;
  flex-direction: row;
  padding-bottom: 8px;
}
.watch-skeleton #related:not([playlist]) .autoplay .video-details {
  padding-bottom: 16px;
}
.watch-skeleton #related .video-details .thumbnail {
  height: 94px;
  margin-right: 8px;
  width: 168px;
}
.watch-skeleton #related .video-details .video-title {
  margin-bottom: 12px;
  width: 200px;
}
.watch-skeleton #related .video-details .video-meta {
  width: 120px;
}
@media (max-width: 999px) {
  #watch-page-skeleton {
    width: 854px;
  }
  #watch-page-skeleton #container {
    display: flex;
    flex-direction: column;
  }
  #watch-page-skeleton #info-container {
    order: 1;
  }
  #watch-page-skeleton #related {
    max-width: 100%;
    order: 2;
    width: 100%;
  }
}
@media (max-width: 856px) {
  #watch-page-skeleton {
    width: 640px;
  }
}
@media (max-width: 656px) {
  #watch-page-skeleton {
    width: 426px;
  }
}
@media (min-width: 882px) {
  #watch-page-skeleton.theater {
    max-width: 1706px;
    padding: 0 32px;
    width: 100%;
  }
  #watch-page-skeleton.theater #related {
    margin-top: 0;
  }
  #watch-page-skeleton.theater #info-container > * {
    margin-right: 24px;
  }
}
@media (min-width: 1000px) {
  #watch-page-skeleton {
    max-width: 1066px;
    width: 100%;
  }
  #watch-page-skeleton #related {
    margin-top: -360px;
    padding-left: 24px;
  }
  #watch-page-skeleton #info-container {
    width: 640px;
  }
  #watch-page-skeleton.theater #info-container {
    padding-right: 426px;
    width: 100%;
  }
}
@media (min-width: 1294px) and (min-height: 630px) {
  #watch-page-skeleton {
    max-width: 1280px;
    width: 100%;
  }
  #watch-page-skeleton #related {
    margin-top: -480px;
  }
  #watch-page-skeleton #info-container {
    width: 854px;
  }
}
@media (min-width: 1720px) and (min-height: 980px) {
  #watch-page-skeleton {
    max-width: 1706px;
    width: 100%;
  }
  #watch-page-skeleton #related {
    margin-top: -720px;
  }
  #watch-page-skeleton #info-container {
    width: 1280px;
  }
}
#watch-page-skeleton.theater.theater-all-widths {
  max-width: 1706px;
  padding: 0 32px;
  width: 100%;
}
#watch-page-skeleton.theater.theater-all-widths #related {
  margin-top: 0;
}
#watch-page-skeleton.theater.theater-all-widths #info-container > * {
  margin-right: 24px;
}
#watch-page-skeleton #related {
  display: none;
}
.shimmer-loading-list {
  margin-top: 20px;
  #title {
    margin-bottom: 8px;
  }
  .watch-skeleton #secondary-info {
    height: 70px;
    margin-bottom: 0;
    padding: 5px 0;
  }
  .watch-skeleton .skeleton-light-border-bottom {
    border-bottom: none;
  }
}
.account-list {
  background: var(--theme-default);
  border-radius: 8px;
  box-shadow: 0 4px 10px #0009;
  color: #f5f5f5;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
}
.account-list h3 {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  padding-bottom: 0.25rem;
}
.card {
  background: var(--theme-default);
  border-radius: 6px;
  box-shadow: 0 4px 8px #0003;
  margin-bottom: 0.75rem;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover {
  box-shadow: 0 6px 12px #00000040;
  transform: translateY(-3px);
}
.table {
  border-collapse: collapse;
  margin: 1rem 0;
}
.table td,
.table th {
  border-bottom: 1px solid var(--theme-default);
  padding: 0.5rem;
  text-align: left;
}
.table thead {
  font-weight: 500;
  text-transform: uppercase;
}
.table tbody tr:hover,
.table tbody tr:nth-child(2n),
.table thead {
  background-color: #f4f5f7;
}
.status-active {
  color: #07b32f !important;
}
.status-active,
.status-closed {
  border-radius: 4px;
  padding: 0.25rem 0.5rem;
}
.status-closed {
  color: #bd0d1f !important;
}
@media (max-width: 768px) {
  .table thead {
    display: none;
  }
  .table,
  .table tbody,
  .table td,
  .table tr {
    display: block;
    width: 100%;
  }
  .table tr {
    margin-bottom: 0.75rem;
  }
  .table td {
    border: none;
    padding-left: 50%;
    position: relative;
    text-align: right;
    white-space: nowrap;
  }
}
.skeleton {
  animation: skeleton-loading 1.5s ease-in-out infinite;
  background: #6c4f4f;
  border-radius: 4px;
}
@keyframes skeleton-loading {
  0% {
    background-position: -200px 0;
  }
  to {
    background-position: 200px 0;
  }
}
.dynamic-table-skeleton {
  padding: 0.75rem;
}
.dynamic-table-skeleton .skeleton-row {
  background: #6c4f4f;
  border-radius: 4px;
  height: 1.25rem;
  margin-bottom: 0.5rem;
}
.dynamic-table-skeleton .skeleton-row:nth-child(2n) {
  background: #5a3d3d;
}
@media screen and (max-width: 768px) {
  .table td {
    word-wrap: break-word;
    border: none;
    padding-left: 0.5rem;
    white-space: normal;
    word-break: break-word;
  }
  .table td,
  .table td:before {
    position: relative;
    text-align: left;
  }
  .table td:before {
    background-color: #f5f5f5;
    color: #000;
    content: attr(data-label);
    display: block;
    font-weight: 500;
    left: 0;
    padding-left: 0;
    top: 0;
    width: 100%;
  }
}
.card.plan-card {
  background: linear-gradient(135deg, #fff, #f0f8ff);
  border: 1px solid var(--theme-default) !important;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 10px 20px #0000001a;
  cursor: pointer;
  margin-bottom: 0.5rem;
  padding: 0;
  transition: transform 0.3s, box-shadow 0.3s;
}
.plan-card:hover {
  box-shadow: 0 15px 30px #00000026;
  transform: translateY(-8px);
}
.plan-card .card-body {
  padding: 0;
}
.card-head {
  background-color: var(--light2);
  border: 1px solid var(--theme-default);
  border-radius: 25px;
  color: var(--theme-default);
  display: inline-block;
  font-size: 10px;
  font-weight: 400;
  left: 10px;
  padding: 2px 11px;
  position: absolute;
  top: -10px;
}
.card-text {
  color: #333;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 5px;
  margin-top: 7px;
  padding: 6px;
}
.card-more {
  background-color: var(--theme-default);
  border-radius: 0;
  box-shadow: 0 4px 8px 2px #0000000d;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  justify-content: space-between;
  padding: 5px;
}
.plan-tabs {
  border-bottom: none;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: left;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 100%;
}
.plan-tab-item {
  flex: 1 1;
  text-align: center;
}
.nav-tabs .nav-link.plan-tab-link {
  background: #d5d5d5;
  border: 2px solid #0000;
  border-bottom: 2px solid var(--theme-default);
  cursor: pointer;
  font-weight: 500;
  margin: 5px;
  padding: 2px 10px;
  transition: all 0.3s ease;
}
.nav-tabs .nav-link.plan-tab-link:hover {
  background-color: #f8f9fa;
  border-color: var(--theme-default);
  color: var(--theme-default);
}
.nav-tabs .nav-link.plan-tab-link.active {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
  box-shadow: 0 4px 6px var(--theme-secondary);
  color: #fff;
}
.notification-view {
  padding: 20px;
}
.notification-details {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 2px 4px #0000001a;
  padding: 20px;
}
.notification-avatar {
  border-radius: 50%;
  height: 50px;
  margin-bottom: 10px;
  width: 50px;
}
.notification-details h1 {
  font-size: 1.5rem;
  margin: 10px 0;
}
.notification-details p {
  color: #333;
  font-size: 1rem;
}
.notification-details span {
  color: #666;
  display: block;
  font-size: 0.875rem;
  margin-top: 10px;
}
.card.hovercard {
  transition: transform 0.3s;
}
.card.hovercard:hover {
  transform: scale(1.02);
}
/*!
 * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa-border {
  border: 0.08em solid #eee;
  border: var(--fa-border-width, 0.08em) var(--fa-border-style, solid)
    var(--fa-border-color, #eee);
}
.fa-beat-fade,
.fa-fade {
  animation-duration: 1s;
  animation-duration: var(--fa-animation-duration, 1s);
}
.fa-beat-fade,
.fa-fade,
.fa-shake,
.fa-spin {
  animation-delay: 0s;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: normal;
  animation-direction: var(--fa-animation-direction, normal);
}
.fa-chevron-circle-right:before,
.fa-circle-chevron-right:before {
  content: "\f138";
}
.fa-trash-alt:before,
.fa-trash-can:before {
  content: "\f2ed";
}
.fa-user-times:before,
.fa-user-xmark:before {
  content: "\f235";
}
.fa-comment-alt:before,
.fa-message:before {
  content: "\f27a";
}
.fa-compress-alt:before,
.fa-down-left-and-up-right-to-center:before {
  content: "\f422";
}
.fa-file-alt:before,
.fa-file-lines:before,
.fa-file-text:before {
  content: "\f15c";
}
.fa-calendar-alt:before,
.fa-calendar-days:before {
  content: "\f073";
}
.fa-volleyball-ball:before,
.fa-volleyball:before {
  content: "\f45f";
}
.fa-sort-desc:before,
.fa-sort-down:before {
  content: "\f0dd";
}
.fa-circle-minus:before,
.fa-minus-circle:before {
  content: "\f056";
}
.fa-right-from-bracket:before,
.fa-sign-out-alt:before {
  content: "\f2f5";
}
.fa-heart-music-camera-bolt:before,
.fa-icons:before {
  content: "\f86d";
}
.fa-microphone-alt-slash:before,
.fa-microphone-lines-slash:before {
  content: "\f539";
}
.fa-magnifying-glass-location:before,
.fa-search-location:before {
  content: "\f689";
}
.fa-forward-step:before,
.fa-step-forward:before {
  content: "\f051";
}
.fa-face-smile-beam:before,
.fa-smile-beam:before {
  content: "\f5b8";
}
.fa-football-ball:before,
.fa-football:before {
  content: "\f44e";
}
.fa-angle-double-down:before,
.fa-angles-down:before {
  content: "\f103";
}
.fa-beer-mug-empty:before,
.fa-beer:before {
  content: "\f0fc";
}
.fa-arrow-up-long:before,
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-burn:before,
.fa-fire-flame-simple:before {
  content: "\f46a";
}
.fa-male:before,
.fa-person:before {
  content: "\f183";
}
.fa-face-grin-stars:before,
.fa-grin-stars:before {
  content: "\f587";
}
.fa-pastafarianism:before,
.fa-spaghetti-monster-flying:before {
  content: "\f67b";
}
.fa-spoon:before,
.fa-utensil-spoon:before {
  content: "\f2e5";
}
.fa-envelopes-bulk:before,
.fa-mail-bulk:before {
  content: "\f674";
}
.fa-circle-h:before,
.fa-hospital-symbol:before {
  content: "\f47e";
}
.fa-address-book:before,
.fa-contact-book:before {
  content: "\f2b9";
}
.fa-pencil-alt:before,
.fa-pencil:before {
  content: "\f303";
}
.fa-file-clipboard:before,
.fa-paste:before {
  content: "\f0ea";
}
.fa-truck-loading:before,
.fa-truck-ramp-box:before {
  content: "\f4de";
}
.fa-scroll-torah:before,
.fa-torah:before {
  content: "\f6a0";
}
.fa-broom-ball:before,
.fa-quidditch-broom-ball:before,
.fa-quidditch:before {
  content: "\f458";
}
.fa-archive:before,
.fa-box-archive:before {
  content: "\f187";
}
.fa-arrow-down-9-1:before,
.fa-sort-numeric-desc:before,
.fa-sort-numeric-down-alt:before {
  content: "\f886";
}
.fa-face-grin-tongue-squint:before,
.fa-grin-tongue-squint:before {
  content: "\f58a";
}
.fa-earth-africa:before,
.fa-globe-africa:before {
  content: "\f57c";
}
.fa-tablet-alt:before,
.fa-tablet-screen-button:before {
  content: "\f3fa";
}
.fa-face-flushed:before,
.fa-flushed:before {
  content: "\f579";
}
.fa-gavel:before,
.fa-legal:before {
  content: "\f0e3";
}
.fa-bell-concierge:before,
.fa-concierge-bell:before {
  content: "\f562";
}
.fa-pen-ruler:before,
.fa-pencil-ruler:before {
  content: "\f5ae";
}
.fa-people-arrows-left-right:before,
.fa-people-arrows:before {
  content: "\e068";
}
.fa-caret-square-right:before,
.fa-square-caret-right:before {
  content: "\f152";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-digital-tachograph:before,
.fa-tachograph-digital:before {
  content: "\f566";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f3e5";
}
.fa-minus-square:before,
.fa-square-minus:before {
  content: "\f146";
}
.fa-caret-square-down:before,
.fa-square-caret-down:before {
  content: "\f150";
}
.fa-bars:before,
.fa-navicon:before {
  content: "\f0c9";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-heart-broken:before,
.fa-heart-crack:before {
  content: "\f7a9";
}
.fa-external-link-square-alt:before,
.fa-square-up-right:before {
  content: "\f360";
}
.fa-face-kiss-beam:before,
.fa-kiss-beam:before {
  content: "\f597";
}
.fa-circle-exclamation:before,
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-arrow-right-from-bracket:before,
.fa-sign-out:before {
  content: "\f08b";
}
.fa-chevron-circle-down:before,
.fa-circle-chevron-down:before {
  content: "\f13a";
}
.fa-unlock-alt:before,
.fa-unlock-keyhole:before {
  content: "\f13e";
}
.fa-headphones-alt:before,
.fa-headphones-simple:before {
  content: "\f58f";
}
.fa-circle-dollar-to-slot:before,
.fa-donate:before {
  content: "\f4b9";
}
.fa-volume-down:before,
.fa-volume-low:before {
  content: "\f027";
}
.fa-wheat-alt:before,
.fa-wheat-awn:before {
  content: "\e2cd";
}
.fa-check-square:before,
.fa-square-check:before {
  content: "\f14a";
}
.fa-header:before,
.fa-heading:before {
  content: "\f1dc";
}
.fa-list-squares:before,
.fa-list:before {
  content: "\f03a";
}
.fa-phone-square-alt:before,
.fa-square-phone-flip:before {
  content: "\f87b";
}
.fa-circle-dot:before,
.fa-dot-circle:before {
  content: "\f192";
}
.fa-dizzy:before,
.fa-face-dizzy:before {
  content: "\f567";
}
.fa-futbol-ball:before,
.fa-futbol:before,
.fa-soccer-ball:before {
  content: "\f1e3";
}
.fa-paint-brush:before,
.fa-paintbrush:before {
  content: "\f1fc";
}
.fa-hot-tub-person:before,
.fa-hot-tub:before {
  content: "\f593";
}
.fa-map-location:before,
.fa-map-marked:before {
  content: "\f59f";
}
.fa-edit:before,
.fa-pen-to-square:before {
  content: "\f044";
}
.fa-share-alt:before,
.fa-share-nodes:before {
  content: "\f1e0";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-bag-shopping:before,
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-arrow-down-z-a:before,
.fa-sort-alpha-desc:before,
.fa-sort-alpha-down-alt:before {
  content: "\f881";
}
.fa-hand-paper:before,
.fa-hand:before {
  content: "\f256";
}
.fa-face-kiss:before,
.fa-kiss:before {
  content: "\f596";
}
.fa-face-grin-tongue:before,
.fa-grin-tongue:before {
  content: "\f589";
}
.fa-face-grin-wink:before,
.fa-grin-wink:before {
  content: "\f58c";
}
.fa-deaf:before,
.fa-deafness:before,
.fa-ear-deaf:before,
.fa-hard-of-hearing:before {
  content: "\f2a4";
}
.fa-rss-square:before,
.fa-square-rss:before {
  content: "\f143";
}
.fa-hryvnia-sign:before,
.fa-hryvnia:before {
  content: "\f6f2";
}
.fa-face-grin-wide:before,
.fa-grin-alt:before {
  content: "\f581";
}
.fa-rod-asclepius:before,
.fa-rod-snake:before,
.fa-staff-aesculapius:before,
.fa-staff-snake:before {
  content: "\e579";
}
.fa-ambulance:before,
.fa-truck-medical:before {
  content: "\f0f9";
}
.fa-temperature-2:before,
.fa-temperature-half:before,
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-poo-bolt:before,
.fa-poo-storm:before {
  content: "\f75a";
}
.fa-face-frown-open:before,
.fa-frown-open:before {
  content: "\f57a";
}
.fa-folder-blank:before,
.fa-folder:before {
  content: "\f07b";
}
.fa-file-medical-alt:before,
.fa-file-waveform:before {
  content: "\f478";
}
.fa-dashboard:before,
.fa-gauge-med:before,
.fa-gauge:before,
.fa-tachometer-alt-average:before {
  content: "\f624";
}
.fa-magic-wand-sparkles:before,
.fa-wand-magic-sparkles:before {
  content: "\e2ca";
}
.fa-pen-alt:before,
.fa-pen-clip:before {
  content: "\f305";
}
.fa-shuttle-van:before,
.fa-van-shuttle:before {
  content: "\f5b6";
}
.fa-caret-square-left:before,
.fa-square-caret-left:before {
  content: "\f191";
}
.fa-area-chart:before,
.fa-chart-area:before {
  content: "\f1fe";
}
.fa-ban:before,
.fa-cancel:before {
  content: "\f05e";
}
.fa-air-freshener:before,
.fa-spray-can-sparkles:before {
  content: "\f5d0";
}
.fa-arrow-pointer:before,
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-expand-arrows-alt:before,
.fa-maximize:before {
  content: "\f31e";
}
.fa-shapes:before,
.fa-triangle-circle-square:before {
  content: "\f61f";
}
.fa-random:before,
.fa-shuffle:before {
  content: "\f074";
}
.fa-person-running:before,
.fa-running:before {
  content: "\f70c";
}
.fa-computer-mouse:before,
.fa-mouse:before {
  content: "\f8cc";
}
.fa-arrow-right-to-bracket:before,
.fa-sign-in:before {
  content: "\f090";
}
.fa-shop-slash:before,
.fa-store-alt-slash:before {
  content: "\e070";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-right-to-bracket:before,
.fa-sign-in-alt:before {
  content: "\f2f6";
}
.fa-heart-pulse:before,
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-people-carry-box:before,
.fa-people-carry:before {
  content: "\f4ce";
}
.fa-weight-scale:before,
.fa-weight:before {
  content: "\f496";
}
.fa-user-friends:before,
.fa-user-group:before {
  content: "\f500";
}
.fa-arrow-up-a-z:before,
.fa-sort-alpha-up:before {
  content: "\f15e";
}
.fa-face-laugh-squint:before,
.fa-laugh-squint:before {
  content: "\f59b";
}
.fa-arrow-circle-up:before,
.fa-circle-arrow-up:before {
  content: "\f0aa";
}
.fa-person-walking:before,
.fa-walking:before {
  content: "\f554";
}
.fa-bed-pulse:before,
.fa-procedures:before {
  content: "\f487";
}
.fa-shuttle-space:before,
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-face-laugh:before,
.fa-laugh:before {
  content: "\f599";
}
.fa-microphone-alt:before,
.fa-microphone-lines:before {
  content: "\f3c9";
}
.fa-mars-stroke-up:before,
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-champagne-glasses:before,
.fa-glass-cheers:before {
  content: "\f79f";
}
.fa-file-arrow-up:before,
.fa-file-upload:before {
  content: "\f574";
}
.fa-wifi-3:before,
.fa-wifi-strong:before,
.fa-wifi:before {
  content: "\f1eb";
}
.fa-bath:before,
.fa-bathtub:before {
  content: "\f2cd";
}
.fa-user-edit:before,
.fa-user-pen:before {
  content: "\f4ff";
}
.fa-border-style:before,
.fa-border-top-left:before {
  content: "\f853";
}
.fa-map-location-dot:before,
.fa-map-marked-alt:before {
  content: "\f5a0";
}
.fa-poll:before,
.fa-square-poll-vertical:before {
  content: "\f681";
}
.fa-battery-car:before,
.fa-car-battery:before {
  content: "\f5df";
}
.fa-mars-stroke-h:before,
.fa-mars-stroke-right:before {
  content: "\f22b";
}
.fa-hand-back-fist:before,
.fa-hand-rock:before {
  content: "\f255";
}
.fa-caret-square-up:before,
.fa-square-caret-up:before {
  content: "\f151";
}
.fa-bar-chart:before,
.fa-chart-bar:before {
  content: "\f080";
}
.fa-hands-bubbles:before,
.fa-hands-wash:before {
  content: "\e05e";
}
.fa-eye-low-vision:before,
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-plus-square:before,
.fa-square-plus:before {
  content: "\f0fe";
}
.fa-glass-martini-alt:before,
.fa-martini-glass:before {
  content: "\f57b";
}
.fa-rotate-back:before,
.fa-rotate-backward:before,
.fa-rotate-left:before,
.fa-undo-alt:before {
  content: "\f2ea";
}
.fa-columns:before,
.fa-table-columns:before {
  content: "\f0db";
}
.fa-dolly-box:before,
.fa-dolly:before {
  content: "\f472";
}
.fa-compress-arrows-alt:before,
.fa-minimize:before {
  content: "\f78c";
}
.fa-angle-double-right:before,
.fa-angles-right:before {
  content: "\f101";
}
.fa-circle-play:before,
.fa-play-circle:before {
  content: "\f144";
}
.fa-eur:before,
.fa-euro-sign:before,
.fa-euro:before {
  content: "\f153";
}
.fa-check-circle:before,
.fa-circle-check:before {
  content: "\f058";
}
.fa-circle-stop:before,
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-compass-drafting:before,
.fa-drafting-compass:before {
  content: "\f568";
}
.fa-face-laugh-beam:before,
.fa-laugh-beam:before {
  content: "\f59a";
}
.fa-chevron-circle-up:before,
.fa-circle-chevron-up:before {
  content: "\f139";
}
.fa-gbp:before,
.fa-pound-sign:before,
.fa-sterling-sign:before {
  content: "\f154";
}
.fa-arrow-down-long:before,
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-person-skating:before,
.fa-skating:before {
  content: "\f7c5";
}
.fa-filter-circle-dollar:before,
.fa-funnel-dollar:before {
  content: "\f662";
}
.fa-arrow-circle-down:before,
.fa-circle-arrow-down:before {
  content: "\f0ab";
}
.fa-arrow-right-to-file:before,
.fa-file-import:before {
  content: "\f56f";
}
.fa-external-link-square:before,
.fa-square-arrow-up-right:before {
  content: "\f14c";
}
.fa-temperature-0:before,
.fa-temperature-empty:before,
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-address-card:before,
.fa-contact-card:before,
.fa-vcard:before {
  content: "\f2bb";
}
.fa-balance-scale-right:before,
.fa-scale-unbalanced-flip:before {
  content: "\f516";
}
.fa-diamond-turn-right:before,
.fa-directions:before {
  content: "\f5eb";
}
.fa-house-laptop:before,
.fa-laptop-house:before {
  content: "\e066";
}
.fa-face-tired:before,
.fa-tired:before {
  content: "\f5c8";
}
.fa-cloud-arrow-up:before,
.fa-cloud-upload-alt:before,
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-seedling:before,
.fa-sprout:before {
  content: "\f4d8";
}
.fa-arrows-alt-h:before,
.fa-left-right:before {
  content: "\f337";
}
.fa-arrow-circle-left:before,
.fa-circle-arrow-left:before {
  content: "\f0a8";
}
.fa-arrow-down-wide-short:before,
.fa-sort-amount-asc:before,
.fa-sort-amount-down:before {
  content: "\f160";
}
.fa-cloud-bolt:before,
.fa-thunderstorm:before {
  content: "\f76c";
}
.fa-remove-format:before,
.fa-text-slash:before {
  content: "\f87d";
}
.fa-face-smile-wink:before,
.fa-smile-wink:before {
  content: "\f4da";
}
.fa-arrows-h:before,
.fa-arrows-left-right:before {
  content: "\f07e";
}
.fa-cloud-arrow-down:before,
.fa-cloud-download-alt:before,
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-blackboard:before,
.fa-chalkboard:before {
  content: "\f51b";
}
.fa-user-alt-slash:before,
.fa-user-large-slash:before {
  content: "\f4fa";
}
.fa-handshake-alt-slash:before,
.fa-handshake-simple-slash:before {
  content: "\e05f";
}
.fa-arrows-rotate:before,
.fa-refresh:before,
.fa-sync:before {
  content: "\f021";
}
.fa-shield-alt:before,
.fa-shield-halved:before {
  content: "\f3ed";
}
.fa-atlas:before,
.fa-book-atlas:before {
  content: "\f558";
}
.fa-house-chimney-crack:before,
.fa-house-damage:before {
  content: "\f6f1";
}
.fa-file-archive:before,
.fa-file-zipper:before {
  content: "\f1c6";
}
.fa-glass-martini:before,
.fa-martini-glass-empty:before {
  content: "\f000";
}
.fa-person-skiing:before,
.fa-skiing:before {
  content: "\f7c9";
}
.fa-temperature-arrow-down:before,
.fa-temperature-down:before {
  content: "\e03f";
}
.fa-feather-alt:before,
.fa-feather-pointed:before {
  content: "\f56b";
}
.fa-ad:before,
.fa-rectangle-ad:before {
  content: "\f641";
}
.fa-arrow-circle-right:before,
.fa-circle-arrow-right:before {
  content: "\f0a9";
}
.fa-sort:before,
.fa-unsorted:before {
  content: "\f0dc";
}
.fa-list-1-2:before,
.fa-list-numeric:before,
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-money-check-alt:before,
.fa-money-check-dollar:before {
  content: "\f53d";
}
.fa-face-kiss-wink-heart:before,
.fa-kiss-wink-heart:before {
  content: "\f598";
}
.fa-arrows-alt:before,
.fa-up-down-left-right:before {
  content: "\f0b2";
}
.fa-star-half-alt:before,
.fa-star-half-stroke:before {
  content: "\f5c0";
}
.fa-glass-whiskey:before,
.fa-whiskey-glass:before {
  content: "\f7a0";
}
.fa-arrow-up-right-from-square:before,
.fa-external-link:before {
  content: "\f08e";
}
.fa-krw:before,
.fa-won-sign:before,
.fa-won:before {
  content: "\f159";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-chart-pie:before,
.fa-pie-chart:before {
  content: "\f200";
}
.fa-face-grin-beam:before,
.fa-grin-beam:before {
  content: "\f582";
}
.fa-location-pin:before,
.fa-map-marker:before {
  content: "\f041";
}
.fa-hard-hat:before,
.fa-hat-hard:before,
.fa-helmet-safety:before {
  content: "\f807";
}
.fa-arrow-alt-circle-right:before,
.fa-circle-right:before {
  content: "\f35a";
}
.fa-face-rolling-eyes:before,
.fa-meh-rolling-eyes:before {
  content: "\f5a5";
}
.fa-chart-line:before,
.fa-line-chart:before {
  content: "\f201";
}
.fa-map-signs:before,
.fa-signs-post:before {
  content: "\f277";
}
.fa-screwdriver-wrench:before,
.fa-tools:before {
  content: "\f7d9";
}
.fa-home-user:before,
.fa-house-user:before {
  content: "\e1b0";
}
.fa-cocktail:before,
.fa-martini-glass-citrus:before {
  content: "\f561";
}
.fa-face-surprise:before,
.fa-surprise:before {
  content: "\f5c2";
}
.fa-circle-pause:before,
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-apple-alt:before,
.fa-apple-whole:before {
  content: "\f5d1";
}
.fa-temperature-1:before,
.fa-temperature-quarter:before,
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-poll-h:before,
.fa-square-poll-horizontal:before {
  content: "\f682";
}
.fa-backward-fast:before,
.fa-fast-backward:before {
  content: "\f049";
}
.fa-basketball-ball:before,
.fa-basketball:before {
  content: "\f434";
}
.fa-arrow-alt-circle-up:before,
.fa-circle-up:before {
  content: "\f35b";
}
.fa-mobile-alt:before,
.fa-mobile-screen-button:before {
  content: "\f3cd";
}
.fa-volume-high:before,
.fa-volume-up:before {
  content: "\f028";
}
.fa-burger:before,
.fa-hamburger:before {
  content: "\f805";
}
.fa-rupee-sign:before,
.fa-rupee:before {
  content: "\f156";
}
.fa-circle-question:before,
.fa-question-circle:before {
  content: "\f059";
}
.fa-phone-alt:before,
.fa-phone-flip:before {
  content: "\f879";
}
.fa-fast-forward:before,
.fa-forward-fast:before {
  content: "\f050";
}
.fa-face-meh-blank:before,
.fa-meh-blank:before {
  content: "\f5a4";
}
.fa-parking:before,
.fa-square-parking:before {
  content: "\f540";
}
.fa-bars-progress:before,
.fa-tasks-alt:before {
  content: "\f828";
}
.fa-cart-flatbed:before,
.fa-dolly-flatbed:before {
  content: "\f474";
}
.fa-ban-smoking:before,
.fa-smoking-ban:before {
  content: "\f54d";
}
.fa-basket-shopping:before,
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-bus-alt:before,
.fa-bus-simple:before {
  content: "\f55e";
}
.fa-face-sad-cry:before,
.fa-sad-cry:before {
  content: "\f5b3";
}
.fa-signal-5:before,
.fa-signal-perfect:before,
.fa-signal:before {
  content: "\f012";
}
.fa-home-lg:before,
.fa-house-chimney:before {
  content: "\e3af";
}
.fa-face-frown:before,
.fa-frown:before {
  content: "\f119";
}
.fa-shop:before,
.fa-store-alt:before {
  content: "\f54f";
}
.fa-floppy-disk:before,
.fa-save:before {
  content: "\f0c7";
}
.fa-balance-scale-left:before,
.fa-scale-unbalanced:before {
  content: "\f515";
}
.fa-sort-asc:before,
.fa-sort-up:before {
  content: "\f0de";
}
.fa-comment-dots:before,
.fa-commenting:before {
  content: "\f4ad";
}
.fa-face-grin-squint:before,
.fa-grin-squint:before {
  content: "\f585";
}
.fa-hand-holding-dollar:before,
.fa-hand-holding-usd:before {
  content: "\f4c0";
}
.fa-hands-praying:before,
.fa-praying-hands:before {
  content: "\f684";
}
.fa-arrow-right-rotate:before,
.fa-arrow-rotate-forward:before,
.fa-arrow-rotate-right:before,
.fa-redo:before {
  content: "\f01e";
}
.fa-location-crosshairs:before,
.fa-location:before {
  content: "\f601";
}
.fa-face-grin-tears:before,
.fa-grin-tears:before {
  content: "\f588";
}
.fa-calendar-times:before,
.fa-calendar-xmark:before {
  content: "\f273";
}
.fa-user-cog:before,
.fa-user-gear:before {
  content: "\f4fe";
}
.fa-arrow-up-1-9:before,
.fa-sort-numeric-up:before {
  content: "\f163";
}
.fa-digging:before,
.fa-person-digging:before {
  content: "\f85e";
}
.fa-gauge-simple-med:before,
.fa-gauge-simple:before,
.fa-tachometer-average:before {
  content: "\f629";
}
.fa-quote-right-alt:before,
.fa-quote-right:before {
  content: "\f10e";
}
.fa-shirt:before,
.fa-t-shirt:before,
.fa-tshirt:before {
  content: "\f553";
}
.fa-tenge-sign:before,
.fa-tenge:before {
  content: "\f7d7";
}
.fa-external-link-alt:before,
.fa-up-right-from-square:before {
  content: "\f35d";
}
.fa-table-cells:before,
.fa-th:before {
  content: "\f00a";
}
.fa-bible:before,
.fa-book-bible:before {
  content: "\f647";
}
.fa-medkit:before,
.fa-suitcase-medical:before {
  content: "\f0fa";
}
.fa-female:before,
.fa-person-dress:before {
  content: "\f182";
}
.fa-briefcase-clock:before,
.fa-business-time:before {
  content: "\f64a";
}
.fa-table-cells-large:before,
.fa-th-large:before {
  content: "\f009";
}
.fa-book-tanakh:before,
.fa-tanakh:before {
  content: "\f827";
}
.fa-phone-volume:before,
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-birthday-cake:before,
.fa-cake-candles:before,
.fa-cake:before {
  content: "\f1fd";
}
.fa-angle-double-up:before,
.fa-angles-up:before {
  content: "\f102";
}
.fa-arrow-up-9-1:before,
.fa-sort-numeric-up-alt:before {
  content: "\f887";
}
.fa-hourglass-empty:before,
.fa-hourglass:before {
  content: "\f254";
}
.fa-user-doctor:before,
.fa-user-md:before {
  content: "\f0f0";
}
.fa-circle-info:before,
.fa-info-circle:before {
  content: "\f05a";
}
.fa-camera-alt:before,
.fa-camera:before {
  content: "\f030";
}
.fa-arrow-down-1-9:before,
.fa-sort-numeric-asc:before,
.fa-sort-numeric-down:before {
  content: "\f162";
}
.fa-hand-holding-droplet:before,
.fa-hand-holding-water:before {
  content: "\f4c1";
}
.fa-prescription-bottle-alt:before,
.fa-prescription-bottle-medical:before {
  content: "\f486";
}
.fa-arrow-down-a-z:before,
.fa-sort-alpha-asc:before,
.fa-sort-alpha-down:before {
  content: "\f15d";
}
.fa-arrow-left-rotate:before,
.fa-arrow-rotate-back:before,
.fa-arrow-rotate-backward:before,
.fa-arrow-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-hard-drive:before,
.fa-hdd:before {
  content: "\f0a0";
}
.fa-face-grin-squint-tears:before,
.fa-grin-squint-tears:before {
  content: "\f586";
}
.fa-list-alt:before,
.fa-rectangle-list:before {
  content: "\f022";
}
.fa-person-skiing-nordic:before,
.fa-skiing-nordic:before {
  content: "\f7ca";
}
.fa-arrow-alt-circle-left:before,
.fa-circle-left:before {
  content: "\f359";
}
.fa-subway:before,
.fa-train-subway:before {
  content: "\f239";
}
.fa-indian-rupee-sign:before,
.fa-indian-rupee:before,
.fa-inr:before {
  content: "\e1bc";
}
.fa-crop-alt:before,
.fa-crop-simple:before {
  content: "\f565";
}
.fa-money-bill-1:before,
.fa-money-bill-alt:before {
  content: "\f3d1";
}
.fa-left-long:before,
.fa-long-arrow-alt-left:before {
  content: "\f30a";
}
.fa-minus:before,
.fa-subtract:before {
  content: "\f068";
}
.fa-arrow-left-long:before,
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-american-sign-language-interpreting:before,
.fa-asl-interpreting:before,
.fa-hands-american-sign-language-interpreting:before,
.fa-hands-asl-interpreting:before {
  content: "\f2a3";
}
.fa-cog:before,
.fa-gear:before {
  content: "\f013";
}
.fa-droplet-slash:before,
.fa-tint-slash:before {
  content: "\f5c7";
}
.fa-cart-shopping:before,
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-arrow-turn-up:before,
.fa-level-up:before {
  content: "\f148";
}
.fa-square-root-alt:before,
.fa-square-root-variable:before {
  content: "\f698";
}
.fa-clock-four:before,
.fa-clock:before {
  content: "\f017";
}
.fa-backward-step:before,
.fa-step-backward:before {
  content: "\f048";
}
.fa-clinic-medical:before,
.fa-house-chimney-medical:before {
  content: "\f7f2";
}
.fa-temperature-3:before,
.fa-temperature-three-quarters:before,
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-mobile-android-alt:before,
.fa-mobile-screen:before {
  content: "\f3cf";
}
.fa-battery-3:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-sliders-h:before,
.fa-sliders:before {
  content: "\f1de";
}
.fa-ellipsis-v:before,
.fa-ellipsis-vertical:before {
  content: "\f142";
}
.fa-long-arrow-alt-right:before,
.fa-right-long:before {
  content: "\f30b";
}
.fa-teletype:before,
.fa-tty:before {
  content: "\f1e4";
}
.fa-hiking:before,
.fa-person-hiking:before {
  content: "\f6ec";
}
.fa-cable-car:before,
.fa-tram:before {
  content: "\f7da";
}
.fa-face-grin:before,
.fa-grin:before {
  content: "\f580";
}
.fa-backspace:before,
.fa-delete-left:before {
  content: "\f55a";
}
.fa-eye-dropper-empty:before,
.fa-eye-dropper:before,
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-mobile-android:before,
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f3ce";
}
.fa-face-meh:before,
.fa-meh:before {
  content: "\f11a";
}
.fa-book-dead:before,
.fa-book-skull:before {
  content: "\f6b7";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-home-alt:before,
.fa-home-lg-alt:before,
.fa-home:before,
.fa-house:before {
  content: "\f015";
}
.fa-arrow-right-arrow-left:before,
.fa-exchange:before {
  content: "\f0ec";
}
.fa-redo-alt:before,
.fa-rotate-forward:before,
.fa-rotate-right:before {
  content: "\f2f9";
}
.fa-cutlery:before,
.fa-utensils:before {
  content: "\f2e7";
}
.fa-arrow-up-wide-short:before,
.fa-sort-amount-up:before {
  content: "\f161";
}
.fa-broadcast-tower:before,
.fa-tower-broadcast:before {
  content: "\f519";
}
.fa-long-arrow-alt-up:before,
.fa-up-long:before {
  content: "\f30c";
}
.fa-file-arrow-down:before,
.fa-file-download:before {
  content: "\f56d";
}
.fa-bolt:before,
.fa-zap:before {
  content: "\f0e7";
}
.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen-sign:before,
.fa-yen:before {
  content: "\f157";
}
.fa-rouble:before,
.fa-rub:before,
.fa-ruble-sign:before,
.fa-ruble:before {
  content: "\f158";
}
.fa-face-laugh-wink:before,
.fa-laugh-wink:before {
  content: "\f59c";
}
.fa-arrow-alt-circle-down:before,
.fa-circle-down:before {
  content: "\f358";
}
.fa-arrow-down-short-wide:before,
.fa-sort-amount-desc:before,
.fa-sort-amount-down-alt:before {
  content: "\f884";
}
.fa-arrow-right-long:before,
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-ellipsis-h:before,
.fa-ellipsis:before {
  content: "\f141";
}
.fa-first-aid:before,
.fa-kit-medical:before {
  content: "\f479";
}
.fa-credit-card-alt:before,
.fa-credit-card:before {
  content: "\f09d";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-book-open-reader:before,
.fa-book-reader:before {
  content: "\f5da";
}
.fa-temperature-arrow-up:before,
.fa-temperature-up:before {
  content: "\e040";
}
.fa-h-square:before,
.fa-square-h:before {
  content: "\f0fd";
}
.fa-temperature-4:before,
.fa-temperature-full:before,
.fa-thermometer-4:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-hands-helping:before,
.fa-handshake-angle:before {
  content: "\f4c4";
}
.fa-location-dot:before,
.fa-map-marker-alt:before {
  content: "\f3c5";
}
.fa-person-swimming:before,
.fa-swimmer:before {
  content: "\f5c4";
}
.fa-droplet:before,
.fa-tint:before {
  content: "\f043";
}
.fa-earth-america:before,
.fa-earth-americas:before,
.fa-earth:before,
.fa-globe-americas:before {
  content: "\f57d";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-gauge-high:before,
.fa-tachometer-alt-fast:before,
.fa-tachometer-alt:before {
  content: "\f625";
}
.fa-hospital-alt:before,
.fa-hospital-wide:before,
.fa-hospital:before {
  content: "\f0f8";
}
.fa-bars-staggered:before,
.fa-reorder:before,
.fa-stream:before {
  content: "\f550";
}
.fa-blind:before,
.fa-person-walking-with-cane:before {
  content: "\f29d";
}
.fa-check-to-slot:before,
.fa-vote-yea:before {
  content: "\f772";
}
.fa-boxes-alt:before,
.fa-boxes-stacked:before,
.fa-boxes:before {
  content: "\f468";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-assistive-listening-systems:before,
.fa-ear-listen:before {
  content: "\f2a2";
}
.fa-magnifying-glass:before,
.fa-search:before {
  content: "\f002";
}
.fa-ping-pong-paddle-ball:before,
.fa-table-tennis-paddle-ball:before,
.fa-table-tennis:before {
  content: "\f45d";
}
.fa-diagnoses:before,
.fa-person-dots-from-line:before {
  content: "\f470";
}
.fa-trash-can-arrow-up:before,
.fa-trash-restore-alt:before {
  content: "\f82a";
}
.fa-file-edit:before,
.fa-file-pen:before {
  content: "\f31c";
}
.fa-pen-square:before,
.fa-pencil-square:before,
.fa-square-pen:before {
  content: "\f14b";
}
.fa-battery-5:before,
.fa-battery-full:before,
.fa-battery:before {
  content: "\f240";
}
.fa-list-dots:before,
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-down-long:before,
.fa-long-arrow-alt-down:before {
  content: "\f309";
}
.fa-landmark-alt:before,
.fa-landmark-dome:before {
  content: "\f752";
}
.fa-television:before,
.fa-tv-alt:before,
.fa-tv:before {
  content: "\f26c";
}
.fa-list-check:before,
.fa-tasks:before {
  content: "\f0ae";
}
.fa-circle-user:before,
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-car-burst:before,
.fa-car-crash:before {
  content: "\f5e1";
}
.fa-person-snowboarding:before,
.fa-snowboarding:before {
  content: "\f7ce";
}
.fa-shipping-fast:before,
.fa-truck-fast:before {
  content: "\f48b";
}
.fa-adjust:before,
.fa-circle-half-stroke:before {
  content: "\f042";
}
.fa-circle-radiation:before,
.fa-radiation-alt:before {
  content: "\f7ba";
}
.fa-baseball-ball:before,
.fa-baseball:before {
  content: "\f433";
}
.fa-diagram-project:before,
.fa-project-diagram:before {
  content: "\f542";
}
.fa-volume-mute:before,
.fa-volume-times:before,
.fa-volume-xmark:before {
  content: "\f6a9";
}
.fa-grip-horizontal:before,
.fa-grip:before {
  content: "\f58d";
}
.fa-share-from-square:before,
.fa-share-square:before {
  content: "\f14d";
}
.fa-child-combatant:before,
.fa-child-rifle:before {
  content: "\e4e0";
}
.fa-phone-square:before,
.fa-square-phone:before {
  content: "\f098";
}
.fa-add:before,
.fa-plus:before {
  content: "+";
}
.fa-close:before,
.fa-multiply:before,
.fa-remove:before,
.fa-times:before,
.fa-xmark:before {
  content: "\f00d";
}
.fa-arrows-up-down-left-right:before,
.fa-arrows:before {
  content: "\f047";
}
.fa-chalkboard-teacher:before,
.fa-chalkboard-user:before {
  content: "\f51c";
}
.fa-quote-left-alt:before,
.fa-quote-left:before {
  content: "\f10d";
}
.fa-trash-arrow-up:before,
.fa-trash-restore:before {
  content: "\f829";
}
.fa-ils:before,
.fa-shekel-sign:before,
.fa-shekel:before,
.fa-sheqel-sign:before,
.fa-sheqel:before {
  content: "\f20b";
}
.fa-photo-film:before,
.fa-photo-video:before {
  content: "\f87c";
}
.fa-sign-hanging:before,
.fa-sign:before {
  content: "\f4d9";
}
.fa-tablet-android:before,
.fa-tablet:before {
  content: "\f3fb";
}
.fa-car-alt:before,
.fa-car-rear:before {
  content: "\f5de";
}
.fa-battery-2:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-baby-carriage:before,
.fa-carriage-baby:before {
  content: "\f77d";
}
.fa-percent:before,
.fa-percentage:before {
  content: "%";
}
.fa-face-smile:before,
.fa-smile:before {
  content: "\f118";
}
.fa-thumb-tack:before,
.fa-thumbtack:before {
  content: "\f08d";
}
.fa-person-praying:before,
.fa-pray:before {
  content: "\f683";
}
.fa-rotate:before,
.fa-sync-alt:before {
  content: "\f2f1";
}
.fa-cogs:before,
.fa-gears:before {
  content: "\f085";
}
.fa-face-grin-hearts:before,
.fa-grin-hearts:before {
  content: "\f584";
}
.fa-transgender-alt:before,
.fa-transgender:before {
  content: "\f225";
}
.fa-arrow-turn-down:before,
.fa-level-down:before {
  content: "\f149";
}
.fa-ticket-alt:before,
.fa-ticket-simple:before {
  content: "\f3ff";
}
.fa-angle-double-left:before,
.fa-angles-left:before {
  content: "\f100";
}
.fa-clock-rotate-left:before,
.fa-history:before {
  content: "\f1da";
}
.fa-face-grin-beam-sweat:before,
.fa-grin-beam-sweat:before {
  content: "\f583";
}
.fa-arrow-right-from-file:before,
.fa-file-export:before {
  content: "\f56e";
}
.fa-shield-blank:before,
.fa-shield:before {
  content: "\f132";
}
.fa-arrow-up-short-wide:before,
.fa-sort-amount-up-alt:before {
  content: "\f885";
}
.fa-golf-ball-tee:before,
.fa-golf-ball:before {
  content: "\f450";
}
.fa-chevron-circle-left:before,
.fa-circle-chevron-left:before {
  content: "\f137";
}
.fa-magic:before,
.fa-wand-magic:before {
  content: "\f0d0";
}
.fa-wine-glass-alt:before,
.fa-wine-glass-empty:before {
  content: "\f5ce";
}
.fa-biking:before,
.fa-person-biking:before {
  content: "\f84a";
}
.fa-earth-oceania:before,
.fa-globe-oceania:before {
  content: "\e47b";
}
.fa-square-xmark:before,
.fa-times-square:before,
.fa-xmark-square:before {
  content: "\f2d3";
}
.fa-expand-alt:before,
.fa-up-right-and-down-left-from-center:before {
  content: "\f424";
}
.fa-arrows-alt-v:before,
.fa-up-down:before {
  content: "\f338";
}
.fa-bahai:before,
.fa-haykal:before {
  content: "\f666";
}
.fa-circle-plus:before,
.fa-plus-circle:before {
  content: "\f055";
}
.fa-face-grin-tongue-wink:before,
.fa-grin-tongue-wink:before {
  content: "\f58b";
}
.fa-chain-broken:before,
.fa-chain-slash:before,
.fa-link-slash:before,
.fa-unlink:before {
  content: "\f127";
}
.fa-arrow-up-z-a:before,
.fa-sort-alpha-up-alt:before {
  content: "\f882";
}
.fa-fire-alt:before,
.fa-fire-flame-curved:before {
  content: "\f7e4";
}
.fa-book-quran:before,
.fa-quran:before {
  content: "\f687";
}
.fa-angry:before,
.fa-face-angry:before {
  content: "\f556";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-balance-scale:before,
.fa-scale-balanced:before {
  content: "\f24e";
}
.fa-gauge-simple-high:before,
.fa-tachometer-fast:before,
.fa-tachometer:before {
  content: "\f62a";
}
.fa-desktop-alt:before,
.fa-desktop:before {
  content: "\f390";
}
.fa-table-list:before,
.fa-th-list:before {
  content: "\f00b";
}
.fa-comment-sms:before,
.fa-sms:before {
  content: "\f7cd";
}
.fa-battery-4:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-fist-raised:before,
.fa-hand-fist:before {
  content: "\f6de";
}
.fa-image-portrait:before,
.fa-portrait:before {
  content: "\f3e0";
}
.fa-earth-europe:before,
.fa-globe-europe:before {
  content: "\f7a2";
}
.fa-cart-flatbed-suitcase:before,
.fa-luggage-cart:before {
  content: "\f59d";
}
.fa-rectangle-times:before,
.fa-rectangle-xmark:before,
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f410";
}
.fa-book-journal-whills:before,
.fa-journal-whills:before {
  content: "\f66a";
}
.fa-exclamation-triangle:before,
.fa-triangle-exclamation:before,
.fa-warning:before {
  content: "\f071";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-exchange-alt:before,
.fa-right-left:before {
  content: "\f362";
}
.fa-money-bill-1-wave:before,
.fa-money-bill-wave-alt:before {
  content: "\f53b";
}
.fa-hands:before,
.fa-sign-language:before,
.fa-signing:before {
  content: "\f2a7";
}
.fa-ladder-water:before,
.fa-swimming-pool:before,
.fa-water-ladder:before {
  content: "\f5c5";
}
.fa-arrows-up-down:before,
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-face-grimace:before,
.fa-grimace:before {
  content: "\f57f";
}
.fa-wheelchair-alt:before,
.fa-wheelchair-move:before {
  content: "\e2ce";
}
.fa-level-down-alt:before,
.fa-turn-down:before {
  content: "\f3be";
}
.fa-envelope-square:before,
.fa-square-envelope:before {
  content: "\f199";
}
.fa-band-aid:before,
.fa-bandage:before {
  content: "\f462";
}
.fa-circle-xmark:before,
.fa-times-circle:before,
.fa-xmark-circle:before {
  content: "\f057";
}
.fa-earth-asia:before,
.fa-globe-asia:before {
  content: "\f57e";
}
.fa-id-card-alt:before,
.fa-id-card-clip:before {
  content: "\f47f";
}
.fa-magnifying-glass-plus:before,
.fa-search-plus:before {
  content: "\f00e";
}
.fa-allergies:before,
.fa-hand-dots:before {
  content: "\f461";
}
.fa-coffee:before,
.fa-mug-saucer:before {
  content: "\f0f4";
}
.fa-magnifying-glass-minus:before,
.fa-search-minus:before {
  content: "\f010";
}
.fa-user-alt:before,
.fa-user-large:before {
  content: "\f406";
}
.fa-note-sticky:before,
.fa-sticky-note:before {
  content: "\f249";
}
.fa-face-sad-tear:before,
.fa-sad-tear:before {
  content: "\f5b4";
}
.fa-try:before,
.fa-turkish-lira-sign:before,
.fa-turkish-lira:before {
  content: "\e2bb";
}
.fa-dollar-sign:before,
.fa-dollar:before,
.fa-usd:before {
  content: "$";
}
.fa-magnifying-glass-dollar:before,
.fa-search-dollar:before {
  content: "\f688";
}
.fa-users-cog:before,
.fa-users-gear:before {
  content: "\f509";
}
.fa-bank:before,
.fa-building-columns:before,
.fa-institution:before,
.fa-museum:before,
.fa-university:before {
  content: "\f19c";
}
.fa-masks-theater:before,
.fa-theater-masks:before {
  content: "\f630";
}
.fa-handshake-alt:before,
.fa-handshake-simple:before {
  content: "\f4c6";
}
.fa-fighter-jet:before,
.fa-jet-fighter:before {
  content: "\f0fb";
}
.fa-share-alt-square:before,
.fa-square-share-nodes:before {
  content: "\f1e1";
}
.fa-video-camera:before,
.fa-video:before {
  content: "\f03d";
}
.fa-graduation-cap:before,
.fa-mortar-board:before {
  content: "\f19d";
}
.fa-level-up-alt:before,
.fa-turn-up:before {
  content: "\f3bf";
}
.fa-sr-only,
.fa-sr-only-focusable:not(:focus),
.sr-only,
.sr-only-focusable:not(:focus) {
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.fa-js-square:before,
.fa-square-js:before {
  content: "\f3b9";
}
.fa-reddit-square:before,
.fa-square-reddit:before {
  content: "\f1a2";
}
.fa-instagram-square:before,
.fa-square-instagram:before {
  content: "\e055";
}
.fa-hacker-news-square:before,
.fa-square-hacker-news:before {
  content: "\f3af";
}
.fa-snapchat-square:before,
.fa-square-snapchat:before {
  content: "\f2ad";
}
.fa-font-awesome-alt:before,
.fa-square-font-awesome-stroke:before {
  content: "\f35c";
}
.fa-square-viadeo:before,
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-dribbble-square:before,
.fa-square-dribbble:before {
  content: "\f397";
}
.fa-square-twitter:before,
.fa-twitter-square:before {
  content: "\f081";
}
.fa-kickstarter:before,
.fa-square-kickstarter:before {
  content: "\f3bb";
}
.fa-square-youtube:before,
.fa-youtube-square:before {
  content: "\f431";
}
.fa-rendact:before,
.fa-wpressr:before {
  content: "\f3e4";
}
.fa-square-steam:before,
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-square-vimeo:before,
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-font-awesome-flag:before,
.fa-font-awesome-logo-full:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-github-square:before,
.fa-square-github:before {
  content: "\f092";
}
.fa-gitlab-square:before,
.fa-square-gitlab:before {
  content: "\e5ae";
}
.fa-odnoklassniki-square:before,
.fa-square-odnoklassniki:before {
  content: "\f264";
}
.fa-pinterest-square:before,
.fa-square-pinterest:before {
  content: "\f0d3";
}
.fa-google-plus-square:before,
.fa-square-google-plus:before {
  content: "\f0d4";
}
.fa-square-xing:before,
.fa-xing-square:before {
  content: "\f169";
}
.fa-42-group:before,
.fa-innosoft:before {
  content: "\e080";
}
.fa-pied-piper-square:before,
.fa-square-pied-piper:before {
  content: "\e01e";
}
.fa-facebook-square:before,
.fa-square-facebook:before {
  content: "\f082";
}
.fa-lastfm-square:before,
.fa-square-lastfm:before {
  content: "\f203";
}
.fa-wirsindhandwerk:before,
.fa-wsh:before {
  content: "\e2d0";
}
.fa-snapchat-ghost:before,
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-behance-square:before,
.fa-square-behance:before {
  content: "\f1b5";
}
.fa-git-square:before,
.fa-square-git:before {
  content: "\f1d2";
}
.fa-square-tumblr:before,
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-telegram-plane:before,
.fa-telegram:before {
  content: "\f2c6";
}
.fa-square-whatsapp:before,
.fa-whatsapp-square:before {
  content: "\f40c";
}
.fa-slack-hash:before,
.fa-slack:before {
  content: "\f198";
}
.fa-medium-m:before,
.fa-medium:before {
  content: "\f23a";
}
@font-face {
  font-display: block;
  font-family: Font Awesome\5 Brands;
  font-weight: 400;
  src: url(/mbanking/static/media/fa-brands-400.455ea818179b4def0c43.woff2)
      format("woff2"),
    url(/mbanking/static/media/fa-brands-400.9a11512730d09189322d.ttf)
      format("truetype");
}
@font-face {
  font-display: block;
  font-family: Font Awesome\5 Free;
  font-weight: 900;
  src: url(/mbanking/static/media/fa-solid-900.4d986b00ff9ca3828fbd.woff2)
      format("woff2"),
    url(/mbanking/static/media/fa-solid-900.7b2ba6262efbbe4b150b.ttf)
      format("truetype");
}
@font-face {
  font-display: block;
  font-family: Font Awesome\5 Free;
  font-weight: 400;
  src: url(/mbanking/static/media/fa-regular-400.b5c92e4598dd79a509ab.woff2)
      format("woff2"),
    url(/mbanking/static/media/fa-regular-400.e2e861c02fab8d0dc88a.ttf)
      format("truetype");
}
@font-face {
  font-display: block;
  font-family: FontAwesome;
  src: url(/mbanking/static/media/fa-solid-900.4d986b00ff9ca3828fbd.woff2)
      format("woff2"),
    url(/mbanking/static/media/fa-solid-900.7b2ba6262efbbe4b150b.ttf)
      format("truetype");
}
@font-face {
  font-display: block;
  font-family: FontAwesome;
  src: url(/mbanking/static/media/fa-brands-400.455ea818179b4def0c43.woff2)
      format("woff2"),
    url(/mbanking/static/media/fa-brands-400.9a11512730d09189322d.ttf)
      format("truetype");
}
@font-face {
  font-display: block;
  font-family: FontAwesome;
  src: url(/mbanking/static/media/fa-regular-400.b5c92e4598dd79a509ab.woff2)
      format("woff2"),
    url(/mbanking/static/media/fa-regular-400.e2e861c02fab8d0dc88a.ttf)
      format("truetype");
  unicode-range: u+f003, u+f006, u+f014, u+f016-f017, u+f01a-f01b, u+f01d,
    u+f022, u+f03e, u+f044, u+f046, u+f05c-f05d, u+f06e, u+f070, u+f087-f088,
    u+f08a, u+f094, u+f096-f097, u+f09d, u+f0a0, u+f0a2, u+f0a4-f0a7, u+f0c5,
    u+f0c7, u+f0e5-f0e6, u+f0eb, u+f0f6-f0f8, u+f10c, u+f114-f115, u+f118-f11a,
    u+f11c-f11d, u+f133, u+f147, u+f14e, u+f150-f152, u+f185-f186, u+f18e,
    u+f190-f192, u+f196, u+f1c1-f1c9, u+f1d9, u+f1db, u+f1e3, u+f1ea, u+f1f7,
    u+f1f9, u+f20a, u+f247-f248, u+f24a, u+f24d, u+f255-f25b, u+f25d,
    u+f271-f274, u+f278, u+f27b, u+f28c, u+f28e, u+f29c, u+f2b5, u+f2b7, u+f2ba,
    u+f2bc, u+f2be, u+f2c0-f2c1, u+f2c3, u+f2d0, u+f2d2, u+f2d4, u+f2dc;
}
@font-face {
  font-display: block;
  font-family: FontAwesome;
  src: url(/mbanking/static/media/fa-v4compatibility.b05ede14f2293a48a0fe.woff2)
      format("woff2"),
    url(/mbanking/static/media/fa-v4compatibility.54d6b4553193df21f7ab.ttf)
      format("truetype");
  unicode-range: u+f041, u+f047, u+f065-f066, u+f07d-f07e, u+f080, u+f08b,
    u+f08e, u+f090, u+f09a, u+f0ac, u+f0ae, u+f0b2, u+f0d0, u+f0d6, u+f0e4,
    u+f0ec, u+f10a-f10b, u+f123, u+f13e, u+f148-f149, u+f14c, u+f156, u+f15e,
    u+f160-f161, u+f163, u+f175-f178, u+f195, u+f1f8, u+f219, u+f27a;
}
/*!
 * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa {
  font-family: Font Awesome\6 Free;
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: 900;
  font-weight: var(--fa-style, 900);
}
.fa,
.fa-brands,
.fa-classic,
.fa-regular,
.fa-sharp,
.fa-solid,
.fab,
.far,
.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: normal;
  display: inline-block;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
.fa-classic,
.fa-regular,
.fa-solid,
.far,
.fas {
  font-family: Font Awesome\6 Free;
}
.fa-brands,
.fab {
  font-family: Font Awesome\6 Brands;
}
.fa-1x {
  font-size: 1em;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-6x {
  font-size: 6em;
}
.fa-7x {
  font-size: 7em;
}
.fa-8x {
  font-size: 8em;
}
.fa-9x {
  font-size: 9em;
}
.fa-10x {
  font-size: 10em;
}
.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}
.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333em;
  vertical-align: 0.125em;
}
.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em;
}
.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}
.fa-xl {
  font-size: 1.5em;
  line-height: 0.04167em;
  vertical-align: -0.125em;
}
.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}
.fa-fw {
  text-align: center;
  width: 1.25em;
}
.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  left: -2em;
  left: calc(var(--fa-li-width, 2em) * -1);
  line-height: inherit;
  position: absolute;
  text-align: center;
  width: 2em;
  width: var(--fa-li-width, 2em);
}
.fa-border {
  border-color: #eee;
  border-color: var(--fa-border-color, #eee);
  border-radius: 0.1em;
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: solid;
  border-style: var(--fa-border-style, solid);
  border-width: 0.08em;
  border-width: var(--fa-border-width, 0.08em);
  padding: 0.2em 0.25em 0.15em;
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}
.fa-pull-left {
  float: left;
  margin-right: 0.3em;
  margin-right: var(--fa-pull-margin, 0.3em);
}
.fa-pull-right {
  float: right;
  margin-left: 0.3em;
  margin-left: var(--fa-pull-margin, 0.3em);
}
.fa-beat {
  animation-delay: 0s;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: normal;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: 1s;
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: infinite;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-name: fa-beat;
  animation-timing-function: ease-in-out;
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-bounce {
  animation-delay: 0s;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: normal;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: 1s;
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: infinite;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-name: fa-bounce;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
  animation-timing-function: var(
    --fa-animation-timing,
    cubic-bezier(0.28, 0.84, 0.42, 1)
  );
}
.fa-fade {
  animation-iteration-count: infinite;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-name: fa-fade;
  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  animation-timing-function: var(
    --fa-animation-timing,
    cubic-bezier(0.4, 0, 0.6, 1)
  );
}
.fa-beat-fade,
.fa-fade {
  animation-delay: 0s;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: normal;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: 1s;
  animation-duration: var(--fa-animation-duration, 1s);
}
.fa-beat-fade {
  animation-iteration-count: infinite;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-name: fa-beat-fade;
  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  animation-timing-function: var(
    --fa-animation-timing,
    cubic-bezier(0.4, 0, 0.6, 1)
  );
}
.fa-flip {
  animation-delay: 0s;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: normal;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: 1s;
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: infinite;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-name: fa-flip;
  animation-timing-function: ease-in-out;
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-shake {
  animation-duration: 1s;
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: infinite;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-name: fa-shake;
  animation-timing-function: linear;
  animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-shake,
.fa-spin {
  animation-delay: 0s;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: normal;
  animation-direction: var(--fa-animation-direction, normal);
}
.fa-spin {
  animation-duration: 2s;
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: infinite;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-name: fa-spin;
  animation-timing-function: linear;
  animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-spin-reverse {
  --fa-animation-direction: reverse;
}
.fa-pulse,
.fa-spin-pulse {
  animation-direction: normal;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: 1s;
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: infinite;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-name: fa-spin;
  animation-timing-function: steps(8);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}
@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-beat-fade,
  .fa-bounce,
  .fa-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-beat {
  0%,
  90% {
    transform: scale(1);
  }
  45% {
    transform: scale(1.25);
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1) translateY(0);
  }
  10% {
    transform: scale(1.1, 0.9) translateY(0);
    transform: scale(
        var(--fa-bounce-start-scale-x, 1.1),
        var(--fa-bounce-start-scale-y, 0.9)
      )
      translateY(0);
  }
  30% {
    transform: scale(0.9, 1.1) translateY(-0.5em);
    transform: scale(
        var(--fa-bounce-jump-scale-x, 0.9),
        var(--fa-bounce-jump-scale-y, 1.1)
      )
      translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(1.05, 0.95) translateY(0);
    transform: scale(
        var(--fa-bounce-land-scale-x, 1.05),
        var(--fa-bounce-land-scale-y, 0.95)
      )
      translateY(0);
  }
  57% {
    transform: scale(1) translateY(-0.125em);
    transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1) translateY(0);
  }
  to {
    transform: scale(1) translateY(0);
  }
}
@keyframes fa-fade {
  50% {
    opacity: 0.4;
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-beat-fade {
  0%,
  to {
    opacity: 0.4;
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.125);
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-flip {
  50% {
    transform: rotateY(-180deg);
    transform: rotate3d(
      var(--fa-flip-x, 0),
      var(--fa-flip-y, 1),
      var(--fa-flip-z, 0),
      var(--fa-flip-angle, -180deg)
    );
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  24%,
  8% {
    transform: rotate(-18deg);
  }
  12%,
  28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%,
  to {
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.fa-rotate-90 {
  transform: rotate(90deg);
}
.fa-rotate-180 {
  transform: rotate(180deg);
}
.fa-rotate-270 {
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  transform: scaleX(-1);
}
.fa-flip-vertical {
  transform: scaleY(-1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1);
}
.fa-rotate-by {
  transform: rotate(0);
  transform: rotate(var(--fa-rotate-angle, 0));
}
.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}
.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: auto;
  z-index: var(--fa-stack-z-index, auto);
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
  color: var(--fa-inverse, #fff);
}
.fa-0:before {
  content: "0";
}
.fa-1:before {
  content: "1";
}
.fa-2:before {
  content: "2";
}
.fa-3:before {
  content: "3";
}
.fa-4:before {
  content: "4";
}
.fa-5:before {
  content: "5";
}
.fa-6:before {
  content: "6";
}
.fa-7:before {
  content: "7";
}
.fa-8:before {
  content: "8";
}
.fa-9:before {
  content: "9";
}
.fa-fill-drip:before {
  content: "\f576";
}
.fa-arrows-to-circle:before {
  content: "\e4bd";
}
.fa-chevron-circle-right:before,
.fa-circle-chevron-right:before {
  content: "\f138";
}
.fa-at:before {
  content: "@";
}
.fa-trash-alt:before,
.fa-trash-can:before {
  content: "\f2ed";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-user-times:before,
.fa-user-xmark:before {
  content: "\f235";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-comment-alt:before,
.fa-message:before {
  content: "\f27a";
}
.fa-info:before {
  content: "\f129";
}
.fa-compress-alt:before,
.fa-down-left-and-up-right-to-center:before {
  content: "\f422";
}
.fa-explosion:before {
  content: "\e4e9";
}
.fa-file-alt:before,
.fa-file-lines:before,
.fa-file-text:before {
  content: "\f15c";
}
.fa-wave-square:before {
  content: "\f83e";
}
.fa-ring:before {
  content: "\f70b";
}
.fa-building-un:before {
  content: "\e4d9";
}
.fa-dice-three:before {
  content: "\f527";
}
.fa-calendar-alt:before,
.fa-calendar-days:before {
  content: "\f073";
}
.fa-anchor-circle-check:before {
  content: "\e4aa";
}
.fa-building-circle-arrow-right:before {
  content: "\e4d1";
}
.fa-volleyball-ball:before,
.fa-volleyball:before {
  content: "\f45f";
}
.fa-arrows-up-to-line:before {
  content: "\e4c2";
}
.fa-sort-desc:before,
.fa-sort-down:before {
  content: "\f0dd";
}
.fa-circle-minus:before,
.fa-minus-circle:before {
  content: "\f056";
}
.fa-door-open:before {
  content: "\f52b";
}
.fa-right-from-bracket:before,
.fa-sign-out-alt:before {
  content: "\f2f5";
}
.fa-atom:before {
  content: "\f5d2";
}
.fa-soap:before {
  content: "\e06e";
}
.fa-heart-music-camera-bolt:before,
.fa-icons:before {
  content: "\f86d";
}
.fa-microphone-alt-slash:before,
.fa-microphone-lines-slash:before {
  content: "\f539";
}
.fa-bridge-circle-check:before {
  content: "\e4c9";
}
.fa-pump-medical:before {
  content: "\e06a";
}
.fa-fingerprint:before {
  content: "\f577";
}
.fa-hand-point-right:before {
  content: "\f0a4";
}
.fa-magnifying-glass-location:before,
.fa-search-location:before {
  content: "\f689";
}
.fa-forward-step:before,
.fa-step-forward:before {
  content: "\f051";
}
.fa-face-smile-beam:before,
.fa-smile-beam:before {
  content: "\f5b8";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-football-ball:before,
.fa-football:before {
  content: "\f44e";
}
.fa-school-circle-exclamation:before {
  content: "\e56c";
}
.fa-crop:before {
  content: "\f125";
}
.fa-angle-double-down:before,
.fa-angles-down:before {
  content: "\f103";
}
.fa-users-rectangle:before {
  content: "\e594";
}
.fa-people-roof:before {
  content: "\e537";
}
.fa-people-line:before {
  content: "\e534";
}
.fa-beer-mug-empty:before,
.fa-beer:before {
  content: "\f0fc";
}
.fa-diagram-predecessor:before {
  content: "\e477";
}
.fa-arrow-up-long:before,
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-burn:before,
.fa-fire-flame-simple:before {
  content: "\f46a";
}
.fa-male:before,
.fa-person:before {
  content: "\f183";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-file-csv:before {
  content: "\f6dd";
}
.fa-menorah:before {
  content: "\f676";
}
.fa-truck-plane:before {
  content: "\e58f";
}
.fa-record-vinyl:before {
  content: "\f8d9";
}
.fa-face-grin-stars:before,
.fa-grin-stars:before {
  content: "\f587";
}
.fa-bong:before {
  content: "\f55c";
}
.fa-pastafarianism:before,
.fa-spaghetti-monster-flying:before {
  content: "\f67b";
}
.fa-arrow-down-up-across-line:before {
  content: "\e4af";
}
.fa-spoon:before,
.fa-utensil-spoon:before {
  content: "\f2e5";
}
.fa-jar-wheat:before {
  content: "\e517";
}
.fa-envelopes-bulk:before,
.fa-mail-bulk:before {
  content: "\f674";
}
.fa-file-circle-exclamation:before {
  content: "\e4eb";
}
.fa-circle-h:before,
.fa-hospital-symbol:before {
  content: "\f47e";
}
.fa-pager:before {
  content: "\f815";
}
.fa-address-book:before,
.fa-contact-book:before {
  content: "\f2b9";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-k:before {
  content: "K";
}
.fa-landmark-flag:before {
  content: "\e51c";
}
.fa-pencil-alt:before,
.fa-pencil:before {
  content: "\f303";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-comments:before {
  content: "\f086";
}
.fa-file-clipboard:before,
.fa-paste:before {
  content: "\f0ea";
}
.fa-code-pull-request:before {
  content: "\e13c";
}
.fa-clipboard-list:before {
  content: "\f46d";
}
.fa-truck-loading:before,
.fa-truck-ramp-box:before {
  content: "\f4de";
}
.fa-user-check:before {
  content: "\f4fc";
}
.fa-vial-virus:before {
  content: "\e597";
}
.fa-sheet-plastic:before {
  content: "\e571";
}
.fa-blog:before {
  content: "\f781";
}
.fa-user-ninja:before {
  content: "\f504";
}
.fa-person-arrow-up-from-line:before {
  content: "\e539";
}
.fa-scroll-torah:before,
.fa-torah:before {
  content: "\f6a0";
}
.fa-broom-ball:before,
.fa-quidditch-broom-ball:before,
.fa-quidditch:before {
  content: "\f458";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-archive:before,
.fa-box-archive:before {
  content: "\f187";
}
.fa-person-drowning:before {
  content: "\e545";
}
.fa-arrow-down-9-1:before,
.fa-sort-numeric-desc:before,
.fa-sort-numeric-down-alt:before {
  content: "\f886";
}
.fa-face-grin-tongue-squint:before,
.fa-grin-tongue-squint:before {
  content: "\f58a";
}
.fa-spray-can:before {
  content: "\f5bd";
}
.fa-truck-monster:before {
  content: "\f63b";
}
.fa-w:before {
  content: "W";
}
.fa-earth-africa:before,
.fa-globe-africa:before {
  content: "\f57c";
}
.fa-rainbow:before {
  content: "\f75b";
}
.fa-circle-notch:before {
  content: "\f1ce";
}
.fa-tablet-alt:before,
.fa-tablet-screen-button:before {
  content: "\f3fa";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-trowel-bricks:before {
  content: "\e58a";
}
.fa-face-flushed:before,
.fa-flushed:before {
  content: "\f579";
}
.fa-hospital-user:before {
  content: "\f80d";
}
.fa-tent-arrow-left-right:before {
  content: "\e57f";
}
.fa-gavel:before,
.fa-legal:before {
  content: "\f0e3";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-box-tissue:before {
  content: "\e05b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-bell-concierge:before,
.fa-concierge-bell:before {
  content: "\f562";
}
.fa-pen-ruler:before,
.fa-pencil-ruler:before {
  content: "\f5ae";
}
.fa-people-arrows-left-right:before,
.fa-people-arrows:before {
  content: "\e068";
}
.fa-mars-and-venus-burst:before {
  content: "\e523";
}
.fa-caret-square-right:before,
.fa-square-caret-right:before {
  content: "\f152";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-sun-plant-wilt:before {
  content: "\e57a";
}
.fa-toilets-portable:before {
  content: "\e584";
}
.fa-hockey-puck:before {
  content: "\f453";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magnifying-glass-arrow-right:before {
  content: "\e521";
}
.fa-digital-tachograph:before,
.fa-tachograph-digital:before {
  content: "\f566";
}
.fa-users-slash:before {
  content: "\e073";
}
.fa-clover:before {
  content: "\e139";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f3e5";
}
.fa-star-and-crescent:before {
  content: "\f699";
}
.fa-house-fire:before {
  content: "\e50c";
}
.fa-minus-square:before,
.fa-square-minus:before {
  content: "\f146";
}
.fa-helicopter:before {
  content: "\f533";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-caret-square-down:before,
.fa-square-caret-down:before {
  content: "\f150";
}
.fa-file-circle-question:before {
  content: "\e4ef";
}
.fa-laptop-code:before {
  content: "\f5fc";
}
.fa-swatchbook:before {
  content: "\f5c3";
}
.fa-prescription-bottle:before {
  content: "\f485";
}
.fa-bars:before,
.fa-navicon:before {
  content: "\f0c9";
}
.fa-people-group:before {
  content: "\e533";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-heart-broken:before,
.fa-heart-crack:before {
  content: "\f7a9";
}
.fa-external-link-square-alt:before,
.fa-square-up-right:before {
  content: "\f360";
}
.fa-face-kiss-beam:before,
.fa-kiss-beam:before {
  content: "\f597";
}
.fa-film:before {
  content: "\f008";
}
.fa-ruler-horizontal:before {
  content: "\f547";
}
.fa-people-robbery:before {
  content: "\e536";
}
.fa-lightbulb:before {
  content: "\f0eb";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-circle-exclamation:before,
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-school-circle-xmark:before {
  content: "\e56d";
}
.fa-arrow-right-from-bracket:before,
.fa-sign-out:before {
  content: "\f08b";
}
.fa-chevron-circle-down:before,
.fa-circle-chevron-down:before {
  content: "\f13a";
}
.fa-unlock-alt:before,
.fa-unlock-keyhole:before {
  content: "\f13e";
}
.fa-cloud-showers-heavy:before {
  content: "\f740";
}
.fa-headphones-alt:before,
.fa-headphones-simple:before {
  content: "\f58f";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-circle-dollar-to-slot:before,
.fa-donate:before {
  content: "\f4b9";
}
.fa-memory:before {
  content: "\f538";
}
.fa-road-spikes:before {
  content: "\e568";
}
.fa-fire-burner:before {
  content: "\e4f1";
}
.fa-flag:before {
  content: "\f024";
}
.fa-hanukiah:before {
  content: "\f6e6";
}
.fa-feather:before {
  content: "\f52d";
}
.fa-volume-down:before,
.fa-volume-low:before {
  content: "\f027";
}
.fa-comment-slash:before {
  content: "\f4b3";
}
.fa-cloud-sun-rain:before {
  content: "\f743";
}
.fa-compress:before {
  content: "\f066";
}
.fa-wheat-alt:before,
.fa-wheat-awn:before {
  content: "\e2cd";
}
.fa-ankh:before {
  content: "\f644";
}
.fa-hands-holding-child:before {
  content: "\e4fa";
}
.fa-asterisk:before {
  content: "*";
}
.fa-check-square:before,
.fa-square-check:before {
  content: "\f14a";
}
.fa-peseta-sign:before {
  content: "\e221";
}
.fa-header:before,
.fa-heading:before {
  content: "\f1dc";
}
.fa-ghost:before {
  content: "\f6e2";
}
.fa-list-squares:before,
.fa-list:before {
  content: "\f03a";
}
.fa-phone-square-alt:before,
.fa-square-phone-flip:before {
  content: "\f87b";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-circle-dot:before,
.fa-dot-circle:before {
  content: "\f192";
}
.fa-dizzy:before,
.fa-face-dizzy:before {
  content: "\f567";
}
.fa-egg:before {
  content: "\f7fb";
}
.fa-house-medical-circle-xmark:before {
  content: "\e513";
}
.fa-campground:before {
  content: "\f6bb";
}
.fa-folder-plus:before {
  content: "\f65e";
}
.fa-futbol-ball:before,
.fa-futbol:before,
.fa-soccer-ball:before {
  content: "\f1e3";
}
.fa-paint-brush:before,
.fa-paintbrush:before {
  content: "\f1fc";
}
.fa-lock:before {
  content: "\f023";
}
.fa-gas-pump:before {
  content: "\f52f";
}
.fa-hot-tub-person:before,
.fa-hot-tub:before {
  content: "\f593";
}
.fa-map-location:before,
.fa-map-marked:before {
  content: "\f59f";
}
.fa-house-flood-water:before {
  content: "\e50e";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-bridge-lock:before {
  content: "\e4cc";
}
.fa-sack-dollar:before {
  content: "\f81d";
}
.fa-edit:before,
.fa-pen-to-square:before {
  content: "\f044";
}
.fa-car-side:before {
  content: "\f5e4";
}
.fa-share-alt:before,
.fa-share-nodes:before {
  content: "\f1e0";
}
.fa-heart-circle-minus:before {
  content: "\e4ff";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-microscope:before {
  content: "\f610";
}
.fa-sink:before {
  content: "\e06d";
}
.fa-bag-shopping:before,
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-arrow-down-z-a:before,
.fa-sort-alpha-desc:before,
.fa-sort-alpha-down-alt:before {
  content: "\f881";
}
.fa-mitten:before {
  content: "\f7b5";
}
.fa-person-rays:before {
  content: "\e54d";
}
.fa-users:before {
  content: "\f0c0";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-flask-vial:before {
  content: "\e4f3";
}
.fa-hand-paper:before,
.fa-hand:before {
  content: "\f256";
}
.fa-om:before {
  content: "\f679";
}
.fa-worm:before {
  content: "\e599";
}
.fa-house-circle-xmark:before {
  content: "\e50b";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-hand-spock:before {
  content: "\f259";
}
.fa-stopwatch:before {
  content: "\f2f2";
}
.fa-face-kiss:before,
.fa-kiss:before {
  content: "\f596";
}
.fa-bridge-circle-xmark:before {
  content: "\e4cb";
}
.fa-face-grin-tongue:before,
.fa-grin-tongue:before {
  content: "\f589";
}
.fa-chess-bishop:before {
  content: "\f43a";
}
.fa-face-grin-wink:before,
.fa-grin-wink:before {
  content: "\f58c";
}
.fa-deaf:before,
.fa-deafness:before,
.fa-ear-deaf:before,
.fa-hard-of-hearing:before {
  content: "\f2a4";
}
.fa-road-circle-check:before {
  content: "\e564";
}
.fa-dice-five:before {
  content: "\f523";
}
.fa-rss-square:before,
.fa-square-rss:before {
  content: "\f143";
}
.fa-land-mine-on:before {
  content: "\e51b";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-stamp:before {
  content: "\f5bf";
}
.fa-stairs:before {
  content: "\e289";
}
.fa-i:before {
  content: "I";
}
.fa-hryvnia-sign:before,
.fa-hryvnia:before {
  content: "\f6f2";
}
.fa-pills:before {
  content: "\f484";
}
.fa-face-grin-wide:before,
.fa-grin-alt:before {
  content: "\f581";
}
.fa-tooth:before {
  content: "\f5c9";
}
.fa-v:before {
  content: "V";
}
.fa-bangladeshi-taka-sign:before {
  content: "\e2e6";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-rod-asclepius:before,
.fa-rod-snake:before,
.fa-staff-aesculapius:before,
.fa-staff-snake:before {
  content: "\e579";
}
.fa-head-side-cough-slash:before {
  content: "\e062";
}
.fa-ambulance:before,
.fa-truck-medical:before {
  content: "\f0f9";
}
.fa-wheat-awn-circle-exclamation:before {
  content: "\e598";
}
.fa-snowman:before {
  content: "\f7d0";
}
.fa-mortar-pestle:before {
  content: "\f5a7";
}
.fa-road-barrier:before {
  content: "\e562";
}
.fa-school:before {
  content: "\f549";
}
.fa-igloo:before {
  content: "\f7ae";
}
.fa-joint:before {
  content: "\f595";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-horse:before {
  content: "\f6f0";
}
.fa-q:before {
  content: "Q";
}
.fa-g:before {
  content: "G";
}
.fa-notes-medical:before {
  content: "\f481";
}
.fa-temperature-2:before,
.fa-temperature-half:before,
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-dong-sign:before {
  content: "\e169";
}
.fa-capsules:before {
  content: "\f46b";
}
.fa-poo-bolt:before,
.fa-poo-storm:before {
  content: "\f75a";
}
.fa-face-frown-open:before,
.fa-frown-open:before {
  content: "\f57a";
}
.fa-hand-point-up:before {
  content: "\f0a6";
}
.fa-money-bill:before {
  content: "\f0d6";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-umbrella-beach:before {
  content: "\f5ca";
}
.fa-helmet-un:before {
  content: "\e503";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-bacon:before {
  content: "\f7e5";
}
.fa-hand-point-down:before {
  content: "\f0a7";
}
.fa-arrow-up-from-bracket:before {
  content: "\e09a";
}
.fa-folder-blank:before,
.fa-folder:before {
  content: "\f07b";
}
.fa-file-medical-alt:before,
.fa-file-waveform:before {
  content: "\f478";
}
.fa-radiation:before {
  content: "\f7b9";
}
.fa-chart-simple:before {
  content: "\e473";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-vial:before {
  content: "\f492";
}
.fa-dashboard:before,
.fa-gauge-med:before,
.fa-gauge:before,
.fa-tachometer-alt-average:before {
  content: "\f624";
}
.fa-magic-wand-sparkles:before,
.fa-wand-magic-sparkles:before {
  content: "\e2ca";
}
.fa-e:before {
  content: "E";
}
.fa-pen-alt:before,
.fa-pen-clip:before {
  content: "\f305";
}
.fa-bridge-circle-exclamation:before {
  content: "\e4ca";
}
.fa-user:before {
  content: "\f007";
}
.fa-school-circle-check:before {
  content: "\e56b";
}
.fa-dumpster:before {
  content: "\f793";
}
.fa-shuttle-van:before,
.fa-van-shuttle:before {
  content: "\f5b6";
}
.fa-building-user:before {
  content: "\e4da";
}
.fa-caret-square-left:before,
.fa-square-caret-left:before {
  content: "\f191";
}
.fa-highlighter:before {
  content: "\f591";
}
.fa-key:before {
  content: "\f084";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-synagogue:before {
  content: "\f69b";
}
.fa-person-half-dress:before {
  content: "\e548";
}
.fa-road-bridge:before {
  content: "\e563";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-c:before {
  content: "C";
}
.fa-tablet-button:before {
  content: "\f10a";
}
.fa-building-lock:before {
  content: "\e4d6";
}
.fa-pizza-slice:before {
  content: "\f818";
}
.fa-money-bill-wave:before {
  content: "\f53a";
}
.fa-area-chart:before,
.fa-chart-area:before {
  content: "\f1fe";
}
.fa-house-flag:before {
  content: "\e50d";
}
.fa-person-circle-minus:before {
  content: "\e540";
}
.fa-ban:before,
.fa-cancel:before {
  content: "\f05e";
}
.fa-camera-rotate:before {
  content: "\e0d8";
}
.fa-air-freshener:before,
.fa-spray-can-sparkles:before {
  content: "\f5d0";
}
.fa-star:before {
  content: "\f005";
}
.fa-repeat:before {
  content: "\f363";
}
.fa-cross:before {
  content: "\f654";
}
.fa-box:before {
  content: "\f466";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-arrow-pointer:before,
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-expand-arrows-alt:before,
.fa-maximize:before {
  content: "\f31e";
}
.fa-charging-station:before {
  content: "\f5e7";
}
.fa-shapes:before,
.fa-triangle-circle-square:before {
  content: "\f61f";
}
.fa-random:before,
.fa-shuffle:before {
  content: "\f074";
}
.fa-person-running:before,
.fa-running:before {
  content: "\f70c";
}
.fa-mobile-retro:before {
  content: "\e527";
}
.fa-grip-lines-vertical:before {
  content: "\f7a5";
}
.fa-spider:before {
  content: "\f717";
}
.fa-hands-bound:before {
  content: "\e4f9";
}
.fa-file-invoice-dollar:before {
  content: "\f571";
}
.fa-plane-circle-exclamation:before {
  content: "\e556";
}
.fa-x-ray:before {
  content: "\f497";
}
.fa-spell-check:before {
  content: "\f891";
}
.fa-slash:before {
  content: "\f715";
}
.fa-computer-mouse:before,
.fa-mouse:before {
  content: "\f8cc";
}
.fa-arrow-right-to-bracket:before,
.fa-sign-in:before {
  content: "\f090";
}
.fa-shop-slash:before,
.fa-store-alt-slash:before {
  content: "\e070";
}
.fa-server:before {
  content: "\f233";
}
.fa-virus-covid-slash:before {
  content: "\e4a9";
}
.fa-shop-lock:before {
  content: "\e4a5";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-blender-phone:before {
  content: "\f6b6";
}
.fa-building-wheat:before {
  content: "\e4db";
}
.fa-person-breastfeeding:before {
  content: "\e53a";
}
.fa-right-to-bracket:before,
.fa-sign-in-alt:before {
  content: "\f2f6";
}
.fa-venus:before {
  content: "\f221";
}
.fa-passport:before {
  content: "\f5ab";
}
.fa-heart-pulse:before,
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-people-carry-box:before,
.fa-people-carry:before {
  content: "\f4ce";
}
.fa-temperature-high:before {
  content: "\f769";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-crown:before {
  content: "\f521";
}
.fa-weight-hanging:before {
  content: "\f5cd";
}
.fa-xmarks-lines:before {
  content: "\e59a";
}
.fa-file-prescription:before {
  content: "\f572";
}
.fa-weight-scale:before,
.fa-weight:before {
  content: "\f496";
}
.fa-user-friends:before,
.fa-user-group:before {
  content: "\f500";
}
.fa-arrow-up-a-z:before,
.fa-sort-alpha-up:before {
  content: "\f15e";
}
.fa-chess-knight:before {
  content: "\f441";
}
.fa-face-laugh-squint:before,
.fa-laugh-squint:before {
  content: "\f59b";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-arrow-circle-up:before,
.fa-circle-arrow-up:before {
  content: "\f0aa";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-person-walking:before,
.fa-walking:before {
  content: "\f554";
}
.fa-l:before {
  content: "L";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-bed-pulse:before,
.fa-procedures:before {
  content: "\f487";
}
.fa-shuttle-space:before,
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-face-laugh:before,
.fa-laugh:before {
  content: "\f599";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-heart-circle-plus:before {
  content: "\e500";
}
.fa-code-fork:before {
  content: "\e13b";
}
.fa-city:before {
  content: "\f64f";
}
.fa-microphone-alt:before,
.fa-microphone-lines:before {
  content: "\f3c9";
}
.fa-pepper-hot:before {
  content: "\f816";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-colon-sign:before {
  content: "\e140";
}
.fa-headset:before {
  content: "\f590";
}
.fa-store-slash:before {
  content: "\e071";
}
.fa-road-circle-xmark:before {
  content: "\e566";
}
.fa-user-minus:before {
  content: "\f503";
}
.fa-mars-stroke-up:before,
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-champagne-glasses:before,
.fa-glass-cheers:before {
  content: "\f79f";
}
.fa-clipboard:before {
  content: "\f328";
}
.fa-house-circle-exclamation:before {
  content: "\e50a";
}
.fa-file-arrow-up:before,
.fa-file-upload:before {
  content: "\f574";
}
.fa-wifi-3:before,
.fa-wifi-strong:before,
.fa-wifi:before {
  content: "\f1eb";
}
.fa-bath:before,
.fa-bathtub:before {
  content: "\f2cd";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-user-edit:before,
.fa-user-pen:before {
  content: "\f4ff";
}
.fa-signature:before {
  content: "\f5b7";
}
.fa-stroopwafel:before {
  content: "\f551";
}
.fa-bold:before {
  content: "\f032";
}
.fa-anchor-lock:before {
  content: "\e4ad";
}
.fa-building-ngo:before {
  content: "\e4d7";
}
.fa-manat-sign:before {
  content: "\e1d5";
}
.fa-not-equal:before {
  content: "\f53e";
}
.fa-border-style:before,
.fa-border-top-left:before {
  content: "\f853";
}
.fa-map-location-dot:before,
.fa-map-marked-alt:before {
  content: "\f5a0";
}
.fa-jedi:before {
  content: "\f669";
}
.fa-poll:before,
.fa-square-poll-vertical:before {
  content: "\f681";
}
.fa-mug-hot:before {
  content: "\f7b6";
}
.fa-battery-car:before,
.fa-car-battery:before {
  content: "\f5df";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-dice-two:before {
  content: "\f528";
}
.fa-chess-queen:before {
  content: "\f445";
}
.fa-glasses:before {
  content: "\f530";
}
.fa-chess-board:before {
  content: "\f43c";
}
.fa-building-circle-check:before {
  content: "\e4d2";
}
.fa-person-chalkboard:before {
  content: "\e53d";
}
.fa-mars-stroke-h:before,
.fa-mars-stroke-right:before {
  content: "\f22b";
}
.fa-hand-back-fist:before,
.fa-hand-rock:before {
  content: "\f255";
}
.fa-caret-square-up:before,
.fa-square-caret-up:before {
  content: "\f151";
}
.fa-cloud-showers-water:before {
  content: "\e4e4";
}
.fa-bar-chart:before,
.fa-chart-bar:before {
  content: "\f080";
}
.fa-hands-bubbles:before,
.fa-hands-wash:before {
  content: "\e05e";
}
.fa-less-than-equal:before {
  content: "\f537";
}
.fa-train:before {
  content: "\f238";
}
.fa-eye-low-vision:before,
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-crow:before {
  content: "\f520";
}
.fa-sailboat:before {
  content: "\e445";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-plus-square:before,
.fa-square-plus:before {
  content: "\f0fe";
}
.fa-torii-gate:before {
  content: "\f6a1";
}
.fa-frog:before {
  content: "\f52e";
}
.fa-bucket:before {
  content: "\e4cf";
}
.fa-image:before {
  content: "\f03e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-cow:before {
  content: "\f6c8";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-screwdriver:before {
  content: "\f54a";
}
.fa-folder-closed:before {
  content: "\e185";
}
.fa-house-tsunami:before {
  content: "\e515";
}
.fa-square-nfi:before {
  content: "\e576";
}
.fa-arrow-up-from-ground-water:before {
  content: "\e4b5";
}
.fa-glass-martini-alt:before,
.fa-martini-glass:before {
  content: "\f57b";
}
.fa-rotate-back:before,
.fa-rotate-backward:before,
.fa-rotate-left:before,
.fa-undo-alt:before {
  content: "\f2ea";
}
.fa-columns:before,
.fa-table-columns:before {
  content: "\f0db";
}
.fa-lemon:before {
  content: "\f094";
}
.fa-head-side-mask:before {
  content: "\e063";
}
.fa-handshake:before {
  content: "\f2b5";
}
.fa-gem:before {
  content: "\f3a5";
}
.fa-dolly-box:before,
.fa-dolly:before {
  content: "\f472";
}
.fa-smoking:before {
  content: "\f48d";
}
.fa-compress-arrows-alt:before,
.fa-minimize:before {
  content: "\f78c";
}
.fa-monument:before {
  content: "\f5a6";
}
.fa-snowplow:before {
  content: "\f7d2";
}
.fa-angle-double-right:before,
.fa-angles-right:before {
  content: "\f101";
}
.fa-cannabis:before {
  content: "\f55f";
}
.fa-circle-play:before,
.fa-play-circle:before {
  content: "\f144";
}
.fa-tablets:before {
  content: "\f490";
}
.fa-ethernet:before {
  content: "\f796";
}
.fa-eur:before,
.fa-euro-sign:before,
.fa-euro:before {
  content: "\f153";
}
.fa-chair:before {
  content: "\f6c0";
}
.fa-check-circle:before,
.fa-circle-check:before {
  content: "\f058";
}
.fa-circle-stop:before,
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-compass-drafting:before,
.fa-drafting-compass:before {
  content: "\f568";
}
.fa-plate-wheat:before {
  content: "\e55a";
}
.fa-icicles:before {
  content: "\f7ad";
}
.fa-person-shelter:before {
  content: "\e54f";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-marker:before {
  content: "\f5a1";
}
.fa-face-laugh-beam:before,
.fa-laugh-beam:before {
  content: "\f59a";
}
.fa-helicopter-symbol:before {
  content: "\e502";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-chevron-circle-up:before,
.fa-circle-chevron-up:before {
  content: "\f139";
}
.fa-lari-sign:before {
  content: "\e1c8";
}
.fa-volcano:before {
  content: "\f770";
}
.fa-person-walking-dashed-line-arrow-right:before {
  content: "\e553";
}
.fa-gbp:before,
.fa-pound-sign:before,
.fa-sterling-sign:before {
  content: "\f154";
}
.fa-viruses:before {
  content: "\e076";
}
.fa-square-person-confined:before {
  content: "\e577";
}
.fa-user-tie:before {
  content: "\f508";
}
.fa-arrow-down-long:before,
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-tent-arrow-down-to-line:before {
  content: "\e57e";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-person-skating:before,
.fa-skating:before {
  content: "\f7c5";
}
.fa-filter-circle-dollar:before,
.fa-funnel-dollar:before {
  content: "\f662";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-arrow-circle-down:before,
.fa-circle-arrow-down:before {
  content: "\f0ab";
}
.fa-arrow-right-to-file:before,
.fa-file-import:before {
  content: "\f56f";
}
.fa-external-link-square:before,
.fa-square-arrow-up-right:before {
  content: "\f14c";
}
.fa-box-open:before {
  content: "\f49e";
}
.fa-scroll:before {
  content: "\f70e";
}
.fa-spa:before {
  content: "\f5bb";
}
.fa-location-pin-lock:before {
  content: "\e51f";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-hill-avalanche:before {
  content: "\e507";
}
.fa-temperature-0:before,
.fa-temperature-empty:before,
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-address-card:before,
.fa-contact-card:before,
.fa-vcard:before {
  content: "\f2bb";
}
.fa-balance-scale-right:before,
.fa-scale-unbalanced-flip:before {
  content: "\f516";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-diamond-turn-right:before,
.fa-directions:before {
  content: "\f5eb";
}
.fa-burst:before {
  content: "\e4dc";
}
.fa-house-laptop:before,
.fa-laptop-house:before {
  content: "\e066";
}
.fa-face-tired:before,
.fa-tired:before {
  content: "\f5c8";
}
.fa-money-bills:before {
  content: "\e1f3";
}
.fa-smog:before {
  content: "\f75f";
}
.fa-crutch:before {
  content: "\f7f7";
}
.fa-cloud-arrow-up:before,
.fa-cloud-upload-alt:before,
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-palette:before {
  content: "\f53f";
}
.fa-arrows-turn-right:before {
  content: "\e4c0";
}
.fa-vest:before {
  content: "\e085";
}
.fa-ferry:before {
  content: "\e4ea";
}
.fa-arrows-down-to-people:before {
  content: "\e4b9";
}
.fa-seedling:before,
.fa-sprout:before {
  content: "\f4d8";
}
.fa-arrows-alt-h:before,
.fa-left-right:before {
  content: "\f337";
}
.fa-boxes-packing:before {
  content: "\e4c7";
}
.fa-arrow-circle-left:before,
.fa-circle-arrow-left:before {
  content: "\f0a8";
}
.fa-group-arrows-rotate:before {
  content: "\e4f6";
}
.fa-bowl-food:before {
  content: "\e4c6";
}
.fa-candy-cane:before {
  content: "\f786";
}
.fa-arrow-down-wide-short:before,
.fa-sort-amount-asc:before,
.fa-sort-amount-down:before {
  content: "\f160";
}
.fa-cloud-bolt:before,
.fa-thunderstorm:before {
  content: "\f76c";
}
.fa-remove-format:before,
.fa-text-slash:before {
  content: "\f87d";
}
.fa-face-smile-wink:before,
.fa-smile-wink:before {
  content: "\f4da";
}
.fa-file-word:before {
  content: "\f1c2";
}
.fa-file-powerpoint:before {
  content: "\f1c4";
}
.fa-arrows-h:before,
.fa-arrows-left-right:before {
  content: "\f07e";
}
.fa-house-lock:before {
  content: "\e510";
}
.fa-cloud-arrow-down:before,
.fa-cloud-download-alt:before,
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-children:before {
  content: "\e4e1";
}
.fa-blackboard:before,
.fa-chalkboard:before {
  content: "\f51b";
}
.fa-user-alt-slash:before,
.fa-user-large-slash:before {
  content: "\f4fa";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-handshake-alt-slash:before,
.fa-handshake-simple-slash:before {
  content: "\e05f";
}
.fa-mattress-pillow:before {
  content: "\e525";
}
.fa-guarani-sign:before {
  content: "\e19a";
}
.fa-arrows-rotate:before,
.fa-refresh:before,
.fa-sync:before {
  content: "\f021";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-cruzeiro-sign:before {
  content: "\e152";
}
.fa-greater-than-equal:before {
  content: "\f532";
}
.fa-shield-alt:before,
.fa-shield-halved:before {
  content: "\f3ed";
}
.fa-atlas:before,
.fa-book-atlas:before {
  content: "\f558";
}
.fa-virus:before {
  content: "\e074";
}
.fa-envelope-circle-check:before {
  content: "\e4e8";
}
.fa-layer-group:before {
  content: "\f5fd";
}
.fa-arrows-to-dot:before {
  content: "\e4be";
}
.fa-archway:before {
  content: "\f557";
}
.fa-heart-circle-check:before {
  content: "\e4fd";
}
.fa-house-chimney-crack:before,
.fa-house-damage:before {
  content: "\f6f1";
}
.fa-file-archive:before,
.fa-file-zipper:before {
  content: "\f1c6";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-glass-martini:before,
.fa-martini-glass-empty:before {
  content: "\f000";
}
.fa-couch:before {
  content: "\f4b8";
}
.fa-cedi-sign:before {
  content: "\e0df";
}
.fa-italic:before {
  content: "\f033";
}
.fa-table-cells-column-lock:before {
  content: "\e678";
}
.fa-church:before {
  content: "\f51d";
}
.fa-comments-dollar:before {
  content: "\f653";
}
.fa-democrat:before {
  content: "\f747";
}
.fa-z:before {
  content: "Z";
}
.fa-person-skiing:before,
.fa-skiing:before {
  content: "\f7c9";
}
.fa-road-lock:before {
  content: "\e567";
}
.fa-a:before {
  content: "A";
}
.fa-temperature-arrow-down:before,
.fa-temperature-down:before {
  content: "\e03f";
}
.fa-feather-alt:before,
.fa-feather-pointed:before {
  content: "\f56b";
}
.fa-p:before {
  content: "P";
}
.fa-snowflake:before {
  content: "\f2dc";
}
.fa-newspaper:before {
  content: "\f1ea";
}
.fa-ad:before,
.fa-rectangle-ad:before {
  content: "\f641";
}
.fa-arrow-circle-right:before,
.fa-circle-arrow-right:before {
  content: "\f0a9";
}
.fa-filter-circle-xmark:before {
  content: "\e17b";
}
.fa-locust:before {
  content: "\e520";
}
.fa-sort:before,
.fa-unsorted:before {
  content: "\f0dc";
}
.fa-list-1-2:before,
.fa-list-numeric:before,
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-person-dress-burst:before {
  content: "\e544";
}
.fa-money-check-alt:before,
.fa-money-check-dollar:before {
  content: "\f53d";
}
.fa-vector-square:before {
  content: "\f5cb";
}
.fa-bread-slice:before {
  content: "\f7ec";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-face-kiss-wink-heart:before,
.fa-kiss-wink-heart:before {
  content: "\f598";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-question:before {
  content: "?";
}
.fa-file-signature:before {
  content: "\f573";
}
.fa-arrows-alt:before,
.fa-up-down-left-right:before {
  content: "\f0b2";
}
.fa-house-chimney-user:before {
  content: "\e065";
}
.fa-hand-holding-heart:before {
  content: "\f4be";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-money-check:before {
  content: "\f53c";
}
.fa-star-half-alt:before,
.fa-star-half-stroke:before {
  content: "\f5c0";
}
.fa-code:before {
  content: "\f121";
}
.fa-glass-whiskey:before,
.fa-whiskey-glass:before {
  content: "\f7a0";
}
.fa-building-circle-exclamation:before {
  content: "\e4d3";
}
.fa-magnifying-glass-chart:before {
  content: "\e522";
}
.fa-arrow-up-right-from-square:before,
.fa-external-link:before {
  content: "\f08e";
}
.fa-cubes-stacked:before {
  content: "\e4e6";
}
.fa-krw:before,
.fa-won-sign:before,
.fa-won:before {
  content: "\f159";
}
.fa-virus-covid:before {
  content: "\e4a8";
}
.fa-austral-sign:before {
  content: "\e0a9";
}
.fa-f:before {
  content: "F";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-road:before {
  content: "\f018";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-person-circle-plus:before {
  content: "\e541";
}
.fa-chart-pie:before,
.fa-pie-chart:before {
  content: "\f200";
}
.fa-bolt-lightning:before {
  content: "\e0b7";
}
.fa-sack-xmark:before {
  content: "\e56a";
}
.fa-file-excel:before {
  content: "\f1c3";
}
.fa-file-contract:before {
  content: "\f56c";
}
.fa-fish-fins:before {
  content: "\e4f2";
}
.fa-building-flag:before {
  content: "\e4d5";
}
.fa-face-grin-beam:before,
.fa-grin-beam:before {
  content: "\f582";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-poop:before {
  content: "\f619";
}
.fa-location-pin:before,
.fa-map-marker:before {
  content: "\f041";
}
.fa-kaaba:before {
  content: "\f66b";
}
.fa-toilet-paper:before {
  content: "\f71e";
}
.fa-hard-hat:before,
.fa-hat-hard:before,
.fa-helmet-safety:before {
  content: "\f807";
}
.fa-eject:before {
  content: "\f052";
}
.fa-arrow-alt-circle-right:before,
.fa-circle-right:before {
  content: "\f35a";
}
.fa-plane-circle-check:before {
  content: "\e555";
}
.fa-face-rolling-eyes:before,
.fa-meh-rolling-eyes:before {
  content: "\f5a5";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-chart-line:before,
.fa-line-chart:before {
  content: "\f201";
}
.fa-mask-ventilator:before {
  content: "\e524";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-map-signs:before,
.fa-signs-post:before {
  content: "\f277";
}
.fa-cash-register:before {
  content: "\f788";
}
.fa-person-circle-question:before {
  content: "\e542";
}
.fa-h:before {
  content: "H";
}
.fa-tarp:before {
  content: "\e57b";
}
.fa-screwdriver-wrench:before,
.fa-tools:before {
  content: "\f7d9";
}
.fa-arrows-to-eye:before {
  content: "\e4bf";
}
.fa-plug-circle-bolt:before {
  content: "\e55b";
}
.fa-heart:before {
  content: "\f004";
}
.fa-mars-and-venus:before {
  content: "\f224";
}
.fa-home-user:before,
.fa-house-user:before {
  content: "\e1b0";
}
.fa-dumpster-fire:before {
  content: "\f794";
}
.fa-house-crack:before {
  content: "\e3b1";
}
.fa-cocktail:before,
.fa-martini-glass-citrus:before {
  content: "\f561";
}
.fa-face-surprise:before,
.fa-surprise:before {
  content: "\f5c2";
}
.fa-bottle-water:before {
  content: "\e4c5";
}
.fa-circle-pause:before,
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-toilet-paper-slash:before {
  content: "\e072";
}
.fa-apple-alt:before,
.fa-apple-whole:before {
  content: "\f5d1";
}
.fa-kitchen-set:before {
  content: "\e51a";
}
.fa-r:before {
  content: "R";
}
.fa-temperature-1:before,
.fa-temperature-quarter:before,
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-bitcoin-sign:before {
  content: "\e0b4";
}
.fa-shield-dog:before {
  content: "\e573";
}
.fa-solar-panel:before {
  content: "\f5ba";
}
.fa-lock-open:before {
  content: "\f3c1";
}
.fa-elevator:before {
  content: "\e16d";
}
.fa-money-bill-transfer:before {
  content: "\e528";
}
.fa-money-bill-trend-up:before {
  content: "\e529";
}
.fa-house-flood-water-circle-arrow-right:before {
  content: "\e50f";
}
.fa-poll-h:before,
.fa-square-poll-horizontal:before {
  content: "\f682";
}
.fa-circle:before {
  content: "\f111";
}
.fa-backward-fast:before,
.fa-fast-backward:before {
  content: "\f049";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-user-astronaut:before {
  content: "\f4fb";
}
.fa-plane-slash:before {
  content: "\e069";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-basketball-ball:before,
.fa-basketball:before {
  content: "\f434";
}
.fa-satellite-dish:before {
  content: "\f7c0";
}
.fa-arrow-alt-circle-up:before,
.fa-circle-up:before {
  content: "\f35b";
}
.fa-mobile-alt:before,
.fa-mobile-screen-button:before {
  content: "\f3cd";
}
.fa-volume-high:before,
.fa-volume-up:before {
  content: "\f028";
}
.fa-users-rays:before {
  content: "\e593";
}
.fa-wallet:before {
  content: "\f555";
}
.fa-clipboard-check:before {
  content: "\f46c";
}
.fa-file-audio:before {
  content: "\f1c7";
}
.fa-burger:before,
.fa-hamburger:before {
  content: "\f805";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-bugs:before {
  content: "\e4d0";
}
.fa-rupee-sign:before,
.fa-rupee:before {
  content: "\f156";
}
.fa-file-image:before {
  content: "\f1c5";
}
.fa-circle-question:before,
.fa-question-circle:before {
  content: "\f059";
}
.fa-plane-departure:before {
  content: "\f5b0";
}
.fa-handshake-slash:before {
  content: "\e060";
}
.fa-book-bookmark:before {
  content: "\e0bb";
}
.fa-code-branch:before {
  content: "\f126";
}
.fa-hat-cowboy:before {
  content: "\f8c0";
}
.fa-bridge:before {
  content: "\e4c8";
}
.fa-phone-alt:before,
.fa-phone-flip:before {
  content: "\f879";
}
.fa-truck-front:before {
  content: "\e2b7";
}
.fa-cat:before {
  content: "\f6be";
}
.fa-anchor-circle-exclamation:before {
  content: "\e4ab";
}
.fa-truck-field:before {
  content: "\e58d";
}
.fa-route:before {
  content: "\f4d7";
}
.fa-clipboard-question:before {
  content: "\e4e3";
}
.fa-panorama:before {
  content: "\e209";
}
.fa-comment-medical:before {
  content: "\f7f5";
}
.fa-teeth-open:before {
  content: "\f62f";
}
.fa-file-circle-minus:before {
  content: "\e4ed";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-wine-glass:before {
  content: "\f4e3";
}
.fa-fast-forward:before,
.fa-forward-fast:before {
  content: "\f050";
}
.fa-face-meh-blank:before,
.fa-meh-blank:before {
  content: "\f5a4";
}
.fa-parking:before,
.fa-square-parking:before {
  content: "\f540";
}
.fa-house-signal:before {
  content: "\e012";
}
.fa-bars-progress:before,
.fa-tasks-alt:before {
  content: "\f828";
}
.fa-faucet-drip:before {
  content: "\e006";
}
.fa-cart-flatbed:before,
.fa-dolly-flatbed:before {
  content: "\f474";
}
.fa-ban-smoking:before,
.fa-smoking-ban:before {
  content: "\f54d";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-mobile-button:before {
  content: "\f10b";
}
.fa-house-medical-flag:before {
  content: "\e514";
}
.fa-basket-shopping:before,
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-tape:before {
  content: "\f4db";
}
.fa-bus-alt:before,
.fa-bus-simple:before {
  content: "\f55e";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-face-sad-cry:before,
.fa-sad-cry:before {
  content: "\f5b3";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-person-military-to-person:before {
  content: "\e54c";
}
.fa-file-shield:before {
  content: "\e4f0";
}
.fa-user-slash:before {
  content: "\f506";
}
.fa-pen:before {
  content: "\f304";
}
.fa-tower-observation:before {
  content: "\e586";
}
.fa-file-code:before {
  content: "\f1c9";
}
.fa-signal-5:before,
.fa-signal-perfect:before,
.fa-signal:before {
  content: "\f012";
}
.fa-bus:before {
  content: "\f207";
}
.fa-heart-circle-xmark:before {
  content: "\e501";
}
.fa-home-lg:before,
.fa-house-chimney:before {
  content: "\e3af";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-face-frown:before,
.fa-frown:before {
  content: "\f119";
}
.fa-prescription:before {
  content: "\f5b1";
}
.fa-shop:before,
.fa-store-alt:before {
  content: "\f54f";
}
.fa-floppy-disk:before,
.fa-save:before {
  content: "\f0c7";
}
.fa-vihara:before {
  content: "\f6a7";
}
.fa-balance-scale-left:before,
.fa-scale-unbalanced:before {
  content: "\f515";
}
.fa-sort-asc:before,
.fa-sort-up:before {
  content: "\f0de";
}
.fa-comment-dots:before,
.fa-commenting:before {
  content: "\f4ad";
}
.fa-plant-wilt:before {
  content: "\e5aa";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-face-grin-squint:before,
.fa-grin-squint:before {
  content: "\f585";
}
.fa-hand-holding-dollar:before,
.fa-hand-holding-usd:before {
  content: "\f4c0";
}
.fa-bacterium:before {
  content: "\e05a";
}
.fa-hand-pointer:before {
  content: "\f25a";
}
.fa-drum-steelpan:before {
  content: "\f56a";
}
.fa-hand-scissors:before {
  content: "\f257";
}
.fa-hands-praying:before,
.fa-praying-hands:before {
  content: "\f684";
}
.fa-arrow-right-rotate:before,
.fa-arrow-rotate-forward:before,
.fa-arrow-rotate-right:before,
.fa-redo:before {
  content: "\f01e";
}
.fa-biohazard:before {
  content: "\f780";
}
.fa-location-crosshairs:before,
.fa-location:before {
  content: "\f601";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-child-dress:before {
  content: "\e59c";
}
.fa-users-between-lines:before {
  content: "\e591";
}
.fa-lungs-virus:before {
  content: "\e067";
}
.fa-face-grin-tears:before,
.fa-grin-tears:before {
  content: "\f588";
}
.fa-phone:before {
  content: "\f095";
}
.fa-calendar-times:before,
.fa-calendar-xmark:before {
  content: "\f273";
}
.fa-child-reaching:before {
  content: "\e59d";
}
.fa-head-side-virus:before {
  content: "\e064";
}
.fa-user-cog:before,
.fa-user-gear:before {
  content: "\f4fe";
}
.fa-arrow-up-1-9:before,
.fa-sort-numeric-up:before {
  content: "\f163";
}
.fa-door-closed:before {
  content: "\f52a";
}
.fa-shield-virus:before {
  content: "\e06c";
}
.fa-dice-six:before {
  content: "\f526";
}
.fa-mosquito-net:before {
  content: "\e52c";
}
.fa-bridge-water:before {
  content: "\e4ce";
}
.fa-person-booth:before {
  content: "\f756";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-hat-wizard:before {
  content: "\f6e8";
}
.fa-pen-fancy:before {
  content: "\f5ac";
}
.fa-digging:before,
.fa-person-digging:before {
  content: "\f85e";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-gauge-simple-med:before,
.fa-gauge-simple:before,
.fa-tachometer-average:before {
  content: "\f629";
}
.fa-book-medical:before {
  content: "\f7e6";
}
.fa-poo:before {
  content: "\f2fe";
}
.fa-quote-right-alt:before,
.fa-quote-right:before {
  content: "\f10e";
}
.fa-shirt:before,
.fa-t-shirt:before,
.fa-tshirt:before {
  content: "\f553";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-divide:before {
  content: "\f529";
}
.fa-tenge-sign:before,
.fa-tenge:before {
  content: "\f7d7";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-hands-holding:before {
  content: "\f4c2";
}
.fa-hands-clapping:before {
  content: "\e1a8";
}
.fa-republican:before {
  content: "\f75e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-person-circle-xmark:before {
  content: "\e543";
}
.fa-ruler:before {
  content: "\f545";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-dice-d6:before {
  content: "\f6d1";
}
.fa-restroom:before {
  content: "\f7bd";
}
.fa-j:before {
  content: "J";
}
.fa-users-viewfinder:before {
  content: "\e595";
}
.fa-file-video:before {
  content: "\f1c8";
}
.fa-external-link-alt:before,
.fa-up-right-from-square:before {
  content: "\f35d";
}
.fa-table-cells:before,
.fa-th:before {
  content: "\f00a";
}
.fa-file-pdf:before {
  content: "\f1c1";
}
.fa-bible:before,
.fa-book-bible:before {
  content: "\f647";
}
.fa-o:before {
  content: "O";
}
.fa-medkit:before,
.fa-suitcase-medical:before {
  content: "\f0fa";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-otter:before {
  content: "\f700";
}
.fa-female:before,
.fa-person-dress:before {
  content: "\f182";
}
.fa-comment-dollar:before {
  content: "\f651";
}
.fa-briefcase-clock:before,
.fa-business-time:before {
  content: "\f64a";
}
.fa-table-cells-large:before,
.fa-th-large:before {
  content: "\f009";
}
.fa-book-tanakh:before,
.fa-tanakh:before {
  content: "\f827";
}
.fa-phone-volume:before,
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-hat-cowboy-side:before {
  content: "\f8c1";
}
.fa-clipboard-user:before {
  content: "\f7f3";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-lira-sign:before {
  content: "\f195";
}
.fa-satellite:before {
  content: "\f7bf";
}
.fa-plane-lock:before {
  content: "\e558";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-comment:before {
  content: "\f075";
}
.fa-birthday-cake:before,
.fa-cake-candles:before,
.fa-cake:before {
  content: "\f1fd";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-angle-double-up:before,
.fa-angles-up:before {
  content: "\f102";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-arrow-right-to-city:before {
  content: "\e4b3";
}
.fa-ribbon:before {
  content: "\f4d6";
}
.fa-lungs:before {
  content: "\f604";
}
.fa-arrow-up-9-1:before,
.fa-sort-numeric-up-alt:before {
  content: "\f887";
}
.fa-litecoin-sign:before {
  content: "\e1d3";
}
.fa-border-none:before {
  content: "\f850";
}
.fa-circle-nodes:before {
  content: "\e4e2";
}
.fa-parachute-box:before {
  content: "\f4cd";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-truck-field-un:before {
  content: "\e58e";
}
.fa-hourglass-empty:before,
.fa-hourglass:before {
  content: "\f254";
}
.fa-mountain:before {
  content: "\f6fc";
}
.fa-user-doctor:before,
.fa-user-md:before {
  content: "\f0f0";
}
.fa-circle-info:before,
.fa-info-circle:before {
  content: "\f05a";
}
.fa-cloud-meatball:before {
  content: "\f73b";
}
.fa-camera-alt:before,
.fa-camera:before {
  content: "\f030";
}
.fa-square-virus:before {
  content: "\e578";
}
.fa-meteor:before {
  content: "\f753";
}
.fa-car-on:before {
  content: "\e4dd";
}
.fa-sleigh:before {
  content: "\f7cc";
}
.fa-arrow-down-1-9:before,
.fa-sort-numeric-asc:before,
.fa-sort-numeric-down:before {
  content: "\f162";
}
.fa-hand-holding-droplet:before,
.fa-hand-holding-water:before {
  content: "\f4c1";
}
.fa-water:before {
  content: "\f773";
}
.fa-calendar-check:before {
  content: "\f274";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-prescription-bottle-alt:before,
.fa-prescription-bottle-medical:before {
  content: "\f486";
}
.fa-landmark:before {
  content: "\f66f";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-person-cane:before {
  content: "\e53c";
}
.fa-tent:before {
  content: "\e57d";
}
.fa-vest-patches:before {
  content: "\e086";
}
.fa-check-double:before {
  content: "\f560";
}
.fa-arrow-down-a-z:before,
.fa-sort-alpha-asc:before,
.fa-sort-alpha-down:before {
  content: "\f15d";
}
.fa-money-bill-wheat:before {
  content: "\e52a";
}
.fa-cookie:before {
  content: "\f563";
}
.fa-arrow-left-rotate:before,
.fa-arrow-rotate-back:before,
.fa-arrow-rotate-backward:before,
.fa-arrow-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-hard-drive:before,
.fa-hdd:before {
  content: "\f0a0";
}
.fa-face-grin-squint-tears:before,
.fa-grin-squint-tears:before {
  content: "\f586";
}
.fa-dumbbell:before {
  content: "\f44b";
}
.fa-list-alt:before,
.fa-rectangle-list:before {
  content: "\f022";
}
.fa-tarp-droplet:before {
  content: "\e57c";
}
.fa-house-medical-circle-check:before {
  content: "\e511";
}
.fa-person-skiing-nordic:before,
.fa-skiing-nordic:before {
  content: "\f7ca";
}
.fa-calendar-plus:before {
  content: "\f271";
}
.fa-plane-arrival:before {
  content: "\f5af";
}
.fa-arrow-alt-circle-left:before,
.fa-circle-left:before {
  content: "\f359";
}
.fa-subway:before,
.fa-train-subway:before {
  content: "\f239";
}
.fa-chart-gantt:before {
  content: "\e0e4";
}
.fa-indian-rupee-sign:before,
.fa-indian-rupee:before,
.fa-inr:before {
  content: "\e1bc";
}
.fa-crop-alt:before,
.fa-crop-simple:before {
  content: "\f565";
}
.fa-money-bill-1:before,
.fa-money-bill-alt:before {
  content: "\f3d1";
}
.fa-left-long:before,
.fa-long-arrow-alt-left:before {
  content: "\f30a";
}
.fa-dna:before {
  content: "\f471";
}
.fa-virus-slash:before {
  content: "\e075";
}
.fa-minus:before,
.fa-subtract:before {
  content: "\f068";
}
.fa-chess:before {
  content: "\f439";
}
.fa-arrow-left-long:before,
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-plug-circle-check:before {
  content: "\e55c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-franc-sign:before {
  content: "\e18f";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-american-sign-language-interpreting:before,
.fa-asl-interpreting:before,
.fa-hands-american-sign-language-interpreting:before,
.fa-hands-asl-interpreting:before {
  content: "\f2a3";
}
.fa-cog:before,
.fa-gear:before {
  content: "\f013";
}
.fa-droplet-slash:before,
.fa-tint-slash:before {
  content: "\f5c7";
}
.fa-mosque:before {
  content: "\f678";
}
.fa-mosquito:before {
  content: "\e52b";
}
.fa-star-of-david:before {
  content: "\f69a";
}
.fa-person-military-rifle:before {
  content: "\e54b";
}
.fa-cart-shopping:before,
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-vials:before {
  content: "\f493";
}
.fa-plug-circle-plus:before {
  content: "\e55f";
}
.fa-place-of-worship:before {
  content: "\f67f";
}
.fa-grip-vertical:before {
  content: "\f58e";
}
.fa-arrow-turn-up:before,
.fa-level-up:before {
  content: "\f148";
}
.fa-u:before {
  content: "U";
}
.fa-square-root-alt:before,
.fa-square-root-variable:before {
  content: "\f698";
}
.fa-clock-four:before,
.fa-clock:before {
  content: "\f017";
}
.fa-backward-step:before,
.fa-step-backward:before {
  content: "\f048";
}
.fa-pallet:before {
  content: "\f482";
}
.fa-faucet:before {
  content: "\e005";
}
.fa-baseball-bat-ball:before {
  content: "\f432";
}
.fa-s:before {
  content: "S";
}
.fa-timeline:before {
  content: "\e29c";
}
.fa-keyboard:before {
  content: "\f11c";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-clinic-medical:before,
.fa-house-chimney-medical:before {
  content: "\f7f2";
}
.fa-temperature-3:before,
.fa-temperature-three-quarters:before,
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-mobile-android-alt:before,
.fa-mobile-screen:before {
  content: "\f3cf";
}
.fa-plane-up:before {
  content: "\e22d";
}
.fa-piggy-bank:before {
  content: "\f4d3";
}
.fa-battery-3:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-mountain-city:before {
  content: "\e52e";
}
.fa-coins:before {
  content: "\f51e";
}
.fa-khanda:before {
  content: "\f66d";
}
.fa-sliders-h:before,
.fa-sliders:before {
  content: "\f1de";
}
.fa-folder-tree:before {
  content: "\f802";
}
.fa-network-wired:before {
  content: "\f6ff";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-hamsa:before {
  content: "\f665";
}
.fa-cent-sign:before {
  content: "\e3f5";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-person-pregnant:before {
  content: "\e31e";
}
.fa-wand-sparkles:before {
  content: "\f72b";
}
.fa-ellipsis-v:before,
.fa-ellipsis-vertical:before {
  content: "\f142";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-long-arrow-alt-right:before,
.fa-right-long:before {
  content: "\f30b";
}
.fa-flag-usa:before {
  content: "\f74d";
}
.fa-laptop-file:before {
  content: "\e51d";
}
.fa-teletype:before,
.fa-tty:before {
  content: "\f1e4";
}
.fa-diagram-next:before {
  content: "\e476";
}
.fa-person-rifle:before {
  content: "\e54e";
}
.fa-house-medical-circle-exclamation:before {
  content: "\e512";
}
.fa-closed-captioning:before {
  content: "\f20a";
}
.fa-hiking:before,
.fa-person-hiking:before {
  content: "\f6ec";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-images:before {
  content: "\f302";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-people-pulling:before {
  content: "\e535";
}
.fa-n:before {
  content: "N";
}
.fa-cable-car:before,
.fa-tram:before {
  content: "\f7da";
}
.fa-cloud-rain:before {
  content: "\f73d";
}
.fa-building-circle-xmark:before {
  content: "\e4d4";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-arrows-down-to-line:before {
  content: "\e4b8";
}
.fa-download:before {
  content: "\f019";
}
.fa-face-grin:before,
.fa-grin:before {
  content: "\f580";
}
.fa-backspace:before,
.fa-delete-left:before {
  content: "\f55a";
}
.fa-eye-dropper-empty:before,
.fa-eye-dropper:before,
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-file-circle-check:before {
  content: "\e5a0";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-mobile-android:before,
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f3ce";
}
.fa-face-meh:before,
.fa-meh:before {
  content: "\f11a";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-book-dead:before,
.fa-book-skull:before {
  content: "\f6b7";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-heart-circle-exclamation:before {
  content: "\e4fe";
}
.fa-home-alt:before,
.fa-home-lg-alt:before,
.fa-home:before,
.fa-house:before {
  content: "\f015";
}
.fa-calendar-week:before {
  content: "\f784";
}
.fa-laptop-medical:before {
  content: "\f812";
}
.fa-b:before {
  content: "B";
}
.fa-file-medical:before {
  content: "\f477";
}
.fa-dice-one:before {
  content: "\f525";
}
.fa-kiwi-bird:before {
  content: "\f535";
}
.fa-arrow-right-arrow-left:before,
.fa-exchange:before {
  content: "\f0ec";
}
.fa-redo-alt:before,
.fa-rotate-forward:before,
.fa-rotate-right:before {
  content: "\f2f9";
}
.fa-cutlery:before,
.fa-utensils:before {
  content: "\f2e7";
}
.fa-arrow-up-wide-short:before,
.fa-sort-amount-up:before {
  content: "\f161";
}
.fa-mill-sign:before {
  content: "\e1ed";
}
.fa-bowl-rice:before {
  content: "\e2eb";
}
.fa-skull:before {
  content: "\f54c";
}
.fa-broadcast-tower:before,
.fa-tower-broadcast:before {
  content: "\f519";
}
.fa-truck-pickup:before {
  content: "\f63c";
}
.fa-long-arrow-alt-up:before,
.fa-up-long:before {
  content: "\f30c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-code-merge:before {
  content: "\f387";
}
.fa-upload:before {
  content: "\f093";
}
.fa-hurricane:before {
  content: "\f751";
}
.fa-mound:before {
  content: "\e52d";
}
.fa-toilet-portable:before {
  content: "\e583";
}
.fa-compact-disc:before {
  content: "\f51f";
}
.fa-file-arrow-down:before,
.fa-file-download:before {
  content: "\f56d";
}
.fa-caravan:before {
  content: "\f8ff";
}
.fa-shield-cat:before {
  content: "\e572";
}
.fa-bolt:before,
.fa-zap:before {
  content: "\f0e7";
}
.fa-glass-water:before {
  content: "\e4f4";
}
.fa-oil-well:before {
  content: "\e532";
}
.fa-vault:before {
  content: "\e2c5";
}
.fa-mars:before {
  content: "\f222";
}
.fa-toilet:before {
  content: "\f7d8";
}
.fa-plane-circle-xmark:before {
  content: "\e557";
}
.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen-sign:before,
.fa-yen:before {
  content: "\f157";
}
.fa-rouble:before,
.fa-rub:before,
.fa-ruble-sign:before,
.fa-ruble:before {
  content: "\f158";
}
.fa-sun:before {
  content: "\f185";
}
.fa-guitar:before {
  content: "\f7a6";
}
.fa-face-laugh-wink:before,
.fa-laugh-wink:before {
  content: "\f59c";
}
.fa-horse-head:before {
  content: "\f7ab";
}
.fa-bore-hole:before {
  content: "\e4c3";
}
.fa-industry:before {
  content: "\f275";
}
.fa-arrow-alt-circle-down:before,
.fa-circle-down:before {
  content: "\f358";
}
.fa-arrows-turn-to-dots:before {
  content: "\e4c1";
}
.fa-florin-sign:before {
  content: "\e184";
}
.fa-arrow-down-short-wide:before,
.fa-sort-amount-desc:before,
.fa-sort-amount-down-alt:before {
  content: "\f884";
}
.fa-less-than:before {
  content: "<";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-car-tunnel:before {
  content: "\e4de";
}
.fa-head-side-cough:before {
  content: "\e061";
}
.fa-grip-lines:before {
  content: "\f7a4";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-user-lock:before {
  content: "\f502";
}
.fa-arrow-right-long:before,
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-anchor-circle-xmark:before {
  content: "\e4ac";
}
.fa-ellipsis-h:before,
.fa-ellipsis:before {
  content: "\f141";
}
.fa-chess-pawn:before {
  content: "\f443";
}
.fa-first-aid:before,
.fa-kit-medical:before {
  content: "\f479";
}
.fa-person-through-window:before {
  content: "\e5a9";
}
.fa-toolbox:before {
  content: "\f552";
}
.fa-hands-holding-circle:before {
  content: "\e4fb";
}
.fa-bug:before {
  content: "\f188";
}
.fa-credit-card-alt:before,
.fa-credit-card:before {
  content: "\f09d";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-hand-holding-hand:before {
  content: "\e4f7";
}
.fa-book-open-reader:before,
.fa-book-reader:before {
  content: "\f5da";
}
.fa-mountain-sun:before {
  content: "\e52f";
}
.fa-arrows-left-right-to-line:before {
  content: "\e4ba";
}
.fa-dice-d20:before {
  content: "\f6cf";
}
.fa-truck-droplet:before {
  content: "\e58c";
}
.fa-file-circle-xmark:before {
  content: "\e5a1";
}
.fa-temperature-arrow-up:before,
.fa-temperature-up:before {
  content: "\e040";
}
.fa-medal:before {
  content: "\f5a2";
}
.fa-bed:before {
  content: "\f236";
}
.fa-h-square:before,
.fa-square-h:before {
  content: "\f0fd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-temperature-4:before,
.fa-temperature-full:before,
.fa-thermometer-4:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-plug-circle-xmark:before {
  content: "\e560";
}
.fa-star-of-life:before {
  content: "\f621";
}
.fa-phone-slash:before {
  content: "\f3dd";
}
.fa-paint-roller:before {
  content: "\f5aa";
}
.fa-hands-helping:before,
.fa-handshake-angle:before {
  content: "\f4c4";
}
.fa-location-dot:before,
.fa-map-marker-alt:before {
  content: "\f3c5";
}
.fa-file:before {
  content: "\f15b";
}
.fa-greater-than:before {
  content: ">";
}
.fa-person-swimming:before,
.fa-swimmer:before {
  content: "\f5c4";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-droplet:before,
.fa-tint:before {
  content: "\f043";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-earth-america:before,
.fa-earth-americas:before,
.fa-earth:before,
.fa-globe-americas:before {
  content: "\f57d";
}
.fa-person-burst:before {
  content: "\e53b";
}
.fa-dove:before {
  content: "\f4ba";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-socks:before {
  content: "\f696";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-section:before {
  content: "\e447";
}
.fa-gauge-high:before,
.fa-tachometer-alt-fast:before,
.fa-tachometer-alt:before {
  content: "\f625";
}
.fa-envelope-open-text:before {
  content: "\f658";
}
.fa-hospital-alt:before,
.fa-hospital-wide:before,
.fa-hospital:before {
  content: "\f0f8";
}
.fa-wine-bottle:before {
  content: "\f72f";
}
.fa-chess-rook:before {
  content: "\f447";
}
.fa-bars-staggered:before,
.fa-reorder:before,
.fa-stream:before {
  content: "\f550";
}
.fa-dharmachakra:before {
  content: "\f655";
}
.fa-hotdog:before {
  content: "\f80f";
}
.fa-blind:before,
.fa-person-walking-with-cane:before {
  content: "\f29d";
}
.fa-drum:before {
  content: "\f569";
}
.fa-ice-cream:before {
  content: "\f810";
}
.fa-heart-circle-bolt:before {
  content: "\e4fc";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-check-to-slot:before,
.fa-vote-yea:before {
  content: "\f772";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-boxes-alt:before,
.fa-boxes-stacked:before,
.fa-boxes:before {
  content: "\f468";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-assistive-listening-systems:before,
.fa-ear-listen:before {
  content: "\f2a2";
}
.fa-tree-city:before {
  content: "\e587";
}
.fa-play:before {
  content: "\f04b";
}
.fa-font:before {
  content: "\f031";
}
.fa-table-cells-row-lock:before {
  content: "\e67a";
}
.fa-rupiah-sign:before {
  content: "\e23d";
}
.fa-magnifying-glass:before,
.fa-search:before {
  content: "\f002";
}
.fa-ping-pong-paddle-ball:before,
.fa-table-tennis-paddle-ball:before,
.fa-table-tennis:before {
  content: "\f45d";
}
.fa-diagnoses:before,
.fa-person-dots-from-line:before {
  content: "\f470";
}
.fa-trash-can-arrow-up:before,
.fa-trash-restore-alt:before {
  content: "\f82a";
}
.fa-naira-sign:before {
  content: "\e1f6";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-walkie-talkie:before {
  content: "\f8ef";
}
.fa-file-edit:before,
.fa-file-pen:before {
  content: "\f31c";
}
.fa-receipt:before {
  content: "\f543";
}
.fa-pen-square:before,
.fa-pencil-square:before,
.fa-square-pen:before {
  content: "\f14b";
}
.fa-suitcase-rolling:before {
  content: "\f5c1";
}
.fa-person-circle-exclamation:before {
  content: "\e53f";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-battery-5:before,
.fa-battery-full:before,
.fa-battery:before {
  content: "\f240";
}
.fa-skull-crossbones:before {
  content: "\f714";
}
.fa-code-compare:before {
  content: "\e13a";
}
.fa-list-dots:before,
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-school-lock:before {
  content: "\e56f";
}
.fa-tower-cell:before {
  content: "\e585";
}
.fa-down-long:before,
.fa-long-arrow-alt-down:before {
  content: "\f309";
}
.fa-ranking-star:before {
  content: "\e561";
}
.fa-chess-king:before {
  content: "\f43f";
}
.fa-person-harassing:before {
  content: "\e549";
}
.fa-brazilian-real-sign:before {
  content: "\e46c";
}
.fa-landmark-alt:before,
.fa-landmark-dome:before {
  content: "\f752";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-television:before,
.fa-tv-alt:before,
.fa-tv:before {
  content: "\f26c";
}
.fa-shrimp:before {
  content: "\e448";
}
.fa-list-check:before,
.fa-tasks:before {
  content: "\f0ae";
}
.fa-jug-detergent:before {
  content: "\e519";
}
.fa-circle-user:before,
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-shield:before {
  content: "\f505";
}
.fa-wind:before {
  content: "\f72e";
}
.fa-car-burst:before,
.fa-car-crash:before {
  content: "\f5e1";
}
.fa-y:before {
  content: "Y";
}
.fa-person-snowboarding:before,
.fa-snowboarding:before {
  content: "\f7ce";
}
.fa-shipping-fast:before,
.fa-truck-fast:before {
  content: "\f48b";
}
.fa-fish:before {
  content: "\f578";
}
.fa-user-graduate:before {
  content: "\f501";
}
.fa-adjust:before,
.fa-circle-half-stroke:before {
  content: "\f042";
}
.fa-clapperboard:before {
  content: "\e131";
}
.fa-circle-radiation:before,
.fa-radiation-alt:before {
  content: "\f7ba";
}
.fa-baseball-ball:before,
.fa-baseball:before {
  content: "\f433";
}
.fa-jet-fighter-up:before {
  content: "\e518";
}
.fa-diagram-project:before,
.fa-project-diagram:before {
  content: "\f542";
}
.fa-copy:before {
  content: "\f0c5";
}
.fa-volume-mute:before,
.fa-volume-times:before,
.fa-volume-xmark:before {
  content: "\f6a9";
}
.fa-hand-sparkles:before {
  content: "\e05d";
}
.fa-grip-horizontal:before,
.fa-grip:before {
  content: "\f58d";
}
.fa-share-from-square:before,
.fa-share-square:before {
  content: "\f14d";
}
.fa-child-combatant:before,
.fa-child-rifle:before {
  content: "\e4e0";
}
.fa-gun:before {
  content: "\e19b";
}
.fa-phone-square:before,
.fa-square-phone:before {
  content: "\f098";
}
.fa-add:before,
.fa-plus:before {
  content: "+";
}
.fa-expand:before {
  content: "\f065";
}
.fa-computer:before {
  content: "\e4e5";
}
.fa-close:before,
.fa-multiply:before,
.fa-remove:before,
.fa-times:before,
.fa-xmark:before {
  content: "\f00d";
}
.fa-arrows-up-down-left-right:before,
.fa-arrows:before {
  content: "\f047";
}
.fa-chalkboard-teacher:before,
.fa-chalkboard-user:before {
  content: "\f51c";
}
.fa-peso-sign:before {
  content: "\e222";
}
.fa-building-shield:before {
  content: "\e4d8";
}
.fa-baby:before {
  content: "\f77c";
}
.fa-users-line:before {
  content: "\e592";
}
.fa-quote-left-alt:before,
.fa-quote-left:before {
  content: "\f10d";
}
.fa-tractor:before {
  content: "\f722";
}
.fa-trash-arrow-up:before,
.fa-trash-restore:before {
  content: "\f829";
}
.fa-arrow-down-up-lock:before {
  content: "\e4b0";
}
.fa-lines-leaning:before {
  content: "\e51e";
}
.fa-ruler-combined:before {
  content: "\f546";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-equals:before {
  content: "=";
}
.fa-blender:before {
  content: "\f517";
}
.fa-teeth:before {
  content: "\f62e";
}
.fa-ils:before,
.fa-shekel-sign:before,
.fa-shekel:before,
.fa-sheqel-sign:before,
.fa-sheqel:before {
  content: "\f20b";
}
.fa-map:before {
  content: "\f279";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-photo-film:before,
.fa-photo-video:before {
  content: "\f87c";
}
.fa-folder-minus:before {
  content: "\f65d";
}
.fa-store:before {
  content: "\f54e";
}
.fa-arrow-trend-up:before {
  content: "\e098";
}
.fa-plug-circle-minus:before {
  content: "\e55e";
}
.fa-sign-hanging:before,
.fa-sign:before {
  content: "\f4d9";
}
.fa-bezier-curve:before {
  content: "\f55b";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-tablet-android:before,
.fa-tablet:before {
  content: "\f3fb";
}
.fa-school-flag:before {
  content: "\e56e";
}
.fa-fill:before {
  content: "\f575";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-drumstick-bite:before {
  content: "\f6d7";
}
.fa-holly-berry:before {
  content: "\f7aa";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-bacteria:before {
  content: "\e059";
}
.fa-hand-lizard:before {
  content: "\f258";
}
.fa-notdef:before {
  content: "\e1fe";
}
.fa-disease:before {
  content: "\f7fa";
}
.fa-briefcase-medical:before {
  content: "\f469";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-car-alt:before,
.fa-car-rear:before {
  content: "\f5de";
}
.fa-pump-soap:before {
  content: "\e06b";
}
.fa-video-slash:before {
  content: "\f4e2";
}
.fa-battery-2:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-radio:before {
  content: "\f8d7";
}
.fa-baby-carriage:before,
.fa-carriage-baby:before {
  content: "\f77d";
}
.fa-traffic-light:before {
  content: "\f637";
}
.fa-thermometer:before {
  content: "\f491";
}
.fa-vr-cardboard:before {
  content: "\f729";
}
.fa-hand-middle-finger:before {
  content: "\f806";
}
.fa-percent:before,
.fa-percentage:before {
  content: "%";
}
.fa-truck-moving:before {
  content: "\f4df";
}
.fa-glass-water-droplet:before {
  content: "\e4f5";
}
.fa-display:before {
  content: "\e163";
}
.fa-face-smile:before,
.fa-smile:before {
  content: "\f118";
}
.fa-thumb-tack:before,
.fa-thumbtack:before {
  content: "\f08d";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-person-praying:before,
.fa-pray:before {
  content: "\f683";
}
.fa-hammer:before {
  content: "\f6e3";
}
.fa-hand-peace:before {
  content: "\f25b";
}
.fa-rotate:before,
.fa-sync-alt:before {
  content: "\f2f1";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-robot:before {
  content: "\f544";
}
.fa-peace:before {
  content: "\f67c";
}
.fa-cogs:before,
.fa-gears:before {
  content: "\f085";
}
.fa-warehouse:before {
  content: "\f494";
}
.fa-arrow-up-right-dots:before {
  content: "\e4b7";
}
.fa-splotch:before {
  content: "\f5bc";
}
.fa-face-grin-hearts:before,
.fa-grin-hearts:before {
  content: "\f584";
}
.fa-dice-four:before {
  content: "\f524";
}
.fa-sim-card:before {
  content: "\f7c4";
}
.fa-transgender-alt:before,
.fa-transgender:before {
  content: "\f225";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-arrow-turn-down:before,
.fa-level-down:before {
  content: "\f149";
}
.fa-person-falling-burst:before {
  content: "\e547";
}
.fa-award:before {
  content: "\f559";
}
.fa-ticket-alt:before,
.fa-ticket-simple:before {
  content: "\f3ff";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-angle-double-left:before,
.fa-angles-left:before {
  content: "\f100";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-clock-rotate-left:before,
.fa-history:before {
  content: "\f1da";
}
.fa-face-grin-beam-sweat:before,
.fa-grin-beam-sweat:before {
  content: "\f583";
}
.fa-arrow-right-from-file:before,
.fa-file-export:before {
  content: "\f56e";
}
.fa-shield-blank:before,
.fa-shield:before {
  content: "\f132";
}
.fa-arrow-up-short-wide:before,
.fa-sort-amount-up-alt:before {
  content: "\f885";
}
.fa-house-medical:before {
  content: "\e3b2";
}
.fa-golf-ball-tee:before,
.fa-golf-ball:before {
  content: "\f450";
}
.fa-chevron-circle-left:before,
.fa-circle-chevron-left:before {
  content: "\f137";
}
.fa-house-chimney-window:before {
  content: "\e00d";
}
.fa-pen-nib:before {
  content: "\f5ad";
}
.fa-tent-arrow-turn-left:before {
  content: "\e580";
}
.fa-tents:before {
  content: "\e582";
}
.fa-magic:before,
.fa-wand-magic:before {
  content: "\f0d0";
}
.fa-dog:before {
  content: "\f6d3";
}
.fa-carrot:before {
  content: "\f787";
}
.fa-moon:before {
  content: "\f186";
}
.fa-wine-glass-alt:before,
.fa-wine-glass-empty:before {
  content: "\f5ce";
}
.fa-cheese:before {
  content: "\f7ef";
}
.fa-yin-yang:before {
  content: "\f6ad";
}
.fa-music:before {
  content: "\f001";
}
.fa-code-commit:before {
  content: "\f386";
}
.fa-temperature-low:before {
  content: "\f76b";
}
.fa-biking:before,
.fa-person-biking:before {
  content: "\f84a";
}
.fa-broom:before {
  content: "\f51a";
}
.fa-shield-heart:before {
  content: "\e574";
}
.fa-gopuram:before {
  content: "\f664";
}
.fa-earth-oceania:before,
.fa-globe-oceania:before {
  content: "\e47b";
}
.fa-square-xmark:before,
.fa-times-square:before,
.fa-xmark-square:before {
  content: "\f2d3";
}
.fa-hashtag:before {
  content: "#";
}
.fa-expand-alt:before,
.fa-up-right-and-down-left-from-center:before {
  content: "\f424";
}
.fa-oil-can:before {
  content: "\f613";
}
.fa-t:before {
  content: "T";
}
.fa-hippo:before {
  content: "\f6ed";
}
.fa-chart-column:before {
  content: "\e0e3";
}
.fa-infinity:before {
  content: "\f534";
}
.fa-vial-circle-check:before {
  content: "\e596";
}
.fa-person-arrow-down-to-line:before {
  content: "\e538";
}
.fa-voicemail:before {
  content: "\f897";
}
.fa-fan:before {
  content: "\f863";
}
.fa-person-walking-luggage:before {
  content: "\e554";
}
.fa-arrows-alt-v:before,
.fa-up-down:before {
  content: "\f338";
}
.fa-cloud-moon-rain:before {
  content: "\f73c";
}
.fa-calendar:before {
  content: "\f133";
}
.fa-trailer:before {
  content: "\e041";
}
.fa-bahai:before,
.fa-haykal:before {
  content: "\f666";
}
.fa-sd-card:before {
  content: "\f7c2";
}
.fa-dragon:before {
  content: "\f6d5";
}
.fa-shoe-prints:before {
  content: "\f54b";
}
.fa-circle-plus:before,
.fa-plus-circle:before {
  content: "\f055";
}
.fa-face-grin-tongue-wink:before,
.fa-grin-tongue-wink:before {
  content: "\f58b";
}
.fa-hand-holding:before {
  content: "\f4bd";
}
.fa-plug-circle-exclamation:before {
  content: "\e55d";
}
.fa-chain-broken:before,
.fa-chain-slash:before,
.fa-link-slash:before,
.fa-unlink:before {
  content: "\f127";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-person-walking-arrow-loop-left:before {
  content: "\e551";
}
.fa-arrow-up-z-a:before,
.fa-sort-alpha-up-alt:before {
  content: "\f882";
}
.fa-fire-alt:before,
.fa-fire-flame-curved:before {
  content: "\f7e4";
}
.fa-tornado:before {
  content: "\f76f";
}
.fa-file-circle-plus:before {
  content: "\e494";
}
.fa-book-quran:before,
.fa-quran:before {
  content: "\f687";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-border-all:before {
  content: "\f84c";
}
.fa-angry:before,
.fa-face-angry:before {
  content: "\f556";
}
.fa-cookie-bite:before {
  content: "\f564";
}
.fa-arrow-trend-down:before {
  content: "\e097";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-draw-polygon:before {
  content: "\f5ee";
}
.fa-balance-scale:before,
.fa-scale-balanced:before {
  content: "\f24e";
}
.fa-gauge-simple-high:before,
.fa-tachometer-fast:before,
.fa-tachometer:before {
  content: "\f62a";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-desktop-alt:before,
.fa-desktop:before {
  content: "\f390";
}
.fa-m:before {
  content: "M";
}
.fa-table-list:before,
.fa-th-list:before {
  content: "\f00b";
}
.fa-comment-sms:before,
.fa-sms:before {
  content: "\f7cd";
}
.fa-book:before {
  content: "\f02d";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-check:before {
  content: "\f00c";
}
.fa-battery-4:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-house-circle-check:before {
  content: "\e509";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-diagram-successor:before {
  content: "\e47a";
}
.fa-truck-arrow-right:before {
  content: "\e58b";
}
.fa-arrows-split-up-and-left:before {
  content: "\e4bc";
}
.fa-fist-raised:before,
.fa-hand-fist:before {
  content: "\f6de";
}
.fa-cloud-moon:before {
  content: "\f6c3";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-person-falling:before {
  content: "\e546";
}
.fa-image-portrait:before,
.fa-portrait:before {
  content: "\f3e0";
}
.fa-user-tag:before {
  content: "\f507";
}
.fa-rug:before {
  content: "\e569";
}
.fa-earth-europe:before,
.fa-globe-europe:before {
  content: "\f7a2";
}
.fa-cart-flatbed-suitcase:before,
.fa-luggage-cart:before {
  content: "\f59d";
}
.fa-rectangle-times:before,
.fa-rectangle-xmark:before,
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f410";
}
.fa-baht-sign:before {
  content: "\e0ac";
}
.fa-book-open:before {
  content: "\f518";
}
.fa-book-journal-whills:before,
.fa-journal-whills:before {
  content: "\f66a";
}
.fa-handcuffs:before {
  content: "\e4f8";
}
.fa-exclamation-triangle:before,
.fa-triangle-exclamation:before,
.fa-warning:before {
  content: "\f071";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-bottle-droplet:before {
  content: "\e4c4";
}
.fa-mask-face:before {
  content: "\e1d7";
}
.fa-hill-rockslide:before {
  content: "\e508";
}
.fa-exchange-alt:before,
.fa-right-left:before {
  content: "\f362";
}
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-road-circle-exclamation:before {
  content: "\e565";
}
.fa-dungeon:before {
  content: "\f6d9";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-money-bill-1-wave:before,
.fa-money-bill-wave-alt:before {
  content: "\f53b";
}
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-hands:before,
.fa-sign-language:before,
.fa-signing:before {
  content: "\f2a7";
}
.fa-calendar-day:before {
  content: "\f783";
}
.fa-ladder-water:before,
.fa-swimming-pool:before,
.fa-water-ladder:before {
  content: "\f5c5";
}
.fa-arrows-up-down:before,
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-face-grimace:before,
.fa-grimace:before {
  content: "\f57f";
}
.fa-wheelchair-alt:before,
.fa-wheelchair-move:before {
  content: "\e2ce";
}
.fa-level-down-alt:before,
.fa-turn-down:before {
  content: "\f3be";
}
.fa-person-walking-arrow-right:before {
  content: "\e552";
}
.fa-envelope-square:before,
.fa-square-envelope:before {
  content: "\f199";
}
.fa-dice:before {
  content: "\f522";
}
.fa-bowling-ball:before {
  content: "\f436";
}
.fa-brain:before {
  content: "\f5dc";
}
.fa-band-aid:before,
.fa-bandage:before {
  content: "\f462";
}
.fa-calendar-minus:before {
  content: "\f272";
}
.fa-circle-xmark:before,
.fa-times-circle:before,
.fa-xmark-circle:before {
  content: "\f057";
}
.fa-gifts:before {
  content: "\f79c";
}
.fa-hotel:before {
  content: "\f594";
}
.fa-earth-asia:before,
.fa-globe-asia:before {
  content: "\f57e";
}
.fa-id-card-alt:before,
.fa-id-card-clip:before {
  content: "\f47f";
}
.fa-magnifying-glass-plus:before,
.fa-search-plus:before {
  content: "\f00e";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-user-clock:before {
  content: "\f4fd";
}
.fa-allergies:before,
.fa-hand-dots:before {
  content: "\f461";
}
.fa-file-invoice:before {
  content: "\f570";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-coffee:before,
.fa-mug-saucer:before {
  content: "\f0f4";
}
.fa-brush:before {
  content: "\f55d";
}
.fa-mask:before {
  content: "\f6fa";
}
.fa-magnifying-glass-minus:before,
.fa-search-minus:before {
  content: "\f010";
}
.fa-ruler-vertical:before {
  content: "\f548";
}
.fa-user-alt:before,
.fa-user-large:before {
  content: "\f406";
}
.fa-train-tram:before {
  content: "\e5b4";
}
.fa-user-nurse:before {
  content: "\f82f";
}
.fa-syringe:before {
  content: "\f48e";
}
.fa-cloud-sun:before {
  content: "\f6c4";
}
.fa-stopwatch-20:before {
  content: "\e06f";
}
.fa-square-full:before {
  content: "\f45c";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-jar:before {
  content: "\e516";
}
.fa-note-sticky:before,
.fa-sticky-note:before {
  content: "\f249";
}
.fa-bug-slash:before {
  content: "\e490";
}
.fa-arrow-up-from-water-pump:before {
  content: "\e4b6";
}
.fa-bone:before {
  content: "\f5d7";
}
.fa-user-injured:before {
  content: "\f728";
}
.fa-face-sad-tear:before,
.fa-sad-tear:before {
  content: "\f5b4";
}
.fa-plane:before {
  content: "\f072";
}
.fa-tent-arrows-down:before {
  content: "\e581";
}
.fa-exclamation:before {
  content: "!";
}
.fa-arrows-spin:before {
  content: "\e4bb";
}
.fa-print:before {
  content: "\f02f";
}
.fa-try:before,
.fa-turkish-lira-sign:before,
.fa-turkish-lira:before {
  content: "\e2bb";
}
.fa-dollar-sign:before,
.fa-dollar:before,
.fa-usd:before {
  content: "$";
}
.fa-x:before {
  content: "X";
}
.fa-magnifying-glass-dollar:before,
.fa-search-dollar:before {
  content: "\f688";
}
.fa-users-cog:before,
.fa-users-gear:before {
  content: "\f509";
}
.fa-person-military-pointing:before {
  content: "\e54a";
}
.fa-bank:before,
.fa-building-columns:before,
.fa-institution:before,
.fa-museum:before,
.fa-university:before {
  content: "\f19c";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-trowel:before {
  content: "\e589";
}
.fa-d:before {
  content: "D";
}
.fa-stapler:before {
  content: "\e5af";
}
.fa-masks-theater:before,
.fa-theater-masks:before {
  content: "\f630";
}
.fa-kip-sign:before {
  content: "\e1c4";
}
.fa-hand-point-left:before {
  content: "\f0a5";
}
.fa-handshake-alt:before,
.fa-handshake-simple:before {
  content: "\f4c6";
}
.fa-fighter-jet:before,
.fa-jet-fighter:before {
  content: "\f0fb";
}
.fa-share-alt-square:before,
.fa-square-share-nodes:before {
  content: "\f1e1";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-plus-minus:before {
  content: "\e43c";
}
.fa-video-camera:before,
.fa-video:before {
  content: "\f03d";
}
.fa-graduation-cap:before,
.fa-mortar-board:before {
  content: "\f19d";
}
.fa-hand-holding-medical:before {
  content: "\e05c";
}
.fa-person-circle-check:before {
  content: "\e53e";
}
.fa-level-up-alt:before,
.fa-turn-up:before {
  content: "\f3bf";
}
.fa-sr-only,
.fa-sr-only-focusable:not(:focus),
.sr-only,
.sr-only-focusable:not(:focus) {
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
/*!
 * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:host,
:root {
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}
@font-face {
  font-display: block;
  font-family: Font Awesome\6 Brands;
  font-style: normal;
  font-weight: 400;
  src: url(/mbanking/static/media/fa-brands-400.455ea818179b4def0c43.woff2)
      format("woff2"),
    url(/mbanking/static/media/fa-brands-400.9a11512730d09189322d.ttf)
      format("truetype");
}
.fa-brands,
.fab {
  font-weight: 400;
}
.fa-monero:before {
  content: "\f3d0";
}
.fa-hooli:before {
  content: "\f427";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-shopware:before {
  content: "\f5b5";
}
.fa-creative-commons-nc:before {
  content: "\f4e8";
}
.fa-aws:before {
  content: "\f375";
}
.fa-redhat:before {
  content: "\f7bc";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-cloudflare:before {
  content: "\e07d";
}
.fa-ups:before {
  content: "\f7e0";
}
.fa-pixiv:before {
  content: "\e640";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-dyalog:before {
  content: "\f399";
}
.fa-bity:before {
  content: "\f37a";
}
.fa-stackpath:before {
  content: "\f842";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-modx:before {
  content: "\f285";
}
.fa-guilded:before {
  content: "\e07e";
}
.fa-vnv:before {
  content: "\f40b";
}
.fa-js-square:before,
.fa-square-js:before {
  content: "\f3b9";
}
.fa-microsoft:before {
  content: "\f3ca";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-orcid:before {
  content: "\f8d2";
}
.fa-java:before {
  content: "\f4e4";
}
.fa-invision:before {
  content: "\f7b0";
}
.fa-creative-commons-pd-alt:before {
  content: "\f4ed";
}
.fa-centercode:before {
  content: "\f380";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-jxl:before {
  content: "\e67b";
}
.fa-hire-a-helper:before {
  content: "\f3b0";
}
.fa-creative-commons-by:before {
  content: "\f4e7";
}
.fa-unity:before {
  content: "\e049";
}
.fa-whmcs:before {
  content: "\f40d";
}
.fa-rocketchat:before {
  content: "\f3e8";
}
.fa-vk:before {
  content: "\f189";
}
.fa-untappd:before {
  content: "\f405";
}
.fa-mailchimp:before {
  content: "\f59e";
}
.fa-css3-alt:before {
  content: "\f38b";
}
.fa-reddit-square:before,
.fa-square-reddit:before {
  content: "\f1a2";
}
.fa-vimeo-v:before {
  content: "\f27d";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-square-font-awesome:before {
  content: "\e5ad";
}
.fa-deskpro:before {
  content: "\f38f";
}
.fa-brave:before {
  content: "\e63c";
}
.fa-sistrix:before {
  content: "\f3ee";
}
.fa-instagram-square:before,
.fa-square-instagram:before {
  content: "\e055";
}
.fa-battle-net:before {
  content: "\f835";
}
.fa-the-red-yeti:before {
  content: "\f69d";
}
.fa-hacker-news-square:before,
.fa-square-hacker-news:before {
  content: "\f3af";
}
.fa-edge:before {
  content: "\f282";
}
.fa-threads:before {
  content: "\e618";
}
.fa-napster:before {
  content: "\f3d2";
}
.fa-snapchat-square:before,
.fa-square-snapchat:before {
  content: "\f2ad";
}
.fa-google-plus-g:before {
  content: "\f0d5";
}
.fa-artstation:before {
  content: "\f77a";
}
.fa-markdown:before {
  content: "\f60f";
}
.fa-sourcetree:before {
  content: "\f7d3";
}
.fa-google-plus:before {
  content: "\f2b3";
}
.fa-diaspora:before {
  content: "\f791";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-phoenix-squadron:before {
  content: "\f511";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-algolia:before {
  content: "\f36c";
}
.fa-red-river:before {
  content: "\f3e3";
}
.fa-creative-commons-sa:before {
  content: "\f4ef";
}
.fa-safari:before {
  content: "\f267";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-font-awesome-alt:before,
.fa-square-font-awesome-stroke:before {
  content: "\f35c";
}
.fa-atlassian:before {
  content: "\f77b";
}
.fa-linkedin-in:before {
  content: "\f0e1";
}
.fa-digital-ocean:before {
  content: "\f391";
}
.fa-nimblr:before {
  content: "\f5a8";
}
.fa-chromecast:before {
  content: "\f838";
}
.fa-evernote:before {
  content: "\f839";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-creative-commons-sampling:before {
  content: "\f4f0";
}
.fa-adversal:before {
  content: "\f36a";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-watchman-monitoring:before {
  content: "\e087";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-weixin:before {
  content: "\f1d7";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-git-alt:before {
  content: "\f841";
}
.fa-lyft:before {
  content: "\f3c3";
}
.fa-rev:before {
  content: "\f5b2";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-wizards-of-the-coast:before {
  content: "\f730";
}
.fa-square-viadeo:before,
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-meetup:before {
  content: "\f2e0";
}
.fa-centos:before {
  content: "\f789";
}
.fa-adn:before {
  content: "\f170";
}
.fa-cloudsmith:before {
  content: "\f384";
}
.fa-opensuse:before {
  content: "\e62b";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-dribbble-square:before,
.fa-square-dribbble:before {
  content: "\f397";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-node:before {
  content: "\f419";
}
.fa-mix:before {
  content: "\f3cb";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-cc-apple-pay:before {
  content: "\f416";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-debian:before {
  content: "\e60b";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-instalod:before {
  content: "\e081";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-sellcast:before {
  content: "\f2da";
}
.fa-square-twitter:before,
.fa-twitter-square:before {
  content: "\f081";
}
.fa-r-project:before {
  content: "\f4f7";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-freebsd:before {
  content: "\f3a4";
}
.fa-vuejs:before {
  content: "\f41f";
}
.fa-accusoft:before {
  content: "\f369";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-fonticons-fi:before {
  content: "\f3a2";
}
.fa-app-store:before {
  content: "\f36f";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-itunes-note:before {
  content: "\f3b5";
}
.fa-golang:before {
  content: "\e40f";
}
.fa-kickstarter:before,
.fa-square-kickstarter:before {
  content: "\f3bb";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-uncharted:before {
  content: "\e084";
}
.fa-firstdraft:before {
  content: "\f3a1";
}
.fa-square-youtube:before,
.fa-youtube-square:before {
  content: "\f431";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-rendact:before,
.fa-wpressr:before {
  content: "\f3e4";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-galactic-republic:before {
  content: "\f50c";
}
.fa-nfc-directional:before {
  content: "\e530";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-joget:before {
  content: "\f3b7";
}
.fa-fedora:before {
  content: "\f798";
}
.fa-stripe-s:before {
  content: "\f42a";
}
.fa-meta:before {
  content: "\e49b";
}
.fa-laravel:before {
  content: "\f3bd";
}
.fa-hotjar:before {
  content: "\f3b1";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-square-letterboxd:before {
  content: "\e62e";
}
.fa-sticker-mule:before {
  content: "\f3f7";
}
.fa-creative-commons-zero:before {
  content: "\f4f3";
}
.fa-hips:before {
  content: "\f452";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-discord:before {
  content: "\f392";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-app-store-ios:before {
  content: "\f370";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-confluence:before {
  content: "\f78d";
}
.fa-shoelace:before {
  content: "\e60c";
}
.fa-mdb:before {
  content: "\f8ca";
}
.fa-dochub:before {
  content: "\f394";
}
.fa-accessible-icon:before {
  content: "\f368";
}
.fa-ebay:before {
  content: "\f4f4";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-unsplash:before {
  content: "\e07c";
}
.fa-yarn:before {
  content: "\f7e3";
}
.fa-square-steam:before,
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-square-vimeo:before,
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-asymmetrik:before {
  content: "\f372";
}
.fa-font-awesome-flag:before,
.fa-font-awesome-logo-full:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-gratipay:before {
  content: "\f184";
}
.fa-apple:before {
  content: "\f179";
}
.fa-hive:before {
  content: "\e07f";
}
.fa-gitkraken:before {
  content: "\f3a6";
}
.fa-keybase:before {
  content: "\f4f5";
}
.fa-apple-pay:before {
  content: "\f415";
}
.fa-padlet:before {
  content: "\e4a0";
}
.fa-amazon-pay:before {
  content: "\f42c";
}
.fa-github-square:before,
.fa-square-github:before {
  content: "\f092";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-fedex:before {
  content: "\f797";
}
.fa-phoenix-framework:before {
  content: "\f3dc";
}
.fa-shopify:before {
  content: "\e057";
}
.fa-neos:before {
  content: "\f612";
}
.fa-square-threads:before {
  content: "\e619";
}
.fa-hackerrank:before {
  content: "\f5f7";
}
.fa-researchgate:before {
  content: "\f4f8";
}
.fa-swift:before {
  content: "\f8e1";
}
.fa-angular:before {
  content: "\f420";
}
.fa-speakap:before {
  content: "\f3f3";
}
.fa-angrycreative:before {
  content: "\f36e";
}
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-empire:before {
  content: "\f1d1";
}
.fa-envira:before {
  content: "\f299";
}
.fa-google-scholar:before {
  content: "\e63b";
}
.fa-gitlab-square:before,
.fa-square-gitlab:before {
  content: "\e5ae";
}
.fa-studiovinari:before {
  content: "\f3f8";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-goodreads:before {
  content: "\f3a8";
}
.fa-odnoklassniki-square:before,
.fa-square-odnoklassniki:before {
  content: "\f264";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-sith:before {
  content: "\f512";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-page4:before {
  content: "\f3d7";
}
.fa-hashnode:before {
  content: "\e499";
}
.fa-react:before {
  content: "\f41b";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-squarespace:before {
  content: "\f5be";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-creative-commons-share:before {
  content: "\f4f2";
}
.fa-bitcoin:before {
  content: "\f379";
}
.fa-keycdn:before {
  content: "\f3ba";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-itch-io:before {
  content: "\f83a";
}
.fa-umbraco:before {
  content: "\f8e8";
}
.fa-galactic-senate:before {
  content: "\f50d";
}
.fa-ubuntu:before {
  content: "\f7df";
}
.fa-draft2digital:before {
  content: "\f396";
}
.fa-stripe:before {
  content: "\f429";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-gg:before {
  content: "\f260";
}
.fa-dhl:before {
  content: "\f790";
}
.fa-pinterest-square:before,
.fa-square-pinterest:before {
  content: "\f0d3";
}
.fa-xing:before {
  content: "\f168";
}
.fa-blackberry:before {
  content: "\f37b";
}
.fa-creative-commons-pd:before {
  content: "\f4ec";
}
.fa-playstation:before {
  content: "\f3df";
}
.fa-quinscape:before {
  content: "\f459";
}
.fa-less:before {
  content: "\f41d";
}
.fa-blogger-b:before {
  content: "\f37d";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-signal-messenger:before {
  content: "\e663";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-typo3:before {
  content: "\f42b";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-dailymotion:before {
  content: "\e052";
}
.fa-affiliatetheme:before {
  content: "\f36b";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-bootstrap:before {
  content: "\f836";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-nfc-symbol:before {
  content: "\e531";
}
.fa-mintbit:before {
  content: "\e62f";
}
.fa-ethereum:before {
  content: "\f42e";
}
.fa-speaker-deck:before {
  content: "\f83c";
}
.fa-creative-commons-nc-eu:before {
  content: "\f4e9";
}
.fa-patreon:before {
  content: "\f3d9";
}
.fa-avianex:before {
  content: "\f374";
}
.fa-ello:before {
  content: "\f5f1";
}
.fa-gofore:before {
  content: "\f3a7";
}
.fa-bimobject:before {
  content: "\f378";
}
.fa-brave-reverse:before {
  content: "\e63d";
}
.fa-facebook-f:before {
  content: "\f39e";
}
.fa-google-plus-square:before,
.fa-square-google-plus:before {
  content: "\f0d4";
}
.fa-web-awesome:before {
  content: "\e682";
}
.fa-mandalorian:before {
  content: "\f50f";
}
.fa-first-order-alt:before {
  content: "\f50a";
}
.fa-osi:before {
  content: "\f41a";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-d-and-d-beyond:before {
  content: "\f6ca";
}
.fa-periscope:before {
  content: "\f3da";
}
.fa-fulcrum:before {
  content: "\f50b";
}
.fa-cloudscale:before {
  content: "\f383";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-mizuni:before {
  content: "\f3cc";
}
.fa-schlix:before {
  content: "\f3ea";
}
.fa-square-xing:before,
.fa-xing-square:before {
  content: "\f169";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-cloudversify:before {
  content: "\f385";
}
.fa-usps:before {
  content: "\f7e1";
}
.fa-megaport:before {
  content: "\f5a3";
}
.fa-magento:before {
  content: "\f3c4";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-fly:before {
  content: "\f417";
}
.fa-aviato:before {
  content: "\f421";
}
.fa-itunes:before {
  content: "\f3b4";
}
.fa-cuttlefish:before {
  content: "\f38c";
}
.fa-blogger:before {
  content: "\f37c";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-viber:before {
  content: "\f409";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-letterboxd:before {
  content: "\e62d";
}
.fa-symfony:before {
  content: "\f83d";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-facebook-messenger:before {
  content: "\f39f";
}
.fa-audible:before {
  content: "\f373";
}
.fa-think-peaks:before {
  content: "\f731";
}
.fa-bilibili:before {
  content: "\e3d9";
}
.fa-erlang:before {
  content: "\f39d";
}
.fa-x-twitter:before {
  content: "\e61b";
}
.fa-cotton-bureau:before {
  content: "\f89e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-42-group:before,
.fa-innosoft:before {
  content: "\e080";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-elementor:before {
  content: "\f430";
}
.fa-pied-piper-square:before,
.fa-square-pied-piper:before {
  content: "\e01e";
}
.fa-creative-commons-nd:before {
  content: "\f4eb";
}
.fa-palfed:before {
  content: "\f3d8";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-resolving:before {
  content: "\f3e7";
}
.fa-xbox:before {
  content: "\f412";
}
.fa-square-web-awesome-stroke:before {
  content: "\e684";
}
.fa-searchengin:before {
  content: "\f3eb";
}
.fa-tiktok:before {
  content: "\e07b";
}
.fa-facebook-square:before,
.fa-square-facebook:before {
  content: "\f082";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-linkedin:before {
  content: "\f08c";
}
.fa-hubspot:before {
  content: "\f3b2";
}
.fa-deploydog:before {
  content: "\f38e";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-mixer:before {
  content: "\e056";
}
.fa-lastfm-square:before,
.fa-square-lastfm:before {
  content: "\f203";
}
.fa-vimeo:before {
  content: "\f40a";
}
.fa-mendeley:before {
  content: "\f7b3";
}
.fa-uniregistry:before {
  content: "\f404";
}
.fa-figma:before {
  content: "\f799";
}
.fa-creative-commons-remix:before {
  content: "\f4ee";
}
.fa-cc-amazon-pay:before {
  content: "\f42d";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-cmplid:before {
  content: "\e360";
}
.fa-upwork:before {
  content: "\e641";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-gripfire:before {
  content: "\f3ac";
}
.fa-jedi-order:before {
  content: "\f50e";
}
.fa-uikit:before {
  content: "\f403";
}
.fa-fort-awesome-alt:before {
  content: "\f3a3";
}
.fa-phabricator:before {
  content: "\f3db";
}
.fa-ussunnah:before {
  content: "\f407";
}
.fa-earlybirds:before {
  content: "\f39a";
}
.fa-trade-federation:before {
  content: "\f513";
}
.fa-autoprefixer:before {
  content: "\f41c";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-square-upwork:before {
  content: "\e67c";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-google-play:before {
  content: "\f3ab";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-line:before {
  content: "\f3c0";
}
.fa-google-drive:before {
  content: "\f3aa";
}
.fa-servicestack:before {
  content: "\f3ec";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-deezer:before {
  content: "\e077";
}
.fa-raspberry-pi:before {
  content: "\f7bb";
}
.fa-jira:before {
  content: "\f7b1";
}
.fa-docker:before {
  content: "\f395";
}
.fa-screenpal:before {
  content: "\e570";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-gitter:before {
  content: "\f426";
}
.fa-d-and-d:before {
  content: "\f38d";
}
.fa-microblog:before {
  content: "\e01a";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-pied-piper-hat:before {
  content: "\f4e5";
}
.fa-kickstarter-k:before {
  content: "\f3bc";
}
.fa-yandex:before {
  content: "\f413";
}
.fa-readme:before {
  content: "\f4d5";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-square-web-awesome:before {
  content: "\e683";
}
.fa-sass:before {
  content: "\f41e";
}
.fa-wirsindhandwerk:before,
.fa-wsh:before {
  content: "\e2d0";
}
.fa-buromobelexperte:before {
  content: "\f37f";
}
.fa-salesforce:before {
  content: "\f83b";
}
.fa-octopus-deploy:before {
  content: "\e082";
}
.fa-medapps:before {
  content: "\f3c6";
}
.fa-ns8:before {
  content: "\f3d5";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-apper:before {
  content: "\f371";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-waze:before {
  content: "\f83f";
}
.fa-bluesky:before {
  content: "\e671";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-snapchat-ghost:before,
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-fantasy-flight-games:before {
  content: "\f6dc";
}
.fa-rust:before {
  content: "\e07a";
}
.fa-wix:before {
  content: "\f5cf";
}
.fa-behance-square:before,
.fa-square-behance:before {
  content: "\f1b5";
}
.fa-supple:before {
  content: "\f3f9";
}
.fa-webflow:before {
  content: "\e65c";
}
.fa-rebel:before {
  content: "\f1d0";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-staylinked:before {
  content: "\f3f5";
}
.fa-kaggle:before {
  content: "\f5fa";
}
.fa-space-awesome:before {
  content: "\e5ac";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-cpanel:before {
  content: "\f388";
}
.fa-goodreads-g:before {
  content: "\f3a9";
}
.fa-git-square:before,
.fa-square-git:before {
  content: "\f1d2";
}
.fa-square-tumblr:before,
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-trello:before {
  content: "\f181";
}
.fa-creative-commons-nc-jp:before {
  content: "\f4ea";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-perbyte:before {
  content: "\e083";
}
.fa-grunt:before {
  content: "\f3ad";
}
.fa-weebly:before {
  content: "\f5cc";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-themeco:before {
  content: "\f5c6";
}
.fa-python:before {
  content: "\f3e2";
}
.fa-android:before {
  content: "\f17b";
}
.fa-bots:before {
  content: "\e340";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-hornbill:before {
  content: "\f592";
}
.fa-js:before {
  content: "\f3b8";
}
.fa-ideal:before {
  content: "\e013";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-dev:before {
  content: "\f6cc";
}
.fa-sketch:before {
  content: "\f7c6";
}
.fa-yandex-international:before {
  content: "\f414";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-uber:before {
  content: "\f402";
}
.fa-github:before {
  content: "\f09b";
}
.fa-php:before {
  content: "\f457";
}
.fa-alipay:before {
  content: "\f642";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-firefox-browser:before {
  content: "\e007";
}
.fa-replyd:before {
  content: "\f3e6";
}
.fa-suse:before {
  content: "\f7d6";
}
.fa-jenkins:before {
  content: "\f3b6";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-rockrms:before {
  content: "\f3e9";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-buffer:before {
  content: "\f837";
}
.fa-npm:before {
  content: "\f3d4";
}
.fa-yammer:before {
  content: "\f840";
}
.fa-btc:before {
  content: "\f15a";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-stubber:before {
  content: "\e5c7";
}
.fa-telegram-plane:before,
.fa-telegram:before {
  content: "\f2c6";
}
.fa-old-republic:before {
  content: "\f510";
}
.fa-odysee:before {
  content: "\e5c6";
}
.fa-square-whatsapp:before,
.fa-whatsapp-square:before {
  content: "\f40c";
}
.fa-node-js:before {
  content: "\f3d3";
}
.fa-edge-legacy:before {
  content: "\e078";
}
.fa-slack-hash:before,
.fa-slack:before {
  content: "\f198";
}
.fa-medrt:before {
  content: "\f3c8";
}
.fa-usb:before {
  content: "\f287";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-vaadin:before {
  content: "\f408";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-square-x-twitter:before {
  content: "\e61a";
}
.fa-reacteurope:before {
  content: "\f75d";
}
.fa-medium-m:before,
.fa-medium:before {
  content: "\f23a";
}
.fa-amilia:before {
  content: "\f36d";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-flipboard:before {
  content: "\f44d";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-critical-role:before {
  content: "\f6c9";
}
.fa-sitrox:before {
  content: "\e44a";
}
.fa-discourse:before {
  content: "\f393";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-mastodon:before {
  content: "\f4f6";
}
.fa-airbnb:before {
  content: "\f834";
}
.fa-wolf-pack-battalion:before {
  content: "\f514";
}
.fa-buy-n-large:before {
  content: "\f8a6";
}
.fa-gulp:before {
  content: "\f3ae";
}
.fa-creative-commons-sampling-plus:before {
  content: "\f4f1";
}
.fa-strava:before {
  content: "\f428";
}
.fa-ember:before {
  content: "\f423";
}
.fa-canadian-maple-leaf:before {
  content: "\f785";
}
.fa-teamspeak:before {
  content: "\f4f9";
}
.fa-pushed:before {
  content: "\f3e1";
}
.fa-wordpress-simple:before {
  content: "\f411";
}
.fa-nutritionix:before {
  content: "\f3d6";
}
.fa-wodu:before {
  content: "\e088";
}
.fa-google-pay:before {
  content: "\e079";
}
.fa-intercom:before {
  content: "\f7af";
}
.fa-zhihu:before {
  content: "\f63f";
}
.fa-korvue:before {
  content: "\f42f";
}
.fa-pix:before {
  content: "\e43a";
}
.fa-steam-symbol:before {
  content: "\f3f6";
}
/*!
 * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:host,
:root {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}
@font-face {
  font-display: block;
  font-family: Font Awesome\6 Free;
  font-style: normal;
  font-weight: 900;
  src: url(/mbanking/static/media/fa-solid-900.4d986b00ff9ca3828fbd.woff2)
      format("woff2"),
    url(/mbanking/static/media/fa-solid-900.7b2ba6262efbbe4b150b.ttf)
      format("truetype");
}
.fa-solid,
.fas {
  font-weight: 900;
}
/*!
 * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:host,
:root {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
}
@font-face {
  font-display: block;
  font-family: Font Awesome\6 Free;
  font-style: normal;
  font-weight: 400;
  src: url(/mbanking/static/media/fa-regular-400.b5c92e4598dd79a509ab.woff2)
      format("woff2"),
    url(/mbanking/static/media/fa-regular-400.e2e861c02fab8d0dc88a.ttf)
      format("truetype");
}
.fa-regular,
.far {
  font-weight: 400;
}
@font-face {
  font-family: themify;
  font-style: normal;
  font-weight: 400;
  src: url(/mbanking/static/media/themify.9bad94440d49256265a5.eot);
  src: url(/mbanking/static/media/themify.9bad94440d49256265a5.eot?#iefix-fvbane)
      format("embedded-opentype"),
    url(/mbanking/static/media/themify.29b39089170885ae2967.woff) format("woff"),
    url(/mbanking/static/media/themify.eda8b94308c6f538f04a.ttf)
      format("truetype"),
    url(/mbanking/static/media/themify.f0fc8c798eac5636249c.svg#themify)
      format("svg");
}
[class*="icon-"],
[class^="icon-"] {
  speak: none;
  font-feature-settings: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: themify;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  *margin-right: 0.3em;
  text-transform: none;
}
[class*="icon-"]:before,
[class^="icon-"]:before {
  speak: none;
  display: inline-block;
  text-decoration: inherit;
}
.icon-large:before {
  font-size: 1.3333333333em;
  vertical-align: -10%;
}
a [class*="icon-"],
a [class^="icon-"] {
  display: inline;
}
[class*="icon-"].icon-fixed-width,
[class^="icon-"].icon-fixed-width {
  display: inline-block;
  padding-right: 0.2857142857em;
  text-align: right;
  width: 1.1428571429em;
}
[class*="icon-"].icon-fixed-width.icon-large,
[class^="icon-"].icon-fixed-width.icon-large {
  width: 1.4285714286em;
}
.icons-ul {
  list-style-type: none;
  margin-left: 2.1428571429em;
}
.icons-ul > li {
  position: relative;
}
.icons-ul .icon-li {
  left: -2.1428571429em;
  line-height: inherit;
  position: absolute;
  text-align: center;
  width: 2.1428571429em;
}
[class*="icon-"].hide,
[class^="icon-"].hide {
  display: none;
}
.icon-muted {
  color: #eee;
}
.icon-light {
  color: #fff;
}
.icon-dark {
  color: #333;
}
.icon-border {
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 0.2em 0.25em 0.15em;
}
.icon-2x {
  font-size: 2em;
}
.icon-2x.icon-border {
  border-radius: 4px;
  border-width: 2px;
}
.icon-3x {
  font-size: 3em;
}
.icon-3x.icon-border {
  border-radius: 5px;
  border-width: 3px;
}
.icon-4x {
  font-size: 4em;
}
.icon-4x.icon-border {
  border-radius: 6px;
  border-width: 4px;
}
.icon-5x {
  font-size: 5em;
}
.icon-5x.icon-border {
  border-radius: 7px;
  border-width: 5px;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
[class*="icon-"].pull-left,
[class^="icon-"].pull-left {
  margin-right: 0.3em;
}
[class*="icon-"].pull-right,
[class^="icon-"].pull-right {
  margin-left: 0.3em;
}
.icon-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: -35%;
  width: 2em;
}
.icon-stack [class*="icon-"],
.icon-stack [class^="icon-"] {
  display: block;
  font-size: 1em;
  height: 100%;
  line-height: inherit;
  *line-height: 2em;
  position: absolute;
  text-align: center;
  width: 100%;
}
.icon-stack .icon-stack-base {
  font-size: 2em;
  *line-height: 1em;
}
.icon-spin {
  animation: spin 2s linear infinite;
  display: inline-block;
}
a .icon-spin,
a .icon-stack {
  display: inline-block;
  text-decoration: none;
}
.icon-rotate-90:before {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  transform: rotate(90deg);
}
.icon-rotate-180:before {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  transform: rotate(180deg);
}
.icon-rotate-270:before {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform: rotate(270deg);
}
.icon-flip-horizontal:before {
  transform: scaleX(-1);
}
.icon-flip-vertical:before {
  transform: scaleY(-1);
}
a .icon-flip-horizontal:before,
a .icon-flip-vertical:before,
a .icon-rotate-180:before,
a .icon-rotate-270:before,
a .icon-rotate-90:before {
  display: inline-block;
}
.icon-wand:before {
  content: "\e600";
}
.icon-volume:before {
  content: "\e601";
}
.icon-user:before {
  content: "\e602";
}
.icon-unlock:before {
  content: "\e603";
}
.icon-unlink:before {
  content: "\e604";
}
.icon-trash:before {
  content: "\e605";
}
.icon-thought:before {
  content: "\e606";
}
.icon-target:before {
  content: "\e607";
}
.icon-tag:before {
  content: "\e608";
}
.icon-tablet:before {
  content: "\e609";
}
.icon-star:before {
  content: "\e60a";
}
.icon-spray:before {
  content: "\e60b";
}
.icon-signal:before {
  content: "\e60c";
}
.icon-shopping-cart:before {
  content: "\e60d";
}
.icon-shopping-cart-full:before {
  content: "\e60e";
}
.icon-settings:before {
  content: "\e60f";
}
.icon-search:before {
  content: "\e610";
}
.icon-zoom-in:before {
  content: "\e611";
}
.icon-zoom-out:before {
  content: "\e612";
}
.icon-cut:before {
  content: "\e613";
}
.icon-ruler:before {
  content: "\e614";
}
.icon-ruler-pencil:before {
  content: "\e615";
}
.icon-ruler-alt:before {
  content: "\e616";
}
.icon-bookmark:before {
  content: "\e617";
}
.icon-bookmark-alt:before {
  content: "\e618";
}
.icon-reload:before {
  content: "\e619";
}
.icon-plus:before {
  content: "\e61a";
}
.icon-pin:before {
  content: "\e61b";
}
.icon-pencil:before {
  content: "\e61c";
}
.icon-pencil-alt:before {
  content: "\e61d";
}
.icon-paint-roller:before {
  content: "\e61e";
}
.icon-paint-bucket:before {
  content: "\e61f";
}
.icon-na:before {
  content: "\e620";
}
.icon-mobile:before {
  content: "\e621";
}
.icon-minus:before {
  content: "\e622";
}
.icon-medall:before {
  content: "\e623";
}
.icon-medall-alt:before {
  content: "\e624";
}
.icon-marker:before {
  content: "\e625";
}
.icon-marker-alt:before {
  content: "\e626";
}
.icon-arrow-up:before {
  content: "\e627";
}
.icon-arrow-right:before {
  content: "\e628";
}
.icon-arrow-left:before {
  content: "\e629";
}
.icon-arrow-down:before {
  content: "\e62a";
}
.icon-lock:before {
  content: "\e62b";
}
.icon-location-arrow:before {
  content: "\e62c";
}
.icon-link:before {
  content: "\e62d";
}
.icon-layout:before {
  content: "\e62e";
}
.icon-layers:before {
  content: "\e62f";
}
.icon-layers-alt:before {
  content: "\e630";
}
.icon-key:before {
  content: "\e631";
}
.icon-import:before {
  content: "\e632";
}
.icon-image:before {
  content: "\e633";
}
.icon-heart:before {
  content: "\e634";
}
.icon-heart-broken:before {
  content: "\e635";
}
.icon-hand-stop:before {
  content: "\e636";
}
.icon-hand-open:before {
  content: "\e637";
}
.icon-hand-drag:before {
  content: "\e638";
}
.icon-folder:before {
  content: "\e639";
}
.icon-flag:before {
  content: "\e63a";
}
.icon-flag-alt:before {
  content: "\e63b";
}
.icon-flag-alt-2:before {
  content: "\e63c";
}
.icon-eye:before {
  content: "\e63d";
}
.icon-export:before {
  content: "\e63e";
}
.icon-exchange-vertical:before {
  content: "\e63f";
}
.icon-desktop:before {
  content: "\e640";
}
.icon-cup:before {
  content: "\e641";
}
.icon-crown:before {
  content: "\e642";
}
.icon-comments:before {
  content: "\e643";
}
.icon-comment:before {
  content: "\e644";
}
.icon-comment-alt:before {
  content: "\e645";
}
.icon-close:before {
  content: "\e646";
}
.icon-clip:before {
  content: "\e647";
}
.icon-angle-up:before {
  content: "\e648";
}
.icon-angle-right:before {
  content: "\e649";
}
.icon-angle-left:before {
  content: "\e64a";
}
.icon-angle-down:before {
  content: "\e64b";
}
.icon-check:before {
  content: "\e64c";
}
.icon-check-box:before {
  content: "\e64d";
}
.icon-camera:before {
  content: "\e64e";
}
.icon-announcement:before {
  content: "\e64f";
}
.icon-brush:before {
  content: "\e650";
}
.icon-briefcase:before {
  content: "\e651";
}
.icon-bolt:before {
  content: "\e652";
}
.icon-bolt-alt:before {
  content: "\e653";
}
.icon-blackboard:before {
  content: "\e654";
}
.icon-bag:before {
  content: "\e655";
}
.icon-move:before {
  content: "\e656";
}
.icon-arrows-vertical:before {
  content: "\e657";
}
.icon-arrows-horizontal:before {
  content: "\e658";
}
.icon-fullscreen:before {
  content: "\e659";
}
.icon-arrow-top-right:before {
  content: "\e65a";
}
.icon-arrow-top-left:before {
  content: "\e65b";
}
.icon-arrow-circle-up:before {
  content: "\e65c";
}
.icon-arrow-circle-right:before {
  content: "\e65d";
}
.icon-arrow-circle-left:before {
  content: "\e65e";
}
.icon-arrow-circle-down:before {
  content: "\e65f";
}
.icon-angle-double-up:before {
  content: "\e660";
}
.icon-angle-double-right:before {
  content: "\e661";
}
.icon-angle-double-left:before {
  content: "\e662";
}
.icon-angle-double-down:before {
  content: "\e663";
}
.icon-zip:before {
  content: "\e664";
}
.icon-world:before {
  content: "\e665";
}
.icon-wheelchair:before {
  content: "\e666";
}
.icon-view-list:before {
  content: "\e667";
}
.icon-view-list-alt:before {
  content: "\e668";
}
.icon-view-grid:before {
  content: "\e669";
}
.icon-uppercase:before {
  content: "\e66a";
}
.icon-upload:before {
  content: "\e66b";
}
.icon-underline:before {
  content: "\e66c";
}
.icon-truck:before {
  content: "\e66d";
}
.icon-timer:before {
  content: "\e66e";
}
.icon-ticket:before {
  content: "\e66f";
}
.icon-thumb-up:before {
  content: "\e670";
}
.icon-thumb-down:before {
  content: "\e671";
}
.icon-text:before {
  content: "\e672";
}
.icon-stats-up:before {
  content: "\e673";
}
.icon-stats-down:before {
  content: "\e674";
}
.icon-split-v:before {
  content: "\e675";
}
.icon-split-h:before {
  content: "\e676";
}
.icon-smallcap:before {
  content: "\e677";
}
.icon-shine:before {
  content: "\e678";
}
.icon-shift-right:before {
  content: "\e679";
}
.icon-shift-left:before {
  content: "\e67a";
}
.icon-shield:before {
  content: "\e67b";
}
.icon-notepad:before {
  content: "\e67c";
}
.icon-server:before {
  content: "\e67d";
}
.icon-quote-right:before {
  content: "\e67e";
}
.icon-quote-left:before {
  content: "\e67f";
}
.icon-pulse:before {
  content: "\e680";
}
.icon-printer:before {
  content: "\e681";
}
.icon-power-off:before {
  content: "\e682";
}
.icon-plug:before {
  content: "\e683";
}
.icon-pie-chart:before {
  content: "\e684";
}
.icon-paragraph:before {
  content: "\e685";
}
.icon-panel:before {
  content: "\e686";
}
.icon-package:before {
  content: "\e687";
}
.icon-music:before {
  content: "\e688";
}
.icon-music-alt:before {
  content: "\e689";
}
.icon-mouse:before {
  content: "\e68a";
}
.icon-mouse-alt:before {
  content: "\e68b";
}
.icon-money:before {
  content: "\e68c";
}
.icon-microphone:before {
  content: "\e68d";
}
.icon-menu:before {
  content: "\e68e";
}
.icon-menu-alt:before {
  content: "\e68f";
}
.icon-map:before {
  content: "\e690";
}
.icon-map-alt:before {
  content: "\e691";
}
.icon-loop:before {
  content: "\e692";
}
.icon-location-pin:before {
  content: "\e693";
}
.icon-list:before {
  content: "\e694";
}
.icon-light-bulb:before {
  content: "\e695";
}
.icon-Italic:before {
  content: "\e696";
}
.icon-info:before {
  content: "\e697";
}
.icon-infinite:before {
  content: "\e698";
}
.icon-id-badge:before {
  content: "\e699";
}
.icon-hummer:before {
  content: "\e69a";
}
.icon-home:before {
  content: "\e69b";
}
.icon-help:before {
  content: "\e69c";
}
.icon-headphone:before {
  content: "\e69d";
}
.icon-harddrives:before {
  content: "\e69e";
}
.icon-harddrive:before {
  content: "\e69f";
}
.icon-gift:before {
  content: "\e6a0";
}
.icon-game:before {
  content: "\e6a1";
}
.icon-filter:before {
  content: "\e6a2";
}
.icon-files:before {
  content: "\e6a3";
}
.icon-file:before {
  content: "\e6a4";
}
.icon-eraser:before {
  content: "\e6a5";
}
.icon-envelope:before {
  content: "\e6a6";
}
.icon-download:before {
  content: "\e6a7";
}
.icon-direction:before {
  content: "\e6a8";
}
.icon-direction-alt:before {
  content: "\e6a9";
}
.icon-dashboard:before {
  content: "\e6aa";
}
.icon-control-stop:before {
  content: "\e6ab";
}
.icon-control-shuffle:before {
  content: "\e6ac";
}
.icon-control-play:before {
  content: "\e6ad";
}
.icon-control-pause:before {
  content: "\e6ae";
}
.icon-control-forward:before {
  content: "\e6af";
}
.icon-control-backward:before {
  content: "\e6b0";
}
.icon-cloud:before {
  content: "\e6b1";
}
.icon-cloud-up:before {
  content: "\e6b2";
}
.icon-cloud-down:before {
  content: "\e6b3";
}
.icon-clipboard:before {
  content: "\e6b4";
}
.icon-car:before {
  content: "\e6b5";
}
.icon-calendar:before {
  content: "\e6b6";
}
.icon-book:before {
  content: "\e6b7";
}
.icon-bell:before {
  content: "\e6b8";
}
.icon-basketball:before {
  content: "\e6b9";
}
.icon-bar-chart:before {
  content: "\e6ba";
}
.icon-bar-chart-alt:before {
  content: "\e6bb";
}
.icon-back-right:before {
  content: "\e6bc";
}
.icon-back-left:before {
  content: "\e6bd";
}
.icon-arrows-corner:before {
  content: "\e6be";
}
.icon-archive:before {
  content: "\e6bf";
}
.icon-anchor:before {
  content: "\e6c0";
}
.icon-align-right:before {
  content: "\e6c1";
}
.icon-align-left:before {
  content: "\e6c2";
}
.icon-align-justify:before {
  content: "\e6c3";
}
.icon-align-center:before {
  content: "\e6c4";
}
.icon-alert:before {
  content: "\e6c5";
}
.icon-alarm-clock:before {
  content: "\e6c6";
}
.icon-agenda:before {
  content: "\e6c7";
}
.icon-write:before {
  content: "\e6c8";
}
.icon-window:before {
  content: "\e6c9";
}
.icon-widgetized:before {
  content: "\e6ca";
}
.icon-widget:before {
  content: "\e6cb";
}
.icon-widget-alt:before {
  content: "\e6cc";
}
.icon-wallet:before {
  content: "\e6cd";
}
.icon-video-clapper:before {
  content: "\e6ce";
}
.icon-video-camera:before {
  content: "\e6cf";
}
.icon-vector:before {
  content: "\e6d0";
}
.icon-themify-logo:before {
  content: "\e6d1";
}
.icon-themify-favicon:before {
  content: "\e6d2";
}
.icon-themify-favicon-alt:before {
  content: "\e6d3";
}
.icon-support:before {
  content: "\e6d4";
}
.icon-stamp:before {
  content: "\e6d5";
}
.icon-split-v-alt:before {
  content: "\e6d6";
}
.icon-slice:before {
  content: "\e6d7";
}
.icon-shortcode:before {
  content: "\e6d8";
}
.icon-shift-right-alt:before {
  content: "\e6d9";
}
.icon-shift-left-alt:before {
  content: "\e6da";
}
.icon-ruler-alt-2:before {
  content: "\e6db";
}
.icon-receipt:before {
  content: "\e6dc";
}
.icon-pin2:before {
  content: "\e6dd";
}
.icon-pin-alt:before {
  content: "\e6de";
}
.icon-pencil-alt2:before {
  content: "\e6df";
}
.icon-palette:before {
  content: "\e6e0";
}
.icon-more:before {
  content: "\e6e1";
}
.icon-more-alt:before {
  content: "\e6e2";
}
.icon-microphone-alt:before {
  content: "\e6e3";
}
.icon-magnet:before {
  content: "\e6e4";
}
.icon-line-double:before {
  content: "\e6e5";
}
.icon-line-dotted:before {
  content: "\e6e6";
}
.icon-line-dashed:before {
  content: "\e6e7";
}
.icon-layout-width-full:before {
  content: "\e6e8";
}
.icon-layout-width-default:before {
  content: "\e6e9";
}
.icon-layout-width-default-alt:before {
  content: "\e6ea";
}
.icon-layout-tab:before {
  content: "\e6eb";
}
.icon-layout-tab-window:before {
  content: "\e6ec";
}
.icon-layout-tab-v:before {
  content: "\e6ed";
}
.icon-layout-tab-min:before {
  content: "\e6ee";
}
.icon-layout-slider:before {
  content: "\e6ef";
}
.icon-layout-slider-alt:before {
  content: "\e6f0";
}
.icon-layout-sidebar-right:before {
  content: "\e6f1";
}
.icon-layout-sidebar-none:before {
  content: "\e6f2";
}
.icon-layout-sidebar-left:before {
  content: "\e6f3";
}
.icon-layout-placeholder:before {
  content: "\e6f4";
}
.icon-layout-menu:before {
  content: "\e6f5";
}
.icon-layout-menu-v:before {
  content: "\e6f6";
}
.icon-layout-menu-separated:before {
  content: "\e6f7";
}
.icon-layout-menu-full:before {
  content: "\e6f8";
}
.icon-layout-media-right-alt:before {
  content: "\e6f9";
}
.icon-layout-media-right:before {
  content: "\e6fa";
}
.icon-layout-media-overlay:before {
  content: "\e6fb";
}
.icon-layout-media-overlay-alt:before {
  content: "\e6fc";
}
.icon-layout-media-overlay-alt-2:before {
  content: "\e6fd";
}
.icon-layout-media-left-alt:before {
  content: "\e6fe";
}
.icon-layout-media-left:before {
  content: "\e6ff";
}
.icon-layout-media-center-alt:before {
  content: "\e700";
}
.icon-layout-media-center:before {
  content: "\e701";
}
.icon-layout-list-thumb:before {
  content: "\e702";
}
.icon-layout-list-thumb-alt:before {
  content: "\e703";
}
.icon-layout-list-post:before {
  content: "\e704";
}
.icon-layout-list-large-image:before {
  content: "\e705";
}
.icon-layout-line-solid:before {
  content: "\e706";
}
.icon-layout-grid4:before {
  content: "\e707";
}
.icon-layout-grid3:before {
  content: "\e708";
}
.icon-layout-grid2:before {
  content: "\e709";
}
.icon-layout-grid2-thumb:before {
  content: "\e70a";
}
.icon-layout-cta-right:before {
  content: "\e70b";
}
.icon-layout-cta-left:before {
  content: "\e70c";
}
.icon-layout-cta-center:before {
  content: "\e70d";
}
.icon-layout-cta-btn-right:before {
  content: "\e70e";
}
.icon-layout-cta-btn-left:before {
  content: "\e70f";
}
.icon-layout-column4:before {
  content: "\e710";
}
.icon-layout-column3:before {
  content: "\e711";
}
.icon-layout-column2:before {
  content: "\e712";
}
.icon-layout-accordion-separated:before {
  content: "\e713";
}
.icon-layout-accordion-merged:before {
  content: "\e714";
}
.icon-layout-accordion-list:before {
  content: "\e715";
}
.icon-ink-pen:before {
  content: "\e716";
}
.icon-info-alt:before {
  content: "\e717";
}
.icon-help-alt:before {
  content: "\e718";
}
.icon-headphone-alt:before {
  content: "\e719";
}
.icon-hand-point-up:before {
  content: "\e71a";
}
.icon-hand-point-right:before {
  content: "\e71b";
}
.icon-hand-point-left:before {
  content: "\e71c";
}
.icon-hand-point-down:before {
  content: "\e71d";
}
.icon-gallery:before {
  content: "\e71e";
}
.icon-face-smile:before {
  content: "\e71f";
}
.icon-face-sad:before {
  content: "\e720";
}
.icon-credit-card:before {
  content: "\e721";
}
.icon-control-skip-forward:before {
  content: "\e722";
}
.icon-control-skip-backward:before {
  content: "\e723";
}
.icon-control-record:before {
  content: "\e724";
}
.icon-control-eject:before {
  content: "\e725";
}
.icon-comments-smiley:before {
  content: "\e726";
}
.icon-brush-alt:before {
  content: "\e727";
}
.icon-youtube:before {
  content: "\e728";
}
.icon-vimeo:before {
  content: "\e729";
}
.icon-twitter:before {
  content: "\e72a";
}
.icon-time:before {
  content: "\e72b";
}
.icon-tumblr:before {
  content: "\e72c";
}
.icon-skype:before {
  content: "\e72d";
}
.icon-share:before {
  content: "\e72e";
}
.icon-share-alt:before {
  content: "\e72f";
}
.icon-rocket:before {
  content: "\e730";
}
.icon-pinterest:before {
  content: "\e731";
}
.icon-new-window:before {
  content: "\e732";
}
.icon-microsoft:before {
  content: "\e733";
}
.icon-list-ol:before {
  content: "\e734";
}
.icon-linkedin:before {
  content: "\e735";
}
.icon-layout-sidebar-2:before {
  content: "\e736";
}
.icon-layout-grid4-alt:before {
  content: "\e737";
}
.icon-layout-grid3-alt:before {
  content: "\e738";
}
.icon-layout-grid2-alt:before {
  content: "\e739";
}
.icon-layout-column4-alt:before {
  content: "\e73a";
}
.icon-layout-column3-alt:before {
  content: "\e73b";
}
.icon-layout-column2-alt:before {
  content: "\e73c";
}
.icon-instagram:before {
  content: "\e73d";
}
.icon-google:before {
  content: "\e73e";
}
.icon-github:before {
  content: "\e73f";
}
.icon-flickr:before {
  content: "\e740";
}
.icon-facebook:before {
  content: "\e741";
}
.icon-dropbox:before {
  content: "\e742";
}
.icon-dribbble:before {
  content: "\e743";
}
.icon-apple:before {
  content: "\e744";
}
.icon-android:before {
  content: "\e745";
}
.icon-save:before {
  content: "\e746";
}
.icon-save-alt:before {
  content: "\e747";
}
.icon-yahoo:before {
  content: "\e748";
}
.icon-wordpress:before {
  content: "\e749";
}
.icon-vimeo-alt:before {
  content: "\e74a";
}
.icon-twitter-alt:before {
  content: "\e74b";
}
.icon-tumblr-alt:before {
  content: "\e74c";
}
.icon-trello:before {
  content: "\e74d";
}
.icon-stack-overflow:before {
  content: "\e74e";
}
.icon-soundcloud:before {
  content: "\e74f";
}
.icon-sharethis:before {
  content: "\e750";
}
.icon-sharethis-alt:before {
  content: "\e751";
}
.icon-reddit:before {
  content: "\e752";
}
.icon-pinterest-alt:before {
  content: "\e753";
}
.icon-microsoft-alt:before {
  content: "\e754";
}
.icon-linux:before {
  content: "\e755";
}
.icon-jsfiddle:before {
  content: "\e756";
}
.icon-joomla:before {
  content: "\e757";
}
.icon-html5:before {
  content: "\e758";
}
.icon-flickr-alt:before {
  content: "\e759";
}
.icon-email:before {
  content: "\e75a";
}
.icon-drupal:before {
  content: "\e75b";
}
.icon-dropbox-alt:before {
  content: "\e75c";
}
.icon-css3:before {
  content: "\e75d";
}
.icon-rss:before {
  content: "\e75e";
}
.icon-rss-alt:before {
  content: "\e75f";
}
/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  animation-duration: 1s;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  animation-iteration-count: 1;
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  animation-iteration-count: 2;
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  animation-iteration-count: 3;
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  animation-delay: 1s;
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  animation-delay: 2s;
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  animation-delay: 3s;
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  animation-delay: 4s;
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  animation-delay: 5s;
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  animation-duration: 0.5s;
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  animation-duration: 0.8s;
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  animation-duration: 2s;
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  animation-duration: 3s;
  animation-duration: calc(var(--animate-duration) * 3);
}
@media (prefers-reduced-motion: reduce), print {
  .animate__animated {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
  }
  .animate__animated[class*="Out"] {
    opacity: 0;
  }
}
@keyframes bounce {
  0%,
  20%,
  53%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    transform: translateZ(0) scaleY(0.95);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
.animate__flash {
  animation-name: flash;
}
@keyframes pulse {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scaleX(1);
  }
}
.animate__pulse {
  animation-name: pulse;
  animation-timing-function: ease-in-out;
}
@keyframes rubberBand {
  0% {
    transform: scaleX(1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scaleX(1);
  }
}
.animate__rubberBand {
  animation-name: rubberBand;
}
@keyframes shakeX {
  0%,
  to {
    transform: translateZ(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  animation-name: shakeX;
}
@keyframes shakeY {
  0%,
  to {
    transform: translateZ(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(0, -10px, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  animation-name: shakeY;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.animate__headShake {
  animation-name: headShake;
  animation-timing-function: ease-in-out;
}
.animate__swing {
  animation-name: swing;
  transform-origin: top center;
}
@keyframes tada {
  0% {
    transform: scaleX(1);
  }
  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    transform: scaleX(1);
  }
}
.animate__tada {
  animation-name: tada;
}
@keyframes wobble {
  0% {
    transform: translateZ(0);
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    transform: translateZ(0);
  }
}
.animate__wobble {
  animation-name: wobble;
}
@keyframes jello {
  0%,
  11.1%,
  to {
    transform: translateZ(0);
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.3);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1);
  }
}
.animate__heartBeat {
  animation-duration: 1.3s;
  animation-duration: calc(var(--animate-duration) * 1.3);
  animation-name: heartBeat;
  animation-timing-function: ease-in-out;
}
@keyframes backInDown {
  0% {
    opacity: 0.7;
    transform: translateY(-1200px) scale(0.7);
  }
  80% {
    opacity: 0.7;
    transform: translateY(0) scale(0.7);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animate__backInDown {
  animation-name: backInDown;
}
@keyframes backInLeft {
  0% {
    opacity: 0.7;
    transform: translateX(-2000px) scale(0.7);
  }
  80% {
    opacity: 0.7;
    transform: translateX(0) scale(0.7);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animate__backInLeft {
  animation-name: backInLeft;
}
@keyframes backInRight {
  0% {
    opacity: 0.7;
    transform: translateX(2000px) scale(0.7);
  }
  80% {
    opacity: 0.7;
    transform: translateX(0) scale(0.7);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animate__backInRight {
  animation-name: backInRight;
}
@keyframes backInUp {
  0% {
    opacity: 0.7;
    transform: translateY(1200px) scale(0.7);
  }
  80% {
    opacity: 0.7;
    transform: translateY(0) scale(0.7);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animate__backInUp {
  animation-name: backInUp;
}
@keyframes backOutDown {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  20% {
    opacity: 0.7;
    transform: translateY(0) scale(0.7);
  }
  to {
    opacity: 0.7;
    transform: translateY(700px) scale(0.7);
  }
}
.animate__backOutDown {
  animation-name: backOutDown;
}
@keyframes backOutLeft {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  20% {
    opacity: 0.7;
    transform: translateX(0) scale(0.7);
  }
  to {
    opacity: 0.7;
    transform: translateX(-2000px) scale(0.7);
  }
}
.animate__backOutLeft {
  animation-name: backOutLeft;
}
@keyframes backOutRight {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  20% {
    opacity: 0.7;
    transform: translateX(0) scale(0.7);
  }
  to {
    opacity: 0.7;
    transform: translateX(2000px) scale(0.7);
  }
}
.animate__backOutRight {
  animation-name: backOutRight;
}
@keyframes backOutUp {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  20% {
    opacity: 0.7;
    transform: translateY(0) scale(0.7);
  }
  to {
    opacity: 0.7;
    transform: translateY(-700px) scale(0.7);
  }
}
.animate__backOutUp {
  animation-name: backOutUp;
}
@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}
.animate__bounceIn {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    transform: translateZ(0);
  }
}
.animate__bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    transform: translateZ(0);
  }
}
.animate__bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    transform: translateZ(0);
  }
}
.animate__bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    transform: translateZ(0);
  }
}
.animate__bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInTopLeft {
  animation-name: fadeInTopLeft;
}
@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInTopRight {
  animation-name: fadeInTopRight;
}
@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInBottomLeft {
  animation-name: fadeInBottomLeft;
}
@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInBottomRight {
  animation-name: fadeInBottomRight;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  animation-name: fadeOutTopLeft;
}
@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  animation-name: fadeOutTopRight;
}
@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  animation-name: fadeOutBottomRight;
}
@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  animation-name: fadeOutBottomLeft;
}
@keyframes flip {
  0% {
    animation-timing-function: ease-out;
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
  }
  40% {
    animation-timing-function: ease-out;
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
  }
  50% {
    animation-timing-function: ease-in;
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
  }
  80% {
    animation-timing-function: ease-in;
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)
      rotateY(0deg);
  }
  to {
    animation-timing-function: ease-in;
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
  }
}
.animate__animated.animate__flip {
  animation-name: flip;
  backface-visibility: visible;
}
@keyframes flipInX {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
  }
  40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotateX(-20deg);
  }
  60% {
    opacity: 1;
    transform: perspective(400px) rotateX(10deg);
  }
  80% {
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.animate__flipInX {
  animation-name: flipInX;
  backface-visibility: visible !important;
}
@keyframes flipInY {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotateY(-20deg);
  }
  60% {
    opacity: 1;
    transform: perspective(400px) rotateY(10deg);
  }
  80% {
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.animate__flipInY {
  animation-name: flipInY;
  backface-visibility: visible !important;
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px);
  }
  30% {
    opacity: 1;
    transform: perspective(400px) rotateX(-20deg);
  }
  to {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
  }
}
.animate__flipOutX {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px);
  }
  30% {
    opacity: 1;
    transform: perspective(400px) rotateY(-15deg);
  }
  to {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
  }
}
.animate__flipOutY {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: flipOutY;
  backface-visibility: visible !important;
}
@keyframes lightSpeedInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) skewX(-30deg);
  }
  60% {
    opacity: 1;
    transform: skewX(20deg);
  }
  80% {
    transform: skewX(-5deg);
  }
  to {
    transform: translateZ(0);
  }
}
.animate__lightSpeedInRight {
  animation-name: lightSpeedInRight;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) skewX(30deg);
  }
  60% {
    opacity: 1;
    transform: skewX(-20deg);
  }
  80% {
    transform: skewX(5deg);
  }
  to {
    transform: translateZ(0);
  }
}
.animate__lightSpeedInLeft {
  animation-name: lightSpeedInLeft;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) skewX(30deg);
  }
}
.animate__lightSpeedOutRight {
  animation-name: lightSpeedOutRight;
  animation-timing-function: ease-in;
}
@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
  }
}
.animate__lightSpeedOutLeft {
  animation-name: lightSpeedOutLeft;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  0% {
    opacity: 0;
    transform: rotate(-200deg);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__rotateIn {
  animation-name: rotateIn;
  transform-origin: center;
}
@keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    transform: rotate(-45deg);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__rotateInDownLeft {
  animation-name: rotateInDownLeft;
  transform-origin: left bottom;
}
@keyframes rotateInDownRight {
  0% {
    opacity: 0;
    transform: rotate(45deg);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__rotateInDownRight {
  animation-name: rotateInDownRight;
  transform-origin: right bottom;
}
@keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    transform: rotate(45deg);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__rotateInUpLeft {
  animation-name: rotateInUpLeft;
  transform-origin: left bottom;
}
@keyframes rotateInUpRight {
  0% {
    opacity: 0;
    transform: rotate(-90deg);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__rotateInUpRight {
  animation-name: rotateInUpRight;
  transform-origin: right bottom;
}
@keyframes rotateOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: rotate(200deg);
  }
}
.animate__rotateOut {
  animation-name: rotateOut;
  transform-origin: center;
}
@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: rotate(45deg);
  }
}
.animate__rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
  transform-origin: left bottom;
}
@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: rotate(-45deg);
  }
}
.animate__rotateOutDownRight {
  animation-name: rotateOutDownRight;
  transform-origin: right bottom;
}
@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: rotate(-45deg);
  }
}
.animate__rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
  transform-origin: left bottom;
}
@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: rotate(90deg);
  }
}
.animate__rotateOutUpRight {
  animation-name: rotateOutUpRight;
  transform-origin: right bottom;
}
@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    animation-timing-function: ease-in-out;
    transform: rotate(80deg);
  }
  40%,
  80% {
    animation-timing-function: ease-in-out;
    opacity: 1;
    transform: rotate(60deg);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 700px, 0);
  }
}
.animate__hinge {
  animation-duration: 2s;
  animation-duration: calc(var(--animate-duration) * 2);
  animation-name: hinge;
  transform-origin: top left;
}
@keyframes jackInTheBox {
  0% {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  animation-name: jackInTheBox;
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__rollIn {
  animation-name: rollIn;
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
.animate__rollOut {
  animation-name: rollOut;
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}
.animate__zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}
.animate__zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}
.animate__zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}
.animate__zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
  to {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
  }
}
.animate__zoomOutDown {
  animation-name: zoomOutDown;
  transform-origin: center bottom;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  animation-name: zoomOutLeft;
  transform-origin: left center;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  animation-name: zoomOutRight;
  transform-origin: right center;
}
@keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
  to {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
  }
}
.animate__zoomOutUp {
  animation-name: zoomOutUp;
  transform-origin: center bottom;
}
@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.animate__slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.animate__slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.animate__slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.animate__slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, 100%, 0);
    visibility: hidden;
  }
}
.animate__slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
    visibility: hidden;
  }
}
.animate__slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(100%, 0, 0);
    visibility: hidden;
  }
}
.animate__slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.animate__slideOutUp {
  animation-name: slideOutUp;
}
[data-simplebar] {
  align-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
}
.simplebar-wrapper {
  height: inherit;
  max-height: inherit;
  max-width: inherit;
  overflow: hidden;
  width: inherit;
}
.simplebar-mask {
  direction: inherit;
  height: auto !important;
  overflow: hidden;
  width: auto !important;
  z-index: 0;
}
.simplebar-mask,
.simplebar-offset {
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.simplebar-offset {
  -webkit-overflow-scrolling: touch;
  box-sizing: inherit !important;
  direction: inherit !important;
  resize: none !important;
}
.simplebar-content-wrapper {
  -ms-overflow-style: none;
  box-sizing: border-box !important;
  direction: inherit;
  display: block;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  scrollbar-width: none;
  width: auto;
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.simplebar-content:after,
.simplebar-content:before {
  content: " ";
  display: table;
}
.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  pointer-events: none;
  width: 100%;
}
.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  flex-basis: 0;
  flex-grow: inherit;
  flex-shrink: 0;
  float: left;
  height: 100%;
  margin: 0;
  max-height: 1px;
  max-width: 1px;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: relative;
  width: 100%;
  z-index: -1;
}
.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  height: 1000%;
  left: 0;
  min-height: 1px;
  min-width: 1px;
  opacity: 0;
  top: 0;
  width: 1000%;
  z-index: -1;
}
.simplebar-height-auto-observer,
.simplebar-track {
  overflow: hidden;
  pointer-events: none;
  position: absolute;
}
.simplebar-track {
  bottom: 0;
  right: 0;
  z-index: 1;
}
[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}
.simplebar-scrollbar {
  left: 0;
  min-height: 10px;
  position: absolute;
  right: 0;
}
.simplebar-scrollbar:before {
  background: #000;
  border-radius: 7px;
  content: "";
  left: 2px;
  opacity: 0;
  position: absolute;
  right: 2px;
  transition: opacity 0.2s linear;
}
.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition: opacity 0s linear;
}
.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  bottom: 2px;
  top: 2px;
}
.simplebar-track.simplebar-horizontal {
  height: 11px;
  left: 0;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  height: 7px;
  left: 0;
  min-height: 0;
  min-width: 10px;
  right: auto;
  top: 2px;
  width: auto;
}
[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
  left: 0;
  right: auto;
}
.hs-dummy-scrollbar-size {
  direction: rtl;
  height: 500px;
  opacity: 0;
  overflow-x: scroll;
  overflow-y: hidden;
  position: fixed;
  visibility: hidden;
  width: 500px;
}
.simplebar-hide-scrollbar {
  -ms-overflow-style: none;
  left: 0;
  overflow-y: scroll;
  position: fixed;
  scrollbar-width: none;
  visibility: hidden;
}
/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;
  --pswp-root-z-index: 100000;
  --pswp-preloader-color: #4f4f4f66;
  --pswp-preloader-color-secondary: #ffffffe6;
  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;
  --pswp-error-text-color: var(--pswp-icon-color);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  contain: layout style size;
  display: none;
  height: 100%;
  left: 0;
  opacity: 0.003;
  position: fixed;
  top: 0;
  touch-action: none;
  width: 100%;
  z-index: var(--pswp-root-z-index);
}
.pswp,
.pswp:focus {
  outline: 0;
}
.pswp * {
  box-sizing: border-box;
}
.pswp img {
  max-width: none;
}
.pswp--open {
  display: block;
}
.pswp,
.pswp__bg {
  transform: translateZ(0);
  will-change: opacity;
}
.pswp__bg {
  background: var(--pswp-bg);
  opacity: 0.005;
}
.pswp,
.pswp__scroll-wrap {
  overflow: hidden;
}
.pswp__bg,
.pswp__container,
.pswp__content,
.pswp__img,
.pswp__item,
.pswp__scroll-wrap,
.pswp__zoom-wrap {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.pswp__img,
.pswp__zoom-wrap {
  height: auto;
  width: auto;
}
.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
  cursor: zoom-in;
}
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
  cursor: move;
  cursor: grab;
}
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: grabbing;
}
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
  cursor: zoom-out;
}
.pswp__button,
.pswp__container,
.pswp__counter,
.pswp__img {
  -webkit-user-select: none;
  user-select: none;
}
.pswp__item {
  overflow: hidden;
  z-index: 1;
}
.pswp__hidden {
  display: none !important;
}
.pswp__content {
  pointer-events: none;
}
.pswp__content > * {
  pointer-events: auto;
}
.pswp__error-msg-container {
  display: grid;
}
.pswp__error-msg {
  color: var(--pswp-error-text-color);
  font-size: 1em;
  line-height: 1;
  margin: auto;
}
.pswp .pswp__hide-on-close {
  opacity: 0.005;
  pointer-events: none;
  transition: opacity var(--pswp-transition-duration)
    cubic-bezier(0.4, 0, 0.22, 1);
  will-change: opacity;
  z-index: 10;
}
.pswp--ui-visible .pswp__hide-on-close {
  opacity: 1;
  pointer-events: auto;
}
.pswp__button {
  -webkit-touch-callout: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  display: block;
  height: 60px;
  margin: 0;
  opacity: 0.85;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 50px;
}
.pswp__button:active,
.pswp__button:focus,
.pswp__button:hover {
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
  padding: 0;
  transition: none;
}
.pswp__button:disabled {
  cursor: auto;
  opacity: 0.3;
}
.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
  height: 32px;
  left: 9px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 14px;
  width: 32px;
}
.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}
.pswp__icn:focus {
  outline: 0;
}
.pswp__img--with-bg,
div.pswp__img--placeholder {
  background: var(--pswp-placeholder-bg);
}
.pswp__top-bar {
  display: flex;
  flex-direction: row;
  height: 60px;
  justify-content: flex-end;
  left: 0;
  pointer-events: none !important;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.pswp__top-bar > * {
  pointer-events: auto;
  will-change: opacity;
}
.pswp__button--close {
  margin-right: 6px;
}
.pswp__button--arrow {
  height: 100px;
  margin-top: -50px;
  position: absolute;
  top: 0;
  top: 50%;
  width: 75px;
}
.pswp__button--arrow:disabled {
  cursor: default;
  display: none;
}
.pswp__button--arrow .pswp__icn {
  background: none;
  border-radius: 0;
  height: 60px;
  margin-top: -30px;
  top: 50%;
  width: 60px;
}
.pswp--one-slide .pswp__button--arrow {
  display: none;
}
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}
.pswp__button--arrow--prev {
  left: 0;
  right: auto;
}
.pswp__button--arrow--next {
  right: 0;
}
.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  transform: scaleX(-1);
}
.pswp__button--zoom {
  display: none;
}
.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}
.pswp__preloader {
  height: 60px;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  width: 50px;
}
.pswp__preloader .pswp__icn {
  animation: pswp-clockwise 0.6s linear infinite;
  opacity: 0;
  transition: opacity 0.2s linear;
}
.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}
@keyframes pswp-clockwise {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.pswp__counter {
  color: var(--pswp-icon-color);
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  margin-top: 15px;
  margin-inline-start: 20px;
  opacity: 0.85;
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
}
.pswp--one-slide .pswp__counter {
  display: none;
}

/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme="light"] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, #ffffff26, #fff0);
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: #212529bf;
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: #21252980;
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem #00000026;
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: #0d6efd40;
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme="dark"] {
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: #dee2e6bf;
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: #dee2e680;
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: #ffffff26;
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
  color-scheme: dark;
}
*,
:after,
:before {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: initial;
  background-color: var(--bs-body-bg);
  color: #212529;
  color: var(--bs-body-color);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue,
    Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji,
    Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-family: var(--bs-body-font-family);
  font-size: 1rem;
  font-size: var(--bs-body-font-size);
  font-weight: 400;
  font-weight: var(--bs-body-font-weight);
  line-height: 1.5;
  line-height: var(--bs-body-line-height);
  margin: 0;
  text-align: var(--bs-body-text-align);
}
hr {
  border: 0;
  border-top: 1px solid;
  border-top: var(--bs-border-width) solid;
  color: inherit;
  margin: 1rem 0;
  opacity: 0.25;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #3d3d47;
  color: var(--bs-heading-color);
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  margin-top: 0;
}
.h1,
h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .h1,
  h1 {
    font-size: 2.5rem;
  }
}
.h2,
h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  .h2,
  h2 {
    font-size: 2rem;
  }
}
.h3,
h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  .h3,
  h3 {
    font-size: 1.75rem;
  }
}
.h4,
h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  .h4,
  h4 {
    font-size: 1.5rem;
  }
}
.h5,
h5 {
  font-size: 1.25rem;
}
.h6,
h6 {
  font-size: 1rem;
}
p {
  margin-bottom: 1rem;
  margin-top: 0;
}
abbr[title] {
  cursor: help;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
address {
  font-style: normal;
  line-height: inherit;
  margin-bottom: 1rem;
}
ol,
ul {
  padding-left: 2rem;
}
dl,
ol,
ul {
  margin-bottom: 1rem;
  margin-top: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
.small,
small {
  font-size: 0.875em;
}
.mark,
mark {
  background-color: #fff3cd;
  background-color: var(--bs-highlight-bg);
  color: #212529;
  color: var(--bs-highlight-color);
  padding: 0.1875em;
}
sub,
sup {
  font-size: 0.75em;
  line-height: 0;
  position: relative;
  vertical-align: initial;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #0d6efd;
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
code,
kbd,
pre,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono,
    Courier New, monospace;
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  font-size: 0.875em;
  margin-bottom: 1rem;
  margin-top: 0;
  overflow: auto;
}
pre code {
  color: inherit;
  font-size: inherit;
  word-break: normal;
}
code {
  word-wrap: break-word;
  color: #d63384;
  color: var(--bs-code-color);
  font-size: 0.875em;
}
a > code {
  color: inherit;
}
kbd {
  background-color: #212529;
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
  color: #0000;
  color: var(--bs-body-bg);
  font-size: 0.875em;
  padding: 0.1875rem 0.375rem;
}
kbd kbd {
  font-size: 1em;
  padding: 0;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  border-collapse: collapse;
  caption-side: bottom;
}
caption {
  color: #212529bf;
  color: var(--bs-secondary-color);
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
tbody,
td,
tfoot,
th,
thead,
tr {
  border: 0 solid;
  border-color: inherit;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
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;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
textarea {
  resize: vertical;
}
fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0;
}
legend {
  float: left;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
  margin-bottom: 0.5rem;
  padding: 0;
  width: 100%;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  -webkit-appearance: button;
  font: inherit;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  cursor: pointer;
  display: list-item;
}
progress {
  vertical-align: initial;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.25rem;
  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-inline,
.list-unstyled {
  list-style: none;
  padding-left: 0;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}
.blockquote {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  color: #6c757d;
  font-size: 0.875em;
  margin-bottom: 1rem;
  margin-top: -1rem;
}
.blockquote-footer:before {
  content: "— ";
}
.img-fluid,
.img-thumbnail {
  height: auto;
  max-width: 100%;
}
.img-thumbnail {
  background-color: initial;
  background-color: var(--bs-body-bg);
  border: 1px solid #dee2e6;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 0.375rem;
  border-radius: var(--bs-border-radius);
  padding: 0.25rem;
}
.figure {
  display: inline-block;
}
.figure-img {
  line-height: 1;
  margin-bottom: 0.5rem;
}
.figure-caption {
  color: #212529bf;
  color: var(--bs-secondary-color);
  font-size: 0.875em;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  width: 100%;
}
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--bs-gutter-x) * -0.5);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-top: calc(var(--bs-gutter-y) * -1);
}
.row > * {
  flex-shrink: 0;
  margin-top: var(--bs-gutter-y);
  max-width: 100%;
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  width: 100%;
}
.col {
  flex: 1 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.33333333%;
}
.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.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.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;
  }
  .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.33333333%;
  }
  .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.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .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;
  }
  .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.33333333%;
  }
  .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.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .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;
  }
  .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.33333333%;
  }
  .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.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .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;
  }
  .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.33333333%;
  }
  .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.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .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: 1400px) {
  .col-xxl {
    flex: 1 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.33333333%;
  }
  .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.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .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-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: #0000;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  border-color: var(--bs-table-border-color);
  margin-bottom: 1rem;
  vertical-align: top;
  width: 100%;
}
.table > :not(caption) > * > * {
  background-color: initial;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
  box-shadow: inset 0 0 0 9999px
    var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
  color: var(--bs-table-color);
  color: var(
    --bs-table-color-state,
    var(--bs-table-color-type, var(--bs-table-color))
  );
  padding: 0.5rem;
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table-group-divider {
  border-top: 2px solid;
  border-top: calc(var(--bs-border-width) * 2) solid;
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: 0.25rem;
}
.table-bordered > :not(caption) > * {
  border-width: 1px 0;
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
  border-width: 0 var(--bs-border-width);
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.table-striped-columns > :not(caption) > tr > :nth-child(2n),
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}
.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #a6b5cc;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
}
.table-primary,
.table-secondary {
  border-color: var(--bs-table-border-color);
  color: var(--bs-table-color);
}
.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #b5b6b7;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
}
.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #a7b9b1;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
}
.table-info,
.table-success {
  border-color: var(--bs-table-border-color);
  color: var(--bs-table-color);
}
.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #a6c3ca;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
}
.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #ccc2a4;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
}
.table-danger,
.table-warning {
  border-color: var(--bs-table-border-color);
  color: var(--bs-table-color);
}
.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #c6acae;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
}
.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #c6c7c8;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
}
.table-dark,
.table-light {
  border-color: var(--bs-table-border-color);
  color: var(--bs-table-color);
}
.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #4d5154;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
}
.table-responsive {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}
.col-form-label {
  font-size: inherit;
  line-height: 1.5;
  margin-bottom: 0;
  padding-bottom: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  padding-top: calc(0.375rem + 1px);
  padding-top: calc(0.375rem + var(--bs-border-width));
}
.col-form-label-lg {
  font-size: 1.25rem;
  padding-bottom: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  padding-top: calc(0.5rem + 1px);
  padding-top: calc(0.5rem + var(--bs-border-width));
}
.col-form-label-sm {
  font-size: 0.875rem;
  padding-bottom: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  padding-top: calc(0.25rem + 1px);
  padding-top: calc(0.25rem + var(--bs-border-width));
}
.form-text {
  color: #212529bf;
  color: var(--bs-secondary-color);
  font-size: 0.875em;
  margin-top: 0.25rem;
}
.form-control {
  -webkit-appearance: none;
  appearance: none;
  background-clip: padding-box;
  background-color: initial;
  background-color: var(--bs-body-bg);
  border: 1px solid #dee2e6;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 0.375rem;
  border-radius: var(--bs-border-radius);
  color: #212529;
  color: var(--bs-body-color);
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}
@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 {
  background-color: initial;
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.25rem #0d6efd40;
  color: #212529;
  color: var(--bs-body-color);
  outline: 0;
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
  margin: 0;
  min-width: 85px;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: #212529bf;
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: #e9ecef;
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  background-color: #f8f9fa;
  background-color: var(--bs-tertiary-bg);
  border: 0 solid;
  border-color: inherit;
  border-inline-end-width: 1px;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  color: #212529;
  color: var(--bs-body-color);
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  padding: 0.375rem 0.75rem;
  pointer-events: none;
  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: #e9ecef;
  background-color: var(--bs-secondary-bg);
}
.form-control-plaintext {
  background-color: initial;
  border: solid #0000;
  border-width: 1px 0;
  border-width: var(--bs-border-width) 0;
  color: #212529;
  color: var(--bs-body-color);
  display: block;
  line-height: 1.5;
  margin-bottom: 0;
  padding: 0.375rem 0;
  width: 100%;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
  padding-left: 0;
  padding-right: 0;
}
.form-control-sm {
  border-radius: 0.25rem;
  border-radius: var(--bs-border-radius-sm);
  font-size: 0.875rem;
  min-height: calc(1.5em + 0.5rem + 2px);
  min-height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2);
  padding: 0.25rem 0.5rem;
}
.form-control-sm::file-selector-button {
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
  padding: 0.25rem 0.5rem;
}
.form-control-lg {
  border-radius: 0.5rem;
  border-radius: var(--bs-border-radius-lg);
  font-size: 1.25rem;
  min-height: calc(1.5em + 1rem + 2px);
  min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2);
  padding: 0.5rem 1rem;
}
.form-control-lg::file-selector-button {
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
  padding: 0.5rem 1rem;
}
textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px);
  min-height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2);
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  min-height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2);
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2);
}
.form-control-color {
  height: calc(1.5em + 0.75rem + 2px);
  height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2);
  padding: 0.375rem;
  width: 3rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: 0.375rem;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: 0.375rem;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2);
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  height: calc(1.5em + 1rem + var(--bs-border-width) * 2);
}
.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%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");
  -webkit-appearance: none;
  appearance: none;
  background-color: initial;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), none;
  background-image: var(--bs-form-select-bg-img),
    var(--bs-form-select-bg-icon, none);
  background-position: right 0.75rem center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
  border: 1px solid #dee2e6;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 0.375rem;
  border-radius: var(--bs-border-radius);
  color: #212529;
  color: var(--bs-body-color);
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.25rem #0d6efd40;
  outline: 0;
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
  background-image: none;
  padding-right: 0.75rem;
}
.form-select:disabled {
  background-color: #e9ecef;
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: #0000;
  text-shadow: 0 0 0 #212529;
  text-shadow: 0 0 0 var(--bs-body-color);
}
.form-select-sm {
  border-radius: 0.25rem;
  border-radius: var(--bs-border-radius-sm);
  font-size: 0.875rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-top: 0.25rem;
}
.form-select-lg {
  border-radius: 0.5rem;
  border-radius: var(--bs-border-radius-lg);
  font-size: 1.25rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-top: 0.5rem;
}
[data-bs-theme="dark"] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
}
.form-check {
  display: block;
  margin-bottom: 0.125rem;
  min-height: 1.5rem;
  padding-left: 1.5em;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-reverse {
  padding-left: 0;
  padding-right: 1.5em;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: -1.5em;
}
.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #dee2e6;
  border: var(--bs-border-width) solid var(--bs-border-color);
  flex-shrink: 0;
  height: 1em;
  margin-top: 0.25em;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  vertical-align: top;
  width: 1em;
}
.form-check-input[type="checkbox"] {
  border-radius: 0.25em;
}
.form-check-input[type="radio"] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.25rem #0d6efd40;
  outline: 0;
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type="checkbox"] {
  --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");
}
.form-check-input:checked[type="radio"] {
  --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%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 {
  --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%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");
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:disabled {
  filter: none;
  opacity: 0.5;
  pointer-events: none;
}
.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");
  background-image: var(--bs-form-switch-bg);
  background-position: 0;
  border-radius: 2em;
  margin-left: -2.5em;
  transition: background-position 0.15s ease-in-out;
  width: 2em;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386b7fe'/%3E%3C/svg%3E");
}
.form-switch .form-check-input:checked {
  --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
  background-position: 100%;
}
.form-switch.form-check-reverse {
  padding-left: 0;
  padding-right: 2.5em;
}
.form-switch.form-check-reverse .form-check-input {
  margin-left: 0;
  margin-right: -2.5em;
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  position: absolute;
}
.btn-check:disabled + .btn,
.btn-check[disabled] + .btn {
  filter: none;
  opacity: 0.65;
  pointer-events: none;
}
[data-bs-theme="dark"]
  .form-switch
  .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(255, 255, 255, 0.25)'/%3E%3C/svg%3E");
}
.form-range {
  -webkit-appearance: none;
  appearance: none;
  background-color: initial;
  height: 1.5rem;
  padding: 0;
  width: 100%;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem #0d6efd40;
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem #0d6efd40;
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  -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;
  width: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  background-color: #e9ecef;
  background-color: var(--bs-secondary-bg);
  border-color: #0000;
  border-radius: 1rem;
  color: #0000;
  cursor: pointer;
  height: 0.5rem;
  width: 100%;
}
.form-range::-moz-range-thumb {
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  height: 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;
  width: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  background-color: #e9ecef;
  background-color: var(--bs-secondary-bg);
  border-color: #0000;
  border-radius: 1rem;
  color: #0000;
  cursor: pointer;
  height: 0.5rem;
  width: 100%;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: #212529bf;
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: #212529bf;
  background-color: var(--bs-secondary-color);
}
.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  height: calc(3.5rem + var(--bs-border-width) * 2);
  line-height: 1.25;
  min-height: calc(3.5rem + 2px);
  min-height: calc(3.5rem + var(--bs-border-width) * 2);
}
.form-floating > label {
  border: 1px solid #0000;
  border: var(--bs-border-width) solid #0000;
  height: 100%;
  left: 0;
  overflow: hidden;
  padding: 1rem 0.75rem;
  pointer-events: none;
  position: absolute;
  text-align: start;
  text-overflow: ellipsis;
  top: 0;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  white-space: nowrap;
  z-index: 2;
}
@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-plaintext::placeholder,
.form-floating > .form-control::placeholder {
  color: #0000;
}
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown),
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  padding-bottom: 0.625rem;
  padding-top: 1.625rem;
}
.form-floating > .form-control-plaintext:-webkit-autofill,
.form-floating > .form-control:-webkit-autofill {
  padding-bottom: 0.625rem;
  padding-top: 1.625rem;
}
.form-floating > .form-select {
  padding-bottom: 0.625rem;
  padding-top: 1.625rem;
}
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  color: #212529a6;
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label:after,
.form-floating > .form-control:focus ~ label:after,
.form-floating > .form-control:not(:placeholder-shown) ~ label:after,
.form-floating > .form-select ~ label:after {
  background-color: initial;
  background-color: var(--bs-body-bg);
  border-radius: 0.375rem;
  border-radius: var(--bs-border-radius);
  content: "";
  height: 1.5em;
  inset: 1rem 0.375rem;
  position: absolute;
  z-index: -1;
}
.form-floating > .form-control:-webkit-autofill ~ label {
  color: #212529a6;
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: 1px 0;
  border-width: var(--bs-border-width) 0;
}
.form-floating > .form-control:disabled ~ label,
.form-floating > :disabled ~ label {
  color: #6c757d;
}
.form-floating > .form-control:disabled ~ label:after,
.form-floating > :disabled ~ label:after {
  background-color: #e9ecef;
  background-color: var(--bs-secondary-bg);
}
.input-group {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-floating,
.input-group > .form-select {
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
  width: 1%;
}
.input-group > .form-control:focus,
.input-group > .form-floating:focus-within,
.input-group > .form-select:focus {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}
.input-group-text {
  align-items: center;
  background-color: #f8f9fa;
  background-color: var(--bs-tertiary-bg);
  border: 1px solid #dee2e6;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 0.375rem;
  border-radius: var(--bs-border-radius);
  color: #212529;
  color: var(--bs-body-color);
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  text-align: center;
  white-space: nowrap;
}
.input-group-lg > .btn,
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text {
  border-radius: 0.5rem;
  border-radius: var(--bs-border-radius-lg);
  font-size: 1.25rem;
  padding: 0.5rem 1rem;
}
.input-group-sm > .btn,
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text {
  border-radius: 0.25rem;
  border-radius: var(--bs-border-radius-sm);
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}
.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,
.input-group.has-validation
  > :nth-last-child(n
    + 3):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,
.input-group:not(.has-validation)
  > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -1px;
  margin-left: calc(var(--bs-border-width) * -1);
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.valid-feedback {
  color: #198754;
  color: var(--bs-form-valid-color);
  display: none;
  font-size: 0.875em;
  margin-top: 0.25rem;
  width: 100%;
}
.valid-tooltip {
  background-color: #198754;
  background-color: var(--bs-success);
  border-radius: 0.375rem;
  border-radius: var(--bs-border-radius);
  color: #fff;
  display: none;
  font-size: 0.875rem;
  margin-top: 0.1rem;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  position: absolute;
  top: 100%;
  z-index: 5;
}
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip,
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip {
  display: block;
}
.form-control.is-valid,
.was-validated .form-control:valid {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
  background-position: right calc(0.375em + 0.1875rem) center;
  background-repeat: no-repeat;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  border-color: #198754;
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: #198754;
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem #19875440;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  background-position: top calc(0.375em + 0.1875rem) right
    calc(0.375em + 0.1875rem);
  padding-right: calc(1.5em + 0.75rem);
}
.form-select.is-valid,
.was-validated .form-select:valid {
  border-color: #198754;
  border-color: var(--bs-form-valid-border-color);
}
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  padding-right: 4.125rem;
}
.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
  border-color: #198754;
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem #19875440;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.form-control-color.is-valid,
.was-validated .form-control-color:valid {
  width: calc(3.75rem + 1.5em);
}
.form-check-input.is-valid,
.was-validated .form-check-input:valid {
  border-color: #198754;
  border-color: var(--bs-form-valid-border-color);
}
.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
  background-color: #198754;
  background-color: var(--bs-form-valid-color);
}
.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
  box-shadow: 0 0 0 0.25rem #19875440;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
  color: #198754;
  color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}
.input-group > .form-control:not(:focus).is-valid,
.input-group > .form-floating:not(:focus-within).is-valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-control:not(:focus):valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.was-validated .input-group > .form-select:not(:focus):valid {
  z-index: 3;
}
.invalid-feedback {
  color: #dc3545;
  color: var(--bs-form-invalid-color);
  display: none;
  font-size: 0.875em;
  margin-top: 0.25rem;
  width: 100%;
}
.invalid-tooltip {
  background-color: #dc3545;
  background-color: var(--bs-danger);
  border-radius: 0.375rem;
  border-radius: var(--bs-border-radius);
  color: #fff;
  display: none;
  font-size: 0.875rem;
  margin-top: 0.1rem;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  position: absolute;
  top: 100%;
  z-index: 5;
}
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
  display: block;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
  background-position: right calc(0.375em + 0.1875rem) center;
  background-repeat: no-repeat;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  border-color: #dc3545;
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: #dc3545;
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem #dc354540;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  background-position: top calc(0.375em + 0.1875rem) right
    calc(0.375em + 0.1875rem);
  padding-right: calc(1.5em + 0.75rem);
}
.form-select.is-invalid,
.was-validated .form-select:invalid {
  border-color: #dc3545;
  border-color: var(--bs-form-invalid-border-color);
}
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  padding-right: 4.125rem;
}
.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
  border-color: #dc3545;
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem #dc354540;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.form-control-color.is-invalid,
.was-validated .form-control-color:invalid {
  width: calc(3.75rem + 1.5em);
}
.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
  border-color: #dc3545;
  border-color: var(--bs-form-invalid-border-color);
}
.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
  background-color: #dc3545;
  background-color: var(--bs-form-invalid-color);
}
.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
  box-shadow: 0 0 0 0.25rem #dc354540;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
  color: #dc3545;
  color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}
.input-group > .form-control:not(:focus).is-invalid,
.input-group > .form-floating:not(:focus-within).is-invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-control:not(:focus):invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.was-validated .input-group > .form-select:not(:focus):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: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: #0000;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: #0000;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: #0000;
  --bs-btn-box-shadow: inset 0 1px 0 #ffffff26, 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), 0.5);
  background-color: var(--bs-btn-bg);
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  color: var(--bs-btn-color);
  cursor: pointer;
  display: inline-block;
  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);
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  text-align: center;
  text-decoration: none;
  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;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  color: var(--bs-btn-hover-color);
}
.btn-check + .btn:hover {
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
  color: var(--bs-btn-color);
}
.btn:focus-visible {
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  box-shadow: var(--bs-btn-focus-box-shadow);
  color: var(--bs-btn-hover-color);
  outline: 0;
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  box-shadow: var(--bs-btn-focus-box-shadow);
  outline: 0;
}
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
  color: var(--bs-btn-active-color);
}
.btn-check:checked + .btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check) + .btn:active:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  color: var(--bs-btn-disabled-color);
  opacity: var(--bs-btn-disabled-opacity);
  pointer-events: none;
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}
.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}
.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}
.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}
.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}
.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}
.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}
.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: #0000;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}
.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: #0000;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}
.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: #0000;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}
.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: #0000;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}
.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: #0000;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}
.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: #0000;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}
.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: #0000;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}
.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #0000;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}
.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: #0000;
  --bs-btn-border-color: #0000;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: #0000;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: #0000;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: #0000;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}
.btn-group-lg > .btn,
.btn-lg {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-group-sm > .btn,
.btn-sm {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.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 {
  height: auto;
  transition: width 0.35s ease;
  width: 0;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle:after {
  border-left: 0.3em solid #0000;
  border-right: 0.3em solid #0000;
  border-top: 0.3em solid;
  margin-left: 0.255em;
  vertical-align: 0.255em;
}
.dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(
    var(--bs-border-radius) - var(--bs-border-width)
  );
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  background-clip: padding-box;
  background-color: var(--bs-dropdown-bg);
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
  color: var(--bs-dropdown-color);
  display: none;
  font-size: var(--bs-dropdown-font-size);
  list-style: none;
  margin: 0;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  position: absolute;
  text-align: left;
  z-index: var(--bs-dropdown-zindex);
}
.dropdown-menu[data-bs-popper] {
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
  top: 100%;
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  left: 0;
  right: auto;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  left: auto;
  right: 0;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    left: 0;
    right: auto;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    left: 0;
    right: auto;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    left: 0;
    right: auto;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    left: 0;
    right: auto;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    left: 0;
    right: auto;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  bottom: 100%;
  margin-bottom: var(--bs-dropdown-spacer);
  margin-top: 0;
  top: auto;
}
.dropup .dropdown-toggle:after {
  border-bottom: 0.3em solid;
  border-left: 0.3em solid #0000;
  border-right: 0.3em solid #0000;
  margin-left: 0.255em;
  vertical-align: 0.255em;
}
.dropup .dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  left: 100%;
  margin-left: var(--bs-dropdown-spacer);
  margin-top: 0;
  right: auto;
  top: 0;
}
.dropend .dropdown-toggle:after {
  border-bottom: 0.3em solid #0000;
  border-left: 0.3em solid;
  border-top: 0.3em solid #0000;
  margin-left: 0.255em;
  vertical-align: 0.255em;
}
.dropend .dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropend .dropdown-toggle:after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  left: auto;
  margin-right: var(--bs-dropdown-spacer);
  margin-top: 0;
  right: 100%;
  top: 0;
}
.dropstart .dropdown-toggle:after {
  content: "";
  display: inline-block;
  display: none;
  margin-left: 0.255em;
  vertical-align: 0.255em;
}
.dropstart .dropdown-toggle:before {
  border-bottom: 0.3em solid #0000;
  border-right: 0.3em solid;
  border-top: 0.3em solid #0000;
  margin-right: 0.255em;
  vertical-align: 0.255em;
}
.dropstart .dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropstart .dropdown-toggle:before {
  vertical-align: 0;
}
.dropdown-divider {
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  opacity: 1;
  overflow: hidden;
}
.dropdown-item {
  background-color: initial;
  border: 0;
  border-radius: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
  clear: both;
  color: var(--bs-dropdown-link-color);
  display: block;
  font-weight: 400;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  width: 100%;
}
.dropdown-item:focus,
.dropdown-item:hover {
  background-color: var(--bs-dropdown-link-hover-bg);
  color: var(--bs-dropdown-link-hover-color);
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--bs-dropdown-link-active-bg);
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  background-color: initial;
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  color: var(--bs-dropdown-header-color);
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0;
  padding: var(--bs-dropdown-header-padding-y)
    var(--bs-dropdown-header-padding-x);
  white-space: nowrap;
}
.dropdown-item-text {
  color: var(--bs-dropdown-link-color);
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
}
.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: #ffffff26;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
  display: inline-flex;
  position: relative;
  vertical-align: middle;
}
.btn-group-vertical > .btn,
.btn-group > .btn {
  flex: 1 1 auto;
  position: relative;
}
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
  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.375rem;
  border-radius: var(--bs-border-radius);
}
.btn-group > .btn-group:not(:first-child),
.btn-group > :not(.btn-check:first-child) + .btn {
  margin-left: -1px;
  margin-left: calc(var(--bs-border-width) * -1);
}
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:nth-child(n + 3),
.btn-group > :not(.btn-check) + .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.dropdown-toggle-split {
  padding-left: 0.5625rem;
  padding-right: 0.5625rem;
}
.dropdown-toggle-split:after,
.dropend .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split:before {
  margin-right: 0;
}
.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.btn-group-vertical {
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn-group:not(:first-child),
.btn-group-vertical > .btn:not(:first-child) {
  margin-top: -1px;
  margin-top: calc(var(--bs-border-width) * -1);
}
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.btn-group-vertical > .btn ~ .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: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.nav-link {
  background: none;
  border: 0;
  color: var(--bs-nav-link-color);
  display: block;
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  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:focus,
.nav-link:hover {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  box-shadow: 0 0 0 0.25rem #0d6efd40;
  outline: 0;
}
.nav-link.disabled,
.nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  cursor: default;
  pointer-events: none;
}
.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg)
    var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color)
    var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid
    var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  border: var(--bs-nav-tabs-border-width) solid #0000;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
  margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1);
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: var(--bs-nav-tabs-link-hover-border-color);
  isolation: isolate;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
  color: var(--bs-nav-tabs-link-active-color);
}
.nav-tabs .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: calc(var(--bs-nav-tabs-border-width) * -1);
}
.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--bs-nav-pills-link-active-bg);
  color: var(--bs-nav-pills-link-active-color);
}
.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  border-bottom: var(--bs-nav-underline-border-width) solid #0000;
  padding-left: 0;
  padding-right: 0;
}
.nav-underline .nav-link:focus,
.nav-underline .nav-link:hover {
  border-bottom-color: initial;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  border-bottom-color: initial;
  color: var(--bs-nav-underline-link-active-color);
  font-weight: 700;
}
.nav-fill .nav-item,
.nav-fill > .nav-link {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified .nav-item,
.nav-justified > .nav-link {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(33, 37, 41, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
  position: relative;
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
  align-items: center;
  display: flex;
  flex-wrap: inherit;
  justify-content: space-between;
}
.navbar-brand {
  color: var(--bs-navbar-brand-color);
  font-size: var(--bs-navbar-brand-font-size);
  margin-right: var(--bs-navbar-brand-margin-end);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  padding-top: var(--bs-navbar-brand-padding-y);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:focus,
.navbar-brand:hover {
  color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-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;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  color: var(--bs-navbar-color);
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
  color: var(--bs-navbar-active-color);
}
.navbar-collapse {
  align-items: center;
  flex-basis: 100%;
  flex-grow: 1;
}
.navbar-toggler {
  background-color: initial;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  color: var(--bs-navbar-color);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
  outline: 0;
  text-decoration: none;
}
.navbar-toggler-icon {
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 1.5em;
  vertical-align: middle;
  width: 1.5em;
}
.navbar-nav-scroll {
  max-height: 75vh;
  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-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: 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 {
    background-color: initial !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@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-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: 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 {
    background-color: initial !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@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-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: 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 {
    background-color: initial !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@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-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: 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 {
    background-color: initial !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: 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 {
    background-color: initial !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
.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-left: var(--bs-navbar-nav-link-padding-x);
  padding-right: 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 {
  background-color: initial !important;
  border: 0 !important;
  flex-grow: 1;
  height: auto !important;
  position: static;
  transform: none !important;
  transition: none;
  visibility: visible !important;
  width: auto !important;
  z-index: auto;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  overflow-y: visible;
  padding: 0;
}
.navbar-dark,
.navbar[data-bs-theme="dark"] {
  --bs-navbar-color: #ffffff8c;
  --bs-navbar-hover-color: #ffffffbf;
  --bs-navbar-disabled-color: #ffffff40;
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: #ffffff1a;
}
.navbar-dark,
.navbar[data-bs-theme="dark"],
[data-bs-theme="dark"] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(
    var(--bs-border-radius) - var(--bs-border-width)
  );
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  word-wrap: break-word;
  background-clip: initial;
  background-color: var(--bs-card-bg);
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
  color: #212529;
  color: var(--bs-body-color);
  display: flex;
  flex-direction: column;
  height: var(--bs-card-height);
  min-width: 0;
  position: relative;
}
.card > hr {
  margin-left: 0;
  margin-right: 0;
}
.card > .list-group {
  border-bottom: inherit;
  border-top: inherit;
}
.card > .list-group:first-child {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
  border-top-width: 0;
}
.card > .list-group:last-child {
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-width: 0;
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  color: #3d3d47;
  color: var(--bs-card-color);
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
}
.card-title {
  color: var(--bs-card-title-color);
  margin-bottom: var(--bs-card-title-spacer-y);
}
.card-subtitle {
  color: var(--bs-card-subtitle-color);
  margin-top: calc(var(--bs-card-title-spacer-y) * -0.5);
}
.card-subtitle,
.card-text:last-child {
  margin-bottom: 0;
}
.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}
.card-header {
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
  color: var(--bs-card-cap-color);
  margin-bottom: 0;
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius)
    var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
  color: var(--bs-card-cap-color);
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius)
    var(--bs-card-inner-border-radius);
}
.card-header-tabs {
  border-bottom: 0;
  margin-bottom: calc(var(--bs-card-cap-padding-y) * -1);
  margin-left: calc(var(--bs-card-cap-padding-x) * -0.5);
  margin-right: calc(var(--bs-card-cap-padding-x) * -0.5);
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
  margin-left: calc(var(--bs-card-cap-padding-x) * -0.5);
  margin-right: calc(var(--bs-card-cap-padding-x) * -0.5);
}
.card-img-overlay {
  border-radius: var(--bs-card-inner-border-radius);
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  position: absolute;
  right: 0;
  top: 0;
}
.card-img,
.card-img-bottom,
.card-img-top {
  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-left-radius: var(--bs-card-inner-border-radius);
  border-bottom-right-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;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    border-left: 0;
    margin-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-header,
  .card-group > .card:not(:last-child) .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-footer,
  .card-group > .card:not(:last-child) .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-header,
  .card-group > .card:not(:first-child) .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-footer,
  .card-group > .card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0;
  }
}
.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out,
    background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(
    var(--bs-border-radius) - var(--bs-border-width)
  );
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem #0d6efd40;
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
  align-items: center;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  color: var(--bs-accordion-btn-color);
  display: flex;
  font-size: 1rem;
  overflow-anchor: none;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  position: relative;
  text-align: left;
  transition: var(--bs-accordion-transition);
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0
    var(--bs-accordion-border-color);
  color: var(--bs-accordion-active-color);
}
.accordion-button:not(.collapsed):after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button:after {
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  content: "";
  flex-shrink: 0;
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  transition: var(--bs-accordion-btn-icon-transition);
  width: var(--bs-accordion-btn-icon-width);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button:after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
  outline: 0;
  z-index: 3;
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item {
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid
    var(--bs-accordion-border-color);
  color: var(--bs-accordion-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-left-radius: var(--bs-accordion-border-radius);
  border-bottom-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-left-radius: var(--bs-accordion-border-radius);
  border-bottom-right-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush > .accordion-item {
  border-left: 0;
  border-radius: 0;
  border-right: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush
  > .accordion-item
  > .accordion-header
  .accordion-button.collapsed {
  border-radius: 0;
}
[data-bs-theme="dark"] .accordion-button:after {
  --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
  display: flex;
  flex-wrap: wrap;
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item:before {
  color: var(--bs-breadcrumb-divider-color);
  content: "/";
  content: var(--bs-breadcrumb-divider, "/");
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem #0d6efd40;
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  list-style: none;
  padding-left: 0;
}
.page-link {
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid
    var(--bs-pagination-border-color);
  color: var(--bs-pagination-color);
  display: block;
  font-size: var(--bs-pagination-font-size);
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  position: relative;
  text-decoration: none;
  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 {
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
  color: var(--bs-pagination-hover-color);
  z-index: 2;
}
.page-link:focus {
  background-color: var(--bs-pagination-focus-bg);
  box-shadow: var(--bs-pagination-focus-box-shadow);
  color: var(--bs-pagination-focus-color);
  outline: 0;
  z-index: 3;
}
.active > .page-link,
.page-link.active {
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
  color: var(--bs-pagination-active-color);
  z-index: 3;
}
.disabled > .page-link,
.page-link.disabled {
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
}
.page-item:not(:first-child) .page-link {
  margin-left: -1px;
  margin-left: calc(var(--bs-border-width) * -1);
}
.page-item:first-child .page-link {
  border-bottom-left-radius: var(--bs-pagination-border-radius);
  border-top-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-bottom-right-radius: var(--bs-pagination-border-radius);
  border-top-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.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  border-radius: var(--bs-badge-border-radius);
  color: var(--bs-badge-color);
  display: inline-block;
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  text-align: center;
  vertical-align: initial;
  white-space: nowrap;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.alert {
  --bs-alert-bg: #0000;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: #0000;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
  color: var(--bs-alert-color);
  margin-bottom: var(--bs-alert-margin-bottom);
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  position: relative;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  color: var(--bs-alert-link-color);
  font-weight: 700;
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  padding: 1.25rem 1rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}
.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}
.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}
.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}
.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}
.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}
.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}
.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
  display: flex;
  font-size: var(--bs-progress-font-size);
  height: var(--bs-progress-height);
  overflow: hidden;
}
.progress-bar {
  background-color: var(--bs-progress-bar-bg);
  color: var(--bs-progress-bar-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  transition: var(--bs-progress-bar-transition);
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(
    45deg,
    #ffffff26 25%,
    #0000 0,
    #0000 50%,
    #ffffff26 0,
    #ffffff26 75%,
    #0000 0,
    #0000
  );
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-stacked > .progress {
  overflow: visible;
}
.progress-stacked > .progress > .progress-bar {
  width: 100%;
}
.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  border-radius: var(--bs-list-group-border-radius);
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
}
.list-group-numbered {
  counter-reset: section;
  list-style-type: none;
}
.list-group-numbered > .list-group-item:before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item-action {
  color: var(--bs-list-group-action-color);
  text-align: inherit;
  width: 100%;
}
.list-group-item-action:focus,
.list-group-item-action:hover {
  background-color: var(--bs-list-group-action-hover-bg);
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  z-index: 1;
}
.list-group-item-action:active {
  background-color: var(--bs-list-group-action-active-bg);
  color: var(--bs-list-group-action-active-color);
}
.list-group-item {
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid
    var(--bs-list-group-border-color);
  color: var(--bs-list-group-color);
  display: block;
  padding: var(--bs-list-group-item-padding-y)
    var(--bs-list-group-item-padding-x);
  position: relative;
  text-decoration: none;
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
  background-color: var(--bs-list-group-disabled-bg);
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
}
.list-group-item.active {
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
  color: var(--bs-list-group-active-color);
  z-index: 2;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  border-top-width: var(--bs-list-group-border-width);
  margin-top: calc(var(--bs-list-group-border-width) * -1);
}
.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-bottom-left-radius: 0;
  border-top-right-radius: var(--bs-list-group-border-radius);
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-left-width: 0;
  border-top-width: var(--bs-list-group-border-width);
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  border-left-width: var(--bs-list-group-border-width);
  margin-left: calc(var(--bs-list-group-border-width) * -1);
}
@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-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-list-group-border-radius);
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: var(--bs-list-group-border-width);
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    border-left-width: var(--bs-list-group-border-width);
    margin-left: calc(var(--bs-list-group-border-width) * -1);
  }
}
@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-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-list-group-border-radius);
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: var(--bs-list-group-border-width);
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    border-left-width: var(--bs-list-group-border-width);
    margin-left: calc(var(--bs-list-group-border-width) * -1);
  }
}
@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-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-list-group-border-radius);
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: var(--bs-list-group-border-width);
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    border-left-width: var(--bs-list-group-border-width);
    margin-left: calc(var(--bs-list-group-border-width) * -1);
  }
}
@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-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-list-group-border-radius);
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: var(--bs-list-group-border-width);
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    border-left-width: var(--bs-list-group-border-width);
    margin-left: calc(var(--bs-list-group-border-width) * -1);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-list-group-border-radius);
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: var(--bs-list-group-border-width);
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    border-left-width: var(--bs-list-group-border-width);
    margin-left: calc(var(--bs-list-group-border-width) * -1);
  }
}
.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 {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}
.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}
.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}
.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}
.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}
.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}
.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}
.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}
.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem #0d6efd40;
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  background: #0000 var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  box-sizing: initial;
  height: 1em;
  opacity: var(--bs-btn-close-opacity);
  padding: 0.25em;
  width: 1em;
}
.btn-close,
.btn-close:hover {
  color: var(--bs-btn-close-color);
}
.btn-close:hover {
  opacity: var(--bs-btn-close-hover-opacity);
  text-decoration: none;
}
.btn-close:focus {
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
  outline: 0;
}
.btn-close.disabled,
.btn-close:disabled {
  opacity: var(--bs-btn-close-disabled-opacity);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.btn-close-white,
[data-bs-theme="dark"] .btn-close {
  filter: var(--bs-btn-close-white-filter);
}
.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  background-color: var(--bs-toast-bg);
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  border-radius: var(--bs-toast-border-radius);
  box-shadow: var(--bs-toast-box-shadow);
  color: var(--bs-toast-color);
  font-size: var(--bs-toast-font-size);
  width: var(--bs-toast-max-width);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}
.toast-container {
  --bs-toast-zindex: 1090;
  max-width: 100%;
  pointer-events: none;
  position: absolute;
  width: max-content;
  z-index: var(--bs-toast-zindex);
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
  align-items: center;
  background-clip: padding-box;
  background-color: var(--bs-toast-header-bg);
  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)
  );
  color: var(--bs-toast-header-color);
  display: flex;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
}
.toast-header .btn-close {
  margin-left: var(--bs-toast-padding-x);
  margin-right: calc(var(--bs-toast-padding-x) * -0.5);
}
.toast-body {
  word-wrap: break-word;
  padding: var(--bs-toast-padding-x);
}
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(
    var(--bs-border-radius-lg) - var(--bs-border-width)
  );
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  display: none;
  height: 100%;
  left: 0;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: var(--bs-modal-zindex);
}
.modal-dialog {
  margin: var(--bs-modal-margin);
  pointer-events: none;
  position: relative;
  width: auto;
}
.modal.fade .modal-dialog {
  transform: translateY(-50px);
  transition: transform 0.3s ease-out;
}
@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 {
  align-items: center;
  display: flex;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
  background-clip: padding-box;
  background-color: var(--bs-modal-bg);
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  color: var(--bs-modal-color);
  display: flex;
  flex-direction: column;
  outline: 0;
  pointer-events: auto;
  position: relative;
  width: 100%;
}
.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  background-color: var(--bs-backdrop-bg);
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: var(--bs-backdrop-zindex);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}
.modal-header {
  align-items: center;
  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);
  display: flex;
  flex-shrink: 0;
  padding: var(--bs-modal-header-padding);
}
.modal-header .btn-close {
  margin: calc(var(--bs-modal-header-padding-y) * -0.5)
    calc(var(--bs-modal-header-padding-x) * -0.5)
    calc(var(--bs-modal-header-padding-y) * -0.5) auto;
  padding: calc(var(--bs-modal-header-padding-y) * 0.5)
    calc(var(--bs-modal-header-padding-x) * 0.5);
}
.modal-title {
  line-height: var(--bs-modal-title-line-height);
  margin-bottom: 0;
}
.modal-body {
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
  position: relative;
}
.modal-footer {
  align-items: center;
  background-color: var(--bs-modal-footer-bg);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-top: var(--bs-modal-footer-border-width) solid
    var(--bs-modal-footer-border-color);
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--bs-modal-width);
  }
  .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 {
  height: 100%;
  margin: 0;
  max-width: none;
  width: 100vw;
}
.modal-fullscreen .modal-content {
  border: 0;
  border-radius: 0;
  height: 100%;
}
.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw;
  }
  .modal-fullscreen-sm-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }
  .modal-fullscreen-sm-down .modal-footer,
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw;
  }
  .modal-fullscreen-md-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }
  .modal-fullscreen-md-down .modal-footer,
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw;
  }
  .modal-fullscreen-lg-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }
  .modal-fullscreen-lg-down .modal-footer,
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw;
  }
  .modal-fullscreen-xl-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }
  .modal-fullscreen-xl-down .modal-footer,
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw;
  }
  .modal-fullscreen-xxl-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }
  .modal-fullscreen-xxl-down .modal-footer,
  .modal-fullscreen-xxl-down .modal-header {
    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.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  word-wrap: break-word;
  display: block;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue,
    Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji,
    Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-family: var(--bs-font-sans-serif);
  font-size: var(--bs-tooltip-font-size);
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  margin: var(--bs-tooltip-margin);
  opacity: 0;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  z-index: var(--bs-tooltip-zindex);
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  height: var(--bs-tooltip-arrow-height);
  width: var(--bs-tooltip-arrow-width);
}
.tooltip .tooltip-arrow:before {
  border-color: #0000;
  border-style: solid;
  content: "";
  position: absolute;
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
  bottom: calc(var(--bs-tooltip-arrow-height) * -1);
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow:before,
.bs-tooltip-top .tooltip-arrow:before {
  border-top-color: var(--bs-tooltip-bg);
  border-width: var(--bs-tooltip-arrow-height)
    calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  top: -1px;
}
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
  height: var(--bs-tooltip-arrow-width);
  left: calc(var(--bs-tooltip-arrow-height) * -1);
  width: var(--bs-tooltip-arrow-height);
}
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow:before,
.bs-tooltip-end .tooltip-arrow:before {
  border-right-color: var(--bs-tooltip-bg);
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5)
    var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  right: -1px;
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
  top: calc(var(--bs-tooltip-arrow-height) * -1);
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow:before,
.bs-tooltip-bottom .tooltip-arrow:before {
  border-bottom-color: var(--bs-tooltip-bg);
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5)
    var(--bs-tooltip-arrow-height);
  bottom: -1px;
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
  height: var(--bs-tooltip-arrow-width);
  right: calc(var(--bs-tooltip-arrow-height) * -1);
  width: var(--bs-tooltip-arrow-height);
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow:before,
.bs-tooltip-start .tooltip-arrow:before {
  border-left-color: var(--bs-tooltip-bg);
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0
    calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  left: -1px;
}
.tooltip-inner {
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
  color: var(--bs-tooltip-color);
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  text-align: center;
}
.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(
    var(--bs-border-radius-lg) - var(--bs-border-width)
  );
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  word-wrap: break-word;
  background-clip: padding-box;
  background-color: var(--bs-popover-bg);
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
  display: block;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue,
    Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji,
    Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-family: var(--bs-font-sans-serif);
  font-size: var(--bs-popover-font-size);
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  max-width: var(--bs-popover-max-width);
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  z-index: var(--bs-popover-zindex);
}
.popover .popover-arrow {
  display: block;
  height: var(--bs-popover-arrow-height);
  width: var(--bs-popover-arrow-width);
}
.popover .popover-arrow:after,
.popover .popover-arrow:before {
  border: 0 solid #0000;
  content: "";
  display: block;
  position: absolute;
}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow,
.bs-popover-top > .popover-arrow {
  bottom: calc(
    (var(--bs-popover-arrow-height)) * -1 - var(--bs-popover-border-width)
  );
}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:after,
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:before,
.bs-popover-top > .popover-arrow:after,
.bs-popover-top > .popover-arrow:before {
  border-width: var(--bs-popover-arrow-height)
    calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:before,
.bs-popover-top > .popover-arrow:before {
  border-top-color: var(--bs-popover-arrow-border);
  bottom: 0;
}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:after,
.bs-popover-top > .popover-arrow:after {
  border-top-color: var(--bs-popover-bg);
  bottom: var(--bs-popover-border-width);
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow,
.bs-popover-end > .popover-arrow {
  height: var(--bs-popover-arrow-width);
  left: calc(
    (var(--bs-popover-arrow-height)) * -1 - var(--bs-popover-border-width)
  );
  width: var(--bs-popover-arrow-height);
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:after,
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:before,
.bs-popover-end > .popover-arrow:after,
.bs-popover-end > .popover-arrow:before {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5)
    var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:before,
.bs-popover-end > .popover-arrow:before {
  border-right-color: var(--bs-popover-arrow-border);
  left: 0;
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:after,
.bs-popover-end > .popover-arrow:after {
  border-right-color: var(--bs-popover-bg);
  left: var(--bs-popover-border-width);
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow,
.bs-popover-bottom > .popover-arrow {
  top: calc(
    (var(--bs-popover-arrow-height)) * -1 - var(--bs-popover-border-width)
  );
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:after,
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:before,
.bs-popover-bottom > .popover-arrow:after,
.bs-popover-bottom > .popover-arrow:before {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5)
    var(--bs-popover-arrow-height);
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:before,
.bs-popover-bottom > .popover-arrow:before {
  border-bottom-color: var(--bs-popover-arrow-border);
  top: 0;
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:after,
.bs-popover-bottom > .popover-arrow:after {
  border-bottom-color: var(--bs-popover-bg);
  top: var(--bs-popover-border-width);
}
.bs-popover-auto[data-popper-placement^="bottom"] .popover-header:before,
.bs-popover-bottom .popover-header:before {
  border-bottom: var(--bs-popover-border-width) solid
    var(--bs-popover-header-bg);
  content: "";
  display: block;
  left: 50%;
  margin-left: calc(var(--bs-popover-arrow-width) * -0.5);
  position: absolute;
  top: 0;
  width: var(--bs-popover-arrow-width);
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow,
.bs-popover-start > .popover-arrow {
  height: var(--bs-popover-arrow-width);
  right: calc(
    (var(--bs-popover-arrow-height)) * -1 - var(--bs-popover-border-width)
  );
  width: var(--bs-popover-arrow-height);
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:after,
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:before,
.bs-popover-start > .popover-arrow:after,
.bs-popover-start > .popover-arrow:before {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0
    calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:before,
.bs-popover-start > .popover-arrow:before {
  border-left-color: var(--bs-popover-arrow-border);
  right: 0;
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:after,
.bs-popover-start > .popover-arrow:after {
  border-left-color: var(--bs-popover-bg);
  right: var(--bs-popover-border-width);
}
.popover-header {
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid
    var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
  color: var(--bs-popover-header-color);
  font-size: var(--bs-popover-header-font-size);
  margin-bottom: 0;
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  color: var(--bs-popover-body-color);
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.carousel-inner:after {
  clear: both;
  content: "";
  display: block;
}
.carousel-item {
  backface-visibility: hidden;
  display: none;
  float: left;
  margin-right: -100%;
  position: relative;
  transition: transform 0.6s ease-in-out;
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block;
}
.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
  transform: translateX(100%);
}
.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transform: none;
  transition-property: opacity;
}
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
  opacity: 1;
  z-index: 1;
}
.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
  opacity: 0;
  transition: opacity 0s 0.6s;
  z-index: 0;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-end,
  .carousel-fade .active.carousel-item-start {
    transition: none;
  }
}
.carousel-control-next,
.carousel-control-prev {
  align-items: center;
  background: none;
  border: 0;
  bottom: 0;
  color: #fff;
  display: flex;
  justify-content: center;
  opacity: 0.5;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transition: opacity 0.15s ease;
  width: 15%;
  z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-next,
  .carousel-control-prev {
    transition: none;
  }
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  color: #fff;
  opacity: 0.9;
  outline: 0;
  text-decoration: none;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  height: 2rem;
  width: 2rem;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.carousel-indicators {
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  margin-bottom: 1rem;
  margin-left: 15%;
  margin-right: 15%;
  padding: 0;
  position: absolute;
  right: 0;
  z-index: 2;
}
.carousel-indicators [data-bs-target] {
  background-clip: padding-box;
  background-color: #fff;
  border: 0;
  border-bottom: 10px solid #0000;
  border-top: 10px solid #0000;
  box-sizing: initial;
  cursor: pointer;
  flex: 0 1 auto;
  height: 3px;
  margin-left: 3px;
  margin-right: 3px;
  opacity: 0.5;
  padding: 0;
  text-indent: -999px;
  transition: opacity 0.6s ease;
  width: 30px;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  bottom: 1.25rem;
  color: #fff;
  left: 15%;
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
  position: absolute;
  right: 15%;
  text-align: center;
}
.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}
[data-bs-theme="dark"] .carousel .carousel-control-next-icon,
[data-bs-theme="dark"] .carousel .carousel-control-prev-icon,
[data-bs-theme="dark"].carousel .carousel-control-next-icon,
[data-bs-theme="dark"].carousel .carousel-control-prev-icon {
  filter: invert(1) grayscale(100);
}
[data-bs-theme="dark"] .carousel .carousel-indicators [data-bs-target],
[data-bs-theme="dark"].carousel .carousel-indicators [data-bs-target] {
  background-color: #000;
}
[data-bs-theme="dark"] .carousel .carousel-caption,
[data-bs-theme="dark"].carousel .carousel-caption {
  color: #000;
}
.spinner-border,
.spinner-grow {
  animation: var(--bs-spinner-animation-speed) linear infinite
    var(--bs-spinner-animation-name);
  border-radius: 50%;
  display: inline-block;
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  width: var(--bs-spinner-width);
}
@keyframes spinner-border {
  to {
    transform: rotate(1turn);
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border-right-color: currentcolor;
  border: var(--bs-spinner-border-width) solid;
  border-right: var(--bs-spinner-border-width) solid #0000;
}
.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}
.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}
@media (max-width: 575.98px) {
  .offcanvas-sm {
    background-clip: padding-box;
    background-color: var(--bs-offcanvas-bg);
    bottom: 0;
    color: var(--bs-offcanvas-color);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    outline: 0;
    position: fixed;
    transition: var(--bs-offcanvas-transition);
    visibility: hidden;
    z-index: var(--bs-offcanvas-zindex);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: var(--bs-offcanvas-width);
  }
  .offcanvas-sm.offcanvas-end {
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: var(--bs-offcanvas-width);
  }
  .offcanvas-sm.offcanvas-top {
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    top: 0;
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom,
  .offcanvas-sm.offcanvas-top {
    height: var(--bs-offcanvas-height);
    left: 0;
    max-height: 100%;
    right: 0;
  }
  .offcanvas-sm.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.show:not(.hiding),
  .offcanvas-sm.showing {
    transform: none;
  }
  .offcanvas-sm.hiding,
  .offcanvas-sm.show,
  .offcanvas-sm.showing {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: initial !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    background-color: initial !important;
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md {
    background-clip: padding-box;
    background-color: var(--bs-offcanvas-bg);
    bottom: 0;
    color: var(--bs-offcanvas-color);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    outline: 0;
    position: fixed;
    transition: var(--bs-offcanvas-transition);
    visibility: hidden;
    z-index: var(--bs-offcanvas-zindex);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: var(--bs-offcanvas-width);
  }
  .offcanvas-md.offcanvas-end {
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: var(--bs-offcanvas-width);
  }
  .offcanvas-md.offcanvas-top {
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    top: 0;
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom,
  .offcanvas-md.offcanvas-top {
    height: var(--bs-offcanvas-height);
    left: 0;
    max-height: 100%;
    right: 0;
  }
  .offcanvas-md.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.show:not(.hiding),
  .offcanvas-md.showing {
    transform: none;
  }
  .offcanvas-md.hiding,
  .offcanvas-md.show,
  .offcanvas-md.showing {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: initial !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    background-color: initial !important;
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg {
    background-clip: padding-box;
    background-color: var(--bs-offcanvas-bg);
    bottom: 0;
    color: var(--bs-offcanvas-color);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    outline: 0;
    position: fixed;
    transition: var(--bs-offcanvas-transition);
    visibility: hidden;
    z-index: var(--bs-offcanvas-zindex);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: var(--bs-offcanvas-width);
  }
  .offcanvas-lg.offcanvas-end {
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: var(--bs-offcanvas-width);
  }
  .offcanvas-lg.offcanvas-top {
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    top: 0;
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom,
  .offcanvas-lg.offcanvas-top {
    height: var(--bs-offcanvas-height);
    left: 0;
    max-height: 100%;
    right: 0;
  }
  .offcanvas-lg.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.show:not(.hiding),
  .offcanvas-lg.showing {
    transform: none;
  }
  .offcanvas-lg.hiding,
  .offcanvas-lg.show,
  .offcanvas-lg.showing {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: initial !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    background-color: initial !important;
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl {
    background-clip: padding-box;
    background-color: var(--bs-offcanvas-bg);
    bottom: 0;
    color: var(--bs-offcanvas-color);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    outline: 0;
    position: fixed;
    transition: var(--bs-offcanvas-transition);
    visibility: hidden;
    z-index: var(--bs-offcanvas-zindex);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: var(--bs-offcanvas-width);
  }
  .offcanvas-xl.offcanvas-end {
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: var(--bs-offcanvas-width);
  }
  .offcanvas-xl.offcanvas-top {
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    top: 0;
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom,
  .offcanvas-xl.offcanvas-top {
    height: var(--bs-offcanvas-height);
    left: 0;
    max-height: 100%;
    right: 0;
  }
  .offcanvas-xl.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.show:not(.hiding),
  .offcanvas-xl.showing {
    transform: none;
  }
  .offcanvas-xl.hiding,
  .offcanvas-xl.show,
  .offcanvas-xl.showing {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: initial !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    background-color: initial !important;
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    background-clip: padding-box;
    background-color: var(--bs-offcanvas-bg);
    bottom: 0;
    color: var(--bs-offcanvas-color);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    outline: 0;
    position: fixed;
    transition: var(--bs-offcanvas-transition);
    visibility: hidden;
    z-index: var(--bs-offcanvas-zindex);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: var(--bs-offcanvas-width);
  }
  .offcanvas-xxl.offcanvas-end {
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: var(--bs-offcanvas-width);
  }
  .offcanvas-xxl.offcanvas-top {
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    top: 0;
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom,
  .offcanvas-xxl.offcanvas-top {
    height: var(--bs-offcanvas-height);
    left: 0;
    max-height: 100%;
    right: 0;
  }
  .offcanvas-xxl.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.show:not(.hiding),
  .offcanvas-xxl.showing {
    transform: none;
  }
  .offcanvas-xxl.hiding,
  .offcanvas-xxl.show,
  .offcanvas-xxl.showing {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: initial !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    background-color: initial !important;
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}
.offcanvas {
  background-clip: padding-box;
  background-color: var(--bs-offcanvas-bg);
  bottom: 0;
  color: var(--bs-offcanvas-color);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  outline: 0;
  position: fixed;
  transition: var(--bs-offcanvas-transition);
  visibility: hidden;
  z-index: var(--bs-offcanvas-zindex);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  border-right: var(--bs-offcanvas-border-width) solid
    var(--bs-offcanvas-border-color);
  left: 0;
  top: 0;
  transform: translateX(-100%);
  width: var(--bs-offcanvas-width);
}
.offcanvas.offcanvas-end {
  border-left: var(--bs-offcanvas-border-width) solid
    var(--bs-offcanvas-border-color);
  right: 0;
  top: 0;
  transform: translateX(100%);
  width: var(--bs-offcanvas-width);
}
.offcanvas.offcanvas-top {
  border-bottom: var(--bs-offcanvas-border-width) solid
    var(--bs-offcanvas-border-color);
  top: 0;
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom,
.offcanvas.offcanvas-top {
  height: var(--bs-offcanvas-height);
  left: 0;
  max-height: 100%;
  right: 0;
}
.offcanvas.offcanvas-bottom {
  border-top: var(--bs-offcanvas-border-width) solid
    var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.show:not(.hiding),
.offcanvas.showing {
  transform: none;
}
.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
  visibility: visible;
}
.offcanvas-backdrop {
  background-color: #000;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1040;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}
.offcanvas-header {
  align-items: center;
  display: flex;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  margin: calc(var(--bs-offcanvas-padding-y) * -0.5)
    calc(var(--bs-offcanvas-padding-x) * -0.5)
    calc(var(--bs-offcanvas-padding-y) * -0.5) auto;
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5)
    calc(var(--bs-offcanvas-padding-x) * 0.5);
}
.offcanvas-title {
  line-height: var(--bs-offcanvas-title-line-height);
  margin-bottom: 0;
}
.offcanvas-body {
  flex-grow: 1;
  overflow-y: auto;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.placeholder {
  background-color: currentcolor;
  cursor: wait;
  display: inline-block;
  min-height: 1em;
  opacity: 0.5;
  vertical-align: middle;
}
.placeholder.btn:before {
  content: "";
  display: inline-block;
}
.placeholder-xs {
  min-height: 0.6em;
}
.placeholder-sm {
  min-height: 0.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 {
  animation: placeholder-wave 2s linear infinite;
  -webkit-mask-image: linear-gradient(130deg, #000 55%, #000c 75%, #000 95%);
  mask-image: linear-gradient(130deg, #000 55%, #000c 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
}
@keyframes placeholder-wave {
  to {
    -webkit-mask-position: -200% 0;
    mask-position: -200% 0;
  }
}
.clearfix:after {
  clear: both;
  content: "";
  display: block;
}
.text-bg-primary {
  background-color: #0d6efd !important;
  background-color: RGBA(
    var(--bs-primary-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
  color: #fff !important;
}
.text-bg-secondary {
  background-color: #6c757d !important;
  background-color: RGBA(
    var(--bs-secondary-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
  color: #fff !important;
}
.text-bg-success {
  background-color: #198754 !important;
  background-color: RGBA(
    var(--bs-success-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
  color: #fff !important;
}
.text-bg-info {
  background-color: #0dcaf0 !important;
  background-color: RGBA(
    var(--bs-info-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
  color: #000 !important;
}
.text-bg-warning {
  background-color: #ffc107 !important;
  background-color: RGBA(
    var(--bs-warning-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
  color: #000 !important;
}
.text-bg-danger {
  background-color: #dc3545 !important;
  background-color: RGBA(
    var(--bs-danger-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
  color: #fff !important;
}
.text-bg-light {
  background-color: #f8f9fa !important;
  background-color: RGBA(
    var(--bs-light-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
  color: #000 !important;
}
.text-bg-dark {
  background-color: #212529 !important;
  background-color: RGBA(
    var(--bs-dark-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
  color: #fff !important;
}
.link-primary {
  color: #0d6efd !important;
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #0d6efd !important;
  text-decoration-color: RGBA(
    var(--bs-primary-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-primary:focus,
.link-primary:hover {
  color: #0a58ca !important;
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #0a58ca !important;
  text-decoration-color: RGBA(
    10,
    88,
    202,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-secondary {
  color: #6c757d !important;
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #6c757d !important;
  text-decoration-color: RGBA(
    var(--bs-secondary-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-secondary:focus,
.link-secondary:hover {
  color: #565e64 !important;
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #565e64 !important;
  text-decoration-color: RGBA(
    86,
    94,
    100,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-success {
  color: #198754 !important;
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #198754 !important;
  text-decoration-color: RGBA(
    var(--bs-success-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-success:focus,
.link-success:hover {
  color: #146c43 !important;
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #146c43 !important;
  text-decoration-color: RGBA(
    20,
    108,
    67,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-info {
  color: #0dcaf0 !important;
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #0dcaf0 !important;
  text-decoration-color: RGBA(
    var(--bs-info-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-info:focus,
.link-info:hover {
  color: #3dd5f3 !important;
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #3dd5f3 !important;
  text-decoration-color: RGBA(
    61,
    213,
    243,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-warning {
  color: #ffc107 !important;
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #ffc107 !important;
  text-decoration-color: RGBA(
    var(--bs-warning-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-warning:focus,
.link-warning:hover {
  color: #ffcd39 !important;
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #ffcd39 !important;
  text-decoration-color: RGBA(
    255,
    205,
    57,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-danger {
  color: #dc3545 !important;
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #dc3545 !important;
  text-decoration-color: RGBA(
    var(--bs-danger-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-danger:focus,
.link-danger:hover {
  color: #b02a37 !important;
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #b02a37 !important;
  text-decoration-color: RGBA(
    176,
    42,
    55,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-light {
  color: #f8f9fa !important;
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #f8f9fa !important;
  text-decoration-color: RGBA(
    var(--bs-light-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-light:focus,
.link-light:hover {
  color: #f9fafb !important;
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #f9fafb !important;
  text-decoration-color: RGBA(
    249,
    250,
    251,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-dark {
  color: #212529 !important;
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #212529 !important;
  text-decoration-color: RGBA(
    var(--bs-dark-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-dark:focus,
.link-dark:hover {
  color: #1a1e21 !important;
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #1a1e21 !important;
  text-decoration-color: RGBA(
    26,
    30,
    33,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-body-emphasis {
  color: #000 !important;
  color: RGBA(
    var(--bs-emphasis-color-rgb),
    var(--bs-link-opacity, 1)
  ) !important;
  text-decoration-color: #000 !important;
  text-decoration-color: RGBA(
    var(--bs-emphasis-color-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-body-emphasis:focus,
.link-body-emphasis:hover {
  color: #000000bf !important;
  color: RGBA(
    var(--bs-emphasis-color-rgb),
    var(--bs-link-opacity, 0.75)
  ) !important;
  text-decoration-color: #000000bf !important;
  text-decoration-color: RGBA(
    var(--bs-emphasis-color-rgb),
    var(--bs-link-underline-opacity, 0.75)
  ) !important;
}
.focus-ring:focus {
  box-shadow: 0 0 0 0.25rem #0d6efd40;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0)
    var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width)
    var(--bs-focus-ring-color);
  outline: 0;
}
.icon-link {
  align-items: center;
  backface-visibility: hidden;
  display: inline-flex;
  gap: 0.375rem;
  text-decoration-color: #0d6efd80;
  text-decoration-color: rgba(
    var(--bs-link-color-rgb),
    var(--bs-link-opacity, 0.5)
  );
  text-underline-offset: 0.25em;
}
.icon-link > .bi {
  fill: currentcolor;
  flex-shrink: 0;
  height: 1em;
  transition: transform 0.2s ease-in-out;
  width: 1em;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}
.icon-link-hover:focus-visible > .bi,
.icon-link-hover:hover > .bi {
  transform: translate3d(0.25em, 0, 0);
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio:before {
  content: "";
  display: block;
  padding-top: var(--bs-aspect-ratio);
}
.ratio > * {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}
.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}
.fixed-top {
  top: 0;
}
.fixed-bottom,
.fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1030;
}
.fixed-bottom {
  bottom: 0;
}
.sticky-top {
  top: 0;
}
.sticky-bottom,
.sticky-top {
  position: sticky;
  z-index: 1020;
}
.sticky-bottom {
  bottom: 0;
}
@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    bottom: 0;
    position: sticky;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    bottom: 0;
    position: sticky;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    bottom: 0;
    position: sticky;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    bottom: 0;
    position: sticky;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    bottom: 0;
    position: sticky;
    z-index: 1020;
  }
}
.hstack {
  align-items: center;
  flex-direction: row;
}
.hstack,
.vstack {
  align-self: stretch;
  display: flex;
}
.vstack {
  flex: 1 1 auto;
  flex-direction: column;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  white-space: nowrap !important;
  width: 1px !important;
}
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
  position: absolute !important;
}
.stretched-link:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr {
  align-self: stretch;
  background-color: currentcolor;
  display: inline-block;
  min-height: 1em;
  opacity: 0.25;
  width: 1px;
  width: var(--bs-border-width);
}
.align-baseline {
  vertical-align: initial !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;
}
.object-fit-contain {
  object-fit: contain !important;
}
.object-fit-cover {
  object-fit: cover !important;
}
.object-fit-fill {
  object-fit: fill !important;
}
.object-fit-scale {
  object-fit: scale-down !important;
}
.object-fit-none {
  object-fit: 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;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: 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-inline-grid {
  display: inline-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 #00000026 !important;
  box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.focus-ring-primary {
  --bs-focus-ring-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-focus-ring-opacity)
  );
}
.focus-ring-secondary {
  --bs-focus-ring-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-focus-ring-opacity)
  );
}
.focus-ring-success {
  --bs-focus-ring-color: rgba(
    var(--bs-success-rgb),
    var(--bs-focus-ring-opacity)
  );
}
.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
  --bs-focus-ring-color: rgba(
    var(--bs-warning-rgb),
    var(--bs-focus-ring-opacity)
  );
}
.focus-ring-danger {
  --bs-focus-ring-color: rgba(
    var(--bs-danger-rgb),
    var(--bs-focus-ring-opacity)
  );
}
.focus-ring-light {
  --bs-focus-ring-color: rgba(
    var(--bs-light-rgb),
    var(--bs-focus-ring-opacity)
  );
}
.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.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: 1px solid #dee2e6 !important;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: 1px solid #dee2e6 !important;
  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: 1px solid #dee2e6 !important;
  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: 1px solid #dee2e6 !important;
  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: 1px solid #dee2e6 !important;
  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-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-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-primary-subtle {
  border-color: #9ec5fe !important;
  border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
  border-color: #c4c8cb !important;
  border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
  border-color: #a3cfbb !important;
  border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
  border-color: #9eeaf9 !important;
  border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
  border-color: #ffe69c !important;
  border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
  border-color: #f1aeb5 !important;
  border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
  border-color: #e9ecef !important;
  border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
  border-color: #adb5bd !important;
  border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.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-left: 0 !important;
  margin-right: 0 !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.my-1 {
  margin-bottom: 0.25rem !important;
  margin-top: 0.25rem !important;
}
.my-2 {
  margin-bottom: 0.5rem !important;
  margin-top: 0.5rem !important;
}
.my-3 {
  margin-bottom: 1rem !important;
  margin-top: 1rem !important;
}
.my-4 {
  margin-bottom: 1.5rem !important;
  margin-top: 1.5rem !important;
}
.my-5 {
  margin-bottom: 3rem !important;
  margin-top: 3rem !important;
}
.my-auto {
  margin-bottom: auto !important;
  margin-top: 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-left: 0 !important;
  padding-right: 0 !important;
}
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.py-0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.py-1 {
  padding-bottom: 0.25rem !important;
  padding-top: 0.25rem !important;
}
.py-2 {
  padding-bottom: 0.5rem !important;
  padding-top: 0.5rem !important;
}
.py-3 {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
}
.py-4 {
  padding-bottom: 1.5rem !important;
  padding-top: 1.5rem !important;
}
.py-5 {
  padding-bottom: 3rem !important;
  padding-top: 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;
}
.row-gap-0 {
  row-gap: 0 !important;
}
.row-gap-1 {
  row-gap: 0.25rem !important;
}
.row-gap-2 {
  row-gap: 0.5rem !important;
}
.row-gap-3 {
  row-gap: 1rem !important;
}
.row-gap-4 {
  row-gap: 1.5rem !important;
}
.row-gap-5 {
  row-gap: 3rem !important;
}
.column-gap-0 {
  column-gap: 0 !important;
}
.column-gap-1 {
  column-gap: 0.25rem !important;
}
.column-gap-2 {
  column-gap: 0.5rem !important;
}
.column-gap-3 {
  column-gap: 1rem !important;
}
.column-gap-4 {
  column-gap: 1.5rem !important;
}
.column-gap-5 {
  column-gap: 3rem !important;
}
.font-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono,
    Courier New, monospace !important;
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-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;
}
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(13, 110, 253, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(108, 117, 125, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(25, 135, 84, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(13, 202, 240, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(255, 193, 7, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(220, 53, 69, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(248, 249, 250, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(33, 37, 41, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(33, 37, 41, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: #212529bf !important;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: #00000080 !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: #ffffff80 !important;
}
.text-body-secondary {
  --bs-text-opacity: 1;
  color: #212529bf !important;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity: 1;
  color: #21252980 !important;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity: 1;
  color: #000 !important;
  color: var(--bs-emphasis-color) !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;
}
.text-primary-emphasis {
  color: #052c65 !important;
  color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
  color: #2b2f32 !important;
  color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
  color: #0a3622 !important;
  color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
  color: #055160 !important;
  color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
  color: #664d03 !important;
  color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
  color: #58151c !important;
  color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
  color: #495057 !important;
  color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
  color: #495057 !important;
  color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10,
.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}
.link-opacity-25,
.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}
.link-opacity-50,
.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}
.link-opacity-75,
.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}
.link-opacity-100,
.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}
.link-offset-1,
.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}
.link-offset-2,
.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}
.link-offset-3,
.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}
.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    13,
    110,
    253,
    var(--bs-link-underline-opacity)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    108,
    117,
    125,
    var(--bs-link-underline-opacity)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    25,
    135,
    84,
    var(--bs-link-underline-opacity)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-success-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    13,
    202,
    240,
    var(--bs-link-underline-opacity)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-info-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    255,
    193,
    7,
    var(--bs-link-underline-opacity)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-warning-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    220,
    53,
    69,
    var(--bs-link-underline-opacity)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-danger-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    248,
    249,
    250,
    var(--bs-link-underline-opacity)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-light-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    33,
    37,
    41,
    var(--bs-link-underline-opacity)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-dark-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: #0d6efd !important;
  text-decoration-color: rgba(
    var(--bs-link-color-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-underline-opacity-0,
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-10,
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25,
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50,
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75,
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100,
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(13, 110, 253, var(--bs-bg-opacity)) !important;
  background-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(108, 117, 125, var(--bs-bg-opacity)) !important;
  background-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(25, 135, 84, var(--bs-bg-opacity)) !important;
  background-color: rgba(
    var(--bs-success-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(13, 202, 240, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(255, 193, 7, var(--bs-bg-opacity)) !important;
  background-color: rgba(
    var(--bs-warning-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(220, 53, 69, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(248, 249, 250, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(33, 37, 41, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important;
  background-color: rgba(
    var(--bs-body-bg-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: initial !important;
}
.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(233, 236, 239, var(--bs-bg-opacity)) !important;
  background-color: rgba(
    var(--bs-secondary-bg-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(248, 249, 250, var(--bs-bg-opacity)) !important;
  background-color: rgba(
    var(--bs-tertiary-bg-rgb),
    var(--bs-bg-opacity)
  ) !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-primary-subtle {
  background-color: #cfe2ff !important;
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
  background-color: #e2e3e5 !important;
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
  background-color: #d1e7dd !important;
  background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
  background-color: #cff4fc !important;
  background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
  background-color: #fff3cd !important;
  background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
  background-color: #f8d7da !important;
  background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
  background-color: #fcfcfd !important;
  background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
  background-color: #ced4da !important;
  background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
  background-image: linear-gradient(180deg, #ffffff26, #fff0) !important;
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: 0.375rem !important;
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: 0.25rem !important;
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: 0.375rem !important;
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: 0.5rem !important;
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: 1rem !important;
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: 2rem !important;
  border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 50rem !important;
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
  border-top-left-radius: 0.375rem !important;
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: 0.375rem !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-top-1 {
  border-top-left-radius: 0.25rem !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: 0.25rem !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
  border-top-left-radius: 0.375rem !important;
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: 0.375rem !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
  border-top-left-radius: 0.5rem !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: 0.5rem !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
  border-top-left-radius: 1rem !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: 1rem !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
  border-top-left-radius: 2rem !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: 2rem !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-top-pill {
  border-top-left-radius: 50rem !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: 50rem !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
  border-bottom-right-radius: 0.375rem !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-top-right-radius: 0.375rem !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-end-1 {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: 0.25rem !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
  border-bottom-right-radius: 0.375rem !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-top-right-radius: 0.375rem !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
  border-bottom-right-radius: 0.5rem !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: 0.5rem !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
  border-bottom-right-radius: 1rem !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: 1rem !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
  border-bottom-right-radius: 2rem !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: 2rem !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
  border-bottom-right-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-end-pill {
  border-bottom-right-radius: 50rem !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: 50rem !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
  border-bottom-left-radius: 0.375rem !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: 0.375rem !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-bottom-1 {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
  border-bottom-left-radius: 0.375rem !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: 0.375rem !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: 0.5rem !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
  border-bottom-left-radius: 1rem !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: 1rem !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
  border-bottom-left-radius: 2rem !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: 2rem !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
  border-bottom-left-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.rounded-bottom-pill {
  border-bottom-left-radius: 50rem !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: 50rem !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
  border-bottom-left-radius: 0.375rem !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: 0.375rem !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.rounded-start-1 {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: 0.25rem !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
  border-bottom-left-radius: 0.375rem !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: 0.375rem !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: 0.5rem !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
  border-bottom-left-radius: 1rem !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: 1rem !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
  border-bottom-left-radius: 2rem !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: 2rem !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.rounded-start-pill {
  border-bottom-left-radius: 50rem !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: 50rem !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.z-n1 {
  z-index: -1 !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: 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-inline-grid {
    display: inline-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-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-sm-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-sm-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-sm-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-sm-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-sm-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-sm-auto {
    margin-bottom: auto !important;
    margin-top: 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-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-sm-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-sm-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-sm-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-sm-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-sm-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-sm-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-sm-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-sm-5 {
    padding-bottom: 3rem !important;
    padding-top: 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;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-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;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: 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-inline-grid {
    display: inline-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-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-md-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-md-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-md-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-md-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-md-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-md-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-md-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-md-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-md-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-md-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-md-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-md-auto {
    margin-bottom: auto !important;
    margin-top: 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-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-md-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-md-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-md-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-md-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-md-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-md-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-md-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-md-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-md-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-md-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-md-5 {
    padding-bottom: 3rem !important;
    padding-top: 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;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-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;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: 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-inline-grid {
    display: inline-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-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-lg-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-lg-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-lg-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-lg-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-lg-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-lg-auto {
    margin-bottom: auto !important;
    margin-top: 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-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-lg-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-lg-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-lg-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-lg-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-lg-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-lg-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-lg-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-lg-5 {
    padding-bottom: 3rem !important;
    padding-top: 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;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-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;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: 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-inline-grid {
    display: inline-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-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-xl-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-xl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-xl-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-xl-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-xl-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-xl-auto {
    margin-bottom: auto !important;
    margin-top: 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-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-xl-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-xl-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-xl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-xl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-xl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-xl-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-xl-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-xl-5 {
    padding-bottom: 3rem !important;
    padding-top: 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;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-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: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: 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-inline-grid {
    display: inline-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-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-xxl-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-xxl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-xxl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-xxl-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-xxl-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-xxl-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-xxl-auto {
    margin-bottom: auto !important;
    margin-top: 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-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-xxl-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-xxl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-xxl-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-xxl-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-xxl-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-bottom: 3rem !important;
    padding-top: 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;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    column-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.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    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-inline-grid {
    display: inline-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;
  }
}
:root {
  --theme-default: #43b9b2;
  --theme-default-light-bg: #43b9b21a;
}
@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}
.svg-w-12 {
  height: 12px;
  width: 12px;
}
.svg-w-13 {
  height: 13px;
  width: 13px;
}
.svg-w-14 {
  height: 14px;
  width: 14px;
}
.svg-w-15 {
  height: 15px;
  width: 15px;
}
.svg-w-16 {
  height: 16px;
  width: 16px;
}
.svg-w-17 {
  height: 17px;
  width: 17px;
}
.svg-w-18 {
  height: 18px;
  width: 18px;
}
.svg-w-19 {
  height: 19px;
  width: 19px;
}
.svg-w-20 {
  height: 20px;
  width: 20px;
}
.svg-w-21 {
  height: 21px;
  width: 21px;
}
.svg-w-22 {
  height: 22px;
  width: 22px;
}
.svg-w-23 {
  height: 23px;
  width: 23px;
}
.svg-w-24 {
  height: 24px;
  width: 24px;
}
.svg-w-25 {
  height: 25px;
  width: 25px;
}
.svg-w-26 {
  height: 26px;
  width: 26px;
}
.svg-w-27 {
  height: 27px;
  width: 27px;
}
.svg-w-28 {
  height: 28px;
  width: 28px;
}
.svg-w-29 {
  height: 29px;
  width: 29px;
}
.svg-w-30 {
  height: 30px;
  width: 30px;
}
.svg-w-31 {
  height: 31px;
  width: 31px;
}
.svg-w-32 {
  height: 32px;
  width: 32px;
}
.svg-w-33 {
  height: 33px;
  width: 33px;
}
.svg-w-34 {
  height: 34px;
  width: 34px;
}
.svg-w-35 {
  height: 35px;
  width: 35px;
}
.svg-w-36 {
  height: 36px;
  width: 36px;
}
.svg-w-37 {
  height: 37px;
  width: 37px;
}
.svg-w-38 {
  height: 38px;
  width: 38px;
}
.svg-w-39 {
  height: 39px;
  width: 39px;
}
.svg-w-40 {
  height: 40px;
  width: 40px;
}
.svg-w-41 {
  height: 41px;
  width: 41px;
}
.svg-w-42 {
  height: 42px;
  width: 42px;
}
.svg-w-43 {
  height: 43px;
  width: 43px;
}
.svg-w-44 {
  height: 44px;
  width: 44px;
}
.svg-w-45 {
  height: 45px;
  width: 45px;
}
.svg-w-46 {
  height: 46px;
  width: 46px;
}
.svg-w-47 {
  height: 47px;
  width: 47px;
}
.svg-w-48 {
  height: 48px;
  width: 48px;
}
.svg-w-49 {
  height: 49px;
  width: 49px;
}
.svg-w-50 {
  height: 50px;
  width: 50px;
}
.f-s-normal {
  font-style: normal;
}
.f-s-italic {
  font-style: italic;
}
.f-s-oblique {
  font-style: oblique;
}
.f-s-initial {
  font-style: normal;
}
.f-s-inherit {
  font-style: inherit;
}
.f-12 {
  font-size: 12px !important;
}
.f-13 {
  font-size: 13px !important;
}
.f-14 {
  font-size: 14px !important;
}
.f-15 {
  font-size: 15px !important;
}
.f-16 {
  font-size: 16px !important;
}
.f-17 {
  font-size: 17px !important;
}
.f-18 {
  font-size: 18px !important;
}
.f-19 {
  font-size: 19px !important;
}
.f-20 {
  font-size: 20px !important;
}
.f-21 {
  font-size: 21px !important;
}
.f-22 {
  font-size: 22px !important;
}
.f-23 {
  font-size: 23px !important;
}
.f-24 {
  font-size: 24px !important;
}
.f-25 {
  font-size: 25px !important;
}
.f-26 {
  font-size: 26px !important;
}
.f-27 {
  font-size: 27px !important;
}
.f-28 {
  font-size: 28px !important;
}
.f-29 {
  font-size: 29px !important;
}
.f-30 {
  font-size: 30px !important;
}
.f-31 {
  font-size: 31px !important;
}
.f-32 {
  font-size: 32px !important;
}
.f-33 {
  font-size: 33px !important;
}
.f-34 {
  font-size: 34px !important;
}
.f-35 {
  font-size: 35px !important;
}
.f-36 {
  font-size: 36px !important;
}
.f-37 {
  font-size: 37px !important;
}
.f-38 {
  font-size: 38px !important;
}
.f-39 {
  font-size: 39px !important;
}
.f-40 {
  font-size: 40px !important;
}
.f-41 {
  font-size: 41px !important;
}
.f-42 {
  font-size: 42px !important;
}
.f-43 {
  font-size: 43px !important;
}
.f-44 {
  font-size: 44px !important;
}
.f-45 {
  font-size: 45px !important;
}
.f-46 {
  font-size: 46px !important;
}
.f-47 {
  font-size: 47px !important;
}
.f-48 {
  font-size: 48px !important;
}
.f-49 {
  font-size: 49px !important;
}
.f-50 {
  font-size: 50px !important;
}
.f-51 {
  font-size: 51px !important;
}
.f-52 {
  font-size: 52px !important;
}
.f-53 {
  font-size: 53px !important;
}
.f-54 {
  font-size: 54px !important;
}
.f-55 {
  font-size: 55px !important;
}
.f-56 {
  font-size: 56px !important;
}
.f-57 {
  font-size: 57px !important;
}
.f-58 {
  font-size: 58px !important;
}
.f-59 {
  font-size: 59px !important;
}
.f-60 {
  font-size: 60px !important;
}
.f-61 {
  font-size: 61px !important;
}
.f-62 {
  font-size: 62px !important;
}
.f-63 {
  font-size: 63px !important;
}
.f-64 {
  font-size: 64px !important;
}
.f-65 {
  font-size: 65px !important;
}
.f-66 {
  font-size: 66px !important;
}
.f-67 {
  font-size: 67px !important;
}
.f-68 {
  font-size: 68px !important;
}
.f-69 {
  font-size: 69px !important;
}
.f-70 {
  font-size: 70px !important;
}
.f-71 {
  font-size: 71px !important;
}
.f-72 {
  font-size: 72px !important;
}
.f-73 {
  font-size: 73px !important;
}
.f-74 {
  font-size: 74px !important;
}
.f-75 {
  font-size: 75px !important;
}
.f-76 {
  font-size: 76px !important;
}
.f-77 {
  font-size: 77px !important;
}
.f-78 {
  font-size: 78px !important;
}
.f-79 {
  font-size: 79px !important;
}
.f-80 {
  font-size: 80px !important;
}
.f-81 {
  font-size: 81px !important;
}
.f-82 {
  font-size: 82px !important;
}
.f-83 {
  font-size: 83px !important;
}
.f-84 {
  font-size: 84px !important;
}
.f-85 {
  font-size: 85px !important;
}
.f-86 {
  font-size: 86px !important;
}
.f-87 {
  font-size: 87px !important;
}
.f-88 {
  font-size: 88px !important;
}
.f-89 {
  font-size: 89px !important;
}
.f-90 {
  font-size: 90px !important;
}
.f-91 {
  font-size: 91px !important;
}
.f-92 {
  font-size: 92px !important;
}
.f-93 {
  font-size: 93px !important;
}
.f-94 {
  font-size: 94px !important;
}
.f-95 {
  font-size: 95px !important;
}
.f-96 {
  font-size: 96px !important;
}
.f-97 {
  font-size: 97px !important;
}
.f-98 {
  font-size: 98px !important;
}
.f-99 {
  font-size: 99px !important;
}
.f-100 {
  font-size: 100px !important;
}
.b-r-0 {
  border-radius: 0 !important;
}
.b-r-1 {
  border-radius: 1px !important;
}
.b-r-2 {
  border-radius: 2px !important;
}
.b-r-3 {
  border-radius: 3px !important;
}
.b-r-4 {
  border-radius: 4px !important;
}
.b-r-5 {
  border-radius: 5px !important;
}
.b-r-6 {
  border-radius: 6px !important;
}
.b-r-7 {
  border-radius: 7px !important;
}
.b-r-8 {
  border-radius: 8px !important;
}
.b-r-9 {
  border-radius: 9px !important;
}
.b-r-10 {
  border-radius: 10px !important;
}
.b-r-11 {
  border-radius: 11px !important;
}
.b-r-12 {
  border-radius: 12px !important;
}
.b-r-13 {
  border-radius: 13px !important;
}
.b-r-14 {
  border-radius: 14px !important;
}
.b-r-15 {
  border-radius: 15px !important;
}
.b-r-16 {
  border-radius: 16px !important;
}
.b-r-17 {
  border-radius: 17px !important;
}
.b-r-18 {
  border-radius: 18px !important;
}
.b-r-19 {
  border-radius: 19px !important;
}
.b-r-20 {
  border-radius: 20px !important;
}
.b-r-21 {
  border-radius: 21px !important;
}
.b-r-22 {
  border-radius: 22px !important;
}
.b-r-23 {
  border-radius: 23px !important;
}
.b-r-24 {
  border-radius: 24px !important;
}
.b-r-25 {
  border-radius: 25px !important;
}
.b-r-26 {
  border-radius: 26px !important;
}
.b-r-27 {
  border-radius: 27px !important;
}
.b-r-28 {
  border-radius: 28px !important;
}
.b-r-29 {
  border-radius: 29px !important;
}
.b-r-30 {
  border-radius: 30px !important;
}
.b-r-31 {
  border-radius: 31px !important;
}
.b-r-32 {
  border-radius: 32px !important;
}
.b-r-33 {
  border-radius: 33px !important;
}
.b-r-34 {
  border-radius: 34px !important;
}
.b-r-35 {
  border-radius: 35px !important;
}
.b-r-36 {
  border-radius: 36px !important;
}
.b-r-37 {
  border-radius: 37px !important;
}
.b-r-38 {
  border-radius: 38px !important;
}
.b-r-39 {
  border-radius: 39px !important;
}
.b-r-40 {
  border-radius: 40px !important;
}
.b-r-41 {
  border-radius: 41px !important;
}
.b-r-42 {
  border-radius: 42px !important;
}
.b-r-43 {
  border-radius: 43px !important;
}
.b-r-44 {
  border-radius: 44px !important;
}
.b-r-45 {
  border-radius: 45px !important;
}
.b-r-46 {
  border-radius: 46px !important;
}
.b-r-47 {
  border-radius: 47px !important;
}
.b-r-48 {
  border-radius: 48px !important;
}
.b-r-49 {
  border-radius: 49px !important;
}
.b-r-50 {
  border-radius: 50px !important;
}
.img-10 {
  width: 10px !important;
}
.img-h-10 {
  height: 10px !important;
}
.img-12 {
  width: 12px !important;
}
.img-h-12 {
  height: 12px !important;
}
.img-14 {
  width: 14px !important;
}
.img-h-14 {
  height: 14px !important;
}
.img-16 {
  width: 16px !important;
}
.img-h-16 {
  height: 16px !important;
}
.img-18 {
  width: 18px !important;
}
.img-h-18 {
  height: 18px !important;
}
.img-20 {
  width: 20px !important;
}
.img-h-20 {
  height: 20px !important;
}
.img-22 {
  width: 22px !important;
}
.img-h-22 {
  height: 22px !important;
}
.img-24 {
  width: 24px !important;
}
.img-h-24 {
  height: 24px !important;
}
.img-26 {
  width: 26px !important;
}
.img-h-26 {
  height: 26px !important;
}
.img-28 {
  width: 28px !important;
}
.img-h-28 {
  height: 28px !important;
}
.img-30 {
  width: 30px !important;
}
.img-h-30 {
  height: 30px !important;
}
.img-32 {
  width: 32px !important;
}
.img-h-32 {
  height: 32px !important;
}
.img-34 {
  width: 34px !important;
}
.img-h-34 {
  height: 34px !important;
}
.img-36 {
  width: 36px !important;
}
.img-h-36 {
  height: 36px !important;
}
.img-38 {
  width: 38px !important;
}
.img-h-38 {
  height: 38px !important;
}
.img-40 {
  width: 40px !important;
}
.img-h-40 {
  height: 40px !important;
}
.img-42 {
  width: 42px !important;
}
.img-h-42 {
  height: 42px !important;
}
.img-44 {
  width: 44px !important;
}
.img-h-44 {
  height: 44px !important;
}
.img-46 {
  width: 46px !important;
}
.img-h-46 {
  height: 46px !important;
}
.img-48 {
  width: 48px !important;
}
.img-h-48 {
  height: 48px !important;
}
.img-50 {
  width: 50px !important;
}
.img-h-50 {
  height: 50px !important;
}
.img-52 {
  width: 52px !important;
}
.img-h-52 {
  height: 52px !important;
}
.img-54 {
  width: 54px !important;
}
.img-h-54 {
  height: 54px !important;
}
.img-56 {
  width: 56px !important;
}
.img-h-56 {
  height: 56px !important;
}
.img-58 {
  width: 58px !important;
}
.img-h-58 {
  height: 58px !important;
}
.img-60 {
  width: 60px !important;
}
.img-h-60 {
  height: 60px !important;
}
.img-62 {
  width: 62px !important;
}
.img-h-62 {
  height: 62px !important;
}
.img-64 {
  width: 64px !important;
}
.img-h-64 {
  height: 64px !important;
}
.img-66 {
  width: 66px !important;
}
.img-h-66 {
  height: 66px !important;
}
.img-68 {
  width: 68px !important;
}
.img-h-68 {
  height: 68px !important;
}
.img-70 {
  width: 70px !important;
}
.img-h-70 {
  height: 70px !important;
}
.img-72 {
  width: 72px !important;
}
.img-h-72 {
  height: 72px !important;
}
.img-74 {
  width: 74px !important;
}
.img-h-74 {
  height: 74px !important;
}
.img-76 {
  width: 76px !important;
}
.img-h-76 {
  height: 76px !important;
}
.img-78 {
  width: 78px !important;
}
.img-h-78 {
  height: 78px !important;
}
.img-80 {
  width: 80px !important;
}
.img-h-80 {
  height: 80px !important;
}
.img-82 {
  width: 82px !important;
}
.img-h-82 {
  height: 82px !important;
}
.img-84 {
  width: 84px !important;
}
.img-h-84 {
  height: 84px !important;
}
.img-86 {
  width: 86px !important;
}
.img-h-86 {
  height: 86px !important;
}
.img-88 {
  width: 88px !important;
}
.img-h-88 {
  height: 88px !important;
}
.img-90 {
  width: 90px !important;
}
.img-h-90 {
  height: 90px !important;
}
.img-92 {
  width: 92px !important;
}
.img-h-92 {
  height: 92px !important;
}
.img-94 {
  width: 94px !important;
}
.img-h-94 {
  height: 94px !important;
}
.img-96 {
  width: 96px !important;
}
.img-h-96 {
  height: 96px !important;
}
.img-98 {
  width: 98px !important;
}
.img-h-98 {
  height: 98px !important;
}
.img-100 {
  width: 100px !important;
}
.img-h-100 {
  height: 100px !important;
}
.f-w-100 {
  font-weight: 100;
}
.f-w-300 {
  font-weight: 300;
}
.f-w-500 {
  font-weight: 500;
}
.f-w-400 {
  font-weight: 400;
}
.f-w-600 {
  font-weight: 600;
}
.f-w-700 {
  font-weight: 700;
}
.f-w-800 {
  font-weight: 800;
}
.f-w-900 {
  font-weight: 900;
}
.p-0 {
  padding: 0;
}
.p-t-0 {
  padding-top: 0 !important;
}
.p-b-0 {
  padding-bottom: 0 !important;
}
.p-l-0 {
  padding-left: 0;
}
.p-r-0 {
  padding-right: 0;
}
.p-5 {
  padding: 5px;
}
.p-t-5 {
  padding-top: 5px !important;
}
.p-b-5 {
  padding-bottom: 5px !important;
}
.p-l-5 {
  padding-left: 5px;
}
.p-r-5 {
  padding-right: 5px;
}
.p-10 {
  padding: 10px;
}
.p-t-10 {
  padding-top: 10px !important;
}
.p-b-10 {
  padding-bottom: 10px !important;
}
.p-l-10 {
  padding-left: 10px;
}
.p-r-10 {
  padding-right: 10px;
}
.p-15 {
  padding: 15px;
}
.p-t-15 {
  padding-top: 15px !important;
}
.p-b-15 {
  padding-bottom: 15px !important;
}
.p-l-15 {
  padding-left: 15px;
}
.p-r-15 {
  padding-right: 15px;
}
.p-20 {
  padding: 20px;
}
.p-t-20 {
  padding-top: 20px !important;
}
.p-b-20 {
  padding-bottom: 20px !important;
}
.p-l-20 {
  padding-left: 20px;
}
.p-r-20 {
  padding-right: 20px;
}
.p-25 {
  padding: 25px;
}
.p-t-25 {
  padding-top: 25px !important;
}
.p-b-25 {
  padding-bottom: 25px !important;
}
.p-l-25 {
  padding-left: 25px;
}
.p-r-25 {
  padding-right: 25px;
}
.p-30 {
  padding: 30px;
}
.p-t-30 {
  padding-top: 30px !important;
}
.p-b-30 {
  padding-bottom: 30px !important;
}
.p-l-30 {
  padding-left: 30px;
}
.p-r-30 {
  padding-right: 30px;
}
.p-35 {
  padding: 35px;
}
.p-t-35 {
  padding-top: 35px !important;
}
.p-b-35 {
  padding-bottom: 35px !important;
}
.p-l-35 {
  padding-left: 35px;
}
.p-r-35 {
  padding-right: 35px;
}
.p-40 {
  padding: 40px;
}
.p-t-40 {
  padding-top: 40px !important;
}
.p-b-40 {
  padding-bottom: 40px !important;
}
.p-l-40 {
  padding-left: 40px;
}
.p-r-40 {
  padding-right: 40px;
}
.p-45 {
  padding: 45px;
}
.p-t-45 {
  padding-top: 45px !important;
}
.p-b-45 {
  padding-bottom: 45px !important;
}
.p-l-45 {
  padding-left: 45px;
}
.p-r-45 {
  padding-right: 45px;
}
.p-50 {
  padding: 50px;
}
.p-t-50 {
  padding-top: 50px !important;
}
.p-b-50 {
  padding-bottom: 50px !important;
}
.p-l-50 {
  padding-left: 50px;
}
.p-r-50 {
  padding-right: 50px;
}
.m-0 {
  margin: 0;
}
.m-t-0 {
  margin-top: 0 !important;
}
.m-b-0 {
  margin-bottom: 0 !important;
}
.m-l-0 {
  margin-left: 0;
}
.m-r-0 {
  margin-right: 0;
}
.m-5 {
  margin: 5px;
}
.m-t-5 {
  margin-top: 5px !important;
}
.m-b-5 {
  margin-bottom: 5px !important;
}
.m-l-5 {
  margin-left: 5px;
}
.m-r-5 {
  margin-right: 5px;
}
.m-10 {
  margin: 10px;
}
.m-t-10 {
  margin-top: 10px !important;
}
.m-b-10 {
  margin-bottom: 10px !important;
}
.m-l-10 {
  margin-left: 10px;
}
.m-r-10 {
  margin-right: 10px;
}
.m-15 {
  margin: 15px;
}
.m-t-15 {
  margin-top: 15px !important;
}
.m-b-15 {
  margin-bottom: 15px !important;
}
.m-l-15 {
  margin-left: 15px;
}
.m-r-15 {
  margin-right: 15px;
}
.m-20 {
  margin: 20px;
}
.m-t-20 {
  margin-top: 20px !important;
}
.m-b-20 {
  margin-bottom: 20px !important;
}
.m-l-20 {
  margin-left: 20px;
}
.m-r-20 {
  margin-right: 20px;
}
.m-25 {
  margin: 25px;
}
.m-t-25 {
  margin-top: 25px !important;
}
.m-b-25 {
  margin-bottom: 25px !important;
}
.m-l-25 {
  margin-left: 25px;
}
.m-r-25 {
  margin-right: 25px;
}
.m-30 {
  margin: 30px;
}
.m-t-30 {
  margin-top: 30px !important;
}
.m-b-30 {
  margin-bottom: 30px !important;
}
.m-l-30 {
  margin-left: 30px;
}
.m-r-30 {
  margin-right: 30px;
}
.m-35 {
  margin: 35px;
}
.m-t-35 {
  margin-top: 35px !important;
}
.m-b-35 {
  margin-bottom: 35px !important;
}
.m-l-35 {
  margin-left: 35px;
}
.m-r-35 {
  margin-right: 35px;
}
.m-40 {
  margin: 40px;
}
.m-t-40 {
  margin-top: 40px !important;
}
.m-b-40 {
  margin-bottom: 40px !important;
}
.m-l-40 {
  margin-left: 40px;
}
.m-r-40 {
  margin-right: 40px;
}
.m-45 {
  margin: 45px;
}
.m-t-45 {
  margin-top: 45px !important;
}
.m-b-45 {
  margin-bottom: 45px !important;
}
.m-l-45 {
  margin-left: 45px;
}
.m-r-45 {
  margin-right: 45px;
}
.m-50 {
  margin: 50px;
}
.m-t-50 {
  margin-top: 50px !important;
}
.m-b-50 {
  margin-bottom: 50px !important;
}
.m-l-50 {
  margin-left: 50px;
}
.m-r-50 {
  margin-right: 50px;
}
.bg-outline-primary {
  background-color: initial;
  border: 1px solid var(--theme-default);
}
.bg-outline-primary,
.bg-outline-primary li.breadcrumb-item a,
.bg-outline-primary li.breadcrumb-item a.active,
.bg-outline-primary li.breadcrumb-item.active,
.bg-outline-primary li.breadcrumb-item:before {
  color: var(--theme-default);
}
.bg-outline-secondary {
  background-color: initial;
  border: 1px solid #c280d2;
  color: #c280d2;
}
.bg-outline-secondary li.breadcrumb-item a,
.bg-outline-secondary li.breadcrumb-item a.active,
.bg-outline-secondary li.breadcrumb-item.active,
.bg-outline-secondary li.breadcrumb-item:before {
  color: #c280d2;
}
.bg-outline-tertiary {
  background-color: initial;
  border: 1px solid #fd7e40;
  color: #fd7e40;
}
.bg-outline-tertiary li.breadcrumb-item a,
.bg-outline-tertiary li.breadcrumb-item a.active,
.bg-outline-tertiary li.breadcrumb-item.active,
.bg-outline-tertiary li.breadcrumb-item:before {
  color: #fd7e40;
}
.bg-outline-warning {
  background-color: initial;
  border: 1px solid #f0ad4e;
  color: #f0ad4e;
}
.bg-outline-warning li.breadcrumb-item a,
.bg-outline-warning li.breadcrumb-item a.active,
.bg-outline-warning li.breadcrumb-item.active,
.bg-outline-warning li.breadcrumb-item:before {
  color: #f0ad4e;
}
.bg-outline-info {
  background-color: initial;
  border: 1px solid #2e8dd3;
  color: #2e8dd3;
}
.bg-outline-info li.breadcrumb-item a,
.bg-outline-info li.breadcrumb-item a.active,
.bg-outline-info li.breadcrumb-item.active,
.bg-outline-info li.breadcrumb-item:before {
  color: #2e8dd3;
}
.bg-outline-success {
  background-color: initial;
  border: 1px solid #17a600;
  color: #17a600;
}
.bg-outline-success li.breadcrumb-item a,
.bg-outline-success li.breadcrumb-item a.active,
.bg-outline-success li.breadcrumb-item.active,
.bg-outline-success li.breadcrumb-item:before {
  color: #17a600;
}
.bg-outline-danger {
  background-color: initial;
  border: 1px solid #c42a02;
  color: #c42a02;
}
.bg-outline-danger li.breadcrumb-item a,
.bg-outline-danger li.breadcrumb-item a.active,
.bg-outline-danger li.breadcrumb-item.active,
.bg-outline-danger li.breadcrumb-item:before {
  color: #c42a02;
}
.bg-outline-light {
  background-color: initial;
  border: 1px solid #f4f5f8;
  color: #f4f5f8;
}
.bg-outline-light li.breadcrumb-item a,
.bg-outline-light li.breadcrumb-item a.active,
.bg-outline-light li.breadcrumb-item.active,
.bg-outline-light li.breadcrumb-item:before {
  color: #f4f5f8;
}
.bg-outline-dark {
  background-color: initial;
  border: 1px solid #2c2c31;
  color: #2c2c31;
}
.bg-outline-dark li.breadcrumb-item a,
.bg-outline-dark li.breadcrumb-item a.active,
.bg-outline-dark li.breadcrumb-item.active,
.bg-outline-dark li.breadcrumb-item:before {
  color: #2c2c31;
}
* {
  scrollbar-color: #eee;
  scrollbar-color: var(--scrollbar-color);
  scrollbar-width: auto;
}
::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}
::-webkit-scrollbar-track {
  background: #eee;
  background: var(--scrollbar-color);
}
::-webkit-scrollbar-thumb {
  background-color: #eee;
  background-color: var(--scrollbar-color);
  border-radius: 10px;
}
[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background-color: #f4f5f8;
  background-color: var(--light-color);
}
.txt-primary {
  color: var(--theme-default) !important;
}
.txt-secondary {
  color: #c280d2 !important;
}
.txt-success {
  color: #17a600 !important;
}
.txt-danger {
  color: #c42a02 !important;
}
.txt-info {
  color: #2e8dd3 !important;
}
.txt-light {
  color: #f4f5f8 !important;
}
.txt-dark {
  color: #2c2c31 !important;
}
.txt-warning {
  color: #f0ad4e !important;
}
body {
  background-color: #f9fafc;
  background-color: var(--body-color);
  color: #3d3d47;
  color: var(--body-font-color);
  font-family: Outfit, sans-serif;
  font-size: 14px;
  letter-spacing: 0.3px;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
.h1,
h1 {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.6px;
}
@media (max-width: 575.98px) {
  .h1,
  h1 {
    font-size: 28px;
  }
}
.h2,
h2 {
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 0.6px;
}
@media (max-width: 575.98px) {
  .h2,
  h2 {
    font-size: 24px;
  }
}
.h3,
h3 {
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0.6px;
}
@media (max-width: 575.98px) {
  .h3,
  h3 {
    font-size: 20px;
  }
}
.h4,
h4 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.6px;
}
[data-theme="dark"] .h4,
[data-theme="dark"] h4 {
  color: #767676;
  color: var(--light-font);
}
@media (max-width: 575.98px) {
  .h4,
  h4 {
    font-size: 18px;
  }
}
@media (max-width: 991.98px) {
  .h4,
  h4 {
    font-size: calc(15.18182px + 0.56818vw);
  }
}
.h5,
h5 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.6px;
  line-height: 1.4;
}
@media (max-width: 575.98px) {
  .h5,
  h5 {
    font-size: 14px;
  }
}
[data-theme="dark"] .h5,
[data-theme="dark"] h5 {
  color: #767676;
  color: var(--light-font);
}
.h6,
h6 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.6px;
  line-height: 1;
}
[data-theme="dark"] .h6,
[data-theme="dark"] h6 {
  color: #767676;
  color: var(--light-font);
}
span {
  font-weight: 400;
}
[data-theme="dark"] span {
  color: #767676;
  color: var(--light-font);
}
span {
  display: inline-block;
}
p {
  font-size: 14px;
  letter-spacing: 0.3px;
  margin-bottom: 0;
}
[data-theme="dark"] p {
  color: #767676;
  color: var(--light-font);
}
hr {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  opacity: inherit;
}
.default-border {
  border: 1px dashed #6a71854d !important;
  border: var(--light-border) !important;
}
.solid-border {
  border: 1px solid #6a71854d;
  border: 1px solid var(--solid-border);
}
a {
  color: #3d3d47;
  color: var(--body-font-color);
  font-size: 14px;
}
a,
a:hover {
  text-decoration: none;
  transition: all 0.5s;
}
a:hover {
  color: var(--theme-default);
}
a:focus-visible {
  outline: none;
}
pre {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  padding: 20px 12px;
}
blockquote {
  padding: 14px;
}
blockquote[class*="b-"] {
  border-width: 4px !important;
}
blockquote .blockquote-footer {
  font-size: 14px;
}
.list-circle {
  list-style: circle;
}
.comment,
[data-theme="dark"] .list-circle li {
  color: #767676;
  color: var(--light-font);
}
.comment {
  font-style: italic;
}
.tap-top {
  background: var(--theme-default);
  border: none;
  border-radius: 100%;
  bottom: 30px;
  box-shadow: 0 0 10px var(--theme-default);
  color: #fff;
  color: var(--white);
  cursor: pointer;
  display: none;
  height: 40px;
  opacity: 0.6;
  padding: 7px;
  position: fixed;
  right: 30px;
  text-align: center;
  transition: all 0.3s ease;
  width: 40px;
  z-index: 5;
}
.tap-top:hover {
  opacity: 1;
  transition: all 0.3s ease;
}
.tap-top svg {
  stroke: #fff;
  stroke: var(--white);
  height: 20px;
  width: 20px;
}
.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.my-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 46px;
}
.my-gallery .grid-item {
  margin: 0;
  text-align: center;
}
.my-gallery figcaption {
  display: none;
}
.animation-style {
  display: flex;
  gap: initial;
  margin-bottom: 0 !important;
}
.animation-style .my-gallery .pswp-gallery {
  margin-bottom: 25px;
}
.animation-style .my-gallery .pswp-gallery .img-thumbnail {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
}
[data-theme="dark"] .animation-style .my-gallery .pswp-gallery .img-thumbnail {
  border-color: #767676;
  border-color: var(--light-font);
}
.typography-table thead tr th {
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .typography-table thead tr th {
    min-width: 105px;
  }
}
.typography-table tbody tr td:first-child {
  min-width: 85px;
}
.card-wrapper {
  padding: 14px;
}
.card-wrapper dl dt {
  font-weight: 500;
}
.clipboaard-container .h6,
.clipboaard-container h6 {
  font-size: 14px;
  line-height: 1.6;
}
.clipboaard-container p {
  margin-bottom: 8px;
}
.listing .card-body .card-wrapper {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  color: #3d3d47;
  color: var(--body-font-color);
}
.listing .card-body .card-wrapper .sub-title {
  font-size: 16px;
  margin-bottom: 12px;
}
.listing .card-body .card-wrapper ul li {
  margin-bottom: 5px;
}
.listing .card-body .card-wrapper ul li:last-child {
  margin-bottom: 0;
}
.listing .card-body .card-wrapper dl dt {
  font-weight: 600;
}
.svg-color {
  stroke: #3d3d47;
  stroke: var(--body-font-color);
}
.feather,
.svg-color {
  height: 24px;
  width: 24px;
}
.feather {
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}
.svg-white {
  stroke: #fff;
  stroke: var(--white);
}
ul {
  margin: 0;
  padding: 0;
}
ul li {
  display: block;
}
[data-theme="dark"] .bg-white {
  background-color: #fff !important;
  background-color: var(--card-color) !important;
}
.accordion .accordion-item {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 0;
}
[data-theme="dark"] .accordion .accordion-item {
  background-color: #fff;
  background-color: var(--card-color);
  color: #3d3d47;
  color: var(--body-font-color);
}
.accordion .accordion-item + .accordion-item {
  border-top: 0;
}
.accordion .accordion-body p {
  margin-bottom: 0;
}
.accordion .nested-accordion {
  padding: 0 12px;
}
@media (max-width: 575.98px) {
  .accordion .nested-accordion {
    width: 100% !important;
  }
}
.accordion
  .nested-accordion
  .accordion-item
  .accordion-header
  .accordion-button {
  padding: 12px 16px;
}
.nestings .accordion .d-flex {
  margin: 0 -12px;
}
@media (max-width: 575.98px) {
  .nestings .accordion .d-flex {
    display: contents !important;
  }
}
.outline-accordion .accordion-item {
  border: 0;
}
.outline-accordion .accordion-item .accordion-button:not(.collapsed) {
  background-color: initial;
}
.outline-accordion
  .accordion-item
  .accordion-button:not(.collapsed)
  .accordion-header {
  color: #2e8dd3;
}
.outline-accordion .accordion-item + .accordion-item {
  border-top: 0;
}
.collapse-horizontal .card-body {
  width: 300px;
}
.accordion-flush {
  border: 0;
}
.accordion-flush .accordion-item .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.accordion-flush .accordion-item .accordion-button[aria-expanded="true"],
[data-theme="dark"]
  .accordion-flush
  .accordion-item
  .accordion-button[aria-expanded="true"] {
  background-color: #fd7e401a;
  color: #fd7e40;
}
[data-theme="dark"] .accordion-flush .accordion-item .accordion-button {
  background-color: #fff;
  background-color: var(--card-color);
  color: #3d3d47;
  color: var(--body-font-color);
}
.multi-collapse .card-body {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
}
.icons-accordion .accordion-item .accordion-header .accordion-button {
  position: relative;
}
.icons-accordion .accordion-item .accordion-header .accordion-button svg {
  height: 18px;
  width: 18px;
}
.icons-accordion
  .accordion-item
  .accordion-header
  .accordion-button:not(.collapsed):after {
  transform: none;
}
.icons-accordion .accordion-item .accordion-header .accordion-button:before {
  background: #c280d2;
  background: var(--theme-secondary);
  content: "";
  height: 2px;
  margin-right: 37px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: rotate(90deg);
  transition: all 0.2s ease-in-out;
  width: 14px;
}
.icons-accordion .accordion-item .accordion-header .accordion-button:after {
  background: #c280d2;
  background: var(--theme-secondary);
  content: "";
  filter: none;
  height: 2px;
  margin-right: 37px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 14px;
}
.icons-accordion
  .accordion-item
  .accordion-header
  .accordion-button[aria-expanded="true"]:before {
  transform: rotate(0deg);
}
.accordion-button:focus {
  box-shadow: none;
}
.accordion-button:after {
  background-size: 0.875rem;
  filter: brightness(0.4);
  height: 12px;
  width: 15px;
}
[data-theme="dark"] .accordion-button:after {
  filter: brightness(0.4) invert(1);
}
.accordion-light-primary,
.accordion-light-primary:not(.collapsed) {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
  color: var(--theme-default);
}
.accordion-light-primary:not(.collapsed) {
  box-shadow: none;
}
.accordion-light-secondary {
  background-color: #c280d21a;
  color: #c280d2;
}
.accordion-light-secondary:not(.collapsed) {
  background-color: #c280d21a;
  box-shadow: none;
  color: #c280d2;
}
.accordion-light-tertiary {
  background-color: #fd7e401a;
  color: #fd7e40;
}
.accordion-light-tertiary:not(.collapsed) {
  background-color: #fd7e401a;
  box-shadow: none;
  color: #fd7e40;
}
.accordion-light-warning {
  background-color: #f0ad4e1a;
  color: #f0ad4e;
}
.accordion-light-warning:not(.collapsed) {
  background-color: #f0ad4e1a;
  box-shadow: none;
  color: #f0ad4e;
}
.accordion-light-info,
.accordion-light-info:not(.collapsed) {
  background-color: #2e8dd31a;
  color: #2e8dd3;
}
.accordion-light-info:not(.collapsed) {
  box-shadow: none;
}
.accordion-light-success {
  background-color: #17a6001a;
  color: #17a600;
}
.accordion-light-success:not(.collapsed) {
  background-color: #17a6001a;
  box-shadow: none;
  color: #17a600;
}
.accordion-light-danger,
.accordion-light-danger:not(.collapsed) {
  background-color: #c42a021a;
  color: #c42a02;
}
.accordion-light-danger:not(.collapsed) {
  box-shadow: none;
}
.accordion-light-light,
.accordion-light-light:not(.collapsed) {
  background-color: #f4f5f81a;
  color: #f4f5f8;
}
.accordion-light-light:not(.collapsed) {
  box-shadow: none;
}
.accordion-light-dark,
.accordion-light-dark:not(.collapsed) {
  background-color: #2c2c311a;
  color: #2c2c31;
}
.accordion-light-dark:not(.collapsed) {
  box-shadow: none;
}
.default-according.style-1 button {
  text-align: left;
  width: 100%;
}
.faq-wrap .faq-accordion.default-according .card .faq-header {
  padding: 20px 20px 0 !important;
}
.default-according .card .card-header i {
  font-size: 14px;
  top: 24px;
}
.default-according .card .btn-link {
  display: block;
  padding-left: 17px;
  width: 100%;
}
.default-according .card {
  box-shadow: none;
  margin-bottom: 0;
}
.default-according .card + .card {
  margin-top: 10px;
}
[data-theme="dark"] .accordion-button:not(.collapsed) {
  box-shadow: 0 3px 18px rgb($light-color);
  box-shadow: var(--card-box-shadow);
}
.alert-primary {
  background-color: var(--theme-default);
  border: 1px solid var(--theme-default);
}
.alert-light-primary {
  background-color: #43b9b233;
  color: var(--theme-default);
}
.alert-secondary {
  background-color: #c280d2;
  border: 1px solid #c280d2;
}
.alert-light-secondary {
  background-color: #c280d233;
  color: #c280d2;
}
.alert-tertiary {
  background-color: #fd7e40;
  border: 1px solid #fd7e40;
}
.alert-light-tertiary {
  background-color: #fd7e4033;
  color: #fd7e40;
}
.alert-warning {
  background-color: #f0ad4e;
  border: 1px solid #f0ad4e;
}
.alert-light-warning {
  background-color: #f0ad4e33;
  color: #f0ad4e;
}
.alert-info {
  background-color: #2e8dd3;
  border: 1px solid #2e8dd3;
}
.alert-light-info {
  background-color: #2e8dd333;
  color: #2e8dd3;
}
.alert-success {
  background-color: #17a600;
  border: 1px solid #17a600;
}
.alert-light-success {
  background-color: #17a60033;
  color: #17a600;
}
.alert-danger {
  background-color: #c42a02;
  border: 1px solid #c42a02;
}
.alert-light-danger {
  background-color: #c42a0233;
  color: #c42a02;
}
.alert-light {
  border: 1px solid #f4f5f8;
}
.alert-light-light {
  background-color: #f4f5f833;
  color: #f4f5f8;
}
.alert-dark {
  background-color: #2c2c31;
  border: 1px solid #2c2c31;
}
.alert-light-dark {
  background-color: #2c2c3133;
  color: #2c2c31;
}
.alert-light,
.alert-light-light {
  color: #3d3d47;
  color: var(--body-font-color);
}
.alert-light-light {
  background-color: #f4f5f880;
}
[data-theme="dark"] .btn-close {
  filter: brightness(0.5) invert(1);
}
.notify-alert .close {
  background: #0000 none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
  border: none;
  font-size: 25px;
}
.alert {
  padding: 12px;
}
.alert[class*="bg-light-"] .h5,
.alert[class*="bg-light-"] h5 {
  font-size: 17px;
}
.alert .feather {
  height: 16px;
  vertical-align: middle;
  width: 16px;
}
.alert-dismissible {
  padding-right: 2.5rem;
}
.alert-dismissible .btn-close {
  padding: 0 15px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.alert-dismissible .close {
  opacity: 0.5;
  padding: 10px 13px 10px 1.25rem;
  top: 4px;
  transition: all 0.3s ease;
}
.alert-dismissible .close:hover {
  color: inherit;
  opacity: 1;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1366px) and (min-width: 1200px) {
  .alert-dismissible p {
    max-width: 181px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 767.98px) {
  .alert-dismissible p {
    max-width: 294px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 575.98px) {
  .alert-dismissible p {
    max-width: 102px;
  }
}
.alert-dismissible {
  align-items: center;
  display: flex;
  gap: 8px;
}
@media only screen and (max-width: 575.98px) {
  .alert-dismissible {
    padding-right: 30px;
  }
}
.alert.notify-alert.alert-copy {
  display: flex !important;
}
.live-dark div[class*="b-"] {
  border-width: 2px !important;
}
.alert-arrow {
  align-items: center;
  display: flex;
  height: 46px;
  justify-content: center;
  min-width: 46px;
  position: relative;
}
.alert-arrow i {
  margin-right: 0;
}
.card-body button:focus {
  outline: none;
}
.card-body .alert:last-child {
  margin-bottom: 0;
}
.card-body .alert svg {
  height: 14px;
  margin-right: 4px;
  position: absolute;
  top: 18px;
  width: 14px;
}
.card-body .alert svg ~ p {
  padding-left: 20px;
}
.btn-close:focus {
  box-shadow: none;
}
.avatars .avatar {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  width: auto;
}
.avatars .avatar:last-child {
  margin-right: 0;
}
.avatars .avatar.ratio img {
  width: auto;
}
.avatars .avatar .status {
  border-radius: 100%;
  bottom: 12%;
  height: 12%;
  position: absolute;
  right: 4%;
  width: 12%;
}
.avatars .avatar .img-100 {
  height: calc(70px + 1.5625vw);
  width: calc(70px + 1.5625vw) !important;
}
.avatars .avatar .img-90 {
  height: calc(60px + 1.5625vw);
  width: calc(60px + 1.5625vw) !important;
}
.avatars .avatar .img-80 {
  height: calc(50px + 1.5625vw);
  width: calc(50px + 1.5625vw) !important;
}
.avatars .avatar .img-70 {
  height: calc(40px + 1.5625vw);
  width: calc(40px + 1.5625vw) !important;
}
.icon-avatar .avatars {
  display: flex;
}
.icon-avatar .avatars .avatar {
  align-items: center;
  border-radius: 11px;
  display: flex;
  height: 42px;
  justify-content: center;
  width: 42px;
}
.status-offline {
  background-color: #c42a02;
}
.status-online {
  background-color: #17a600;
}
.status-dnd {
  background-color: #f0ad4e;
}
.customers ul {
  display: inline-block;
}
.customers ul li img {
  border: 2px solid #fff;
  border: 2px solid var(--white);
  transition: 0.5s;
}
.customers ul li img:hover {
  transform: translateY(-4px) scale(1.02);
  transition: 0.5s;
}
[data-theme="dark"] .customers ul li img {
  border: 2px solid #f4f5f8;
  border: 2px solid var(--light-color);
}
.customers ul li + li {
  margin-left: -12%;
}
.customers.avatar-group {
  margin-right: 10px;
}
.customers.avatar-group ul li:last-child span {
  align-items: center;
  background-color: #fff;
  background-color: var(--card-color);
  border: 2px solid #f4f5f8;
  border: 2px solid var(--light-color);
  display: flex;
  font-weight: 500;
  height: 40px;
  justify-content: center;
  vertical-align: middle;
  width: 40px;
}
.customers.avatar-group:last-child {
  margin-right: 0;
}
.avatar-showcase {
  margin-bottom: -10px;
}
.avatar-showcase .avatar-group,
.avatar-showcase .avatars .avatar {
  margin-bottom: 10px;
}
.avatar-showcase .ratio > * {
  left: auto;
  position: relative;
  top: auto;
}
.btn {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.3px;
  padding: 6px 20px;
}
.btn-showcase {
  margin-bottom: -10px;
}
.btn-showcase .btn {
  margin-bottom: 10px;
  margin-right: 10px;
}
.btn-group-lg > .btn,
.btn-lg {
  font-size: 18px;
}
.btn-group-sm > .btn,
.btn-sm {
  font-size: 12px;
}
.btn-xs {
  font-size: 11px;
  padding: 0.05rem 0.4rem;
}
.btn-primary {
  background-color: var(--theme-default);
  border: 1px solid var(--theme-default);
  border-radius: 5px;
  color: #fff;
}
.btn-primary.show,
.btn-primary:active:focus,
.btn-primary:first-child:active,
.btn-primary:focus,
.btn-primary:hover {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
  color: #fff;
}
.btn-light-primary {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
}
.btn-light-primary,
[data-theme="dark"] .btn-light-primary span {
  color: var(--theme-default) !important;
}
.btn-light-primary:active,
.btn-light-primary:active:focus,
.btn-light-primary:focus,
.btn-light-primary:hover {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
  color: var(--theme-default) !important;
}
.btn-secondary {
  background-color: #c280d2;
  border: 1px solid #c280d2;
  border-radius: 5px;
  color: #fff;
}
.btn-secondary.show,
.btn-secondary:active:focus,
.btn-secondary:first-child:active,
.btn-secondary:focus,
.btn-secondary:hover {
  background-color: #c280d2;
  border-color: #c280d2;
  color: #fff;
}
.btn-light-secondary {
  background-color: #c280d21a;
}
.btn-light-secondary,
[data-theme="dark"] .btn-light-secondary span {
  color: #c280d2 !important;
}
.btn-light-secondary:active,
.btn-light-secondary:active:focus,
.btn-light-secondary:focus,
.btn-light-secondary:hover {
  background-color: #c280d21a;
  color: #c280d2 !important;
}
.btn-tertiary {
  background-color: #fd7e40;
  border: 1px solid #fd7e40;
  border-radius: 5px;
  color: #fff;
}
.btn-tertiary.show,
.btn-tertiary:active:focus,
.btn-tertiary:first-child:active,
.btn-tertiary:focus,
.btn-tertiary:hover {
  background-color: #fd7e40;
  border-color: #fd7e40;
  color: #fff;
}
.btn-light-tertiary {
  background-color: #fd7e401a;
}
.btn-light-tertiary,
[data-theme="dark"] .btn-light-tertiary span {
  color: #fd7e40 !important;
}
.btn-light-tertiary:active,
.btn-light-tertiary:active:focus,
.btn-light-tertiary:focus,
.btn-light-tertiary:hover {
  background-color: #fd7e401a;
  color: #fd7e40 !important;
}
.btn-warning {
  background-color: #f0ad4e;
  border: 1px solid #f0ad4e;
  border-radius: 5px;
  color: #fff;
}
.btn-warning.show,
.btn-warning:active:focus,
.btn-warning:first-child:active,
.btn-warning:focus,
.btn-warning:hover {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
  color: #fff;
}
.btn-light-warning {
  background-color: #f0ad4e1a;
}
.btn-light-warning,
[data-theme="dark"] .btn-light-warning span {
  color: #f0ad4e !important;
}
.btn-light-warning:active,
.btn-light-warning:active:focus,
.btn-light-warning:focus,
.btn-light-warning:hover {
  background-color: #f0ad4e1a;
  color: #f0ad4e !important;
}
.btn-info {
  background-color: #2e8dd3;
  border: 1px solid #2e8dd3;
  border-radius: 5px;
  color: #fff;
}
.btn-info.show,
.btn-info:active:focus,
.btn-info:first-child:active,
.btn-info:focus,
.btn-info:hover {
  background-color: #2e8dd3;
  border-color: #2e8dd3;
  color: #fff;
}
.btn-light-info {
  background-color: #2e8dd31a;
}
.btn-light-info,
[data-theme="dark"] .btn-light-info span {
  color: #2e8dd3 !important;
}
.btn-light-info:active,
.btn-light-info:active:focus,
.btn-light-info:focus,
.btn-light-info:hover {
  background-color: #2e8dd31a;
  color: #2e8dd3 !important;
}
.btn-success {
  background-color: #17a600;
  border: 1px solid #17a600;
  border-radius: 5px;
  color: #fff;
}
.btn-success.show,
.btn-success:active:focus,
.btn-success:first-child:active,
.btn-success:focus,
.btn-success:hover {
  background-color: #17a600;
  border-color: #17a600;
  color: #fff;
}
.btn-light-success {
  background-color: #17a6001a;
}
.btn-light-success,
[data-theme="dark"] .btn-light-success span {
  color: #17a600 !important;
}
.btn-light-success:active,
.btn-light-success:active:focus,
.btn-light-success:focus,
.btn-light-success:hover {
  background-color: #17a6001a;
  color: #17a600 !important;
}
.btn-danger {
  background-color: #c42a02;
  border: 1px solid #c42a02;
  border-radius: 5px;
  color: #fff;
}
.btn-danger.show,
.btn-danger:active:focus,
.btn-danger:first-child:active,
.btn-danger:focus,
.btn-danger:hover {
  background-color: #c42a02;
  border-color: #c42a02;
  color: #fff;
}
.btn-light-danger {
  background-color: #c42a021a;
}
.btn-light-danger,
[data-theme="dark"] .btn-light-danger span {
  color: #c42a02 !important;
}
.btn-light-danger:active,
.btn-light-danger:active:focus,
.btn-light-danger:focus,
.btn-light-danger:hover {
  background-color: #c42a021a;
  color: #c42a02 !important;
}
.btn-light {
  background-color: #f4f5f8;
  border: 1px solid #f4f5f8;
  border-radius: 5px;
  color: #fff;
}
.btn-light.show,
.btn-light:active:focus,
.btn-light:first-child:active,
.btn-light:focus,
.btn-light:hover {
  background-color: #f4f5f8;
  border-color: #f4f5f8;
  color: #fff;
}
.btn-light-light {
  background-color: #f4f5f81a;
}
.btn-light-light,
[data-theme="dark"] .btn-light-light span {
  color: #f4f5f8 !important;
}
.btn-light-light:active,
.btn-light-light:active:focus,
.btn-light-light:focus,
.btn-light-light:hover {
  background-color: #f4f5f81a;
  color: #f4f5f8 !important;
}
.btn-dark {
  background-color: #2c2c31;
  border: 1px solid #2c2c31;
  border-radius: 5px;
  color: #fff;
}
.btn-dark.show,
.btn-dark:active:focus,
.btn-dark:first-child:active,
.btn-dark:focus,
.btn-dark:hover {
  background-color: #2c2c31;
  border-color: #2c2c31;
  color: #fff;
}
.btn-light:hover {
  color: #2c2c31;
}
.btn-light-dark {
  background-color: #2c2c311a;
}
.btn-light-dark,
[data-theme="dark"] .btn-light-dark span {
  color: #2c2c31 !important;
}
.btn-light-dark:active,
.btn-light-dark:active:focus,
.btn-light-dark:focus,
.btn-light-dark:hover {
  background-color: #2c2c311a;
  color: #2c2c31 !important;
}
.line-primary:before {
  background-color: var(--theme-default);
}
.line-primary:before,
.line-secondary:before {
  border-radius: 10px;
  content: "";
  height: 28px;
  width: 4px;
}
.line-secondary:before {
  background-color: #c280d2;
}
.line-tertiary:before {
  background-color: #fd7e40;
}
.line-tertiary:before,
.line-warning:before {
  border-radius: 10px;
  content: "";
  height: 28px;
  width: 4px;
}
.line-warning:before {
  background-color: #f0ad4e;
}
.line-info:before {
  background-color: #2e8dd3;
}
.line-info:before,
.line-success:before {
  border-radius: 10px;
  content: "";
  height: 28px;
  width: 4px;
}
.line-success:before {
  background-color: #17a600;
}
.line-danger:before {
  background-color: #c42a02;
}
.line-danger:before,
.line-light:before {
  border-radius: 10px;
  content: "";
  height: 28px;
  width: 4px;
}
.line-light:before {
  background-color: #f4f5f8;
}
.line-dark:before {
  background-color: #2c2c31;
  border-radius: 10px;
  content: "";
  height: 28px;
  width: 4px;
}
.btn-outline-primary {
  background-color: #fff;
  background-color: var(--white);
  border: 1px solid var(--theme-default) !important;
  color: var(--theme-default);
}
.btn-outline-primary:active:focus,
.btn-outline-primary:focus,
.btn-outline-primary:hover,
.btn-outline-primary:not(:first-child):active {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
  color: #fff;
  color: var(--white);
}
[data-theme="dark"] .btn-outline-primary {
  background-color: initial;
  color: #3d3d47;
  color: var(--body-font-color);
}
[data-theme="dark"] .btn-outline-primary:active:focus,
[data-theme="dark"] .btn-outline-primary:focus,
[data-theme="dark"] .btn-outline-primary:hover {
  background-color: var(--theme-default);
}
[data-theme="dark"] .input-group-page .btn-outline-primary {
  border: 1px solid var(--theme-default) !important;
}
.btn-outline-secondary {
  background-color: #fff;
  background-color: var(--white);
  border: 1px solid #c280d2 !important;
  color: #c280d2;
}
.btn-outline-secondary:active:focus,
.btn-outline-secondary:focus,
.btn-outline-secondary:hover,
.btn-outline-secondary:not(:first-child):active {
  background-color: #c280d2;
  border-color: #c280d2;
  color: #fff;
  color: var(--white);
}
[data-theme="dark"] .btn-outline-secondary {
  background-color: initial;
  color: #3d3d47;
  color: var(--body-font-color);
}
[data-theme="dark"] .btn-outline-secondary:active:focus,
[data-theme="dark"] .btn-outline-secondary:focus,
[data-theme="dark"] .btn-outline-secondary:hover {
  background-color: #c280d2;
}
[data-theme="dark"] .input-group-page .btn-outline-secondary {
  border: 1px solid #c280d2 !important;
}
.btn-outline-tertiary {
  background-color: #fff;
  background-color: var(--white);
  border: 1px solid #fd7e40 !important;
  color: #fd7e40;
}
.btn-outline-tertiary:active:focus,
.btn-outline-tertiary:focus,
.btn-outline-tertiary:hover,
.btn-outline-tertiary:not(:first-child):active {
  background-color: #fd7e40;
  border-color: #fd7e40;
  color: #fff;
  color: var(--white);
}
[data-theme="dark"] .btn-outline-tertiary {
  background-color: initial;
  color: #3d3d47;
  color: var(--body-font-color);
}
[data-theme="dark"] .btn-outline-tertiary:active:focus,
[data-theme="dark"] .btn-outline-tertiary:focus,
[data-theme="dark"] .btn-outline-tertiary:hover {
  background-color: #fd7e40;
}
[data-theme="dark"] .input-group-page .btn-outline-tertiary {
  border: 1px solid #fd7e40 !important;
}
.btn-outline-warning {
  background-color: #fff;
  background-color: var(--white);
  border: 1px solid #f0ad4e !important;
  color: #f0ad4e;
}
.btn-outline-warning:active:focus,
.btn-outline-warning:focus,
.btn-outline-warning:hover,
.btn-outline-warning:not(:first-child):active {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
  color: #fff;
  color: var(--white);
}
[data-theme="dark"] .btn-outline-warning {
  background-color: initial;
  color: #3d3d47;
  color: var(--body-font-color);
}
[data-theme="dark"] .btn-outline-warning:active:focus,
[data-theme="dark"] .btn-outline-warning:focus,
[data-theme="dark"] .btn-outline-warning:hover {
  background-color: #f0ad4e;
}
[data-theme="dark"] .input-group-page .btn-outline-warning {
  border: 1px solid #f0ad4e !important;
}
.btn-outline-info {
  background-color: #fff;
  background-color: var(--white);
  border: 1px solid #2e8dd3 !important;
  color: #2e8dd3;
}
.btn-outline-info:active:focus,
.btn-outline-info:focus,
.btn-outline-info:hover,
.btn-outline-info:not(:first-child):active {
  background-color: #2e8dd3;
  border-color: #2e8dd3;
  color: #fff;
  color: var(--white);
}
[data-theme="dark"] .btn-outline-info {
  background-color: initial;
  color: #3d3d47;
  color: var(--body-font-color);
}
[data-theme="dark"] .btn-outline-info:active:focus,
[data-theme="dark"] .btn-outline-info:focus,
[data-theme="dark"] .btn-outline-info:hover {
  background-color: #2e8dd3;
}
[data-theme="dark"] .input-group-page .btn-outline-info {
  border: 1px solid #2e8dd3 !important;
}
.btn-outline-success {
  background-color: #fff;
  background-color: var(--white);
  border: 1px solid #17a600 !important;
  color: #17a600;
}
.btn-outline-success:active:focus,
.btn-outline-success:focus,
.btn-outline-success:hover,
.btn-outline-success:not(:first-child):active {
  background-color: #17a600;
  border-color: #17a600;
  color: #fff;
  color: var(--white);
}
[data-theme="dark"] .btn-outline-success {
  background-color: initial;
  color: #3d3d47;
  color: var(--body-font-color);
}
[data-theme="dark"] .btn-outline-success:active:focus,
[data-theme="dark"] .btn-outline-success:focus,
[data-theme="dark"] .btn-outline-success:hover {
  background-color: #17a600;
}
[data-theme="dark"] .input-group-page .btn-outline-success {
  border: 1px solid #17a600 !important;
}
.btn-outline-danger {
  background-color: #fff;
  background-color: var(--white);
  border: 1px solid #c42a02 !important;
  color: #c42a02;
}
.btn-outline-danger:active:focus,
.btn-outline-danger:focus,
.btn-outline-danger:hover,
.btn-outline-danger:not(:first-child):active {
  background-color: #c42a02;
  border-color: #c42a02;
  color: #fff;
  color: var(--white);
}
[data-theme="dark"] .btn-outline-danger {
  background-color: initial;
  color: #3d3d47;
  color: var(--body-font-color);
}
[data-theme="dark"] .btn-outline-danger:active:focus,
[data-theme="dark"] .btn-outline-danger:focus,
[data-theme="dark"] .btn-outline-danger:hover {
  background-color: #c42a02;
}
[data-theme="dark"] .input-group-page .btn-outline-danger {
  border: 1px solid #c42a02 !important;
}
.btn-outline-light {
  background-color: #fff;
  background-color: var(--white);
  border: 1px solid #f4f5f8 !important;
  color: #f4f5f8;
}
.btn-outline-light:active:focus,
.btn-outline-light:focus,
.btn-outline-light:hover,
.btn-outline-light:not(:first-child):active {
  background-color: #f4f5f8;
  border-color: #f4f5f8;
  color: #fff;
  color: var(--white);
}
[data-theme="dark"] .btn-outline-light {
  background-color: initial;
  color: #3d3d47;
  color: var(--body-font-color);
}
[data-theme="dark"] .btn-outline-light:active:focus,
[data-theme="dark"] .btn-outline-light:focus,
[data-theme="dark"] .btn-outline-light:hover {
  background-color: #f4f5f8;
}
[data-theme="dark"] .input-group-page .btn-outline-light {
  border: 1px solid #f4f5f8 !important;
}
.btn-outline-dark {
  background-color: #fff;
  background-color: var(--white);
  border: 1px solid #2c2c31 !important;
  color: #2c2c31;
}
.btn-outline-dark:active:focus,
.btn-outline-dark:focus,
.btn-outline-dark:hover,
.btn-outline-dark:not(:first-child):active {
  background-color: #2c2c31;
  border-color: #2c2c31;
  color: #fff;
  color: var(--white);
}
[data-theme="dark"] .btn-outline-dark {
  background-color: initial;
  color: #3d3d47;
  color: var(--body-font-color);
}
[data-theme="dark"] .btn-outline-dark:active:focus,
[data-theme="dark"] .btn-outline-dark:focus,
[data-theme="dark"] .btn-outline-dark:hover {
  background-color: #2c2c31;
}
[data-theme="dark"] .input-group-page .btn-outline-dark {
  border: 1px solid #2c2c31 !important;
}
.btn.btn-info:hover,
.btn.btn-tertiary:hover,
.btn.btn-warning:hover {
  color: #fff;
}
.btn-primary-gradien {
  background-image: linear-gradient(90deg, #60c5bf 0, #389b95 51%, #60c5bf);
  background-size: auto 200%;
  border: none;
  color: #fff;
  transition: all 0.3s ease;
}
.btn-primary-gradien.active,
.btn-primary-gradien:active,
.btn-primary-gradien:focus {
  background-image: linear-gradient(
    90deg,
    #60c5bf,
    0,
    #389b95,
    100%,
    #fff
  ) !important;
  background-position: 100%;
  transition: 1.5s;
}
.btn-secondary-gradien {
  background-image: linear-gradient(90deg, #d09edd 0, #b462c7 51%, #d09edd);
  background-size: auto 200%;
  border: none;
  color: #fff;
  transition: all 0.3s ease;
}
.btn-secondary-gradien.active,
.btn-secondary-gradien.hover,
.btn-secondary-gradien:active,
.btn-secondary-gradien:focus,
.btn-secondary-gradien:hover {
  background-image: linear-gradient(
    90deg,
    #d09edd,
    0,
    #b462c7,
    100%,
    #fff
  ) !important;
  background-position: 100%;
  transition: 1.5s;
}
.btn-tertiary-gradien {
  background-image: linear-gradient(90deg, #fd9968 0, #fd6318 51%, #fd9968);
  background-size: auto 200%;
  border: none;
  color: #fff;
  transition: all 0.3s ease;
}
.btn-tertiary-gradien.active,
.btn-tertiary-gradien.hover,
.btn-tertiary-gradien:active,
.btn-tertiary-gradien:focus,
.btn-tertiary-gradien:hover {
  background-image: linear-gradient(
    90deg,
    #fd9968,
    0,
    #fd6318,
    100%,
    #fff
  ) !important;
  background-position: 100%;
  transition: 1.5s;
}
.btn-success-gradien {
  background-image: linear-gradient(90deg, #1dcf00 0, #117d00 51%, #1dcf00);
  background-size: auto 200%;
  border: none;
  color: #fff;
  transition: all 0.3s ease;
}
.btn-success-gradien.active,
.btn-success-gradien.hover,
.btn-success-gradien:active,
.btn-success-gradien:focus,
.btn-success-gradien:hover {
  background-image: linear-gradient(
    90deg,
    #1dcf00,
    0,
    #117d00,
    100%,
    #fff
  ) !important;
  background-position: 100%;
  transition: 1.5s;
}
.btn-danger-gradien {
  background-image: linear-gradient(90deg, #ec3302 0, #9c2102 51%, #ec3302);
  background-size: auto 200%;
  border: none;
  color: #fff;
  transition: all 0.3s ease;
}
.btn-danger-gradien.active,
.btn-danger-gradien.hover,
.btn-danger-gradien:active,
.btn-danger-gradien:focus,
.btn-danger-gradien:hover {
  background-image: linear-gradient(
    90deg,
    #ec3302,
    0,
    #9c2102,
    100%,
    #fff
  ) !important;
  background-position: 100%;
  transition: 1.5s;
}
.btn-warning-gradien {
  background-image: linear-gradient(90deg, #f3be74 0, #ed9c28 51%, #f3be74);
  background-size: auto 200%;
  border: none;
  color: #fff;
  transition: all 0.3s ease;
}
.btn-warning-gradien.active,
.btn-warning-gradien.hover,
.btn-warning-gradien:active,
.btn-warning-gradien:focus,
.btn-warning-gradien:hover {
  background-image: linear-gradient(
    90deg,
    #f3be74,
    0,
    #ed9c28,
    100%,
    #fff
  ) !important;
  background-position: 100%;
  transition: 1.5s;
}
.btn-info-gradien {
  background-image: linear-gradient(90deg, #509fda 0, #2677b3 51%, #509fda);
  background-size: auto 200%;
  border: none;
  color: #fff;
  transition: all 0.3s ease;
}
.btn-info-gradien.active,
.btn-info-gradien.hover,
.btn-info-gradien:active,
.btn-info-gradien:focus,
.btn-info-gradien:hover {
  background-image: linear-gradient(
    90deg,
    #509fda,
    0,
    #2677b3,
    100%,
    #fff
  ) !important;
  background-position: 100%;
  transition: 1.5s;
}
.btn-light-gradien {
  background-image: linear-gradient(90deg, #fff 0, #dbdee8 51%, #fff);
  background-size: auto 200%;
  border: none;
  color: #fff;
  transition: all 0.3s ease;
}
.btn-light-gradien.active,
.btn-light-gradien.hover,
.btn-light-gradien:active,
.btn-light-gradien:focus,
.btn-light-gradien:hover {
  background-image: linear-gradient(
    90deg,
    #fff,
    0,
    #dbdee8,
    100%,
    #fff
  ) !important;
  background-position: 100%;
  transition: 1.5s;
}
.btn-dark-gradien {
  background-image: linear-gradient(90deg, #3f3f46 0, #19191c 51%, #3f3f46);
  background-size: auto 200%;
  border: none;
  color: #fff;
  transition: all 0.3s ease;
}
.btn-dark-gradien.active,
.btn-dark-gradien.hover,
.btn-dark-gradien:active,
.btn-dark-gradien:focus,
.btn-dark-gradien:hover {
  background-image: linear-gradient(
    90deg,
    #3f3f46,
    0,
    #19191c,
    100%,
    #fff
  ) !important;
  background-position: 100%;
  transition: 1.5s;
}
.btn-gradient {
  border-radius: 5px;
  color: #fff !important;
  font-weight: 500;
  letter-spacing: 0.06rem;
  padding: 10px 30px;
}
.btn-gradient:hover {
  background-size: 100% !important;
}
[class*="-gradien"]:hover {
  background-size: 50% 100%;
  color: #fff;
  transition: all 0.3s ease;
}
.b-w-0.b-l-primary {
  border-left: 0 solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-0.b-l-primary {
  border-left: initial !important;
}
.b-w-0.b-r-primary,
[dir="rtl"] .b-w-0.b-l-primary {
  border-right: 0 solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-0.b-r-primary {
  border-left: 0 solid var(--theme-default) !important;
  border-right: initial !important;
}
.b-w-1.b-l-primary {
  border-left: 1px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-1.b-l-primary {
  border-left: initial !important;
}
.b-w-1.b-r-primary,
[dir="rtl"] .b-w-1.b-l-primary {
  border-right: 1px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-1.b-r-primary {
  border-left: 1px solid var(--theme-default) !important;
  border-right: initial !important;
}
.b-w-2.b-l-primary {
  border-left: 2px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-2.b-l-primary {
  border-left: initial !important;
}
.b-w-2.b-r-primary,
[dir="rtl"] .b-w-2.b-l-primary {
  border-right: 2px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-2.b-r-primary {
  border-left: 2px solid var(--theme-default) !important;
  border-right: initial !important;
}
.b-w-3.b-l-primary {
  border-left: 3px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-3.b-l-primary {
  border-left: initial !important;
}
.b-w-3.b-r-primary,
[dir="rtl"] .b-w-3.b-l-primary {
  border-right: 3px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-3.b-r-primary {
  border-left: 3px solid var(--theme-default) !important;
  border-right: initial !important;
}
.b-w-4.b-l-primary {
  border-left: 4px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-4.b-l-primary {
  border-left: initial !important;
}
.b-w-4.b-r-primary,
[dir="rtl"] .b-w-4.b-l-primary {
  border-right: 4px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-4.b-r-primary {
  border-left: 4px solid var(--theme-default) !important;
  border-right: initial !important;
}
.b-w-5.b-l-primary {
  border-left: 5px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-5.b-l-primary {
  border-left: initial !important;
}
.b-w-5.b-r-primary,
[dir="rtl"] .b-w-5.b-l-primary {
  border-right: 5px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-5.b-r-primary {
  border-left: 5px solid var(--theme-default) !important;
  border-right: initial !important;
}
.b-w-6.b-l-primary {
  border-left: 6px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-6.b-l-primary {
  border-left: initial !important;
}
.b-w-6.b-r-primary,
[dir="rtl"] .b-w-6.b-l-primary {
  border-right: 6px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-6.b-r-primary {
  border-left: 6px solid var(--theme-default) !important;
  border-right: initial !important;
}
.b-w-7.b-l-primary {
  border-left: 7px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-7.b-l-primary {
  border-left: initial !important;
}
.b-w-7.b-r-primary,
[dir="rtl"] .b-w-7.b-l-primary {
  border-right: 7px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-7.b-r-primary {
  border-left: 7px solid var(--theme-default) !important;
  border-right: initial !important;
}
.b-w-8.b-l-primary {
  border-left: 8px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-8.b-l-primary {
  border-left: initial !important;
}
.b-w-8.b-r-primary,
[dir="rtl"] .b-w-8.b-l-primary {
  border-right: 8px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-8.b-r-primary {
  border-left: 8px solid var(--theme-default) !important;
  border-right: initial !important;
}
.b-w-9.b-l-primary {
  border-left: 9px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-9.b-l-primary {
  border-left: initial !important;
}
.b-w-9.b-r-primary,
[dir="rtl"] .b-w-9.b-l-primary {
  border-right: 9px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-9.b-r-primary {
  border-left: 9px solid var(--theme-default) !important;
  border-right: initial !important;
}
.b-w-10.b-l-primary {
  border-left: 10px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-10.b-l-primary {
  border-left: initial !important;
}
.b-w-10.b-r-primary,
[dir="rtl"] .b-w-10.b-l-primary {
  border-right: 10px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-10.b-r-primary {
  border-left: 10px solid var(--theme-default) !important;
  border-right: initial !important;
}
.b-w-11.b-l-primary {
  border-left: 11px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-11.b-l-primary {
  border-left: initial !important;
}
.b-w-11.b-r-primary,
[dir="rtl"] .b-w-11.b-l-primary {
  border-right: 11px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-11.b-r-primary {
  border-left: 11px solid var(--theme-default) !important;
  border-right: initial !important;
}
.b-w-12.b-l-primary {
  border-left: 12px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-12.b-l-primary {
  border-left: initial !important;
}
.b-w-12.b-r-primary,
[dir="rtl"] .b-w-12.b-l-primary {
  border-right: 12px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-12.b-r-primary {
  border-left: 12px solid var(--theme-default) !important;
  border-right: initial !important;
}
.b-w-13.b-l-primary {
  border-left: 13px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-13.b-l-primary {
  border-left: initial !important;
}
.b-w-13.b-r-primary,
[dir="rtl"] .b-w-13.b-l-primary {
  border-right: 13px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-13.b-r-primary {
  border-left: 13px solid var(--theme-default) !important;
  border-right: initial !important;
}
.b-w-14.b-l-primary {
  border-left: 14px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-14.b-l-primary {
  border-left: initial !important;
}
.b-w-14.b-r-primary,
[dir="rtl"] .b-w-14.b-l-primary {
  border-right: 14px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-14.b-r-primary {
  border-left: 14px solid var(--theme-default) !important;
  border-right: initial !important;
}
.b-w-15.b-l-primary {
  border-left: 15px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-15.b-l-primary {
  border-left: initial !important;
}
.b-w-15.b-r-primary,
[dir="rtl"] .b-w-15.b-l-primary {
  border-right: 15px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-15.b-r-primary {
  border-left: 15px solid var(--theme-default) !important;
  border-right: initial !important;
}
.b-w-16.b-l-primary {
  border-left: 16px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-16.b-l-primary {
  border-left: initial !important;
}
.b-w-16.b-r-primary,
[dir="rtl"] .b-w-16.b-l-primary {
  border-right: 16px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-16.b-r-primary {
  border-left: 16px solid var(--theme-default) !important;
  border-right: initial !important;
}
.b-w-17.b-l-primary {
  border-left: 17px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-17.b-l-primary {
  border-left: initial !important;
}
.b-w-17.b-r-primary,
[dir="rtl"] .b-w-17.b-l-primary {
  border-right: 17px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-17.b-r-primary {
  border-left: 17px solid var(--theme-default) !important;
  border-right: initial !important;
}
.b-w-18.b-l-primary {
  border-left: 18px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-18.b-l-primary {
  border-left: initial !important;
}
.b-w-18.b-r-primary,
[dir="rtl"] .b-w-18.b-l-primary {
  border-right: 18px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-18.b-r-primary {
  border-left: 18px solid var(--theme-default) !important;
  border-right: initial !important;
}
.b-w-19.b-l-primary {
  border-left: 19px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-19.b-l-primary {
  border-left: initial !important;
}
.b-w-19.b-r-primary,
[dir="rtl"] .b-w-19.b-l-primary {
  border-right: 19px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-19.b-r-primary {
  border-left: 19px solid var(--theme-default) !important;
  border-right: initial !important;
}
.b-w-20.b-l-primary {
  border-left: 20px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-20.b-l-primary {
  border-left: initial !important;
}
.b-w-20.b-r-primary,
[dir="rtl"] .b-w-20.b-l-primary {
  border-right: 20px solid var(--theme-default) !important;
}
[dir="rtl"] .b-w-20.b-r-primary {
  border-left: 20px solid var(--theme-default) !important;
  border-right: initial !important;
}
.border-primary {
  border: 1px solid var(--theme-default) !important;
}
[data-theme="dark"] .border-primary {
  border: 1px solid #6a71854d;
  border: 1px solid var(--solid-border);
}
.b-l-primary {
  border-left: 1px solid var(--theme-default) !important;
}
[dir="rtl"] .b-l-primary {
  border-left: initial !important;
}
.b-r-primary,
[dir="rtl"] .b-l-primary {
  border-right: 1px solid var(--theme-default) !important;
}
[dir="rtl"] .b-r-primary {
  border-left: 1px solid var(--theme-default) !important;
  border-right: initial !important;
}
.b-t-primary {
  border-top: 1px solid var(--theme-default) !important;
}
.b-b-primary {
  border-bottom: 1px solid var(--theme-default) !important;
}
.b-w-0.b-l-secondary {
  border-left: 0 solid #c280d2 !important;
}
[dir="rtl"] .b-w-0.b-l-secondary {
  border-left: initial !important;
}
.b-w-0.b-r-secondary,
[dir="rtl"] .b-w-0.b-l-secondary {
  border-right: 0 solid #c280d2 !important;
}
[dir="rtl"] .b-w-0.b-r-secondary {
  border-left: 0 solid #c280d2 !important;
  border-right: initial !important;
}
.b-w-1.b-l-secondary {
  border-left: 1px solid #c280d2 !important;
}
[dir="rtl"] .b-w-1.b-l-secondary {
  border-left: initial !important;
}
.b-w-1.b-r-secondary,
[dir="rtl"] .b-w-1.b-l-secondary {
  border-right: 1px solid #c280d2 !important;
}
[dir="rtl"] .b-w-1.b-r-secondary {
  border-left: 1px solid #c280d2 !important;
  border-right: initial !important;
}
.b-w-2.b-l-secondary {
  border-left: 2px solid #c280d2 !important;
}
[dir="rtl"] .b-w-2.b-l-secondary {
  border-left: initial !important;
}
.b-w-2.b-r-secondary,
[dir="rtl"] .b-w-2.b-l-secondary {
  border-right: 2px solid #c280d2 !important;
}
[dir="rtl"] .b-w-2.b-r-secondary {
  border-left: 2px solid #c280d2 !important;
  border-right: initial !important;
}
.b-w-3.b-l-secondary {
  border-left: 3px solid #c280d2 !important;
}
[dir="rtl"] .b-w-3.b-l-secondary {
  border-left: initial !important;
}
.b-w-3.b-r-secondary,
[dir="rtl"] .b-w-3.b-l-secondary {
  border-right: 3px solid #c280d2 !important;
}
[dir="rtl"] .b-w-3.b-r-secondary {
  border-left: 3px solid #c280d2 !important;
  border-right: initial !important;
}
.b-w-4.b-l-secondary {
  border-left: 4px solid #c280d2 !important;
}
[dir="rtl"] .b-w-4.b-l-secondary {
  border-left: initial !important;
}
.b-w-4.b-r-secondary,
[dir="rtl"] .b-w-4.b-l-secondary {
  border-right: 4px solid #c280d2 !important;
}
[dir="rtl"] .b-w-4.b-r-secondary {
  border-left: 4px solid #c280d2 !important;
  border-right: initial !important;
}
.b-w-5.b-l-secondary {
  border-left: 5px solid #c280d2 !important;
}
[dir="rtl"] .b-w-5.b-l-secondary {
  border-left: initial !important;
}
.b-w-5.b-r-secondary,
[dir="rtl"] .b-w-5.b-l-secondary {
  border-right: 5px solid #c280d2 !important;
}
[dir="rtl"] .b-w-5.b-r-secondary {
  border-left: 5px solid #c280d2 !important;
  border-right: initial !important;
}
.b-w-6.b-l-secondary {
  border-left: 6px solid #c280d2 !important;
}
[dir="rtl"] .b-w-6.b-l-secondary {
  border-left: initial !important;
}
.b-w-6.b-r-secondary,
[dir="rtl"] .b-w-6.b-l-secondary {
  border-right: 6px solid #c280d2 !important;
}
[dir="rtl"] .b-w-6.b-r-secondary {
  border-left: 6px solid #c280d2 !important;
  border-right: initial !important;
}
.b-w-7.b-l-secondary {
  border-left: 7px solid #c280d2 !important;
}
[dir="rtl"] .b-w-7.b-l-secondary {
  border-left: initial !important;
}
.b-w-7.b-r-secondary,
[dir="rtl"] .b-w-7.b-l-secondary {
  border-right: 7px solid #c280d2 !important;
}
[dir="rtl"] .b-w-7.b-r-secondary {
  border-left: 7px solid #c280d2 !important;
  border-right: initial !important;
}
.b-w-8.b-l-secondary {
  border-left: 8px solid #c280d2 !important;
}
[dir="rtl"] .b-w-8.b-l-secondary {
  border-left: initial !important;
}
.b-w-8.b-r-secondary,
[dir="rtl"] .b-w-8.b-l-secondary {
  border-right: 8px solid #c280d2 !important;
}
[dir="rtl"] .b-w-8.b-r-secondary {
  border-left: 8px solid #c280d2 !important;
  border-right: initial !important;
}
.b-w-9.b-l-secondary {
  border-left: 9px solid #c280d2 !important;
}
[dir="rtl"] .b-w-9.b-l-secondary {
  border-left: initial !important;
}
.b-w-9.b-r-secondary,
[dir="rtl"] .b-w-9.b-l-secondary {
  border-right: 9px solid #c280d2 !important;
}
[dir="rtl"] .b-w-9.b-r-secondary {
  border-left: 9px solid #c280d2 !important;
  border-right: initial !important;
}
.b-w-10.b-l-secondary {
  border-left: 10px solid #c280d2 !important;
}
[dir="rtl"] .b-w-10.b-l-secondary {
  border-left: initial !important;
}
.b-w-10.b-r-secondary,
[dir="rtl"] .b-w-10.b-l-secondary {
  border-right: 10px solid #c280d2 !important;
}
[dir="rtl"] .b-w-10.b-r-secondary {
  border-left: 10px solid #c280d2 !important;
  border-right: initial !important;
}
.b-w-11.b-l-secondary {
  border-left: 11px solid #c280d2 !important;
}
[dir="rtl"] .b-w-11.b-l-secondary {
  border-left: initial !important;
}
.b-w-11.b-r-secondary,
[dir="rtl"] .b-w-11.b-l-secondary {
  border-right: 11px solid #c280d2 !important;
}
[dir="rtl"] .b-w-11.b-r-secondary {
  border-left: 11px solid #c280d2 !important;
  border-right: initial !important;
}
.b-w-12.b-l-secondary {
  border-left: 12px solid #c280d2 !important;
}
[dir="rtl"] .b-w-12.b-l-secondary {
  border-left: initial !important;
}
.b-w-12.b-r-secondary,
[dir="rtl"] .b-w-12.b-l-secondary {
  border-right: 12px solid #c280d2 !important;
}
[dir="rtl"] .b-w-12.b-r-secondary {
  border-left: 12px solid #c280d2 !important;
  border-right: initial !important;
}
.b-w-13.b-l-secondary {
  border-left: 13px solid #c280d2 !important;
}
[dir="rtl"] .b-w-13.b-l-secondary {
  border-left: initial !important;
}
.b-w-13.b-r-secondary,
[dir="rtl"] .b-w-13.b-l-secondary {
  border-right: 13px solid #c280d2 !important;
}
[dir="rtl"] .b-w-13.b-r-secondary {
  border-left: 13px solid #c280d2 !important;
  border-right: initial !important;
}
.b-w-14.b-l-secondary {
  border-left: 14px solid #c280d2 !important;
}
[dir="rtl"] .b-w-14.b-l-secondary {
  border-left: initial !important;
}
.b-w-14.b-r-secondary,
[dir="rtl"] .b-w-14.b-l-secondary {
  border-right: 14px solid #c280d2 !important;
}
[dir="rtl"] .b-w-14.b-r-secondary {
  border-left: 14px solid #c280d2 !important;
  border-right: initial !important;
}
.b-w-15.b-l-secondary {
  border-left: 15px solid #c280d2 !important;
}
[dir="rtl"] .b-w-15.b-l-secondary {
  border-left: initial !important;
}
.b-w-15.b-r-secondary,
[dir="rtl"] .b-w-15.b-l-secondary {
  border-right: 15px solid #c280d2 !important;
}
[dir="rtl"] .b-w-15.b-r-secondary {
  border-left: 15px solid #c280d2 !important;
  border-right: initial !important;
}
.b-w-16.b-l-secondary {
  border-left: 16px solid #c280d2 !important;
}
[dir="rtl"] .b-w-16.b-l-secondary {
  border-left: initial !important;
}
.b-w-16.b-r-secondary,
[dir="rtl"] .b-w-16.b-l-secondary {
  border-right: 16px solid #c280d2 !important;
}
[dir="rtl"] .b-w-16.b-r-secondary {
  border-left: 16px solid #c280d2 !important;
  border-right: initial !important;
}
.b-w-17.b-l-secondary {
  border-left: 17px solid #c280d2 !important;
}
[dir="rtl"] .b-w-17.b-l-secondary {
  border-left: initial !important;
}
.b-w-17.b-r-secondary,
[dir="rtl"] .b-w-17.b-l-secondary {
  border-right: 17px solid #c280d2 !important;
}
[dir="rtl"] .b-w-17.b-r-secondary {
  border-left: 17px solid #c280d2 !important;
  border-right: initial !important;
}
.b-w-18.b-l-secondary {
  border-left: 18px solid #c280d2 !important;
}
[dir="rtl"] .b-w-18.b-l-secondary {
  border-left: initial !important;
}
.b-w-18.b-r-secondary,
[dir="rtl"] .b-w-18.b-l-secondary {
  border-right: 18px solid #c280d2 !important;
}
[dir="rtl"] .b-w-18.b-r-secondary {
  border-left: 18px solid #c280d2 !important;
  border-right: initial !important;
}
.b-w-19.b-l-secondary {
  border-left: 19px solid #c280d2 !important;
}
[dir="rtl"] .b-w-19.b-l-secondary {
  border-left: initial !important;
}
.b-w-19.b-r-secondary,
[dir="rtl"] .b-w-19.b-l-secondary {
  border-right: 19px solid #c280d2 !important;
}
[dir="rtl"] .b-w-19.b-r-secondary {
  border-left: 19px solid #c280d2 !important;
  border-right: initial !important;
}
.b-w-20.b-l-secondary {
  border-left: 20px solid #c280d2 !important;
}
[dir="rtl"] .b-w-20.b-l-secondary {
  border-left: initial !important;
}
.b-w-20.b-r-secondary,
[dir="rtl"] .b-w-20.b-l-secondary {
  border-right: 20px solid #c280d2 !important;
}
[dir="rtl"] .b-w-20.b-r-secondary {
  border-left: 20px solid #c280d2 !important;
  border-right: initial !important;
}
.border-secondary {
  border: 1px solid #c280d2 !important;
}
[data-theme="dark"] .border-secondary {
  border: 1px solid #6a71854d;
  border: 1px solid var(--solid-border);
}
.b-l-secondary {
  border-left: 1px solid #c280d2 !important;
}
[dir="rtl"] .b-l-secondary {
  border-left: initial !important;
}
.b-r-secondary,
[dir="rtl"] .b-l-secondary {
  border-right: 1px solid #c280d2 !important;
}
[dir="rtl"] .b-r-secondary {
  border-left: 1px solid #c280d2 !important;
  border-right: initial !important;
}
.b-t-secondary {
  border-top: 1px solid #c280d2 !important;
}
.b-b-secondary {
  border-bottom: 1px solid #c280d2 !important;
}
.b-w-0.b-l-tertiary {
  border-left: 0 solid #fd7e40 !important;
}
[dir="rtl"] .b-w-0.b-l-tertiary {
  border-left: initial !important;
}
.b-w-0.b-r-tertiary,
[dir="rtl"] .b-w-0.b-l-tertiary {
  border-right: 0 solid #fd7e40 !important;
}
[dir="rtl"] .b-w-0.b-r-tertiary {
  border-left: 0 solid #fd7e40 !important;
  border-right: initial !important;
}
.b-w-1.b-l-tertiary {
  border-left: 1px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-1.b-l-tertiary {
  border-left: initial !important;
}
.b-w-1.b-r-tertiary,
[dir="rtl"] .b-w-1.b-l-tertiary {
  border-right: 1px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-1.b-r-tertiary {
  border-left: 1px solid #fd7e40 !important;
  border-right: initial !important;
}
.b-w-2.b-l-tertiary {
  border-left: 2px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-2.b-l-tertiary {
  border-left: initial !important;
}
.b-w-2.b-r-tertiary,
[dir="rtl"] .b-w-2.b-l-tertiary {
  border-right: 2px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-2.b-r-tertiary {
  border-left: 2px solid #fd7e40 !important;
  border-right: initial !important;
}
.b-w-3.b-l-tertiary {
  border-left: 3px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-3.b-l-tertiary {
  border-left: initial !important;
}
.b-w-3.b-r-tertiary,
[dir="rtl"] .b-w-3.b-l-tertiary {
  border-right: 3px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-3.b-r-tertiary {
  border-left: 3px solid #fd7e40 !important;
  border-right: initial !important;
}
.b-w-4.b-l-tertiary {
  border-left: 4px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-4.b-l-tertiary {
  border-left: initial !important;
}
.b-w-4.b-r-tertiary,
[dir="rtl"] .b-w-4.b-l-tertiary {
  border-right: 4px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-4.b-r-tertiary {
  border-left: 4px solid #fd7e40 !important;
  border-right: initial !important;
}
.b-w-5.b-l-tertiary {
  border-left: 5px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-5.b-l-tertiary {
  border-left: initial !important;
}
.b-w-5.b-r-tertiary,
[dir="rtl"] .b-w-5.b-l-tertiary {
  border-right: 5px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-5.b-r-tertiary {
  border-left: 5px solid #fd7e40 !important;
  border-right: initial !important;
}
.b-w-6.b-l-tertiary {
  border-left: 6px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-6.b-l-tertiary {
  border-left: initial !important;
}
.b-w-6.b-r-tertiary,
[dir="rtl"] .b-w-6.b-l-tertiary {
  border-right: 6px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-6.b-r-tertiary {
  border-left: 6px solid #fd7e40 !important;
  border-right: initial !important;
}
.b-w-7.b-l-tertiary {
  border-left: 7px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-7.b-l-tertiary {
  border-left: initial !important;
}
.b-w-7.b-r-tertiary,
[dir="rtl"] .b-w-7.b-l-tertiary {
  border-right: 7px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-7.b-r-tertiary {
  border-left: 7px solid #fd7e40 !important;
  border-right: initial !important;
}
.b-w-8.b-l-tertiary {
  border-left: 8px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-8.b-l-tertiary {
  border-left: initial !important;
}
.b-w-8.b-r-tertiary,
[dir="rtl"] .b-w-8.b-l-tertiary {
  border-right: 8px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-8.b-r-tertiary {
  border-left: 8px solid #fd7e40 !important;
  border-right: initial !important;
}
.b-w-9.b-l-tertiary {
  border-left: 9px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-9.b-l-tertiary {
  border-left: initial !important;
}
.b-w-9.b-r-tertiary,
[dir="rtl"] .b-w-9.b-l-tertiary {
  border-right: 9px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-9.b-r-tertiary {
  border-left: 9px solid #fd7e40 !important;
  border-right: initial !important;
}
.b-w-10.b-l-tertiary {
  border-left: 10px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-10.b-l-tertiary {
  border-left: initial !important;
}
.b-w-10.b-r-tertiary,
[dir="rtl"] .b-w-10.b-l-tertiary {
  border-right: 10px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-10.b-r-tertiary {
  border-left: 10px solid #fd7e40 !important;
  border-right: initial !important;
}
.b-w-11.b-l-tertiary {
  border-left: 11px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-11.b-l-tertiary {
  border-left: initial !important;
}
.b-w-11.b-r-tertiary,
[dir="rtl"] .b-w-11.b-l-tertiary {
  border-right: 11px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-11.b-r-tertiary {
  border-left: 11px solid #fd7e40 !important;
  border-right: initial !important;
}
.b-w-12.b-l-tertiary {
  border-left: 12px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-12.b-l-tertiary {
  border-left: initial !important;
}
.b-w-12.b-r-tertiary,
[dir="rtl"] .b-w-12.b-l-tertiary {
  border-right: 12px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-12.b-r-tertiary {
  border-left: 12px solid #fd7e40 !important;
  border-right: initial !important;
}
.b-w-13.b-l-tertiary {
  border-left: 13px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-13.b-l-tertiary {
  border-left: initial !important;
}
.b-w-13.b-r-tertiary,
[dir="rtl"] .b-w-13.b-l-tertiary {
  border-right: 13px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-13.b-r-tertiary {
  border-left: 13px solid #fd7e40 !important;
  border-right: initial !important;
}
.b-w-14.b-l-tertiary {
  border-left: 14px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-14.b-l-tertiary {
  border-left: initial !important;
}
.b-w-14.b-r-tertiary,
[dir="rtl"] .b-w-14.b-l-tertiary {
  border-right: 14px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-14.b-r-tertiary {
  border-left: 14px solid #fd7e40 !important;
  border-right: initial !important;
}
.b-w-15.b-l-tertiary {
  border-left: 15px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-15.b-l-tertiary {
  border-left: initial !important;
}
.b-w-15.b-r-tertiary,
[dir="rtl"] .b-w-15.b-l-tertiary {
  border-right: 15px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-15.b-r-tertiary {
  border-left: 15px solid #fd7e40 !important;
  border-right: initial !important;
}
.b-w-16.b-l-tertiary {
  border-left: 16px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-16.b-l-tertiary {
  border-left: initial !important;
}
.b-w-16.b-r-tertiary,
[dir="rtl"] .b-w-16.b-l-tertiary {
  border-right: 16px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-16.b-r-tertiary {
  border-left: 16px solid #fd7e40 !important;
  border-right: initial !important;
}
.b-w-17.b-l-tertiary {
  border-left: 17px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-17.b-l-tertiary {
  border-left: initial !important;
}
.b-w-17.b-r-tertiary,
[dir="rtl"] .b-w-17.b-l-tertiary {
  border-right: 17px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-17.b-r-tertiary {
  border-left: 17px solid #fd7e40 !important;
  border-right: initial !important;
}
.b-w-18.b-l-tertiary {
  border-left: 18px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-18.b-l-tertiary {
  border-left: initial !important;
}
.b-w-18.b-r-tertiary,
[dir="rtl"] .b-w-18.b-l-tertiary {
  border-right: 18px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-18.b-r-tertiary {
  border-left: 18px solid #fd7e40 !important;
  border-right: initial !important;
}
.b-w-19.b-l-tertiary {
  border-left: 19px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-19.b-l-tertiary {
  border-left: initial !important;
}
.b-w-19.b-r-tertiary,
[dir="rtl"] .b-w-19.b-l-tertiary {
  border-right: 19px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-19.b-r-tertiary {
  border-left: 19px solid #fd7e40 !important;
  border-right: initial !important;
}
.b-w-20.b-l-tertiary {
  border-left: 20px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-20.b-l-tertiary {
  border-left: initial !important;
}
.b-w-20.b-r-tertiary,
[dir="rtl"] .b-w-20.b-l-tertiary {
  border-right: 20px solid #fd7e40 !important;
}
[dir="rtl"] .b-w-20.b-r-tertiary {
  border-left: 20px solid #fd7e40 !important;
  border-right: initial !important;
}
.border-tertiary {
  border: 1px solid #fd7e40 !important;
}
[data-theme="dark"] .border-tertiary {
  border: 1px solid #6a71854d;
  border: 1px solid var(--solid-border);
}
.b-l-tertiary {
  border-left: 1px solid #fd7e40 !important;
}
[dir="rtl"] .b-l-tertiary {
  border-left: initial !important;
}
.b-r-tertiary,
[dir="rtl"] .b-l-tertiary {
  border-right: 1px solid #fd7e40 !important;
}
[dir="rtl"] .b-r-tertiary {
  border-left: 1px solid #fd7e40 !important;
  border-right: initial !important;
}
.b-t-tertiary {
  border-top: 1px solid #fd7e40 !important;
}
.b-b-tertiary {
  border-bottom: 1px solid #fd7e40 !important;
}
.b-w-0.b-l-warning {
  border-left: 0 solid #f0ad4e !important;
}
[dir="rtl"] .b-w-0.b-l-warning {
  border-left: initial !important;
}
.b-w-0.b-r-warning,
[dir="rtl"] .b-w-0.b-l-warning {
  border-right: 0 solid #f0ad4e !important;
}
[dir="rtl"] .b-w-0.b-r-warning {
  border-left: 0 solid #f0ad4e !important;
  border-right: initial !important;
}
.b-w-1.b-l-warning {
  border-left: 1px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-1.b-l-warning {
  border-left: initial !important;
}
.b-w-1.b-r-warning,
[dir="rtl"] .b-w-1.b-l-warning {
  border-right: 1px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-1.b-r-warning {
  border-left: 1px solid #f0ad4e !important;
  border-right: initial !important;
}
.b-w-2.b-l-warning {
  border-left: 2px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-2.b-l-warning {
  border-left: initial !important;
}
.b-w-2.b-r-warning,
[dir="rtl"] .b-w-2.b-l-warning {
  border-right: 2px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-2.b-r-warning {
  border-left: 2px solid #f0ad4e !important;
  border-right: initial !important;
}
.b-w-3.b-l-warning {
  border-left: 3px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-3.b-l-warning {
  border-left: initial !important;
}
.b-w-3.b-r-warning,
[dir="rtl"] .b-w-3.b-l-warning {
  border-right: 3px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-3.b-r-warning {
  border-left: 3px solid #f0ad4e !important;
  border-right: initial !important;
}
.b-w-4.b-l-warning {
  border-left: 4px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-4.b-l-warning {
  border-left: initial !important;
}
.b-w-4.b-r-warning,
[dir="rtl"] .b-w-4.b-l-warning {
  border-right: 4px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-4.b-r-warning {
  border-left: 4px solid #f0ad4e !important;
  border-right: initial !important;
}
.b-w-5.b-l-warning {
  border-left: 5px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-5.b-l-warning {
  border-left: initial !important;
}
.b-w-5.b-r-warning,
[dir="rtl"] .b-w-5.b-l-warning {
  border-right: 5px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-5.b-r-warning {
  border-left: 5px solid #f0ad4e !important;
  border-right: initial !important;
}
.b-w-6.b-l-warning {
  border-left: 6px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-6.b-l-warning {
  border-left: initial !important;
}
.b-w-6.b-r-warning,
[dir="rtl"] .b-w-6.b-l-warning {
  border-right: 6px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-6.b-r-warning {
  border-left: 6px solid #f0ad4e !important;
  border-right: initial !important;
}
.b-w-7.b-l-warning {
  border-left: 7px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-7.b-l-warning {
  border-left: initial !important;
}
.b-w-7.b-r-warning,
[dir="rtl"] .b-w-7.b-l-warning {
  border-right: 7px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-7.b-r-warning {
  border-left: 7px solid #f0ad4e !important;
  border-right: initial !important;
}
.b-w-8.b-l-warning {
  border-left: 8px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-8.b-l-warning {
  border-left: initial !important;
}
.b-w-8.b-r-warning,
[dir="rtl"] .b-w-8.b-l-warning {
  border-right: 8px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-8.b-r-warning {
  border-left: 8px solid #f0ad4e !important;
  border-right: initial !important;
}
.b-w-9.b-l-warning {
  border-left: 9px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-9.b-l-warning {
  border-left: initial !important;
}
.b-w-9.b-r-warning,
[dir="rtl"] .b-w-9.b-l-warning {
  border-right: 9px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-9.b-r-warning {
  border-left: 9px solid #f0ad4e !important;
  border-right: initial !important;
}
.b-w-10.b-l-warning {
  border-left: 10px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-10.b-l-warning {
  border-left: initial !important;
}
.b-w-10.b-r-warning,
[dir="rtl"] .b-w-10.b-l-warning {
  border-right: 10px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-10.b-r-warning {
  border-left: 10px solid #f0ad4e !important;
  border-right: initial !important;
}
.b-w-11.b-l-warning {
  border-left: 11px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-11.b-l-warning {
  border-left: initial !important;
}
.b-w-11.b-r-warning,
[dir="rtl"] .b-w-11.b-l-warning {
  border-right: 11px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-11.b-r-warning {
  border-left: 11px solid #f0ad4e !important;
  border-right: initial !important;
}
.b-w-12.b-l-warning {
  border-left: 12px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-12.b-l-warning {
  border-left: initial !important;
}
.b-w-12.b-r-warning,
[dir="rtl"] .b-w-12.b-l-warning {
  border-right: 12px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-12.b-r-warning {
  border-left: 12px solid #f0ad4e !important;
  border-right: initial !important;
}
.b-w-13.b-l-warning {
  border-left: 13px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-13.b-l-warning {
  border-left: initial !important;
}
.b-w-13.b-r-warning,
[dir="rtl"] .b-w-13.b-l-warning {
  border-right: 13px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-13.b-r-warning {
  border-left: 13px solid #f0ad4e !important;
  border-right: initial !important;
}
.b-w-14.b-l-warning {
  border-left: 14px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-14.b-l-warning {
  border-left: initial !important;
}
.b-w-14.b-r-warning,
[dir="rtl"] .b-w-14.b-l-warning {
  border-right: 14px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-14.b-r-warning {
  border-left: 14px solid #f0ad4e !important;
  border-right: initial !important;
}
.b-w-15.b-l-warning {
  border-left: 15px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-15.b-l-warning {
  border-left: initial !important;
}
.b-w-15.b-r-warning,
[dir="rtl"] .b-w-15.b-l-warning {
  border-right: 15px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-15.b-r-warning {
  border-left: 15px solid #f0ad4e !important;
  border-right: initial !important;
}
.b-w-16.b-l-warning {
  border-left: 16px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-16.b-l-warning {
  border-left: initial !important;
}
.b-w-16.b-r-warning,
[dir="rtl"] .b-w-16.b-l-warning {
  border-right: 16px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-16.b-r-warning {
  border-left: 16px solid #f0ad4e !important;
  border-right: initial !important;
}
.b-w-17.b-l-warning {
  border-left: 17px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-17.b-l-warning {
  border-left: initial !important;
}
.b-w-17.b-r-warning,
[dir="rtl"] .b-w-17.b-l-warning {
  border-right: 17px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-17.b-r-warning {
  border-left: 17px solid #f0ad4e !important;
  border-right: initial !important;
}
.b-w-18.b-l-warning {
  border-left: 18px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-18.b-l-warning {
  border-left: initial !important;
}
.b-w-18.b-r-warning,
[dir="rtl"] .b-w-18.b-l-warning {
  border-right: 18px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-18.b-r-warning {
  border-left: 18px solid #f0ad4e !important;
  border-right: initial !important;
}
.b-w-19.b-l-warning {
  border-left: 19px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-19.b-l-warning {
  border-left: initial !important;
}
.b-w-19.b-r-warning,
[dir="rtl"] .b-w-19.b-l-warning {
  border-right: 19px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-19.b-r-warning {
  border-left: 19px solid #f0ad4e !important;
  border-right: initial !important;
}
.b-w-20.b-l-warning {
  border-left: 20px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-20.b-l-warning {
  border-left: initial !important;
}
.b-w-20.b-r-warning,
[dir="rtl"] .b-w-20.b-l-warning {
  border-right: 20px solid #f0ad4e !important;
}
[dir="rtl"] .b-w-20.b-r-warning {
  border-left: 20px solid #f0ad4e !important;
  border-right: initial !important;
}
.border-warning {
  border: 1px solid #f0ad4e !important;
}
[data-theme="dark"] .border-warning {
  border: 1px solid #6a71854d;
  border: 1px solid var(--solid-border);
}
.b-l-warning {
  border-left: 1px solid #f0ad4e !important;
}
[dir="rtl"] .b-l-warning {
  border-left: initial !important;
}
.b-r-warning,
[dir="rtl"] .b-l-warning {
  border-right: 1px solid #f0ad4e !important;
}
[dir="rtl"] .b-r-warning {
  border-left: 1px solid #f0ad4e !important;
  border-right: initial !important;
}
.b-t-warning {
  border-top: 1px solid #f0ad4e !important;
}
.b-b-warning {
  border-bottom: 1px solid #f0ad4e !important;
}
.b-w-0.b-l-info {
  border-left: 0 solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-0.b-l-info {
  border-left: initial !important;
}
.b-w-0.b-r-info,
[dir="rtl"] .b-w-0.b-l-info {
  border-right: 0 solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-0.b-r-info {
  border-left: 0 solid #2e8dd3 !important;
  border-right: initial !important;
}
.b-w-1.b-l-info {
  border-left: 1px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-1.b-l-info {
  border-left: initial !important;
}
.b-w-1.b-r-info,
[dir="rtl"] .b-w-1.b-l-info {
  border-right: 1px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-1.b-r-info {
  border-left: 1px solid #2e8dd3 !important;
  border-right: initial !important;
}
.b-w-2.b-l-info {
  border-left: 2px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-2.b-l-info {
  border-left: initial !important;
}
.b-w-2.b-r-info,
[dir="rtl"] .b-w-2.b-l-info {
  border-right: 2px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-2.b-r-info {
  border-left: 2px solid #2e8dd3 !important;
  border-right: initial !important;
}
.b-w-3.b-l-info {
  border-left: 3px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-3.b-l-info {
  border-left: initial !important;
}
.b-w-3.b-r-info,
[dir="rtl"] .b-w-3.b-l-info {
  border-right: 3px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-3.b-r-info {
  border-left: 3px solid #2e8dd3 !important;
  border-right: initial !important;
}
.b-w-4.b-l-info {
  border-left: 4px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-4.b-l-info {
  border-left: initial !important;
}
.b-w-4.b-r-info,
[dir="rtl"] .b-w-4.b-l-info {
  border-right: 4px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-4.b-r-info {
  border-left: 4px solid #2e8dd3 !important;
  border-right: initial !important;
}
.b-w-5.b-l-info {
  border-left: 5px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-5.b-l-info {
  border-left: initial !important;
}
.b-w-5.b-r-info,
[dir="rtl"] .b-w-5.b-l-info {
  border-right: 5px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-5.b-r-info {
  border-left: 5px solid #2e8dd3 !important;
  border-right: initial !important;
}
.b-w-6.b-l-info {
  border-left: 6px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-6.b-l-info {
  border-left: initial !important;
}
.b-w-6.b-r-info,
[dir="rtl"] .b-w-6.b-l-info {
  border-right: 6px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-6.b-r-info {
  border-left: 6px solid #2e8dd3 !important;
  border-right: initial !important;
}
.b-w-7.b-l-info {
  border-left: 7px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-7.b-l-info {
  border-left: initial !important;
}
.b-w-7.b-r-info,
[dir="rtl"] .b-w-7.b-l-info {
  border-right: 7px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-7.b-r-info {
  border-left: 7px solid #2e8dd3 !important;
  border-right: initial !important;
}
.b-w-8.b-l-info {
  border-left: 8px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-8.b-l-info {
  border-left: initial !important;
}
.b-w-8.b-r-info,
[dir="rtl"] .b-w-8.b-l-info {
  border-right: 8px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-8.b-r-info {
  border-left: 8px solid #2e8dd3 !important;
  border-right: initial !important;
}
.b-w-9.b-l-info {
  border-left: 9px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-9.b-l-info {
  border-left: initial !important;
}
.b-w-9.b-r-info,
[dir="rtl"] .b-w-9.b-l-info {
  border-right: 9px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-9.b-r-info {
  border-left: 9px solid #2e8dd3 !important;
  border-right: initial !important;
}
.b-w-10.b-l-info {
  border-left: 10px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-10.b-l-info {
  border-left: initial !important;
}
.b-w-10.b-r-info,
[dir="rtl"] .b-w-10.b-l-info {
  border-right: 10px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-10.b-r-info {
  border-left: 10px solid #2e8dd3 !important;
  border-right: initial !important;
}
.b-w-11.b-l-info {
  border-left: 11px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-11.b-l-info {
  border-left: initial !important;
}
.b-w-11.b-r-info,
[dir="rtl"] .b-w-11.b-l-info {
  border-right: 11px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-11.b-r-info {
  border-left: 11px solid #2e8dd3 !important;
  border-right: initial !important;
}
.b-w-12.b-l-info {
  border-left: 12px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-12.b-l-info {
  border-left: initial !important;
}
.b-w-12.b-r-info,
[dir="rtl"] .b-w-12.b-l-info {
  border-right: 12px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-12.b-r-info {
  border-left: 12px solid #2e8dd3 !important;
  border-right: initial !important;
}
.b-w-13.b-l-info {
  border-left: 13px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-13.b-l-info {
  border-left: initial !important;
}
.b-w-13.b-r-info,
[dir="rtl"] .b-w-13.b-l-info {
  border-right: 13px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-13.b-r-info {
  border-left: 13px solid #2e8dd3 !important;
  border-right: initial !important;
}
.b-w-14.b-l-info {
  border-left: 14px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-14.b-l-info {
  border-left: initial !important;
}
.b-w-14.b-r-info,
[dir="rtl"] .b-w-14.b-l-info {
  border-right: 14px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-14.b-r-info {
  border-left: 14px solid #2e8dd3 !important;
  border-right: initial !important;
}
.b-w-15.b-l-info {
  border-left: 15px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-15.b-l-info {
  border-left: initial !important;
}
.b-w-15.b-r-info,
[dir="rtl"] .b-w-15.b-l-info {
  border-right: 15px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-15.b-r-info {
  border-left: 15px solid #2e8dd3 !important;
  border-right: initial !important;
}
.b-w-16.b-l-info {
  border-left: 16px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-16.b-l-info {
  border-left: initial !important;
}
.b-w-16.b-r-info,
[dir="rtl"] .b-w-16.b-l-info {
  border-right: 16px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-16.b-r-info {
  border-left: 16px solid #2e8dd3 !important;
  border-right: initial !important;
}
.b-w-17.b-l-info {
  border-left: 17px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-17.b-l-info {
  border-left: initial !important;
}
.b-w-17.b-r-info,
[dir="rtl"] .b-w-17.b-l-info {
  border-right: 17px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-17.b-r-info {
  border-left: 17px solid #2e8dd3 !important;
  border-right: initial !important;
}
.b-w-18.b-l-info {
  border-left: 18px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-18.b-l-info {
  border-left: initial !important;
}
.b-w-18.b-r-info,
[dir="rtl"] .b-w-18.b-l-info {
  border-right: 18px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-18.b-r-info {
  border-left: 18px solid #2e8dd3 !important;
  border-right: initial !important;
}
.b-w-19.b-l-info {
  border-left: 19px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-19.b-l-info {
  border-left: initial !important;
}
.b-w-19.b-r-info,
[dir="rtl"] .b-w-19.b-l-info {
  border-right: 19px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-19.b-r-info {
  border-left: 19px solid #2e8dd3 !important;
  border-right: initial !important;
}
.b-w-20.b-l-info {
  border-left: 20px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-20.b-l-info {
  border-left: initial !important;
}
.b-w-20.b-r-info,
[dir="rtl"] .b-w-20.b-l-info {
  border-right: 20px solid #2e8dd3 !important;
}
[dir="rtl"] .b-w-20.b-r-info {
  border-left: 20px solid #2e8dd3 !important;
  border-right: initial !important;
}
.border-info {
  border: 1px solid #2e8dd3 !important;
}
[data-theme="dark"] .border-info {
  border: 1px solid #6a71854d;
  border: 1px solid var(--solid-border);
}
.b-l-info {
  border-left: 1px solid #2e8dd3 !important;
}
[dir="rtl"] .b-l-info {
  border-left: initial !important;
}
.b-r-info,
[dir="rtl"] .b-l-info {
  border-right: 1px solid #2e8dd3 !important;
}
[dir="rtl"] .b-r-info {
  border-left: 1px solid #2e8dd3 !important;
  border-right: initial !important;
}
.b-t-info {
  border-top: 1px solid #2e8dd3 !important;
}
.b-b-info {
  border-bottom: 1px solid #2e8dd3 !important;
}
.b-w-0.b-l-success {
  border-left: 0 solid #17a600 !important;
}
[dir="rtl"] .b-w-0.b-l-success {
  border-left: initial !important;
}
.b-w-0.b-r-success,
[dir="rtl"] .b-w-0.b-l-success {
  border-right: 0 solid #17a600 !important;
}
[dir="rtl"] .b-w-0.b-r-success {
  border-left: 0 solid #17a600 !important;
  border-right: initial !important;
}
.b-w-1.b-l-success {
  border-left: 1px solid #17a600 !important;
}
[dir="rtl"] .b-w-1.b-l-success {
  border-left: initial !important;
}
.b-w-1.b-r-success,
[dir="rtl"] .b-w-1.b-l-success {
  border-right: 1px solid #17a600 !important;
}
[dir="rtl"] .b-w-1.b-r-success {
  border-left: 1px solid #17a600 !important;
  border-right: initial !important;
}
.b-w-2.b-l-success {
  border-left: 2px solid #17a600 !important;
}
[dir="rtl"] .b-w-2.b-l-success {
  border-left: initial !important;
}
.b-w-2.b-r-success,
[dir="rtl"] .b-w-2.b-l-success {
  border-right: 2px solid #17a600 !important;
}
[dir="rtl"] .b-w-2.b-r-success {
  border-left: 2px solid #17a600 !important;
  border-right: initial !important;
}
.b-w-3.b-l-success {
  border-left: 3px solid #17a600 !important;
}
[dir="rtl"] .b-w-3.b-l-success {
  border-left: initial !important;
}
.b-w-3.b-r-success,
[dir="rtl"] .b-w-3.b-l-success {
  border-right: 3px solid #17a600 !important;
}
[dir="rtl"] .b-w-3.b-r-success {
  border-left: 3px solid #17a600 !important;
  border-right: initial !important;
}
.b-w-4.b-l-success {
  border-left: 4px solid #17a600 !important;
}
[dir="rtl"] .b-w-4.b-l-success {
  border-left: initial !important;
}
.b-w-4.b-r-success,
[dir="rtl"] .b-w-4.b-l-success {
  border-right: 4px solid #17a600 !important;
}
[dir="rtl"] .b-w-4.b-r-success {
  border-left: 4px solid #17a600 !important;
  border-right: initial !important;
}
.b-w-5.b-l-success {
  border-left: 5px solid #17a600 !important;
}
[dir="rtl"] .b-w-5.b-l-success {
  border-left: initial !important;
}
.b-w-5.b-r-success,
[dir="rtl"] .b-w-5.b-l-success {
  border-right: 5px solid #17a600 !important;
}
[dir="rtl"] .b-w-5.b-r-success {
  border-left: 5px solid #17a600 !important;
  border-right: initial !important;
}
.b-w-6.b-l-success {
  border-left: 6px solid #17a600 !important;
}
[dir="rtl"] .b-w-6.b-l-success {
  border-left: initial !important;
}
.b-w-6.b-r-success,
[dir="rtl"] .b-w-6.b-l-success {
  border-right: 6px solid #17a600 !important;
}
[dir="rtl"] .b-w-6.b-r-success {
  border-left: 6px solid #17a600 !important;
  border-right: initial !important;
}
.b-w-7.b-l-success {
  border-left: 7px solid #17a600 !important;
}
[dir="rtl"] .b-w-7.b-l-success {
  border-left: initial !important;
}
.b-w-7.b-r-success,
[dir="rtl"] .b-w-7.b-l-success {
  border-right: 7px solid #17a600 !important;
}
[dir="rtl"] .b-w-7.b-r-success {
  border-left: 7px solid #17a600 !important;
  border-right: initial !important;
}
.b-w-8.b-l-success {
  border-left: 8px solid #17a600 !important;
}
[dir="rtl"] .b-w-8.b-l-success {
  border-left: initial !important;
}
.b-w-8.b-r-success,
[dir="rtl"] .b-w-8.b-l-success {
  border-right: 8px solid #17a600 !important;
}
[dir="rtl"] .b-w-8.b-r-success {
  border-left: 8px solid #17a600 !important;
  border-right: initial !important;
}
.b-w-9.b-l-success {
  border-left: 9px solid #17a600 !important;
}
[dir="rtl"] .b-w-9.b-l-success {
  border-left: initial !important;
}
.b-w-9.b-r-success,
[dir="rtl"] .b-w-9.b-l-success {
  border-right: 9px solid #17a600 !important;
}
[dir="rtl"] .b-w-9.b-r-success {
  border-left: 9px solid #17a600 !important;
  border-right: initial !important;
}
.b-w-10.b-l-success {
  border-left: 10px solid #17a600 !important;
}
[dir="rtl"] .b-w-10.b-l-success {
  border-left: initial !important;
}
.b-w-10.b-r-success,
[dir="rtl"] .b-w-10.b-l-success {
  border-right: 10px solid #17a600 !important;
}
[dir="rtl"] .b-w-10.b-r-success {
  border-left: 10px solid #17a600 !important;
  border-right: initial !important;
}
.b-w-11.b-l-success {
  border-left: 11px solid #17a600 !important;
}
[dir="rtl"] .b-w-11.b-l-success {
  border-left: initial !important;
}
.b-w-11.b-r-success,
[dir="rtl"] .b-w-11.b-l-success {
  border-right: 11px solid #17a600 !important;
}
[dir="rtl"] .b-w-11.b-r-success {
  border-left: 11px solid #17a600 !important;
  border-right: initial !important;
}
.b-w-12.b-l-success {
  border-left: 12px solid #17a600 !important;
}
[dir="rtl"] .b-w-12.b-l-success {
  border-left: initial !important;
}
.b-w-12.b-r-success,
[dir="rtl"] .b-w-12.b-l-success {
  border-right: 12px solid #17a600 !important;
}
[dir="rtl"] .b-w-12.b-r-success {
  border-left: 12px solid #17a600 !important;
  border-right: initial !important;
}
.b-w-13.b-l-success {
  border-left: 13px solid #17a600 !important;
}
[dir="rtl"] .b-w-13.b-l-success {
  border-left: initial !important;
}
.b-w-13.b-r-success,
[dir="rtl"] .b-w-13.b-l-success {
  border-right: 13px solid #17a600 !important;
}
[dir="rtl"] .b-w-13.b-r-success {
  border-left: 13px solid #17a600 !important;
  border-right: initial !important;
}
.b-w-14.b-l-success {
  border-left: 14px solid #17a600 !important;
}
[dir="rtl"] .b-w-14.b-l-success {
  border-left: initial !important;
}
.b-w-14.b-r-success,
[dir="rtl"] .b-w-14.b-l-success {
  border-right: 14px solid #17a600 !important;
}
[dir="rtl"] .b-w-14.b-r-success {
  border-left: 14px solid #17a600 !important;
  border-right: initial !important;
}
.b-w-15.b-l-success {
  border-left: 15px solid #17a600 !important;
}
[dir="rtl"] .b-w-15.b-l-success {
  border-left: initial !important;
}
.b-w-15.b-r-success,
[dir="rtl"] .b-w-15.b-l-success {
  border-right: 15px solid #17a600 !important;
}
[dir="rtl"] .b-w-15.b-r-success {
  border-left: 15px solid #17a600 !important;
  border-right: initial !important;
}
.b-w-16.b-l-success {
  border-left: 16px solid #17a600 !important;
}
[dir="rtl"] .b-w-16.b-l-success {
  border-left: initial !important;
}
.b-w-16.b-r-success,
[dir="rtl"] .b-w-16.b-l-success {
  border-right: 16px solid #17a600 !important;
}
[dir="rtl"] .b-w-16.b-r-success {
  border-left: 16px solid #17a600 !important;
  border-right: initial !important;
}
.b-w-17.b-l-success {
  border-left: 17px solid #17a600 !important;
}
[dir="rtl"] .b-w-17.b-l-success {
  border-left: initial !important;
}
.b-w-17.b-r-success,
[dir="rtl"] .b-w-17.b-l-success {
  border-right: 17px solid #17a600 !important;
}
[dir="rtl"] .b-w-17.b-r-success {
  border-left: 17px solid #17a600 !important;
  border-right: initial !important;
}
.b-w-18.b-l-success {
  border-left: 18px solid #17a600 !important;
}
[dir="rtl"] .b-w-18.b-l-success {
  border-left: initial !important;
}
.b-w-18.b-r-success,
[dir="rtl"] .b-w-18.b-l-success {
  border-right: 18px solid #17a600 !important;
}
[dir="rtl"] .b-w-18.b-r-success {
  border-left: 18px solid #17a600 !important;
  border-right: initial !important;
}
.b-w-19.b-l-success {
  border-left: 19px solid #17a600 !important;
}
[dir="rtl"] .b-w-19.b-l-success {
  border-left: initial !important;
}
.b-w-19.b-r-success,
[dir="rtl"] .b-w-19.b-l-success {
  border-right: 19px solid #17a600 !important;
}
[dir="rtl"] .b-w-19.b-r-success {
  border-left: 19px solid #17a600 !important;
  border-right: initial !important;
}
.b-w-20.b-l-success {
  border-left: 20px solid #17a600 !important;
}
[dir="rtl"] .b-w-20.b-l-success {
  border-left: initial !important;
}
.b-w-20.b-r-success,
[dir="rtl"] .b-w-20.b-l-success {
  border-right: 20px solid #17a600 !important;
}
[dir="rtl"] .b-w-20.b-r-success {
  border-left: 20px solid #17a600 !important;
  border-right: initial !important;
}
.border-success {
  border: 1px solid #17a600 !important;
}
[data-theme="dark"] .border-success {
  border: 1px solid #6a71854d;
  border: 1px solid var(--solid-border);
}
.b-l-success {
  border-left: 1px solid #17a600 !important;
}
[dir="rtl"] .b-l-success {
  border-left: initial !important;
}
.b-r-success,
[dir="rtl"] .b-l-success {
  border-right: 1px solid #17a600 !important;
}
[dir="rtl"] .b-r-success {
  border-left: 1px solid #17a600 !important;
  border-right: initial !important;
}
.b-t-success {
  border-top: 1px solid #17a600 !important;
}
.b-b-success {
  border-bottom: 1px solid #17a600 !important;
}
.b-w-0.b-l-danger {
  border-left: 0 solid #c42a02 !important;
}
[dir="rtl"] .b-w-0.b-l-danger {
  border-left: initial !important;
}
.b-w-0.b-r-danger,
[dir="rtl"] .b-w-0.b-l-danger {
  border-right: 0 solid #c42a02 !important;
}
[dir="rtl"] .b-w-0.b-r-danger {
  border-left: 0 solid #c42a02 !important;
  border-right: initial !important;
}
.b-w-1.b-l-danger {
  border-left: 1px solid #c42a02 !important;
}
[dir="rtl"] .b-w-1.b-l-danger {
  border-left: initial !important;
}
.b-w-1.b-r-danger,
[dir="rtl"] .b-w-1.b-l-danger {
  border-right: 1px solid #c42a02 !important;
}
[dir="rtl"] .b-w-1.b-r-danger {
  border-left: 1px solid #c42a02 !important;
  border-right: initial !important;
}
.b-w-2.b-l-danger {
  border-left: 2px solid #c42a02 !important;
}
[dir="rtl"] .b-w-2.b-l-danger {
  border-left: initial !important;
}
.b-w-2.b-r-danger,
[dir="rtl"] .b-w-2.b-l-danger {
  border-right: 2px solid #c42a02 !important;
}
[dir="rtl"] .b-w-2.b-r-danger {
  border-left: 2px solid #c42a02 !important;
  border-right: initial !important;
}
.b-w-3.b-l-danger {
  border-left: 3px solid #c42a02 !important;
}
[dir="rtl"] .b-w-3.b-l-danger {
  border-left: initial !important;
}
.b-w-3.b-r-danger,
[dir="rtl"] .b-w-3.b-l-danger {
  border-right: 3px solid #c42a02 !important;
}
[dir="rtl"] .b-w-3.b-r-danger {
  border-left: 3px solid #c42a02 !important;
  border-right: initial !important;
}
.b-w-4.b-l-danger {
  border-left: 4px solid #c42a02 !important;
}
[dir="rtl"] .b-w-4.b-l-danger {
  border-left: initial !important;
}
.b-w-4.b-r-danger,
[dir="rtl"] .b-w-4.b-l-danger {
  border-right: 4px solid #c42a02 !important;
}
[dir="rtl"] .b-w-4.b-r-danger {
  border-left: 4px solid #c42a02 !important;
  border-right: initial !important;
}
.b-w-5.b-l-danger {
  border-left: 5px solid #c42a02 !important;
}
[dir="rtl"] .b-w-5.b-l-danger {
  border-left: initial !important;
}
.b-w-5.b-r-danger,
[dir="rtl"] .b-w-5.b-l-danger {
  border-right: 5px solid #c42a02 !important;
}
[dir="rtl"] .b-w-5.b-r-danger {
  border-left: 5px solid #c42a02 !important;
  border-right: initial !important;
}
.b-w-6.b-l-danger {
  border-left: 6px solid #c42a02 !important;
}
[dir="rtl"] .b-w-6.b-l-danger {
  border-left: initial !important;
}
.b-w-6.b-r-danger,
[dir="rtl"] .b-w-6.b-l-danger {
  border-right: 6px solid #c42a02 !important;
}
[dir="rtl"] .b-w-6.b-r-danger {
  border-left: 6px solid #c42a02 !important;
  border-right: initial !important;
}
.b-w-7.b-l-danger {
  border-left: 7px solid #c42a02 !important;
}
[dir="rtl"] .b-w-7.b-l-danger {
  border-left: initial !important;
}
.b-w-7.b-r-danger,
[dir="rtl"] .b-w-7.b-l-danger {
  border-right: 7px solid #c42a02 !important;
}
[dir="rtl"] .b-w-7.b-r-danger {
  border-left: 7px solid #c42a02 !important;
  border-right: initial !important;
}
.b-w-8.b-l-danger {
  border-left: 8px solid #c42a02 !important;
}
[dir="rtl"] .b-w-8.b-l-danger {
  border-left: initial !important;
}
.b-w-8.b-r-danger,
[dir="rtl"] .b-w-8.b-l-danger {
  border-right: 8px solid #c42a02 !important;
}
[dir="rtl"] .b-w-8.b-r-danger {
  border-left: 8px solid #c42a02 !important;
  border-right: initial !important;
}
.b-w-9.b-l-danger {
  border-left: 9px solid #c42a02 !important;
}
[dir="rtl"] .b-w-9.b-l-danger {
  border-left: initial !important;
}
.b-w-9.b-r-danger,
[dir="rtl"] .b-w-9.b-l-danger {
  border-right: 9px solid #c42a02 !important;
}
[dir="rtl"] .b-w-9.b-r-danger {
  border-left: 9px solid #c42a02 !important;
  border-right: initial !important;
}
.b-w-10.b-l-danger {
  border-left: 10px solid #c42a02 !important;
}
[dir="rtl"] .b-w-10.b-l-danger {
  border-left: initial !important;
}
.b-w-10.b-r-danger,
[dir="rtl"] .b-w-10.b-l-danger {
  border-right: 10px solid #c42a02 !important;
}
[dir="rtl"] .b-w-10.b-r-danger {
  border-left: 10px solid #c42a02 !important;
  border-right: initial !important;
}
.b-w-11.b-l-danger {
  border-left: 11px solid #c42a02 !important;
}
[dir="rtl"] .b-w-11.b-l-danger {
  border-left: initial !important;
}
.b-w-11.b-r-danger,
[dir="rtl"] .b-w-11.b-l-danger {
  border-right: 11px solid #c42a02 !important;
}
[dir="rtl"] .b-w-11.b-r-danger {
  border-left: 11px solid #c42a02 !important;
  border-right: initial !important;
}
.b-w-12.b-l-danger {
  border-left: 12px solid #c42a02 !important;
}
[dir="rtl"] .b-w-12.b-l-danger {
  border-left: initial !important;
}
.b-w-12.b-r-danger,
[dir="rtl"] .b-w-12.b-l-danger {
  border-right: 12px solid #c42a02 !important;
}
[dir="rtl"] .b-w-12.b-r-danger {
  border-left: 12px solid #c42a02 !important;
  border-right: initial !important;
}
.b-w-13.b-l-danger {
  border-left: 13px solid #c42a02 !important;
}
[dir="rtl"] .b-w-13.b-l-danger {
  border-left: initial !important;
}
.b-w-13.b-r-danger,
[dir="rtl"] .b-w-13.b-l-danger {
  border-right: 13px solid #c42a02 !important;
}
[dir="rtl"] .b-w-13.b-r-danger {
  border-left: 13px solid #c42a02 !important;
  border-right: initial !important;
}
.b-w-14.b-l-danger {
  border-left: 14px solid #c42a02 !important;
}
[dir="rtl"] .b-w-14.b-l-danger {
  border-left: initial !important;
}
.b-w-14.b-r-danger,
[dir="rtl"] .b-w-14.b-l-danger {
  border-right: 14px solid #c42a02 !important;
}
[dir="rtl"] .b-w-14.b-r-danger {
  border-left: 14px solid #c42a02 !important;
  border-right: initial !important;
}
.b-w-15.b-l-danger {
  border-left: 15px solid #c42a02 !important;
}
[dir="rtl"] .b-w-15.b-l-danger {
  border-left: initial !important;
}
.b-w-15.b-r-danger,
[dir="rtl"] .b-w-15.b-l-danger {
  border-right: 15px solid #c42a02 !important;
}
[dir="rtl"] .b-w-15.b-r-danger {
  border-left: 15px solid #c42a02 !important;
  border-right: initial !important;
}
.b-w-16.b-l-danger {
  border-left: 16px solid #c42a02 !important;
}
[dir="rtl"] .b-w-16.b-l-danger {
  border-left: initial !important;
}
.b-w-16.b-r-danger,
[dir="rtl"] .b-w-16.b-l-danger {
  border-right: 16px solid #c42a02 !important;
}
[dir="rtl"] .b-w-16.b-r-danger {
  border-left: 16px solid #c42a02 !important;
  border-right: initial !important;
}
.b-w-17.b-l-danger {
  border-left: 17px solid #c42a02 !important;
}
[dir="rtl"] .b-w-17.b-l-danger {
  border-left: initial !important;
}
.b-w-17.b-r-danger,
[dir="rtl"] .b-w-17.b-l-danger {
  border-right: 17px solid #c42a02 !important;
}
[dir="rtl"] .b-w-17.b-r-danger {
  border-left: 17px solid #c42a02 !important;
  border-right: initial !important;
}
.b-w-18.b-l-danger {
  border-left: 18px solid #c42a02 !important;
}
[dir="rtl"] .b-w-18.b-l-danger {
  border-left: initial !important;
}
.b-w-18.b-r-danger,
[dir="rtl"] .b-w-18.b-l-danger {
  border-right: 18px solid #c42a02 !important;
}
[dir="rtl"] .b-w-18.b-r-danger {
  border-left: 18px solid #c42a02 !important;
  border-right: initial !important;
}
.b-w-19.b-l-danger {
  border-left: 19px solid #c42a02 !important;
}
[dir="rtl"] .b-w-19.b-l-danger {
  border-left: initial !important;
}
.b-w-19.b-r-danger,
[dir="rtl"] .b-w-19.b-l-danger {
  border-right: 19px solid #c42a02 !important;
}
[dir="rtl"] .b-w-19.b-r-danger {
  border-left: 19px solid #c42a02 !important;
  border-right: initial !important;
}
.b-w-20.b-l-danger {
  border-left: 20px solid #c42a02 !important;
}
[dir="rtl"] .b-w-20.b-l-danger {
  border-left: initial !important;
}
.b-w-20.b-r-danger,
[dir="rtl"] .b-w-20.b-l-danger {
  border-right: 20px solid #c42a02 !important;
}
[dir="rtl"] .b-w-20.b-r-danger {
  border-left: 20px solid #c42a02 !important;
  border-right: initial !important;
}
.border-danger {
  border: 1px solid #c42a02 !important;
}
[data-theme="dark"] .border-danger {
  border: 1px solid #6a71854d;
  border: 1px solid var(--solid-border);
}
.b-l-danger {
  border-left: 1px solid #c42a02 !important;
}
[dir="rtl"] .b-l-danger {
  border-left: initial !important;
}
.b-r-danger,
[dir="rtl"] .b-l-danger {
  border-right: 1px solid #c42a02 !important;
}
[dir="rtl"] .b-r-danger {
  border-left: 1px solid #c42a02 !important;
  border-right: initial !important;
}
.b-t-danger {
  border-top: 1px solid #c42a02 !important;
}
.b-b-danger {
  border-bottom: 1px solid #c42a02 !important;
}
.b-w-0.b-l-light {
  border-left: 0 solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-0.b-l-light {
  border-left: initial !important;
}
.b-w-0.b-r-light,
[dir="rtl"] .b-w-0.b-l-light {
  border-right: 0 solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-0.b-r-light {
  border-left: 0 solid #f4f5f8 !important;
  border-right: initial !important;
}
.b-w-1.b-l-light {
  border-left: 1px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-1.b-l-light {
  border-left: initial !important;
}
.b-w-1.b-r-light,
[dir="rtl"] .b-w-1.b-l-light {
  border-right: 1px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-1.b-r-light {
  border-left: 1px solid #f4f5f8 !important;
  border-right: initial !important;
}
.b-w-2.b-l-light {
  border-left: 2px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-2.b-l-light {
  border-left: initial !important;
}
.b-w-2.b-r-light,
[dir="rtl"] .b-w-2.b-l-light {
  border-right: 2px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-2.b-r-light {
  border-left: 2px solid #f4f5f8 !important;
  border-right: initial !important;
}
.b-w-3.b-l-light {
  border-left: 3px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-3.b-l-light {
  border-left: initial !important;
}
.b-w-3.b-r-light,
[dir="rtl"] .b-w-3.b-l-light {
  border-right: 3px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-3.b-r-light {
  border-left: 3px solid #f4f5f8 !important;
  border-right: initial !important;
}
.b-w-4.b-l-light {
  border-left: 4px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-4.b-l-light {
  border-left: initial !important;
}
.b-w-4.b-r-light,
[dir="rtl"] .b-w-4.b-l-light {
  border-right: 4px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-4.b-r-light {
  border-left: 4px solid #f4f5f8 !important;
  border-right: initial !important;
}
.b-w-5.b-l-light {
  border-left: 5px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-5.b-l-light {
  border-left: initial !important;
}
.b-w-5.b-r-light,
[dir="rtl"] .b-w-5.b-l-light {
  border-right: 5px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-5.b-r-light {
  border-left: 5px solid #f4f5f8 !important;
  border-right: initial !important;
}
.b-w-6.b-l-light {
  border-left: 6px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-6.b-l-light {
  border-left: initial !important;
}
.b-w-6.b-r-light,
[dir="rtl"] .b-w-6.b-l-light {
  border-right: 6px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-6.b-r-light {
  border-left: 6px solid #f4f5f8 !important;
  border-right: initial !important;
}
.b-w-7.b-l-light {
  border-left: 7px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-7.b-l-light {
  border-left: initial !important;
}
.b-w-7.b-r-light,
[dir="rtl"] .b-w-7.b-l-light {
  border-right: 7px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-7.b-r-light {
  border-left: 7px solid #f4f5f8 !important;
  border-right: initial !important;
}
.b-w-8.b-l-light {
  border-left: 8px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-8.b-l-light {
  border-left: initial !important;
}
.b-w-8.b-r-light,
[dir="rtl"] .b-w-8.b-l-light {
  border-right: 8px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-8.b-r-light {
  border-left: 8px solid #f4f5f8 !important;
  border-right: initial !important;
}
.b-w-9.b-l-light {
  border-left: 9px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-9.b-l-light {
  border-left: initial !important;
}
.b-w-9.b-r-light,
[dir="rtl"] .b-w-9.b-l-light {
  border-right: 9px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-9.b-r-light {
  border-left: 9px solid #f4f5f8 !important;
  border-right: initial !important;
}
.b-w-10.b-l-light {
  border-left: 10px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-10.b-l-light {
  border-left: initial !important;
}
.b-w-10.b-r-light,
[dir="rtl"] .b-w-10.b-l-light {
  border-right: 10px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-10.b-r-light {
  border-left: 10px solid #f4f5f8 !important;
  border-right: initial !important;
}
.b-w-11.b-l-light {
  border-left: 11px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-11.b-l-light {
  border-left: initial !important;
}
.b-w-11.b-r-light,
[dir="rtl"] .b-w-11.b-l-light {
  border-right: 11px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-11.b-r-light {
  border-left: 11px solid #f4f5f8 !important;
  border-right: initial !important;
}
.b-w-12.b-l-light {
  border-left: 12px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-12.b-l-light {
  border-left: initial !important;
}
.b-w-12.b-r-light,
[dir="rtl"] .b-w-12.b-l-light {
  border-right: 12px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-12.b-r-light {
  border-left: 12px solid #f4f5f8 !important;
  border-right: initial !important;
}
.b-w-13.b-l-light {
  border-left: 13px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-13.b-l-light {
  border-left: initial !important;
}
.b-w-13.b-r-light,
[dir="rtl"] .b-w-13.b-l-light {
  border-right: 13px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-13.b-r-light {
  border-left: 13px solid #f4f5f8 !important;
  border-right: initial !important;
}
.b-w-14.b-l-light {
  border-left: 14px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-14.b-l-light {
  border-left: initial !important;
}
.b-w-14.b-r-light,
[dir="rtl"] .b-w-14.b-l-light {
  border-right: 14px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-14.b-r-light {
  border-left: 14px solid #f4f5f8 !important;
  border-right: initial !important;
}
.b-w-15.b-l-light {
  border-left: 15px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-15.b-l-light {
  border-left: initial !important;
}
.b-w-15.b-r-light,
[dir="rtl"] .b-w-15.b-l-light {
  border-right: 15px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-15.b-r-light {
  border-left: 15px solid #f4f5f8 !important;
  border-right: initial !important;
}
.b-w-16.b-l-light {
  border-left: 16px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-16.b-l-light {
  border-left: initial !important;
}
.b-w-16.b-r-light,
[dir="rtl"] .b-w-16.b-l-light {
  border-right: 16px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-16.b-r-light {
  border-left: 16px solid #f4f5f8 !important;
  border-right: initial !important;
}
.b-w-17.b-l-light {
  border-left: 17px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-17.b-l-light {
  border-left: initial !important;
}
.b-w-17.b-r-light,
[dir="rtl"] .b-w-17.b-l-light {
  border-right: 17px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-17.b-r-light {
  border-left: 17px solid #f4f5f8 !important;
  border-right: initial !important;
}
.b-w-18.b-l-light {
  border-left: 18px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-18.b-l-light {
  border-left: initial !important;
}
.b-w-18.b-r-light,
[dir="rtl"] .b-w-18.b-l-light {
  border-right: 18px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-18.b-r-light {
  border-left: 18px solid #f4f5f8 !important;
  border-right: initial !important;
}
.b-w-19.b-l-light {
  border-left: 19px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-19.b-l-light {
  border-left: initial !important;
}
.b-w-19.b-r-light,
[dir="rtl"] .b-w-19.b-l-light {
  border-right: 19px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-19.b-r-light {
  border-left: 19px solid #f4f5f8 !important;
  border-right: initial !important;
}
.b-w-20.b-l-light {
  border-left: 20px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-20.b-l-light {
  border-left: initial !important;
}
.b-w-20.b-r-light,
[dir="rtl"] .b-w-20.b-l-light {
  border-right: 20px solid #f4f5f8 !important;
}
[dir="rtl"] .b-w-20.b-r-light {
  border-left: 20px solid #f4f5f8 !important;
  border-right: initial !important;
}
.border-light {
  border: 1px solid #f4f5f8 !important;
}
[data-theme="dark"] .border-light {
  border: 1px solid #6a71854d;
  border: 1px solid var(--solid-border);
}
.b-l-light {
  border-left: 1px solid #f4f5f8 !important;
}
[dir="rtl"] .b-l-light {
  border-left: initial !important;
}
.b-r-light,
[dir="rtl"] .b-l-light {
  border-right: 1px solid #f4f5f8 !important;
}
[dir="rtl"] .b-r-light {
  border-left: 1px solid #f4f5f8 !important;
  border-right: initial !important;
}
.b-t-light {
  border-top: 1px solid #f4f5f8 !important;
}
.b-b-light {
  border-bottom: 1px solid #f4f5f8 !important;
}
.b-w-0 {
  border-width: 0 !important;
}
.b-w-0.b-l-dark {
  border-left: 0 solid #2c2c31 !important;
}
[dir="rtl"] .b-w-0.b-l-dark {
  border-left: initial !important;
}
.b-w-0.b-r-dark,
[dir="rtl"] .b-w-0.b-l-dark {
  border-right: 0 solid #2c2c31 !important;
}
[dir="rtl"] .b-w-0.b-r-dark {
  border-left: 0 solid #2c2c31 !important;
  border-right: initial !important;
}
.b-w-1 {
  border-width: 1px !important;
}
.b-w-1.b-l-dark {
  border-left: 1px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-1.b-l-dark {
  border-left: initial !important;
}
.b-w-1.b-r-dark,
[dir="rtl"] .b-w-1.b-l-dark {
  border-right: 1px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-1.b-r-dark {
  border-left: 1px solid #2c2c31 !important;
  border-right: initial !important;
}
.b-w-2 {
  border-width: 2px !important;
}
.b-w-2.b-l-dark {
  border-left: 2px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-2.b-l-dark {
  border-left: initial !important;
}
.b-w-2.b-r-dark,
[dir="rtl"] .b-w-2.b-l-dark {
  border-right: 2px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-2.b-r-dark {
  border-left: 2px solid #2c2c31 !important;
  border-right: initial !important;
}
.b-w-3 {
  border-width: 3px !important;
}
.b-w-3.b-l-dark {
  border-left: 3px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-3.b-l-dark {
  border-left: initial !important;
}
.b-w-3.b-r-dark,
[dir="rtl"] .b-w-3.b-l-dark {
  border-right: 3px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-3.b-r-dark {
  border-left: 3px solid #2c2c31 !important;
  border-right: initial !important;
}
.b-w-4 {
  border-width: 4px !important;
}
.b-w-4.b-l-dark {
  border-left: 4px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-4.b-l-dark {
  border-left: initial !important;
}
.b-w-4.b-r-dark,
[dir="rtl"] .b-w-4.b-l-dark {
  border-right: 4px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-4.b-r-dark {
  border-left: 4px solid #2c2c31 !important;
  border-right: initial !important;
}
.b-w-5 {
  border-width: 5px !important;
}
.b-w-5.b-l-dark {
  border-left: 5px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-5.b-l-dark {
  border-left: initial !important;
}
.b-w-5.b-r-dark,
[dir="rtl"] .b-w-5.b-l-dark {
  border-right: 5px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-5.b-r-dark {
  border-left: 5px solid #2c2c31 !important;
  border-right: initial !important;
}
.b-w-6 {
  border-width: 6px !important;
}
.b-w-6.b-l-dark {
  border-left: 6px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-6.b-l-dark {
  border-left: initial !important;
}
.b-w-6.b-r-dark,
[dir="rtl"] .b-w-6.b-l-dark {
  border-right: 6px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-6.b-r-dark {
  border-left: 6px solid #2c2c31 !important;
  border-right: initial !important;
}
.b-w-7 {
  border-width: 7px !important;
}
.b-w-7.b-l-dark {
  border-left: 7px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-7.b-l-dark {
  border-left: initial !important;
}
.b-w-7.b-r-dark,
[dir="rtl"] .b-w-7.b-l-dark {
  border-right: 7px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-7.b-r-dark {
  border-left: 7px solid #2c2c31 !important;
  border-right: initial !important;
}
.b-w-8 {
  border-width: 8px !important;
}
.b-w-8.b-l-dark {
  border-left: 8px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-8.b-l-dark {
  border-left: initial !important;
}
.b-w-8.b-r-dark,
[dir="rtl"] .b-w-8.b-l-dark {
  border-right: 8px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-8.b-r-dark {
  border-left: 8px solid #2c2c31 !important;
  border-right: initial !important;
}
.b-w-9 {
  border-width: 9px !important;
}
.b-w-9.b-l-dark {
  border-left: 9px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-9.b-l-dark {
  border-left: initial !important;
}
.b-w-9.b-r-dark,
[dir="rtl"] .b-w-9.b-l-dark {
  border-right: 9px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-9.b-r-dark {
  border-left: 9px solid #2c2c31 !important;
  border-right: initial !important;
}
.b-w-10 {
  border-width: 10px !important;
}
.b-w-10.b-l-dark {
  border-left: 10px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-10.b-l-dark {
  border-left: initial !important;
}
.b-w-10.b-r-dark,
[dir="rtl"] .b-w-10.b-l-dark {
  border-right: 10px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-10.b-r-dark {
  border-left: 10px solid #2c2c31 !important;
  border-right: initial !important;
}
.b-w-11 {
  border-width: 11px !important;
}
.b-w-11.b-l-dark {
  border-left: 11px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-11.b-l-dark {
  border-left: initial !important;
}
.b-w-11.b-r-dark,
[dir="rtl"] .b-w-11.b-l-dark {
  border-right: 11px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-11.b-r-dark {
  border-left: 11px solid #2c2c31 !important;
  border-right: initial !important;
}
.b-w-12 {
  border-width: 12px !important;
}
.b-w-12.b-l-dark {
  border-left: 12px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-12.b-l-dark {
  border-left: initial !important;
}
.b-w-12.b-r-dark,
[dir="rtl"] .b-w-12.b-l-dark {
  border-right: 12px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-12.b-r-dark {
  border-left: 12px solid #2c2c31 !important;
  border-right: initial !important;
}
.b-w-13 {
  border-width: 13px !important;
}
.b-w-13.b-l-dark {
  border-left: 13px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-13.b-l-dark {
  border-left: initial !important;
}
.b-w-13.b-r-dark,
[dir="rtl"] .b-w-13.b-l-dark {
  border-right: 13px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-13.b-r-dark {
  border-left: 13px solid #2c2c31 !important;
  border-right: initial !important;
}
.b-w-14 {
  border-width: 14px !important;
}
.b-w-14.b-l-dark {
  border-left: 14px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-14.b-l-dark {
  border-left: initial !important;
}
.b-w-14.b-r-dark,
[dir="rtl"] .b-w-14.b-l-dark {
  border-right: 14px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-14.b-r-dark {
  border-left: 14px solid #2c2c31 !important;
  border-right: initial !important;
}
.b-w-15 {
  border-width: 15px !important;
}
.b-w-15.b-l-dark {
  border-left: 15px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-15.b-l-dark {
  border-left: initial !important;
}
.b-w-15.b-r-dark,
[dir="rtl"] .b-w-15.b-l-dark {
  border-right: 15px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-15.b-r-dark {
  border-left: 15px solid #2c2c31 !important;
  border-right: initial !important;
}
.b-w-16 {
  border-width: 16px !important;
}
.b-w-16.b-l-dark {
  border-left: 16px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-16.b-l-dark {
  border-left: initial !important;
}
.b-w-16.b-r-dark,
[dir="rtl"] .b-w-16.b-l-dark {
  border-right: 16px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-16.b-r-dark {
  border-left: 16px solid #2c2c31 !important;
  border-right: initial !important;
}
.b-w-17 {
  border-width: 17px !important;
}
.b-w-17.b-l-dark {
  border-left: 17px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-17.b-l-dark {
  border-left: initial !important;
}
.b-w-17.b-r-dark,
[dir="rtl"] .b-w-17.b-l-dark {
  border-right: 17px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-17.b-r-dark {
  border-left: 17px solid #2c2c31 !important;
  border-right: initial !important;
}
.b-w-18 {
  border-width: 18px !important;
}
.b-w-18.b-l-dark {
  border-left: 18px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-18.b-l-dark {
  border-left: initial !important;
}
.b-w-18.b-r-dark,
[dir="rtl"] .b-w-18.b-l-dark {
  border-right: 18px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-18.b-r-dark {
  border-left: 18px solid #2c2c31 !important;
  border-right: initial !important;
}
.b-w-19 {
  border-width: 19px !important;
}
.b-w-19.b-l-dark {
  border-left: 19px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-19.b-l-dark {
  border-left: initial !important;
}
.b-w-19.b-r-dark,
[dir="rtl"] .b-w-19.b-l-dark {
  border-right: 19px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-19.b-r-dark {
  border-left: 19px solid #2c2c31 !important;
  border-right: initial !important;
}
.b-w-20 {
  border-width: 20px !important;
}
.b-w-20.b-l-dark {
  border-left: 20px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-20.b-l-dark {
  border-left: initial !important;
}
.b-w-20.b-r-dark,
[dir="rtl"] .b-w-20.b-l-dark {
  border-right: 20px solid #2c2c31 !important;
}
[dir="rtl"] .b-w-20.b-r-dark {
  border-left: 20px solid #2c2c31 !important;
  border-right: initial !important;
}
.border-dark {
  border: 1px solid #2c2c31 !important;
}
[data-theme="dark"] .border-dark {
  border: 1px solid #6a71854d;
  border: 1px solid var(--solid-border);
}
.b-l-dark {
  border-left: 1px solid #2c2c31 !important;
}
[dir="rtl"] .b-l-dark {
  border-left: initial !important;
}
.b-r-dark,
[dir="rtl"] .b-l-dark {
  border-right: 1px solid #2c2c31 !important;
}
[dir="rtl"] .b-r-dark {
  border-left: 1px solid #2c2c31 !important;
  border-right: initial !important;
}
.b-t-dark {
  border-top: 1px solid #2c2c31 !important;
}
.b-b-dark {
  border-bottom: 1px solid #2c2c31 !important;
}
.flat-btn {
  border-radius: 0;
}
.edge-btn {
  border-radius: 60px;
}
.btn-raised-primary {
  box-shadow: 0 5px 10px 2px #5867dd30 !important;
}
.btn-raised-primary:active,
.btn-raised-primary:hover,
.btn-raised-primary:not([disabled]):not(.disabled):active {
  background-color: #35948e;
  border-color: #35948e;
}
.input-air-primary {
  box-shadow: 0 3px 5px 1px #43b9b21a !important;
  box-shadow: 0 3px 5px 1px var(--theme-default-light-bg) !important;
}
.input-air-primary:focus {
  border-color: var(--theme-default);
}
.btn-raised-secondary {
  box-shadow: 0 5px 10px 2px #5867dd30 !important;
}
.btn-raised-secondary:active,
.btn-raised-secondary:hover,
.btn-raised-secondary:not([disabled]):not(.disabled):active {
  background-color: #b05ac5;
  border-color: #b05ac5;
}
.input-air-secondary {
  box-shadow: 0 3px 5px 1px #c280d21a !important;
}
.input-air-secondary:focus {
  border-color: #c280d2;
}
.btn-raised-tertiary {
  box-shadow: 0 5px 10px 2px #5867dd30 !important;
}
.btn-raised-tertiary:active,
.btn-raised-tertiary:hover,
.btn-raised-tertiary:not([disabled]):not(.disabled):active {
  background-color: #fc5c0e;
  border-color: #fc5c0e;
}
.input-air-tertiary {
  box-shadow: 0 3px 5px 1px #fd7e401a !important;
}
.input-air-tertiary:focus {
  border-color: #fd7e40;
}
.btn-raised-success {
  box-shadow: 0 5px 10px 2px #5867dd30 !important;
}
.btn-raised-success:active,
.btn-raised-success:hover,
.btn-raised-success:not([disabled]):not(.disabled):active {
  background-color: #107300;
  border-color: #107300;
}
.input-air-success {
  box-shadow: 0 3px 5px 1px #17a6001a !important;
}
.input-air-success:focus {
  border-color: #17a600;
}
.btn-raised-danger {
  box-shadow: 0 5px 10px 2px #5867dd30 !important;
}
.btn-raised-danger:active,
.btn-raised-danger:hover,
.btn-raised-danger:not([disabled]):not(.disabled):active {
  background-color: #921f01;
  border-color: #921f01;
}
.input-air-danger {
  box-shadow: 0 3px 5px 1px #c42a021a !important;
}
.input-air-danger:focus {
  border-color: #c42a02;
}
.btn-raised-info {
  box-shadow: 0 5px 10px 2px #5867dd30 !important;
}
.btn-raised-info:active,
.btn-raised-info:hover,
.btn-raised-info:not([disabled]):not(.disabled):active {
  background-color: #2471aa;
  border-color: #2471aa;
}
.input-air-info {
  box-shadow: 0 3px 5px 1px #2e8dd31a !important;
}
.input-air-info:focus {
  border-color: #2e8dd3;
}
.btn-raised-light {
  box-shadow: 0 5px 10px 2px #5867dd30 !important;
}
.btn-raised-light:active,
.btn-raised-light:hover,
.btn-raised-light:not([disabled]):not(.disabled):active {
  background-color: #d5d9e4;
  border-color: #d5d9e4;
}
.input-air-light {
  box-shadow: 0 3px 5px 1px #f4f5f81a !important;
}
.input-air-light:focus {
  border-color: #f4f5f8;
}
.btn-raised-dark {
  box-shadow: 0 5px 10px 2px #5867dd30 !important;
}
.btn-raised-dark:active,
.btn-raised-dark:hover,
.btn-raised-dark:not([disabled]):not(.disabled):active {
  background-color: #141416;
  border-color: #141416;
}
.input-air-dark {
  box-shadow: 0 3px 5px 1px #2c2c311a !important;
}
.input-air-dark:focus {
  border-color: #2c2c31;
}
.btn-raised-warning {
  box-shadow: 0 5px 10px 2px #5867dd30 !important;
}
.btn-raised-warning:active,
.btn-raised-warning:hover,
.btn-raised-warning:not([disabled]):not(.disabled):active {
  background-color: #ec971f;
  border-color: #ec971f;
}
.input-air-warning {
  box-shadow: 0 3px 5px 1px #f0ad4e1a !important;
}
.input-air-warning:focus {
  border-color: #f0ad4e;
}
.buttons-tab .btn {
  width: 100%;
}
.buttons-tab .card-wrapper {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  color: #3d3d47;
  color: var(--body-font-color);
  height: 100%;
}
.buttons-tab
  .card-wrapper.bg-light-primary
  .nav-link.active
  [class*="circle-dot-"]
  span {
  background-color: var(--theme-default);
}
.buttons-tab
  .card-wrapper.bg-light-secondary
  .nav-link.active
  [class*="circle-dot-"]
  span {
  background-color: #c280d2;
  background-color: var(--theme-secondary);
}
.buttons-tab .card-wrapper .nav-link {
  align-items: center;
  color: #3d3d47;
  color: var(--body-font-color);
  display: flex;
}
.buttons-tab .card-wrapper .nav-link [class*="circle-dot-"] {
  margin-right: 10px;
}
.buttons-tab .card-wrapper .nav-link [class*="circle-dot-"] span {
  background-color: initial;
}
@media (max-width: 1690px) {
  .buttons-tab .card-wrapper .nav-link {
    padding: 6px 8px;
  }
}
@media (max-width: 1580px) {
  .buttons-tab .card-wrapper .nav-link {
    padding: 6px 0;
  }
}
.buttons-tab .card-wrapper .nav-link.active {
  background-color: initial !important;
}
.buttons-tab .bg-light-primary .nav-link.active {
  color: var(--theme-default) !important;
}
.buttons-tab .bg-light-secondary .nav-link.active {
  color: #c280d2 !important;
}
.badge-primary,
.badge-primary:active:focus,
.badge-primary:focus,
.badge-primary:hover {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
}
.badge-light-primary {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
}
.badge-light-primary,
[data-theme="dark"] .badge-light-primary span {
  color: var(--theme-default) !important;
}
.badge-secondary,
.badge-secondary:active:focus,
.badge-secondary:focus,
.badge-secondary:hover {
  background-color: #c280d2;
  border-color: #c280d2;
}
.badge-light-secondary {
  background-color: #c280d21a;
}
.badge-light-secondary,
[data-theme="dark"] .badge-light-secondary span {
  color: #c280d2 !important;
}
.badge-tertiary,
.badge-tertiary:active:focus,
.badge-tertiary:focus,
.badge-tertiary:hover {
  background-color: #fd7e40;
  border-color: #fd7e40;
}
.badge-light-tertiary {
  background-color: #fd7e401a;
}
.badge-light-tertiary,
[data-theme="dark"] .badge-light-tertiary span {
  color: #fd7e40 !important;
}
.badge-warning,
.badge-warning:active:focus,
.badge-warning:focus,
.badge-warning:hover {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.badge-light-warning {
  background-color: #f0ad4e1a;
}
.badge-light-warning,
[data-theme="dark"] .badge-light-warning span {
  color: #f0ad4e !important;
}
.badge-info,
.badge-info:active:focus,
.badge-info:focus,
.badge-info:hover {
  background-color: #2e8dd3;
  border-color: #2e8dd3;
}
.badge-light-info {
  background-color: #2e8dd31a;
}
.badge-light-info,
[data-theme="dark"] .badge-light-info span {
  color: #2e8dd3 !important;
}
.badge-success,
.badge-success:active:focus,
.badge-success:focus,
.badge-success:hover {
  background-color: #17a600;
  border-color: #17a600;
}
.badge-light-success {
  background-color: #17a6001a;
}
.badge-light-success,
[data-theme="dark"] .badge-light-success span {
  color: #17a600 !important;
}
.badge-danger,
.badge-danger:active:focus,
.badge-danger:focus,
.badge-danger:hover {
  background-color: #c42a02;
  border-color: #c42a02;
}
.badge-light-danger {
  background-color: #c42a021a;
}
.badge-light-danger,
[data-theme="dark"] .badge-light-danger span {
  color: #c42a02 !important;
}
.badge-light,
.badge-light:active:focus,
.badge-light:focus,
.badge-light:hover {
  background-color: #f4f5f8;
  border-color: #f4f5f8;
}
.badge-light-light {
  background-color: #f4f5f81a;
}
.badge-light-light,
[data-theme="dark"] .badge-light-light span {
  color: #f4f5f8 !important;
}
.badge-dark,
.badge-dark:active:focus,
.badge-dark:focus,
.badge-dark:hover {
  background-color: #2c2c31;
  border-color: #2c2c31;
}
.badge-light-dark {
  background-color: #2c2c311a;
}
.badge-light-dark,
[data-theme="dark"] .badge-light-dark span {
  color: #2c2c31 !important;
}
.badge {
  font-family: Outfit, sans-serif;
  font-weight: 500;
  padding: 0.44em 0.7em;
}
.badge + .badge {
  margin-left: 5px;
}
.badge svg {
  height: 16px;
  padding-top: 3px;
  width: 16px;
}
.touchspin-badge .touchspin-wrapper {
  display: inline-block;
  position: relative;
}
.touchspin-badge .touchspin-wrapper .menu-icon {
  align-items: center;
  background-color: #f4f5f8;
  background-color: var(--light-color);
  border-radius: 0;
  display: flex;
  height: 40px;
  justify-content: center;
  margin: 0 auto 10px;
  padding: 0;
  width: 40px;
}
.touchspin-badge .touchspin-wrapper .badge {
  position: absolute;
  right: 4px;
  top: -4px;
}
.touchspin-badge .touchspin-wrapper button {
  padding: 2px 8px 4px;
}
.touchspin-badge .touchspin-wrapper button:hover svg {
  stroke: #fff;
  stroke: var(--white);
}
.touchspin-badge .touchspin-wrapper button + button {
  margin-left: -4px;
}
.touchspin-badge input.badge {
  display: block;
  padding: 4px;
  width: 30px;
}
.center-badge li {
  align-items: center;
  border-radius: 100%;
  display: flex;
  height: 60px;
  justify-content: center;
  position: relative;
  width: 60px;
}
.center-badge li .badge {
  bottom: -6px;
  left: auto;
  padding: 3px 5px 5px;
  position: absolute;
  right: auto;
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  .center-badge li .badge {
    bottom: -10px;
  }
}
@media (max-width: 575.98px) {
  .center-badge li .badge {
    bottom: -10px;
  }
}
.center-badge li + li {
  margin-left: 14px;
}
[dir="rtl"] .center-badge li + li {
  margin-left: 0;
  margin-right: 14px;
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  .center-badge li {
    height: 48px;
    width: 48px;
  }
}
@media (max-width: 575.98px) {
  .center-badge li {
    height: 48px;
    width: 48px;
  }
}
.animated-badge ul li {
  position: relative;
}
.animated-badge ul li + li {
  margin-left: 14px;
}
[dir="rtl"] .animated-badge ul li + li {
  margin-left: 0;
  margin-right: 14px;
}
.animated-badge ul li span {
  animation: round 1.3s ease-in-out infinite;
  border-radius: 10px;
  border-radius: 100%;
  height: 8px;
  min-width: 6px;
  position: absolute;
  right: -2px;
  top: -2px;
  width: 8px;
  z-index: 2;
}
.badge-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 10px;
}
.button-badge .badge-spacing .badge.btn-p-space {
  padding: 6px;
}
.button-badge .badge-spacing .badge.btn-p-space svg.feather {
  height: 14px;
  width: 14px;
}
[data-theme="dark"]
  .button-badge
  .badge-spacing
  .badge.btn-p-space
  svg.feather {
  stroke: #000;
  stroke: var(--black);
}
.badge-spacing {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.badge-spacing a:hover {
  color: #fff;
  color: var(--white);
}
.badge-spacing .badge {
  font-size: 12px;
  padding: 6px 12px;
}
.badge-spacing .badge.badge svg {
  padding-top: 0;
}
.badge-spacing .badge.badge svg.feather {
  height: 16px;
  width: 16px;
}
[data-theme="dark"] .badge-spacing .badge.badge svg.feather {
  stroke: #000;
  stroke: var(--black);
}
.badge-spacing .badge.rounded-circle {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 10px 14px;
}
.badge-spacing .badge.badge-p-space {
  padding: 10px 14px;
}
.badge-spacing .badge + .badge {
  margin-left: 0;
}
.badge-spacing .badge.btn-p-space {
  padding: 8px 10px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .badge-spacing {
    gap: 12px 8px;
  }
}
[data-theme="dark"] .badge-dark {
  background-color: #f4f5f8;
  background-color: var(--light-color);
  border-color: #f4f5f8;
  border-color: var(--light-color);
}
.page-title {
  align-items: center;
  padding: 25px 0;
}
@media (max-width: 767.98px) {
  .page-title {
    padding: 16px 0;
  }
}
.page-title .breadcrumb {
  --bs-breadcrumb-margin-bottom: 0;
}
.page-title .breadcrumb-item {
  color: var(--theme-default);
  font-weight: 600;
}
.page-title .breadcrumb-item.active {
  color: #43b9b299;
  text-transform: capitalize;
}
.page-title .breadcrumb-item + .breadcrumb-item:before {
  color: var(--theme-default);
}
.page-title .breadcrumb-item .svg-color {
  stroke: var(--theme-default);
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
  height: 30px;
  padding: 8px;
  width: 30px;
}
.page-title .h3,
.page-title h3 {
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .page-title .h3,
  .page-title h3 {
    margin-bottom: 10px;
  }
}
.breadcrumb {
  --bs-breadcrumb-margin-bottom: 0;
}
.breadcrumb-item {
  color: var(--theme-default);
}
.breadcrumb-item + .breadcrumb-item:before,
.breadcrumb-item.active {
  color: #3d3d47;
  color: var(--body-font-color);
}
.breadcrumb-item .svg-color {
  stroke: var(--theme-default);
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
  height: 30px;
  padding: 8px;
  width: 30px;
}
.breadcrumb-icon {
  --bs-breadcrumb-divider: ">";
}
.breadcrumb-no-divider {
  --bs-breadcrumb-divider: "";
}
.breadcrumb-item .home-icon {
  stroke: var(--theme-default);
  height: 15px;
  vertical-align: sub;
  width: 15px;
}
.breadcrumb-space .breadcrumb-item + .breadcrumb-item:before {
  background-color: #767676;
  background-color: var(--light-font);
  border-radius: 50%;
  content: "";
  float: left;
  height: 4px;
  margin-right: 7px;
  margin-top: 9px;
  padding-right: 0;
  width: 4px;
}
.breadcrumb-colored {
  border-radius: 4px;
  padding: 12px 16px;
}
.breadcrumb-colored li.active {
  color: #fff;
  color: var(--white);
  opacity: 0.7;
}
.breadcrumb-colored .breadcrumb-item:before,
.breadcrumb-colored li a {
  color: #fff;
  color: var(--white);
}
.card {
  --bs-card-cap-color: var(--light-font);
  --bs-card-color: var(--body-font-color);
  background-color: #fff;
  background-color: var(--card-color);
  border: 2px solid #f4f5f8;
  border: 2px solid var(--light-color);
  border-radius: 5px;
  box-shadow: 0 3px 18px rgb($light-color);
  box-shadow: var(--card-box-shadow);
  margin-bottom: 24px;
}
@media (max-width: 575.98px) {
  .card {
    margin-bottom: 14px;
  }
}
.card-header {
  background-color: #fff;
  background-color: var(--card-color);
  border: none;
  padding: 18px;
  position: relative;
}
@media (max-width: 575.98px) {
  .card-header {
    padding: 16px;
  }
}
.card-header .h4,
.card-header h4 {
  text-transform: capitalize;
}
[data-theme="dark"] .card-header .h4,
[data-theme="dark"] .card-header h4 {
  color: #767676;
  color: var(--light-font);
}
@media (max-width: 767.98px) {
  .card-header .h4,
  .card-header h4 {
    font-size: 18px;
  }
}
.card-header p.desc {
  color: #767676;
  color: var(--light-font);
  display: block;
}
.card-header p.desc code {
  margin: 0 4px;
}
.card-header p.desc code:empty,
.card-header p.desc span:empty,
[class="desc"] .card-header p.desc code,
[class="desc"] .card-header p.desc code:empty,
[class="desc"] .card-header p.desc span:empty {
  display: none;
}
.card-header p.desc:has(span):empty {
  display: none;
}
.card-header .card-header-right {
  background-color: #fff;
  display: inline-block;
  float: right;
  padding: 8px 0;
  position: absolute;
  right: 19px;
  top: 19px;
  z-index: 1;
}
[data-theme="dark"] .card-header .card-header-right {
  background-color: #fff;
  background-color: var(--card-color);
}
@media (max-width: 575.98px) {
  .card-header .card-header-right {
    top: 16px;
  }
}
.card .sub-title {
  font-size: 16px;
  padding-bottom: 12px;
}
.card-body {
  padding: 18px;
}
@media (max-width: 575.98px) {
  .card-body {
    padding: 16px;
  }
}
.card-footer {
  background-color: #fff;
  background-color: var(--card-color);
  border-top: 1px dashed #6a71854d;
  border-top: var(--light-border);
  padding: 18px;
}
.card.full-card {
  border: 1px solid #efefef;
  border: 1px solid var(--light-semi-gray);
  border-radius: 0;
  box-shadow: none;
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  width: calc(100vw - 12px);
  z-index: 99999;
}
.card.full-card .card-body {
  overflow: auto;
}
.card-absolute {
  margin-top: 20px;
}
.card-absolute .card-header {
  border-radius: 0.25rem;
  left: 18px;
  padding: 6px 12px;
  position: absolute;
  top: -20px;
}
.card-absolute .card-header .h5,
.card-absolute .card-header h5 {
  font-size: 17px;
}
.card-absolute .card-body {
  margin-top: 10px;
}
.card-social {
  text-align: center;
}
.card-social li {
  display: inline-block;
  padding: 15px 0;
}
.card-social li:last-child a {
  margin-right: 0;
}
.card-social li a {
  color: #bcc6de;
  font-size: 16px;
  margin-right: 15px;
  padding: 0;
  transition: all 0.3s ease;
}
.card-social li a:hover {
  color: var(--theme-default);
  transition: all 0.3s ease;
}
.social-profile {
  background-image: url(/mbanking/static/media/profile-bg.c2e316b340420cfd6058.png);
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}
[data-theme="dark"] .social-profile {
  background: #fff;
  background: var(--card-color);
}
.social-profile .card-body {
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 1399.98px) {
  .social-profile .card-body {
    padding: 23px 15px;
  }
}
@media (max-width: 991.98px) {
  .social-profile .card-body {
    padding: 20px;
  }
}
.social-details {
  margin-top: 15px;
}
.social-details .h4 a,
.social-details h4 a {
  color: #3d3d47;
  color: var(--body-font-color);
}
[data-theme="dark"] .social-details .h4 a,
[data-theme="dark"] .social-details h4 a {
  color: #767676;
  color: var(--light-font);
}
.social-details .social-follow {
  column-count: 3;
  column-gap: 30px;
  margin-top: 25px;
}
@media (max-width: 1399.98px) {
  .social-details .social-follow {
    column-gap: 23px;
  }
}
.social-details .social-follow li {
  position: relative;
}
.social-details .social-follow li + li:before {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  content: "";
  height: 14px;
  left: -15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
[dir="rtl"] .social-details .social-follow li + li:before {
  left: auto;
  right: -15px;
}
.social-details .card-social {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 15px;
}
.social-img-wrap {
  background: linear-gradient(
    253deg,
    var(--theme-default) 11.51%,
    #43b9b200 82.07%
  );
  border-radius: 100%;
  display: inline-block;
  padding: 2px;
  position: relative;
}
.social-img-wrap .edit-icon {
  bottom: 0;
  position: absolute;
  right: 0;
}
.social-img-wrap .edit-icon svg {
  background: #fff;
  border: 2px solid #fff;
  border-radius: 100%;
  height: 27px;
  width: 26px;
}
[data-theme="dark"] .social-img-wrap .edit-icon svg {
  background: #fff;
  background: var(--card-color);
  border-color: #fff;
  border-color: var(--card-color);
}
.social-img {
  background: #fff;
  border-radius: 100%;
  padding: 5px;
}
[data-theme="dark"] .social-img {
  background: #fff;
  background: var(--card-color);
}
.social-img img {
  border-radius: 100%;
  height: 68px;
}
.circle-dot-primary {
  align-items: center;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 10px;
  display: flex;
  height: 16px;
  justify-content: center;
  width: 16px;
}
.circle-dot-primary span {
  background-color: var(--theme-default);
  border-radius: 10px;
  height: 8px;
  width: 8px;
}
.circle-dot-secondary {
  align-items: center;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 10px;
  display: flex;
  height: 16px;
  justify-content: center;
  width: 16px;
}
.circle-dot-secondary span {
  background-color: #c280d2;
  border-radius: 10px;
  height: 8px;
  width: 8px;
}
.circle-dot-tertiary {
  align-items: center;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 10px;
  display: flex;
  height: 16px;
  justify-content: center;
  width: 16px;
}
.circle-dot-tertiary span {
  background-color: #fd7e40;
  border-radius: 10px;
  height: 8px;
  width: 8px;
}
.circle-dot-success {
  align-items: center;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 10px;
  display: flex;
  height: 16px;
  justify-content: center;
  width: 16px;
}
.circle-dot-success span {
  background-color: #17a600;
  border-radius: 10px;
  height: 8px;
  width: 8px;
}
.circle-dot-warning {
  align-items: center;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 10px;
  display: flex;
  height: 16px;
  justify-content: center;
  width: 16px;
}
.circle-dot-warning span {
  background-color: #f0ad4e;
  border-radius: 10px;
  height: 8px;
  width: 8px;
}
.circle-dot-danger {
  align-items: center;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 10px;
  display: flex;
  height: 16px;
  justify-content: center;
  width: 16px;
}
.circle-dot-danger span {
  background-color: #c42a02;
  border-radius: 10px;
  height: 8px;
  width: 8px;
}
.circle-dot-info {
  align-items: center;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 10px;
  display: flex;
  height: 16px;
  justify-content: center;
  width: 16px;
}
.circle-dot-info span {
  background-color: #2e8dd3;
  border-radius: 10px;
  height: 8px;
  width: 8px;
}
.circle-dot-light {
  align-items: center;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 10px;
  display: flex;
  height: 16px;
  justify-content: center;
  width: 16px;
}
.circle-dot-light span {
  background-color: #f4f5f8;
  border-radius: 10px;
  height: 8px;
  width: 8px;
}
.circle-dot-dark {
  align-items: center;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 10px;
  display: flex;
  height: 16px;
  justify-content: center;
  width: 16px;
}
.circle-dot-dark span {
  background-color: #3d3d47;
  background-color: var(--body-font-color);
  border-radius: 10px;
  height: 8px;
  width: 8px;
}
.font-primary {
  color: var(--theme-default) !important;
}
.stroke-primary {
  stroke: var(--theme-default) !important;
}
.fill-primary {
  fill: var(--theme-default);
}
.toast-primary {
  color: var(--theme-default);
}
.font-secondary {
  color: #c280d2 !important;
}
.stroke-secondary {
  stroke: #c280d2 !important;
}
.fill-secondary {
  fill: #c280d2;
}
.toast-secondary {
  color: #c280d2;
}
.font-tertiary {
  color: #fd7e40 !important;
}
.stroke-tertiary {
  stroke: #fd7e40 !important;
}
.fill-tertiary {
  fill: #fd7e40;
}
.toast-tertiary {
  color: #fd7e40;
}
.font-success {
  color: #17a600 !important;
}
.stroke-success {
  stroke: #17a600 !important;
}
.fill-success {
  fill: #17a600;
}
.toast-success {
  color: #17a600;
}
.font-warning {
  color: #f0ad4e !important;
}
.stroke-warning {
  stroke: #f0ad4e !important;
}
.fill-warning {
  fill: #f0ad4e;
}
.toast-warning {
  color: #f0ad4e;
}
.font-danger {
  color: #c42a02 !important;
}
.stroke-danger {
  stroke: #c42a02 !important;
}
.fill-danger {
  fill: #c42a02;
}
.toast-danger {
  color: #c42a02;
}
.font-info {
  color: #2e8dd3 !important;
}
.stroke-info {
  stroke: #2e8dd3 !important;
}
.fill-info {
  fill: #2e8dd3;
}
.toast-info {
  color: #2e8dd3;
}
.font-light {
  color: #767676 !important;
  color: var(--light-font) !important;
}
.stroke-light {
  stroke: #767676 !important;
  stroke: var(--light-font) !important;
}
.fill-light {
  fill: #767676;
  fill: var(--light-font);
}
.toast-light {
  color: #767676;
  color: var(--light-font);
}
.font-dark {
  color: #3d3d47 !important;
  color: var(--body-font-color) !important;
}
.stroke-dark {
  stroke: #3d3d47 !important;
  stroke: var(--body-font-color) !important;
}
.fill-dark {
  fill: #3d3d47;
  fill: var(--body-font-color);
}
.toast-dark {
  color: #3d3d47;
  color: var(--body-font-color);
}
.stroke-white {
  stroke: #fff;
  stroke: var(--white);
}
[data-theme="dark"] .font-dark {
  color: #767676 !important;
  color: var(--light-font) !important;
}
.bg-primary {
  background-color: var(--theme-default) !important;
  color: #fff;
  color: var(--white);
}
[data-theme="dark"] .bg-primary span {
  color: #767676 !important;
  color: var(--light-font) !important;
}
.bg-light-primary {
  background-color: #43b9b21a !important;
  background-color: var(--theme-default-light-bg) !important;
}
.bg-light-primary,
.bg-light-primary .h1,
.bg-light-primary .h2,
.bg-light-primary .h3,
.bg-light-primary .h4,
.bg-light-primary .h5,
.bg-light-primary .h6,
.bg-light-primary h1,
.bg-light-primary h2,
.bg-light-primary h3,
.bg-light-primary h4,
.bg-light-primary h5,
.bg-light-primary h6,
[data-theme="dark"] .bg-light-primary p,
[data-theme="dark"] .bg-light-primary span {
  color: var(--theme-default) !important;
}
.dote-primary {
  background-color: var(--theme-default);
  height: 6px;
  outline: 5px solid #43b9b240;
}
.bg-secondary {
  background-color: #c280d2 !important;
  color: #fff;
  color: var(--white);
}
[data-theme="dark"] .bg-secondary span {
  color: #767676 !important;
  color: var(--light-font) !important;
}
.bg-light-secondary {
  background-color: #c280d21a !important;
}
.bg-light-secondary,
.bg-light-secondary .h1,
.bg-light-secondary .h2,
.bg-light-secondary .h3,
.bg-light-secondary .h4,
.bg-light-secondary .h5,
.bg-light-secondary .h6,
.bg-light-secondary h1,
.bg-light-secondary h2,
.bg-light-secondary h3,
.bg-light-secondary h4,
.bg-light-secondary h5,
.bg-light-secondary h6,
[data-theme="dark"] .bg-light-secondary p,
[data-theme="dark"] .bg-light-secondary span {
  color: #c280d2 !important;
}
.dote-secondary {
  background-color: #c280d2;
  height: 6px;
  outline: 5px solid #c280d240;
}
.bg-tertiary {
  background-color: #fd7e40 !important;
  color: #fff;
  color: var(--white);
}
[data-theme="dark"] .bg-tertiary span {
  color: #767676 !important;
  color: var(--light-font) !important;
}
.bg-light-tertiary {
  background-color: #fd7e401a !important;
}
.bg-light-tertiary,
.bg-light-tertiary .h1,
.bg-light-tertiary .h2,
.bg-light-tertiary .h3,
.bg-light-tertiary .h4,
.bg-light-tertiary .h5,
.bg-light-tertiary .h6,
.bg-light-tertiary h1,
.bg-light-tertiary h2,
.bg-light-tertiary h3,
.bg-light-tertiary h4,
.bg-light-tertiary h5,
.bg-light-tertiary h6,
[data-theme="dark"] .bg-light-tertiary p,
[data-theme="dark"] .bg-light-tertiary span {
  color: #fd7e40 !important;
}
.dote-tertiary {
  background-color: #fd7e40;
  height: 6px;
  outline: 5px solid #fd7e4040;
}
.bg-success {
  background-color: #17a600 !important;
  color: #fff;
  color: var(--white);
}
[data-theme="dark"] .bg-success span {
  color: #767676 !important;
  color: var(--light-font) !important;
}
.bg-light-success {
  background-color: #17a6001a !important;
}
.bg-light-success,
.bg-light-success .h1,
.bg-light-success .h2,
.bg-light-success .h3,
.bg-light-success .h4,
.bg-light-success .h5,
.bg-light-success .h6,
.bg-light-success h1,
.bg-light-success h2,
.bg-light-success h3,
.bg-light-success h4,
.bg-light-success h5,
.bg-light-success h6,
[data-theme="dark"] .bg-light-success p,
[data-theme="dark"] .bg-light-success span {
  color: #17a600 !important;
}
.dote-success {
  background-color: #17a600;
  height: 6px;
  outline: 5px solid #17a60040;
}
.bg-warning {
  background-color: #f0ad4e !important;
  color: #fff;
  color: var(--white);
}
[data-theme="dark"] .bg-warning span {
  color: #767676 !important;
  color: var(--light-font) !important;
}
.bg-light-warning {
  background-color: #f0ad4e1a !important;
}
.bg-light-warning,
.bg-light-warning .h1,
.bg-light-warning .h2,
.bg-light-warning .h3,
.bg-light-warning .h4,
.bg-light-warning .h5,
.bg-light-warning .h6,
.bg-light-warning h1,
.bg-light-warning h2,
.bg-light-warning h3,
.bg-light-warning h4,
.bg-light-warning h5,
.bg-light-warning h6,
[data-theme="dark"] .bg-light-warning p,
[data-theme="dark"] .bg-light-warning span {
  color: #f0ad4e !important;
}
.dote-warning {
  background-color: #f0ad4e;
  height: 6px;
  outline: 5px solid #f0ad4e40;
}
.bg-danger {
  background-color: #c42a02 !important;
  color: #fff;
  color: var(--white);
}
[data-theme="dark"] .bg-danger span {
  color: #767676 !important;
  color: var(--light-font) !important;
}
.bg-light-danger {
  background-color: #c42a021a !important;
}
.bg-light-danger,
.bg-light-danger .h1,
.bg-light-danger .h2,
.bg-light-danger .h3,
.bg-light-danger .h4,
.bg-light-danger .h5,
.bg-light-danger .h6,
.bg-light-danger h1,
.bg-light-danger h2,
.bg-light-danger h3,
.bg-light-danger h4,
.bg-light-danger h5,
.bg-light-danger h6,
[data-theme="dark"] .bg-light-danger p,
[data-theme="dark"] .bg-light-danger span {
  color: #c42a02 !important;
}
.dote-danger {
  background-color: #c42a02;
  height: 6px;
  outline: 5px solid #c42a0240;
}
.bg-info {
  background-color: #2e8dd3 !important;
  color: #fff;
  color: var(--white);
}
[data-theme="dark"] .bg-info span {
  color: #767676 !important;
  color: var(--light-font) !important;
}
.bg-light-info {
  background-color: #2e8dd31a !important;
}
.bg-light-info,
.bg-light-info .h1,
.bg-light-info .h2,
.bg-light-info .h3,
.bg-light-info .h4,
.bg-light-info .h5,
.bg-light-info .h6,
.bg-light-info h1,
.bg-light-info h2,
.bg-light-info h3,
.bg-light-info h4,
.bg-light-info h5,
.bg-light-info h6,
[data-theme="dark"] .bg-light-info p,
[data-theme="dark"] .bg-light-info span {
  color: #2e8dd3 !important;
}
.dote-info {
  background-color: #2e8dd3;
  height: 6px;
  outline: 5px solid #2e8dd340;
}
.bg-light {
  background-color: #f4f5f8 !important;
  color: #fff;
  color: var(--white);
}
[data-theme="dark"] .bg-light span {
  color: #767676 !important;
  color: var(--light-font) !important;
}
.bg-light-light {
  background-color: #f4f5f81a !important;
}
.bg-light-light,
.bg-light-light .h1,
.bg-light-light .h2,
.bg-light-light .h3,
.bg-light-light .h4,
.bg-light-light .h5,
.bg-light-light .h6,
.bg-light-light h1,
.bg-light-light h2,
.bg-light-light h3,
.bg-light-light h4,
.bg-light-light h5,
.bg-light-light h6,
[data-theme="dark"] .bg-light-light p,
[data-theme="dark"] .bg-light-light span {
  color: #f4f5f8 !important;
}
.dote-light {
  background-color: #f4f5f8;
  height: 6px;
  outline: 5px solid #f4f5f840;
}
.bg-dark {
  background-color: #2c2c31 !important;
  color: #fff;
  color: var(--white);
}
[data-theme="dark"] .bg-dark span {
  color: #767676 !important;
  color: var(--light-font) !important;
}
.bg-light-dark {
  background-color: #2c2c311a !important;
}
.bg-light-dark,
.bg-light-dark .h1,
.bg-light-dark .h2,
.bg-light-dark .h3,
.bg-light-dark .h4,
.bg-light-dark .h5,
.bg-light-dark .h6,
.bg-light-dark h1,
.bg-light-dark h2,
.bg-light-dark h3,
.bg-light-dark h4,
.bg-light-dark h5,
.bg-light-dark h6,
[data-theme="dark"] .bg-light-dark p,
[data-theme="dark"] .bg-light-dark span {
  color: #2c2c31 !important;
}
.dote-dark {
  background-color: #2c2c31;
  height: 6px;
  outline: 5px solid #2c2c3140;
}
.bg-light-light {
  background-color: #f4f5f899 !important;
  color: #3d3d47;
  color: var(--body-font-color);
}
[data-theme="dark"] .bg-light-light {
  background-color: #f9fafc !important;
  background-color: var(--body-color) !important;
}
.bg-light-dark {
  background-color: #2c2c3133 !important;
}
.bg-light,
.bg-light-dark {
  color: #3d3d47;
  color: var(--body-font-color);
}
[data-theme="dark"] .bg-light {
  background-color: #f9fafc !important;
  background-color: var(--body-color) !important;
}
.bg-common-primary {
  align-items: center;
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
  border: 1px solid var(--theme-default);
  border-radius: 11px;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 42px;
}
.bg-common-primary svg {
  stroke: var(--theme-default);
}
.bg-common-secondary {
  align-items: center;
  background-color: #c280d21a;
  border: 1px solid #c280d2;
  border-radius: 11px;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 42px;
}
.bg-common-secondary svg {
  stroke: #c280d2;
}
.bg-common-tertiary {
  align-items: center;
  background-color: #fd7e401a;
  border: 1px solid #fd7e40;
  border-radius: 11px;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 42px;
}
.bg-common-tertiary svg {
  stroke: #fd7e40;
}
.bg-common-warning {
  align-items: center;
  background-color: #f0ad4e1a;
  border: 1px solid #f0ad4e;
  border-radius: 11px;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 42px;
}
.bg-common-warning svg {
  stroke: #f0ad4e;
}
.bg-common-info {
  align-items: center;
  background-color: #2e8dd31a;
  border: 1px solid #2e8dd3;
  border-radius: 11px;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 42px;
}
.bg-common-info svg {
  stroke: #2e8dd3;
}
.bg-common-success {
  align-items: center;
  background-color: #17a6001a;
  border: 1px solid #17a600;
  border-radius: 11px;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 42px;
}
.bg-common-success svg {
  stroke: #17a600;
}
.bg-common-danger {
  align-items: center;
  background-color: #c42a021a;
  border: 1px solid #c42a02;
  border-radius: 11px;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 42px;
}
.bg-common-danger svg {
  stroke: #c42a02;
}
.bg-common-light {
  align-items: center;
  background-color: #f4f5f81a;
  border: 1px solid #f4f5f8;
  border-radius: 11px;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 42px;
}
.bg-common-light svg {
  stroke: #f4f5f8;
}
.bg-common-dark {
  align-items: center;
  background-color: #2c2c311a;
  border: 1px solid #2c2c31;
  border-radius: 11px;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 42px;
}
.bg-common-dark svg {
  stroke: #2c2c31;
}
[data-theme="dark"] .apexcharts-canvas .apexcharts-tooltip {
  border: 1px solid #f4f5f8;
  border: 1px solid var(--light-color);
}
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text {
  font-family: Outfit, sans-serif !important;
}
[data-theme="dark"]
  .apexcharts-canvas
  .apexcharts-tooltip
  .apexcharts-tooltip-text {
  color: #3d3d47;
  color: var(--body-font-color);
}
.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light {
  background-color: #fff;
  background-color: var(--card-color);
}
.apexcharts-canvas
  .apexcharts-tooltip.apexcharts-theme-light
  .apexcharts-tooltip-text {
  font-family: Outfit, sans-serif !important;
}
[data-theme="dark"]
  .apexcharts-canvas
  .apexcharts-tooltip.apexcharts-theme-light
  .apexcharts-tooltip-text {
  color: #3d3d47;
  color: var(--body-font-color);
}
.apexcharts-canvas
  .apexcharts-tooltip.apexcharts-theme-light
  .apexcharts-tooltip-title {
  background-color: #fff;
  background-color: var(--card-color);
  border-bottom: 1px solid #6a71854d;
  border-bottom: 1px solid var(--solid-border);
}
.apexcharts-canvas .apexcharts-text tspan {
  fill: #3d3d47;
  fill: var(--body-font-color);
  font-family: Outfit, sans-serif;
  font-size: 13px;
  font-weight: 500;
}
.apexcharts-canvas .apexcharts-xaxis tspan {
  fill: #767676;
  fill: var(--light-font);
}
.apexcharts-canvas .apexcharts-legend-text,
.apexcharts-canvas .apexcharts-title-text,
.apexcharts-canvas .apexcharts-yaxis-title text {
  font-family: Outfit, sans-serif !important;
  font-weight: 500 !important;
}
.chartist-container {
  box-sizing: border-box;
  height: 400px;
  width: 100%;
}
@media (max-width: 1199.98px) {
  .chartist-container {
    height: 200px;
  }
}
@media only screen and (max-width: 360px) {
  .chartist-container {
    height: 230px;
  }
}
.ct-series-a .ct-area,
.ct-series-a .ct-slice-donut-solid,
.ct-series-a .ct-slice-pie {
  fill: var(--theme-default);
}
.ct-series-a .ct-bar,
.ct-series-a .ct-line,
.ct-series-a .ct-point,
.ct-series-a .ct-slice-donut {
  stroke: var(--theme-default);
}
.ct-series-b .ct-bar,
.ct-series-b .ct-line,
.ct-series-b .ct-point,
.ct-series-b .ct-slice-donut {
  stroke: #c280d2;
}
.ct-series-b .ct-area,
.ct-series-b .ct-slice-donut-solid,
.ct-series-b .ct-slice-pie {
  fill: #c280d2;
}
.ct-series-c .ct-bar,
.ct-series-c .ct-line,
.ct-series-c .ct-point,
.ct-series-c .ct-slice-donut {
  stroke: #fd7e40;
}
.ct-series-c .ct-area,
.ct-series-c .ct-slice-donut-solid,
.ct-series-c .ct-slice-pie {
  fill: #fd7e40;
}
.ct-series-d .ct-bar,
.ct-series-d .ct-line,
.ct-series-d .ct-point,
.ct-series-d .ct-slice-donut {
  stroke: #17a600;
}
.ct-series-d .ct-area,
.ct-series-d .ct-slice-donut-solid,
.ct-series-d .ct-slice-pie {
  fill: #17a600;
}
.ct-series-e .ct-bar,
.ct-series-e .ct-line,
.ct-series-e .ct-point,
.ct-series-e .ct-slice-donut {
  stroke: #2e8dd3;
}
.ct-series-e .ct-area,
.ct-series-e .ct-slice-donut-solid,
.ct-series-e .ct-slice-pie {
  fill: #2e8dd3;
}
.ct-series-e .ct-bar,
.ct-series-e .ct-line,
.ct-series-e .ct-point,
.ct-series-e .ct-slice-donut {
  stroke: #c42a02;
}
.ct-series-e .ct-area,
.ct-series-e .ct-slice-donut-solid,
.ct-series-e .ct-slice-pie {
  fill: #c42a02;
}
.ct-series-f .ct-bar,
.ct-series-f .ct-line,
.ct-series-f .ct-point,
.ct-series-f .ct-slice-donut {
  stroke: #f0ad4e;
}
.ct-series-f .ct-area,
.ct-series-f .ct-slice-donut-solid,
.ct-series-f .ct-slice-pie {
  fill: #f0ad4e;
}
.chart-container.chart-block canvas {
  height: 360px !important;
  margin: 0 auto;
}
@media only screen and (max-width: 360px) {
  .chart-container.chart-block canvas {
    height: 140px !important;
  }
}
.skill-chart {
  margin-bottom: -48px;
}
.skill-chart .apexcharts-legend .apexcharts-legend-series span {
  display: block;
}
.skill-chart
  .apexcharts-legend
  .apexcharts-legend-series
  .apexcharts-legend-text {
  margin: 10px 0 20px;
}
.header-top {
  align-items: center;
  display: flex;
  gap: 4px;
  justify-content: space-between;
}
.dropdown .dropdown-toggle {
  background-color: #43b9b214;
  border-radius: 10px;
  color: var(--theme-default);
  padding: 5px 10px;
  text-align: left;
  width: 100px;
}
.progress-chart {
  margin: -11px 0 -20px;
}
.apexcharts-title-text {
  fill: #3d3d47 !important;
  fill: var(--body-font-color) !important;
}
.apexcharts-subtitle-text {
  fill: #767676;
  fill: var(--light-font);
}
.apexcharts-legend-text {
  color: #767676 !important;
  color: var(--light-font) !important;
}
.apexcharts-yaxis-title-text {
  fill: #767676;
  fill: var(--light-font);
}
.apexcharts-datalabel-label,
.apexcharts-datalabel-value {
  fill: #3d3d47 !important;
  fill: var(--body-font-color) !important;
}
#chart-widget1,
#chart-widget2,
#chart-widget3 {
  margin-bottom: -15px;
}
[data-theme="dark"] .rtl-dropdown .dropdown-menu {
  background-color: #f9fafc;
  background-color: var(--body-color);
  color: #fff;
  color: var(--white);
}
.custom-dropdown {
  position: relative;
}
.custom-menu {
  background: #fff;
  background: var(--card-color);
  border-radius: 5px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 28px;
  transition: all 0.5s;
  visibility: hidden;
}
[data-theme="dark"] .custom-menu {
  border: 1px solid #f4f5f8;
  border: 1px solid var(--light-color);
}
[dir="rtl"] .custom-menu {
  left: 16px;
  right: auto;
}
.custom-menu.show {
  opacity: 1;
  transition: all 0.5s;
  visibility: visible;
}
.dropdown-menu {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
}
[data-theme="dark"] .dropdown-menu .dropdown-item {
  background-color: #f9fafc;
  background-color: var(--body-color);
  color: #3d3d47;
  color: var(--body-font-color);
}
[data-theme="dark"] .dropdown-menu .dropdown-item:hover {
  background-color: #fff;
  background-color: var(--card-color);
}
.custom-menu {
  box-shadow: 0 10px 44px 0 #0000001a;
  box-shadow: var(--dropdown-shadow);
  margin-top: 20px !important;
}
.dropdown-basic {
  margin-bottom: -10px;
}
.dropdown-basic .btn-group .btn-round {
  border-radius: 50px;
}
.dropdown-basic .separated-btn .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding: 10px;
}
.dropdown-basic .separated-btn .btn svg {
  height: 16px;
  vertical-align: initial;
  width: 16px;
}
.dropdown-basic button {
  max-height: 43px;
}
.dropdown-basic .dropdown {
  display: inline-block;
  margin-bottom: 10px;
  position: relative;
}
.dropdown-basic .dropdown .dropbtn {
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 12px 35px;
}
.dropdown-basic .dropdown .dropdown-content {
  background-color: #fff;
  border-radius: 0.375rem;
  display: none;
  min-width: 160px;
  position: absolute;
  right: 0;
  top: 45px;
  z-index: 1;
}
[data-theme="dark"] .dropdown-basic .dropdown .dropdown-content {
  background-color: #fff;
  background-color: var(--card-color);
}
@media (max-width: 575.98px) {
  .dropdown-basic .dropdown .dropdown-content {
    left: -75;
    min-width: 100px;
  }
}
.dropdown-basic .dropdown .dropdown-content a {
  display: block;
  padding: 6px 14px;
  text-decoration: none;
}
.dropdown-basic .dropdown .dropdown-content .dropdown-header {
  padding: 12px 16px;
}
.dropdown-basic .dropdown-content a:hover {
  background-color: #f4f5f8;
  background-color: var(--light-color);
}
.dropdown-basic .dropdown:hover .dropdown-content {
  display: block;
}
.heading-dropdown .dropdown-menu > li:first-child > a {
  background-color: #f4f5f8;
  background-color: var(--light-color);
  border-bottom: 1px dashed #6a71854d;
  border-bottom: var(--light-border);
  border-top: 0;
}
btn-group .dropdown-wrapper {
  z-index: 2;
}
btn-group .dropdown-wrapper .input-group .input-group-text {
  padding: 0 8px 0 0;
}
[dir="rtl"] btn-group .dropdown-wrapper .input-group .input-group-text {
  padding: 0 0 0 8px;
}
.form-wrapper {
  width: 260px;
}
.dropdown-menu .input-group {
  background-color: initial;
  border-top: 1px dashed #6a71854d;
  border-top: var(--light-border);
  opacity: 0.6;
  padding: 6px 12px;
}
[data-theme="dark"] .dropdown-menu .input-group {
  background-color: #f9fafc;
  background-color: var(--body-color);
  color: #fff;
  color: var(--white);
  opacity: 1 !important;
}
.dropdown-menu .input-group:active,
.dropdown-menu .input-group:hover {
  background-color: #f4f5f8;
  background-color: var(--light-color);
}
.dropdown-menu .input-group .input-group-text {
  background-color: initial;
  border: none;
}
.dropdown-menu .input-group span {
  color: #3d3d47;
  color: var(--body-font-color);
}
.dropdown-toggle:after {
  border-bottom: 0;
  border-left: 4px solid #0000;
  border-right: 4px solid #0000;
  border-top: 4px solid;
  content: "";
  display: inline-block;
  margin-left: 8px;
  vertical-align: 4px;
}
[dir="rtl"] .dropdown-toggle:after {
  margin-left: 0;
  margin-right: 8px;
}
.dropstart .dropdown-toggle:before {
  border-bottom: 4px solid #0000;
  border-right: 4px solid;
  border-top: 4px solid #0000;
  content: "";
  display: inline-block;
  margin-right: 8px;
}
[dir="rtl"] .dropstart .dropdown-toggle:before {
  margin-left: 8px;
  margin-right: 0;
}
.dropup .dropdown-toggle:after {
  border-bottom: 4px solid;
  border-left: 4px solid #0000;
  border-right: 4px solid #0000;
  border-top: 0;
  content: "";
  display: inline-block;
  margin-left: 8px;
  vertical-align: 4px;
}
[dir="rtl"] .dropup .dropdown-toggle:after {
  margin-left: 0;
  margin-right: 8px;
}
.dropend .dropdown-toggle:after {
  border-bottom: 4px solid #0000;
  border-left: 4px solid;
  border-right: 0;
  border-top: 4px solid #0000;
  content: "";
  display: inline-block;
  margin-left: 8px;
}
[dir="rtl"] .dropend .dropdown-toggle:after {
  margin-left: 0;
  margin-right: 8px;
}
.dropdown-menu.show {
  z-index: 9 !important;
}
.dropzone {
  background: #43b9b21a;
  background: var(--theme-default-light-bg);
  border: 2px dashed var(--theme-default);
  border-image: none;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  min-height: 150px;
  padding: 50px;
  position: relative;
}
.dropzone,
.dropzone * {
  box-sizing: border-box;
}
.dropzone .h6,
.dropzone h6 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}
.dropzone i {
  color: var(--theme-default);
  font-size: 50px;
}
.dropzone .dz-message {
  margin: 25px 0;
  text-align: center;
}
.dropzone .dz-preview {
  background-color: #f4f5f8;
  border: none;
  box-shadow: 0 0 3px var(--theme-default);
  display: inline-block;
  height: 120px;
  margin: 0.5em;
  padding: 0;
  position: relative;
  width: 120px;
}
.dropzone .dz-preview .dz-file-preview .dz-image,
.dropzone .dz-preview .dz-image {
  border-radius: 0;
}
.dropzone .dz-preview .dz-progress {
  border: 1px solid #17a600;
  display: block;
  height: 10px;
  left: 12px;
  right: 12px;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  background: #17a600;
  display: block;
  height: 100%;
  width: 0;
}
.dropzone .dz-preview .dz-error-message {
  display: none !important;
}
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone .dz-preview.dz-error .dz-error-message,
.dropzone .dz-preview.dz-success .dz-success-mark {
  display: block;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark {
  display: none;
  height: 58px;
  left: 30px;
  left: 50%;
  margin-left: -27px;
  position: absolute;
  top: 30px;
  width: 54px;
}
.dropzone .dz-preview .dz-details .dz-size {
  font-size: 16px;
  margin-bottom: 10px;
}
.filepond--root {
  margin-bottom: 0;
}
.filepond--root .filepond--credits {
  display: none;
}
.filepond--drop-label {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  color: var(--theme-default);
}
[data-theme="dark"] .filepond--drop-label {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.dropzone.dropzone-secondary {
  background-color: #c280d21a;
}
.col-form-label {
  padding-bottom: 4px;
}
label {
  cursor: pointer;
  margin-bottom: 0.5rem;
}
.form-control {
  border: 1px solid #6a71854d;
  border: 1px solid var(--solid-border);
}
[data-theme="dark"] .form-control::placeholder {
  color: #898989 !important;
  color: var(--dark-gray) !important;
}
.form-control:focus {
  border-color: var(--theme-default);
  box-shadow: none;
  color: #3d3d47;
  color: var(--body-font-color);
  outline: none !important;
}
[data-theme="dark"] .form-control:focus {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.form-control.form-control-color {
  padding: 8px;
}
@media (max-width: 575.98px) {
  .form-control {
    padding: 12px;
  }
}
.form-check-input {
  border: 1px solid #6a71854d;
  border: 1px solid var(--solid-border);
}
[data-theme="dark"] .form-check-input {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.form-check-input:focus {
  box-shadow: none;
}
.input-group {
  border-radius: 0;
}
.input-group .form-control {
  border-radius: 8px;
}
.input-group-text {
  border: none;
  border-radius: 8px;
}
.input-group:focus {
  border: 1px solid var(--theme-default);
}
.theme-form .form-control[type="file"]::file-selector-button {
  background-color: #f4f5f8;
  border: 2px solid #f4f5f8;
  border-radius: 0.2em;
  border-radius: 8px;
  padding: 5px 10px;
  transition: 1s;
}
[data-theme="dark"]
  .theme-form
  .form-control[type="file"]::file-selector-button {
  background: #fff;
  background: var(--card-color);
  border-color: #fff;
  border-color: var(--card-color);
  color: #767676;
  color: var(--light-font);
}
.theme-form .form-control,
.theme-form select {
  background-color: #f4f5f8;
}
.theme-form .btn-fb,
.theme-form .btn-google,
.theme-form .btn-linkedin,
.theme-form .btn-twitter {
  color: #fff;
  width: 100%;
}
.theme-form .btn-fb {
  background-color: #50598e;
}
.theme-form .btn-twitter {
  background-color: #6fa2d8;
}
.theme-form .btn-google {
  background-color: #c64e40;
}
.theme-form .btn-linkedin {
  background-color: #0077b5;
}
.checkbox-checked .form-check-input {
  cursor: pointer;
}
.checkbox-checked .form-check-input:checked {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
}
.checkbox-checked .form-check-input:focus {
  border-color: var(--theme-default);
  box-shadow: 0 0 0 4px #43b9b240;
}
.checkbox-checked .card-wrapper .form-check:last-child {
  margin-bottom: 0;
  min-height: 0;
}
.checkbox-checked .card-wrapper .form-check:last-child label {
  cursor: pointer;
  margin-bottom: 0;
}
.theme-form .form-control,
.theme-form select {
  border: none;
  border-radius: 5px;
  color: #898989;
  color: var(--dark-gray);
  font-family: Outfit, sans-serif;
  font-size: 14px;
}
[data-theme="dark"] .theme-form .form-control,
[data-theme="dark"] .theme-form select {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.theme-form .form-control-lg {
  font-size: 1.25rem;
  padding: 0.5rem 1rem;
}
.theme-form .form-control-sm {
  border-radius: 0.25rem;
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
}
.theme-form .form-text {
  font-size: 1em;
}
.theme-form .form-label {
  font-size: 17px;
}
.theme-form .input-group-text {
  background: #e8eaf0;
  border: none;
  border-radius: 5px;
  margin-bottom: 0;
}
[data-theme="dark"] .theme-form .input-group-text {
  background: #f9fafc;
  background: var(--body-color);
}
.theme-form .input-group :not(:hover)[class*="btn-outline-"] {
  background-color: #f4f5f8;
  color: inherit;
}
[data-theme="dark"]
  .theme-form
  .input-group
  :not(:hover)[class*="btn-outline-"] {
  background: #fff;
  background: var(--card-color);
}
.form-check-reverse {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding: 0;
}
.form-check-reverse .form-check-input {
  float: left;
  margin-left: 10px;
  margin-right: 0;
}
.form-check-size {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
}
.form-check-size .form-check-inline {
  margin: 0;
  min-height: 0;
}
.form-check-size .form-check-inline .form-check-input {
  height: 18px;
  margin-top: 0;
  width: 18px;
}
.form-check-size .form-check-inline .check-size {
  height: 18px;
  margin-top: 0;
  width: 36px;
}
.form-check-size .form-check-inline label {
  cursor: pointer;
  margin: 0;
}
.main-img-checkbox .img-checkbox {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.main-img-checkbox .img-checkbox .main-img-cover {
  height: 24px;
  left: 15px;
  position: absolute;
  top: 15px;
  width: 24px;
}
.main-img-checkbox .img-checkbox .form-check-label {
  width: 100%;
}
.main-img-checkbox .img-checkbox img {
  height: 220px;
  object-fit: cover;
  width: 100%;
}
.main-icon-checkbox.checkbox label {
  margin-top: 0;
}
.main-icon-checkbox.checkbox label:before {
  background-color: initial;
  content: "";
  display: block;
  height: 100%;
  margin-left: 1px;
  top: 0;
  width: 100%;
}
.main-icon-checkbox.checkbox-primary
  input[type="checkbox"]:checked
  + label:before {
  border: 2px solid var(--theme-default);
  color: #0000;
}
.main-icon-checkbox.checkbox-primary input[type="checkbox"] {
  opacity: 1;
}
.main-icon-checkbox.checkbox-primary .form-check-input {
  border: 1px solid #666;
  border: 1px solid var(--gray-60);
}
.main-icon-checkbox.checkbox-primary .form-check-input.checkbox-shadow:focus {
  box-shadow: none;
}
.main-icon-checkbox.checkbox-primary
  .form-check-input:checked[type="checkbox"] {
  background-image: none;
}
.checkbox-wrapper,
.radio-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: calc(6.4px + 0.5vw);
  justify-content: center;
}
.checkbox-wrapper li,
.radio-wrapper li {
  border: none;
  display: grid;
  height: 52px;
  padding: 0;
  place-items: center;
  position: relative;
  text-align: center;
  width: 100%;
  width: 100px;
}
.checkbox-wrapper li .form-check-input,
.radio-wrapper li .form-check-input {
  background-color: initial;
  border: 1px solid #666;
  border: 1px solid var(--gray-60);
  border-radius: 0;
  float: none;
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 100%;
}
.checkbox-wrapper li .form-check-input:focus,
.radio-wrapper li .form-check-input:focus {
  box-shadow: none;
}
.checkbox-wrapper li .form-check-input[type="radio"],
.radio-wrapper li .form-check-input[type="radio"] {
  cursor: pointer;
  opacity: 1;
}
.checkbox-wrapper li .form-check-input:checked,
.radio-wrapper li .form-check-input:checked {
  background-color: initial;
  border: 2px solid var(--theme-default);
}
.checkbox-wrapper li .form-check-input:checked[type="radio"],
.radio-wrapper li .form-check-input:checked[type="radio"] {
  background-image: none;
  box-shadow: none;
}
.checkbox-wrapper li .form-check-input:checked ~ .form-check-label,
.checkbox-wrapper li .form-check-input:checked ~ .form-check-label span,
.radio-wrapper li .form-check-input:checked ~ .form-check-label,
.radio-wrapper li .form-check-input:checked ~ .form-check-label span {
  color: var(--theme-default);
}
.checkbox-wrapper li .form-check-label,
.radio-wrapper li .form-check-label {
  padding: 0;
  position: static;
}
.checkbox-wrapper li .form-check-label:after,
.checkbox-wrapper li .form-check-label:before,
.radio-wrapper li .form-check-label:after,
.radio-wrapper li .form-check-label:before {
  content: none;
}
.checkbox-wrapper li .form-check-label i,
.radio-wrapper li .form-check-label i {
  font-size: 20px;
  line-height: 2.5;
  padding-right: 10px;
}
.checkbox-wrapper li .form-check-label span,
.radio-wrapper li .form-check-label span {
  font-size: 16px;
}
.radio-form {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}
.radio-form .form-check {
  margin-bottom: 0;
  min-height: 0;
}
.radio-form .form-check .form-check-label {
  margin-bottom: 0;
}
.basic-form {
  position: relative;
}
.basic-form svg,
.basic-form svg.stroke-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.basic-form svg.stroke-icon {
  stroke: #2c2c31;
  height: 25px;
  width: 25px;
}
.flat-form * {
  border-radius: 0 !important;
}
.edges-form * {
  border-radius: 20px !important;
}
.edges-form * .form-select {
  overflow: hidden;
}
.raise-form .form-control,
.raise-form .form-select {
  box-shadow: 0 5px 10px 2px #2c2c311a !important;
}
.custom-input .form-check .form-check-input:valid ~ .form-check-label {
  color: var(--theme-default);
}
.custom-input .form-check .form-check-input:invalid ~ .form-check-label {
  color: #c42a02;
}
[data-theme="dark"] .form-control-plaintext {
  color: #767676;
  color: var(--light-font);
}
@media (max-width: 360px) {
  .accordion-page .theme-form select.form-select {
    padding: 6px 36px !important;
  }
}
@media (max-width: 338px) {
  .input-dropdown .theme-form .input-group .btn {
    padding: 6px !important;
  }
}
[data-theme="dark"] ::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
[data-theme="dark"] input {
  color: #3d3d47;
  color: var(--body-font-color);
}
.grid-showcase {
  margin-bottom: -10px;
}
.grid-showcase span {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  display: block;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
}
.grid-showcase ~ .card-footer table tr th {
  border: 0;
  font-weight: 600;
}
.grid-align {
  margin-bottom: -16px;
  padding: 0 15px;
}
.grid-align .row {
  margin-bottom: 16px;
  min-height: 7rem;
  padding: 15px 0;
}
.grid-vertical {
  min-height: 150px;
  padding: 10px;
}
.grid-option .table-striped tbody tr:nth-of-type(odd) {
  background-color: #f4f5f8;
  background-color: var(--light-color);
}
.grid-option .table {
  margin-bottom: 0;
}
.grid-option .table td,
.grid-option .table th,
.grid-option .table tr {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
}
.grid-option .table tr th {
  font-weight: 600;
}
.icon-event {
  margin-bottom: -24px;
}
.icon-event .card:hover {
  transform: translateY(-5px);
  transition: 0.5s;
}
.icon-event .d-flex {
  padding: 20px 14px;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .icon-event .d-flex {
    padding: 18px 8px;
  }
}
.icon-event .d-flex .flex-grow-1 {
  margin-top: 14px;
}
.icon-event .d-flex i {
  font-size: 24px;
}
[data-theme="dark"] .icon-event .d-flex i {
  color: #767676;
  color: var(--light-font);
}
.icon-event .d-flex i.flag-icon {
  font-size: 28px;
}
.icon-event .d-flex .h6,
.icon-event .d-flex h6 {
  color: #767676;
  color: var(--light-font);
  font-family: Outfit, sans-serif;
  font-size: 15px;
}
[data-theme="dark"] .icon-event .d-flex .h6,
[data-theme="dark"] .icon-event .d-flex h6 {
  color: #767676;
  color: var(--light-font);
}
.icon-event .d-flex:hover {
  border-color: var(--theme-default) !important;
}
.icon-event .d-flex:hover i {
  color: var(--theme-default);
}
.icon-event .d-flex:hover svg {
  stroke: var(--theme-default);
  transition: all 0.2s ease-in-out;
}
.icon-event .d-flex:hover .h6,
.icon-event .d-flex:hover h6 {
  color: var(--theme-default);
  transition: all 0.3s ease-in-out;
}
.icon-hover-bottom {
  background-color: #f8f9fa;
  bottom: 0;
  display: none;
  left: 0;
  width: 100%;
  z-index: 999;
}
.icon-hover-bottom.open {
  display: block;
}
.icon-hover-bottom .icon-popup .close-icon {
  color: #666;
  color: var(--gray-60);
}
[dir="rtl"] .icon-hover-bottom .icon-popup .close-icon {
  left: 10px;
  right: auto;
}
.icon-hover-bottom .icon-popup > div .flag-icon {
  height: 60px;
  width: 60px;
}
@media only screen and (max-width: 767.98px) {
  .icon-hover-bottom .icon-popup > div .flag-icon {
    height: auto;
    width: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .icon-hover-bottom .icon-popup .icon-class {
    display: none;
  }
}
.icon-hover-bottom .icon-popup .icon-last .form-inline .form-group {
  display: inline;
  display: initial;
}
@media only screen and (max-width: 767.98px) {
  .icon-hover-bottom .icon-popup .icon-last .form-inline .form-group {
    display: flex;
  }
}
@media only screen and (max-width: 575.98px) {
  .icon-hover-bottom .icon-popup .icon-last .form-inline .form-group {
    display: block !important;
    margin-bottom: 0;
  }
  .icon-hover-bottom .icon-popup .icon-last .form-inline .form-group .btn {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767.98px) {
  .icon-hover-bottom .icon-popup .icon-last .form-inline .form-group input {
    display: block;
    min-width: 270px;
    width: auto !important;
  }
}
@media only screen and (max-width: 575.98px) {
  .icon-hover-bottom .icon-popup .icon-last .form-inline .form-group input {
    width: 100% !important;
  }
}
@media only screen and (max-width: 767.98px) {
  .icon-hover-bottom .icon-popup .icon-last {
    display: block;
    margin-top: 15px;
  }
}
.icon-hover-bottom .icon-title {
  color: #2c2c31;
}
@media (max-width: 767px) {
  .icon-hover-bottom svg.climacon {
    height: 50px;
    width: 50px;
  }
}
.iconly-icons .svg-menu {
  stroke: #3d3d47;
  stroke: var(--body-font-color);
  height: 24px;
  width: 24px;
}
[data-theme="dark"] .iconly-icons .svg-menu {
  stroke: #767676;
  stroke: var(--light-font);
}
.iconModal .modal-body pre {
  margin-bottom: 0;
}
.iconModal .modal-body .copy-text {
  position: absolute;
  right: 12px;
  top: 12px;
}
.fa-fa-icon-show-div {
  display: none;
}
.icon-hover-bottom .icon-popup {
  align-items: center;
  border-top: 1px dashed #6a71854d;
  border-top: var(--light-border);
  display: flex;
  justify-content: center;
  padding: 20px;
  width: 100%;
}
@media only screen and (max-width: 767.98px) {
  .icon-hover-bottom .icon-popup {
    display: block;
  }
}
@media only screen and (max-width: 575.98px) {
  .icon-hover-bottom .icon-popup {
    padding: 15px;
  }
}
.icon-hover-bottom .icon-popup > div {
  display: inline-block;
}
.icon-hover-bottom .icon-popup .close-icon {
  color: #3d3d47;
  color: var(--body-font-color);
  cursor: pointer;
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.icon-hover-bottom .icon-popup .icon-class {
  cursor: pointer;
  margin: 0 20px;
}
.icon-hover-bottom .icon-popup .icon-first .svg-menu {
  stroke: #3d3d47;
  stroke: var(--body-font-color);
  height: 24px;
  width: 24px;
}
@media only screen and (max-width: 480px) {
  .icon-hover-bottom .icon-popup .icon-first {
    margin-right: 10px;
  }
}
[data-theme="dark"] .icon-hover-bottom .icon-popup {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.icon-hover-bottom .icon-title {
  color: #3d3d47;
  color: var(--body-font-color);
  display: block;
  font-weight: 500;
  text-transform: uppercase;
}
.icon-hover-bottom .form-group input {
  background-color: #fff;
  background-color: var(--card-color);
  display: inline-block;
  width: 300px;
}
.alert {
  border-radius: 0.15rem;
  padding: 15px;
}
.alert svg {
  vertical-align: middle;
}
.alert .progress {
  margin-top: 15px;
}
.alert [data-notify="icon"] {
  line-height: 20px;
  margin-right: 10px;
  position: absolute;
}
.alert [data-notify="message"] {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.alert i {
  font-size: 16px;
  margin-right: 5px;
}
.alert p {
  margin-bottom: 0;
}
.alert .close {
  display: none;
  opacity: 1;
}
.alert .close span {
  border-radius: 3px;
  display: inline-block;
  font-size: 24px;
  font-weight: 400;
  padding: 0 0 0 5px;
  text-shadow: none;
}
.list-group i,
.list-group img {
  margin-right: 10px;
}
.list-group img {
  height: 40px;
  width: 40px;
}
ol.line .h5,
ol.line h5 {
  font-size: 17px;
}
.list-group-item.list-group-item-primary {
  background-color: #43b9b24d !important;
  color: var(--theme-default);
}
.list-group-item.list-group-item-primary:active,
.list-group-item.list-group-item-primary:focus,
.list-group-item.list-group-item-primary:hover {
  background-color: #43b9b24d;
}
[data-theme="dark"] .list-group-item.list-group-item-primary:active,
[data-theme="dark"] .list-group-item.list-group-item-primary:focus,
[data-theme="dark"] .list-group-item.list-group-item-primary:hover {
  color: #3d3d47;
  color: var(--body-font-color);
}
.list-hover-primary {
  background-color: initial;
}
.list-hover-primary.active,
.list-hover-primary:active,
.list-hover-primary:hover {
  background-color: #43b9b21a !important;
  background-color: var(--theme-default-light-bg) !important;
  color: #3d3d47;
  color: var(--body-font-color);
}
.list-group-item.list-group-item-secondary {
  background-color: #c280d24d !important;
  color: #c280d2;
}
.list-group-item.list-group-item-secondary:active,
.list-group-item.list-group-item-secondary:focus,
.list-group-item.list-group-item-secondary:hover {
  background-color: #c280d24d;
}
[data-theme="dark"] .list-group-item.list-group-item-secondary:active,
[data-theme="dark"] .list-group-item.list-group-item-secondary:focus,
[data-theme="dark"] .list-group-item.list-group-item-secondary:hover {
  color: #3d3d47;
  color: var(--body-font-color);
}
.list-hover-secondary {
  background-color: initial;
}
.list-hover-secondary.active,
.list-hover-secondary:active,
.list-hover-secondary:hover {
  background-color: #c280d21a !important;
  color: #3d3d47;
  color: var(--body-font-color);
}
.list-group-item.list-group-item-tertiary {
  background-color: #fd7e404d !important;
  color: #fd7e40;
}
.list-group-item.list-group-item-tertiary:active,
.list-group-item.list-group-item-tertiary:focus,
.list-group-item.list-group-item-tertiary:hover {
  background-color: #fd7e404d;
}
[data-theme="dark"] .list-group-item.list-group-item-tertiary:active,
[data-theme="dark"] .list-group-item.list-group-item-tertiary:focus,
[data-theme="dark"] .list-group-item.list-group-item-tertiary:hover {
  color: #3d3d47;
  color: var(--body-font-color);
}
.list-hover-tertiary {
  background-color: initial;
}
.list-hover-tertiary.active,
.list-hover-tertiary:active,
.list-hover-tertiary:hover {
  background-color: #fd7e401a !important;
  color: #3d3d47;
  color: var(--body-font-color);
}
.list-group-item.list-group-item-warning {
  background-color: #f0ad4e4d !important;
  color: #f0ad4e;
}
.list-group-item.list-group-item-warning:active,
.list-group-item.list-group-item-warning:focus,
.list-group-item.list-group-item-warning:hover {
  background-color: #f0ad4e4d;
}
[data-theme="dark"] .list-group-item.list-group-item-warning:active,
[data-theme="dark"] .list-group-item.list-group-item-warning:focus,
[data-theme="dark"] .list-group-item.list-group-item-warning:hover {
  color: #3d3d47;
  color: var(--body-font-color);
}
.list-hover-warning {
  background-color: initial;
}
.list-hover-warning.active,
.list-hover-warning:active,
.list-hover-warning:hover {
  background-color: #f0ad4e1a !important;
  color: #3d3d47;
  color: var(--body-font-color);
}
.list-group-item.list-group-item-info {
  background-color: #2e8dd34d !important;
  color: #2e8dd3;
}
.list-group-item.list-group-item-info:active,
.list-group-item.list-group-item-info:focus,
.list-group-item.list-group-item-info:hover {
  background-color: #2e8dd34d;
}
[data-theme="dark"] .list-group-item.list-group-item-info:active,
[data-theme="dark"] .list-group-item.list-group-item-info:focus,
[data-theme="dark"] .list-group-item.list-group-item-info:hover {
  color: #3d3d47;
  color: var(--body-font-color);
}
.list-hover-info {
  background-color: initial;
}
.list-hover-info.active,
.list-hover-info:active,
.list-hover-info:hover {
  background-color: #2e8dd31a !important;
  color: #3d3d47;
  color: var(--body-font-color);
}
.list-group-item.list-group-item-success {
  background-color: #17a6004d !important;
  color: #17a600;
}
.list-group-item.list-group-item-success:active,
.list-group-item.list-group-item-success:focus,
.list-group-item.list-group-item-success:hover {
  background-color: #17a6004d;
}
[data-theme="dark"] .list-group-item.list-group-item-success:active,
[data-theme="dark"] .list-group-item.list-group-item-success:focus,
[data-theme="dark"] .list-group-item.list-group-item-success:hover {
  color: #3d3d47;
  color: var(--body-font-color);
}
.list-hover-success {
  background-color: initial;
}
.list-hover-success.active,
.list-hover-success:active,
.list-hover-success:hover {
  background-color: #17a6001a !important;
  color: #3d3d47;
  color: var(--body-font-color);
}
.list-group-item.list-group-item-danger {
  background-color: #c42a024d !important;
  color: #c42a02;
}
.list-group-item.list-group-item-danger:active,
.list-group-item.list-group-item-danger:focus,
.list-group-item.list-group-item-danger:hover {
  background-color: #c42a024d;
}
[data-theme="dark"] .list-group-item.list-group-item-danger:active,
[data-theme="dark"] .list-group-item.list-group-item-danger:focus,
[data-theme="dark"] .list-group-item.list-group-item-danger:hover {
  color: #3d3d47;
  color: var(--body-font-color);
}
.list-hover-danger {
  background-color: initial;
}
.list-hover-danger.active,
.list-hover-danger:active,
.list-hover-danger:hover {
  background-color: #c42a021a !important;
  color: #3d3d47;
  color: var(--body-font-color);
}
.list-group-item.list-group-item-light {
  background-color: #f4f5f84d !important;
  color: #f4f5f8;
}
.list-group-item.list-group-item-light:active,
.list-group-item.list-group-item-light:focus,
.list-group-item.list-group-item-light:hover {
  background-color: #f4f5f84d;
}
[data-theme="dark"] .list-group-item.list-group-item-light:active,
[data-theme="dark"] .list-group-item.list-group-item-light:focus,
[data-theme="dark"] .list-group-item.list-group-item-light:hover {
  color: #3d3d47;
  color: var(--body-font-color);
}
.list-hover-light {
  background-color: initial;
}
.list-hover-light.active,
.list-hover-light:active,
.list-hover-light:hover {
  background-color: #f4f5f81a !important;
  color: #3d3d47;
  color: var(--body-font-color);
}
.list-group-item.list-group-item-dark {
  background-color: #2c2c314d !important;
  color: #2c2c31;
}
.list-group-item.list-group-item-dark:active,
.list-group-item.list-group-item-dark:focus,
.list-group-item.list-group-item-dark:hover {
  background-color: #2c2c314d;
}
[data-theme="dark"] .list-group-item.list-group-item-dark:active,
[data-theme="dark"] .list-group-item.list-group-item-dark:focus,
[data-theme="dark"] .list-group-item.list-group-item-dark:hover {
  color: #3d3d47;
  color: var(--body-font-color);
}
.list-hover-dark {
  background-color: initial;
}
.list-hover-dark.active,
.list-hover-dark:active,
.list-hover-dark:hover {
  background-color: #2c2c311a !important;
  color: #3d3d47;
  color: var(--body-font-color);
}
.horizontal-list-wrapper .list-group .list-group-item {
  padding: 8px;
}
.horizontal-list-wrapper .list-group .list-group-item[class*="b-"] {
  border-left-width: 2px !important;
}
.list-group-item {
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.list-group-item.active {
  border-color: var(--theme-default);
}
.list-group-item.active,
[data-theme="dark"] .list-group-item.active {
  background-color: var(--theme-default);
}
[data-theme="dark"] .list-group-item {
  background-color: #f9fafc;
  background-color: var(--body-color);
  color: #3d3d47;
  color: var(--body-font-color);
}
.list-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 414px) {
  .list-wrapper {
    flex-wrap: nowrap;
    word-break: break-word;
  }
}
@media (max-width: 366px) {
  .list-wrapper {
    padding-bottom: 8px;
  }
}
.list-wrapper .list-img {
  border-radius: 50%;
  height: calc(37px + 0.9375vw);
  margin-bottom: 10px;
  width: calc(37px + 0.9375vw);
}
.list-wrapper .list-content .h6,
.list-wrapper .list-content h6 {
  font-weight: 500;
}
.list-wrapper .list-content p {
  color: #767676;
  color: var(--light-font);
  margin-bottom: 0;
}
.list-behavior-1 {
  align-items: center;
}
@media (max-width: 1199.98px) {
  .list-behavior-1 {
    gap: 12px;
  }
}
@media (max-width: 575.98px) {
  .list-behavior-1:first-child {
    margin-bottom: 14px;
  }
}
@media (max-width: 1999px) {
  .list-behavior-1 img {
    height: 86px;
  }
}
@media (max-width: 992px) {
  .list-behavior-1 img {
    height: 70px;
  }
}
.list-behavior-1 .flex-grow-1 {
  margin-left: 16px;
}
@media (max-width: 1199.98px) {
  .list-behavior-1 .flex-grow-1 {
    margin-left: 0;
  }
  .list-behavior-1 .flex-grow-1 p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 575.98px) {
  #nav-tabContent {
    margin-top: 15px;
  }
}
.list-behaviors > div:nth-child(2n) .flex-grow-1 {
  margin-left: 0;
  margin-right: 16px;
  order: -1;
}
@media (max-width: 1199.98px) {
  .list-behaviors > div:nth-child(2n) .flex-grow-1 {
    margin-left: 0;
    margin-right: 0;
    order: 0;
  }
}
.list-group {
  overflow: hidden;
}
.list-group .list-group-item {
  padding: 11px 16px;
}
.list-group .list-group-item .form-check-input:focus {
  box-shadow: none !important;
}
@media (max-width: 1216px) {
  .contact-profile,
  .contact-profile.list-light-dark:hover {
    background-color: initial;
  }
}
@media (max-width: 360px) {
  .contact-profile img.tab-img {
    height: 66px;
  }
}
.scrollbar-wrapper {
  max-height: 250px;
  overflow: auto;
}
.badge-list .list-group-item {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.badge-list .list-group-item div {
  margin-left: 8px;
  margin-right: auto;
}
.modal-toggle-wrapper .form-control::placeholder {
  font-size: 13px;
}
.modal-toggle-wrapper .modal-img {
  display: flex;
  justify-content: center;
}
.modal-toggle-wrapper .modal-img img {
  height: 200px;
  width: 200px;
}
@media (max-width: 992px) {
  .modal-toggle-wrapper .modal-img img {
    height: calc(105.52381px + 9.52381vw);
    width: calc(105.52381px + 9.52381vw);
  }
}
.modal-toggle-wrapper .modal-img li img {
  height: 100px;
  width: 100px;
}
@media (max-width: 992px) {
  .modal-toggle-wrapper .modal-img li img {
    height: calc(63.09524px + 3.72024vw);
    width: calc(63.09524px + 3.72024vw);
  }
}
.modal-toggle-wrapper .modal-img li + li {
  margin-left: -39px;
}
.modal-toggle-wrapper button svg {
  height: 16px;
  width: 16px;
}
.large-modal-body,
.large-modal-header {
  align-items: center;
  color: #2c2c31;
  display: flex;
}
.large-modal-body svg,
.large-modal-header svg {
  height: 20px;
  width: 20px;
}
.modal-padding-space {
  padding-left: 20px;
}
.svg-modal {
  stroke: #c280d2;
  height: 15px;
  vertical-align: middle;
  width: 15px;
}
.card-wrapper .modal-heading .h5,
.card-wrapper .modal-heading h5 {
  font-size: calc(14.11111px + 0.27778vw);
}
@media (min-width: 750px) and (max-width: 1200px) {
  .card-wrapper .balance-modal {
    display: flex;
    flex-direction: column;
  }
}
.modal-footer .btn {
  margin: 0 4px;
}
[data-theme="dark"] .modal-footer {
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.modal-content {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
[data-theme="dark"] .modal-content .modal-header {
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.modal-content .modal-header .modal-title {
  font-weight: 600;
}
.modal-content .modal-header .btn-close:focus {
  box-shadow: none;
}
[data-theme="dark"] .modal-content {
  background-color: #fff;
  background-color: var(--card-color);
}
.modal-content .modal-body .h5,
.modal-content .modal-body .h6,
.modal-content .modal-body h5,
.modal-content .modal-body h6 {
  font-weight: 500;
}
.modal-details .h6,
.modal-details h6 {
  padding-bottom: 12px;
}
.modal-details .web-content {
  margin-bottom: 16px;
}
.modal-details .web-content .d-flex p {
  padding-bottom: 8px;
}
.modal-details .web-content .d-flex:last-child p {
  padding-bottom: 0;
}
.modal-details .web-content:last-child {
  margin-bottom: 0;
}
.dot-group {
  display: flex;
  gap: 6px;
  padding: 15px 0 0;
}
.dot-group li {
  background: #767676;
  background: var(--light-font);
  border-radius: 100%;
  height: 8px;
  width: 8px;
}
.balance-box {
  background-image: url(/mbanking/static/media/bg-balance.f1039b9b46df8df48dac.png);
  background-position: 100%;
  background-size: cover;
  text-align: center;
}
[data-theme="dark"] .balance-box {
  background-blend-mode: overlay;
  background-color: #fff;
  background-color: var(--card-color);
}
.balance-box .balance-img {
  border-right: 2px solid #d9d8e3;
  border-top: 2px solid #d9d8e3;
  border: 2px solid var(--normal-shadow);
  border-bottom: 2px solid #17a600;
  border-left: 2px solid #17a600;
  border-radius: 100%;
  display: inline-block;
  margin-bottom: 15px;
  padding: 5px;
  position: relative;
}
.balance-box .balance-img img {
  background-color: #eceaf3;
  background-color: var(--normal);
  border-radius: 100%;
  height: 68px;
}
.balance-box .balance-img .edit-icon {
  align-items: center;
  background-color: #d9d8e3;
  background-color: var(--normal-shadow);
  border: 2px solid #fff;
  border-radius: 100%;
  bottom: 0;
  display: flex;
  height: 26px;
  justify-content: center;
  position: absolute;
  right: 0;
  width: 26px;
}
.balance-box .balance-img .edit-icon .icon svg {
  height: 16px;
  width: 16px;
}
.balance-box .balance-profile ul {
  display: flex;
  gap: 50px;
  justify-content: center;
  margin-top: 16px;
}
.balance-box .balance-profile ul li {
  position: relative;
}
.balance-box .balance-profile ul li + li:before {
  border: 1px dashed #52526c4d;
  border: 1px dashed var(--recent-dashed-border);
  content: "";
  height: 40px;
  left: -25px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.balance-box .balance-item {
  display: flex;
  gap: 10px;
}
.balance-box .balance-item .balance-icon-wrap {
  align-items: center;
  border-radius: 10px;
  display: flex;
  height: 40px;
  justify-content: center;
  min-width: 40px;
  width: 40px;
}
.balance-box .balance-item .balance-icon-wrap .balance-icon {
  border-radius: 100%;
  height: 18px;
  width: 18px;
}
.balance-box .balance-item .balance-icon-wrap .balance-icon .icon {
  color: #fff;
  height: 18px;
  width: 18px;
}
.balance-box .balance-item .balance-icon-wrap .balance-icon .icon .feather {
  height: 14px;
  vertical-align: -1px;
  width: 14px;
}
.balance-box .balance-item .badge {
  padding: 8px 10px;
}
@media (max-width: 767.98px) {
  .animate-widget .text-center {
    display: none;
  }
}
@media (max-width: 1660px) {
  .balance-box .balance-item .balance-icon-wrap .balance-icon .icon {
    height: 12px;
    vertical-align: text-top;
    width: 12px;
  }
  .balance-box .balance-item .balance-icon-wrap .balance-icon {
    height: 14px;
    width: 14px;
  }
  .balance-box .balance-item .balance-icon-wrap {
    border-radius: 8px;
    height: 25px;
    min-width: 25px;
    width: 25px;
  }
  .balance-box .balance-profile ul li + li:before {
    left: -16px;
  }
  .balance-box .balance-profile ul {
    gap: 25px;
  }
}
.large-modal-body [data-theme="dark"],
.large-modal-header [data-theme="dark"] {
  color: #fff;
}
.checkbox label {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-left: 16px;
  position: relative;
}
.checkbox label:before {
  background-color: #fff;
  border: 1px solid #6a71854d;
  border: 1px solid var(--solid-border);
  border-radius: 3px;
  content: "";
  height: 19px;
  margin-left: -16px;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  width: 19px;
}
.checkbox label:after,
.checkbox label:before {
  display: inline-block;
  left: 0;
  position: absolute;
}
.checkbox label:after {
  color: #3d3d47;
  color: var(--body-font-color);
  font-size: 11px;
  height: 16px;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  top: 0;
  width: 16px;
}
.checkbox input[type="checkbox"] {
  opacity: 0;
}
.checkbox input[type="checkbox"]:focus,
.checkbox input[type="checkbox"]:focus + label:before {
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label:before {
  color: #fff;
  color: var(--white);
  content: "\e64c";
  font-family: themify;
  line-height: 1.2;
  text-align: center;
}
.checkbox input[type="checkbox"]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label:before {
  background-color: #f4f5f8;
  cursor: not-allowed;
}
.checkbox .checkbox-circle label:before {
  border-radius: 50%;
}
.checkbox .checkbox-inline {
  margin-top: 0;
}
.checkbox-shadow.form-check-input:checked[type="checkbox"] {
  background-image: none;
}
.checkbox-primary {
  box-shadow: none;
  cursor: pointer;
  margin: 0 1rem 0 0;
  position: relative;
}
.checkbox-primary:before {
  border: 0;
  border-bottom: 2px solid var(--theme-default);
  border-left: 2px solid var(--theme-default);
  border-right-style: solid;
  border-right: 2px var(--theme-default);
  border-top-style: solid;
  border-top: 2px var(--theme-default);
  content: "";
  height: 0.375rem;
  left: 0.25rem;
  position: absolute;
  top: 6px;
  transform: rotate(-45deg) scale(0);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  width: 0.75rem;
  z-index: 1;
}
.checkbox-primary:after {
  background: #f4f5f8;
  background: var(--light-color);
  content: "";
  cursor: pointer;
  height: 1.3rem;
  left: -1px;
  position: absolute;
  top: -1px;
  width: 1.3rem;
}
[data-theme="dark"] .checkbox-primary:after {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.checkbox-primary:checked:before {
  transform: rotate(-45deg) scale(1);
}
.checkbox-primary.form-check-input:checked {
  border: 0;
}
[data-theme="dark"] .list-content-ui .checkbox-primary:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.checkbox-border-primary:after {
  border: 1px solid var(--theme-default);
}
.checkbox-solid-primary input[type="checkbox"]:checked + label:before {
  background-color: var(--theme-default);
  border: var(--theme-default);
}
.radio-primary {
  box-shadow: none;
  cursor: pointer;
  margin: 0 1rem 0 0;
  position: relative;
  vertical-align: -2px;
}
.radio-primary:before {
  background: var(--theme-default);
  border-radius: 50%;
  content: "";
  height: 0.556rem;
  left: 0.19rem;
  position: absolute;
  top: 1px;
  transform: scale(0);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  width: 0.586rem;
  z-index: 1;
}
.radio-primary:after {
  background: #fff;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 50%;
  content: "";
  height: 1.2rem;
  left: -0.125rem;
  position: absolute;
  top: -0.25rem;
  width: 1.2rem;
}
[data-theme="dark"] .radio-primary:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.radio-primary:checked:before {
  transform: scale(1);
}
.radio-primary.form-check-input:checked {
  border: 0;
}
.radio-border-primary:after {
  border: 1px dashed var(--theme-default);
}
[data-theme="dark"] .dark-list .checkbox-primary:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.checkbox-secondary {
  box-shadow: none;
  cursor: pointer;
  margin: 0 1rem 0 0;
  position: relative;
}
.checkbox-secondary:before {
  border: 0;
  border-color: #c280d2;
  border-style: none none solid solid;
  border-width: 2px;
  content: "";
  height: 0.375rem;
  left: 0.25rem;
  position: absolute;
  top: 6px;
  transform: rotate(-45deg) scale(0);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  width: 0.75rem;
  z-index: 1;
}
.checkbox-secondary:after {
  background: #f4f5f8;
  background: var(--light-color);
  content: "";
  cursor: pointer;
  height: 1.3rem;
  left: -1px;
  position: absolute;
  top: -1px;
  width: 1.3rem;
}
[data-theme="dark"] .checkbox-secondary:after {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.checkbox-secondary:checked:before {
  transform: rotate(-45deg) scale(1);
}
.checkbox-secondary.form-check-input:checked {
  border: 0;
}
[data-theme="dark"] .list-content-ui .checkbox-secondary:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.checkbox-border-secondary:after {
  border: 1px solid #c280d2;
}
.checkbox-solid-secondary input[type="checkbox"]:checked + label:before {
  background-color: #c280d2;
  border: #c280d2;
}
.radio-secondary {
  box-shadow: none;
  cursor: pointer;
  margin: 0 1rem 0 0;
  position: relative;
  vertical-align: -2px;
}
.radio-secondary:before {
  background: #c280d2;
  border-radius: 50%;
  content: "";
  height: 0.556rem;
  left: 0.19rem;
  position: absolute;
  top: 1px;
  transform: scale(0);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  width: 0.586rem;
  z-index: 1;
}
.radio-secondary:after {
  background: #fff;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 50%;
  content: "";
  height: 1.2rem;
  left: -0.125rem;
  position: absolute;
  top: -0.25rem;
  width: 1.2rem;
}
[data-theme="dark"] .radio-secondary:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.radio-secondary:checked:before {
  transform: scale(1);
}
.radio-secondary.form-check-input:checked {
  border: 0;
}
.radio-border-secondary:after {
  border: 1px dashed #c280d2;
}
[data-theme="dark"] .dark-list .checkbox-secondary:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.checkbox-tertiary {
  box-shadow: none;
  cursor: pointer;
  margin: 0 1rem 0 0;
  position: relative;
}
.checkbox-tertiary:before {
  border: 0;
  border-color: #fd7e40;
  border-style: none none solid solid;
  border-width: 2px;
  content: "";
  height: 0.375rem;
  left: 0.25rem;
  position: absolute;
  top: 6px;
  transform: rotate(-45deg) scale(0);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  width: 0.75rem;
  z-index: 1;
}
.checkbox-tertiary:after {
  background: #f4f5f8;
  background: var(--light-color);
  content: "";
  cursor: pointer;
  height: 1.3rem;
  left: -1px;
  position: absolute;
  top: -1px;
  width: 1.3rem;
}
[data-theme="dark"] .checkbox-tertiary:after {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.checkbox-tertiary:checked:before {
  transform: rotate(-45deg) scale(1);
}
.checkbox-tertiary.form-check-input:checked {
  border: 0;
}
[data-theme="dark"] .list-content-ui .checkbox-tertiary:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.checkbox-border-tertiary:after {
  border: 1px solid #fd7e40;
}
.checkbox-solid-tertiary input[type="checkbox"]:checked + label:before {
  background-color: #fd7e40;
  border: #fd7e40;
}
.radio-tertiary {
  box-shadow: none;
  cursor: pointer;
  margin: 0 1rem 0 0;
  position: relative;
  vertical-align: -2px;
}
.radio-tertiary:before {
  background: #fd7e40;
  border-radius: 50%;
  content: "";
  height: 0.556rem;
  left: 0.19rem;
  position: absolute;
  top: 1px;
  transform: scale(0);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  width: 0.586rem;
  z-index: 1;
}
.radio-tertiary:after {
  background: #fff;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 50%;
  content: "";
  height: 1.2rem;
  left: -0.125rem;
  position: absolute;
  top: -0.25rem;
  width: 1.2rem;
}
[data-theme="dark"] .radio-tertiary:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.radio-tertiary:checked:before {
  transform: scale(1);
}
.radio-tertiary.form-check-input:checked {
  border: 0;
}
.radio-border-tertiary:after {
  border: 1px dashed #fd7e40;
}
[data-theme="dark"] .dark-list .checkbox-tertiary:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.checkbox-success {
  box-shadow: none;
  cursor: pointer;
  margin: 0 1rem 0 0;
  position: relative;
}
.checkbox-success:before {
  border: 0;
  border-color: #17a600;
  border-style: none none solid solid;
  border-width: 2px;
  content: "";
  height: 0.375rem;
  left: 0.25rem;
  position: absolute;
  top: 6px;
  transform: rotate(-45deg) scale(0);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  width: 0.75rem;
  z-index: 1;
}
.checkbox-success:after {
  background: #f4f5f8;
  background: var(--light-color);
  content: "";
  cursor: pointer;
  height: 1.3rem;
  left: -1px;
  position: absolute;
  top: -1px;
  width: 1.3rem;
}
[data-theme="dark"] .checkbox-success:after {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.checkbox-success:checked:before {
  transform: rotate(-45deg) scale(1);
}
.checkbox-success.form-check-input:checked {
  border: 0;
}
[data-theme="dark"] .list-content-ui .checkbox-success:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.checkbox-border-success:after {
  border: 1px solid #17a600;
}
.checkbox-solid-success input[type="checkbox"]:checked + label:before {
  background-color: #17a600;
  border: #17a600;
}
.radio-success {
  box-shadow: none;
  cursor: pointer;
  margin: 0 1rem 0 0;
  position: relative;
  vertical-align: -2px;
}
.radio-success:before {
  background: #17a600;
  border-radius: 50%;
  content: "";
  height: 0.556rem;
  left: 0.19rem;
  position: absolute;
  top: 1px;
  transform: scale(0);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  width: 0.586rem;
  z-index: 1;
}
.radio-success:after {
  background: #fff;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 50%;
  content: "";
  height: 1.2rem;
  left: -0.125rem;
  position: absolute;
  top: -0.25rem;
  width: 1.2rem;
}
[data-theme="dark"] .radio-success:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.radio-success:checked:before {
  transform: scale(1);
}
.radio-success.form-check-input:checked {
  border: 0;
}
.radio-border-success:after {
  border: 1px dashed #17a600;
}
[data-theme="dark"] .dark-list .checkbox-success:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.checkbox-warning {
  box-shadow: none;
  cursor: pointer;
  margin: 0 1rem 0 0;
  position: relative;
}
.checkbox-warning:before {
  border: 0;
  border-color: #f0ad4e;
  border-style: none none solid solid;
  border-width: 2px;
  content: "";
  height: 0.375rem;
  left: 0.25rem;
  position: absolute;
  top: 6px;
  transform: rotate(-45deg) scale(0);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  width: 0.75rem;
  z-index: 1;
}
.checkbox-warning:after {
  background: #f4f5f8;
  background: var(--light-color);
  content: "";
  cursor: pointer;
  height: 1.3rem;
  left: -1px;
  position: absolute;
  top: -1px;
  width: 1.3rem;
}
[data-theme="dark"] .checkbox-warning:after {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.checkbox-warning:checked:before {
  transform: rotate(-45deg) scale(1);
}
.checkbox-warning.form-check-input:checked {
  border: 0;
}
[data-theme="dark"] .list-content-ui .checkbox-warning:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.checkbox-border-warning:after {
  border: 1px solid #f0ad4e;
}
.checkbox-solid-warning input[type="checkbox"]:checked + label:before {
  background-color: #f0ad4e;
  border: #f0ad4e;
}
.radio-warning {
  box-shadow: none;
  cursor: pointer;
  margin: 0 1rem 0 0;
  position: relative;
  vertical-align: -2px;
}
.radio-warning:before {
  background: #f0ad4e;
  border-radius: 50%;
  content: "";
  height: 0.556rem;
  left: 0.19rem;
  position: absolute;
  top: 1px;
  transform: scale(0);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  width: 0.586rem;
  z-index: 1;
}
.radio-warning:after {
  background: #fff;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 50%;
  content: "";
  height: 1.2rem;
  left: -0.125rem;
  position: absolute;
  top: -0.25rem;
  width: 1.2rem;
}
[data-theme="dark"] .radio-warning:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.radio-warning:checked:before {
  transform: scale(1);
}
.radio-warning.form-check-input:checked {
  border: 0;
}
.radio-border-warning:after {
  border: 1px dashed #f0ad4e;
}
[data-theme="dark"] .dark-list .checkbox-warning:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.checkbox-danger {
  box-shadow: none;
  cursor: pointer;
  margin: 0 1rem 0 0;
  position: relative;
}
.checkbox-danger:before {
  border: 0;
  border-color: #c42a02;
  border-style: none none solid solid;
  border-width: 2px;
  content: "";
  height: 0.375rem;
  left: 0.25rem;
  position: absolute;
  top: 6px;
  transform: rotate(-45deg) scale(0);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  width: 0.75rem;
  z-index: 1;
}
.checkbox-danger:after {
  background: #f4f5f8;
  background: var(--light-color);
  content: "";
  cursor: pointer;
  height: 1.3rem;
  left: -1px;
  position: absolute;
  top: -1px;
  width: 1.3rem;
}
[data-theme="dark"] .checkbox-danger:after {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.checkbox-danger:checked:before {
  transform: rotate(-45deg) scale(1);
}
.checkbox-danger.form-check-input:checked {
  border: 0;
}
[data-theme="dark"] .list-content-ui .checkbox-danger:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.checkbox-border-danger:after {
  border: 1px solid #c42a02;
}
.checkbox-solid-danger input[type="checkbox"]:checked + label:before {
  background-color: #c42a02;
  border: #c42a02;
}
.radio-danger {
  box-shadow: none;
  cursor: pointer;
  margin: 0 1rem 0 0;
  position: relative;
  vertical-align: -2px;
}
.radio-danger:before {
  background: #c42a02;
  border-radius: 50%;
  content: "";
  height: 0.556rem;
  left: 0.19rem;
  position: absolute;
  top: 1px;
  transform: scale(0);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  width: 0.586rem;
  z-index: 1;
}
.radio-danger:after {
  background: #fff;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 50%;
  content: "";
  height: 1.2rem;
  left: -0.125rem;
  position: absolute;
  top: -0.25rem;
  width: 1.2rem;
}
[data-theme="dark"] .radio-danger:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.radio-danger:checked:before {
  transform: scale(1);
}
.radio-danger.form-check-input:checked {
  border: 0;
}
.radio-border-danger:after {
  border: 1px dashed #c42a02;
}
[data-theme="dark"] .dark-list .checkbox-danger:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.checkbox-info {
  box-shadow: none;
  cursor: pointer;
  margin: 0 1rem 0 0;
  position: relative;
}
.checkbox-info:before {
  border: 0;
  border-color: #2e8dd3;
  border-style: none none solid solid;
  border-width: 2px;
  content: "";
  height: 0.375rem;
  left: 0.25rem;
  position: absolute;
  top: 6px;
  transform: rotate(-45deg) scale(0);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  width: 0.75rem;
  z-index: 1;
}
.checkbox-info:after {
  background: #f4f5f8;
  background: var(--light-color);
  content: "";
  cursor: pointer;
  height: 1.3rem;
  left: -1px;
  position: absolute;
  top: -1px;
  width: 1.3rem;
}
[data-theme="dark"] .checkbox-info:after {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.checkbox-info:checked:before {
  transform: rotate(-45deg) scale(1);
}
.checkbox-info.form-check-input:checked {
  border: 0;
}
[data-theme="dark"] .list-content-ui .checkbox-info:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.checkbox-border-info:after {
  border: 1px solid #2e8dd3;
}
.checkbox-solid-info input[type="checkbox"]:checked + label:before {
  background-color: #2e8dd3;
  border: #2e8dd3;
}
.radio-info {
  box-shadow: none;
  cursor: pointer;
  margin: 0 1rem 0 0;
  position: relative;
  vertical-align: -2px;
}
.radio-info:before {
  background: #2e8dd3;
  border-radius: 50%;
  content: "";
  height: 0.556rem;
  left: 0.19rem;
  position: absolute;
  top: 1px;
  transform: scale(0);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  width: 0.586rem;
  z-index: 1;
}
.radio-info:after {
  background: #fff;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 50%;
  content: "";
  height: 1.2rem;
  left: -0.125rem;
  position: absolute;
  top: -0.25rem;
  width: 1.2rem;
}
[data-theme="dark"] .radio-info:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.radio-info:checked:before {
  transform: scale(1);
}
.radio-info.form-check-input:checked {
  border: 0;
}
.radio-border-info:after {
  border: 1px dashed #2e8dd3;
}
[data-theme="dark"] .dark-list .checkbox-info:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.checkbox-light {
  box-shadow: none;
  cursor: pointer;
  margin: 0 1rem 0 0;
  position: relative;
}
.checkbox-light:before {
  border: 0;
  border-bottom: 2px solid #f4f5f8;
  border-bottom: 2px solid var(--light-color);
  border-left: 2px solid #f4f5f8;
  border-left: 2px solid var(--light-color);
  border-right: 2px solid #f4f5f8;
  border-right: 2px var(--light-color);
  border-top: 2px solid #f4f5f8;
  border-top: 2px var(--light-color);
  content: "";
  height: 0.375rem;
  left: 0.25rem;
  position: absolute;
  top: 6px;
  transform: rotate(-45deg) scale(0);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  width: 0.75rem;
  z-index: 1;
}
.checkbox-light:after {
  background: #f4f5f8;
  background: var(--light-color);
  content: "";
  cursor: pointer;
  height: 1.3rem;
  left: -1px;
  position: absolute;
  top: -1px;
  width: 1.3rem;
}
[data-theme="dark"] .checkbox-light:after {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.checkbox-light:checked:before {
  transform: rotate(-45deg) scale(1);
}
.checkbox-light.form-check-input:checked {
  border: 0;
}
[data-theme="dark"] .list-content-ui .checkbox-light:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.checkbox-border-light:after {
  border: 1px solid #f4f5f8;
  border: 1px solid var(--light-color);
}
.checkbox-solid-light input[type="checkbox"]:checked + label:before {
  background-color: #f4f5f8;
  background-color: var(--light-color);
  border: #f4f5f8;
  border: var(--light-color);
}
.radio-light {
  box-shadow: none;
  cursor: pointer;
  margin: 0 1rem 0 0;
  position: relative;
  vertical-align: -2px;
}
.radio-light:before {
  background: #f4f5f8;
  background: var(--light-color);
  border-radius: 50%;
  content: "";
  height: 0.556rem;
  left: 0.19rem;
  position: absolute;
  top: 1px;
  transform: scale(0);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  width: 0.586rem;
  z-index: 1;
}
.radio-light:after {
  background: #fff;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 50%;
  content: "";
  height: 1.2rem;
  left: -0.125rem;
  position: absolute;
  top: -0.25rem;
  width: 1.2rem;
}
[data-theme="dark"] .radio-light:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.radio-light:checked:before {
  transform: scale(1);
}
.radio-light.form-check-input:checked {
  border: 0;
}
.radio-border-light:after {
  border: 1px dashed #f4f5f8;
  border: 1px dashed var(--light-color);
}
[data-theme="dark"] .dark-list .checkbox-light:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.checkbox-dark {
  box-shadow: none;
  cursor: pointer;
  margin: 0 1rem 0 0;
  position: relative;
}
.checkbox-dark:before {
  border: 0;
  border-bottom: 2px solid #3d3d47;
  border-bottom: 2px solid var(--body-font-color);
  border-left: 2px solid #3d3d47;
  border-left: 2px solid var(--body-font-color);
  border-right: 2px solid #3d3d47;
  border-right: 2px var(--body-font-color);
  border-top: 2px solid #3d3d47;
  border-top: 2px var(--body-font-color);
  content: "";
  height: 0.375rem;
  left: 0.25rem;
  position: absolute;
  top: 6px;
  transform: rotate(-45deg) scale(0);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  width: 0.75rem;
  z-index: 1;
}
.checkbox-dark:after {
  background: #f4f5f8;
  background: var(--light-color);
  content: "";
  cursor: pointer;
  height: 1.3rem;
  left: -1px;
  position: absolute;
  top: -1px;
  width: 1.3rem;
}
[data-theme="dark"] .checkbox-dark:after {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.checkbox-dark:checked:before {
  transform: rotate(-45deg) scale(1);
}
.checkbox-dark.form-check-input:checked {
  border: 0;
}
[data-theme="dark"] .list-content-ui .checkbox-dark:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.checkbox-border-dark:after {
  border: 1px solid #3d3d47;
  border: 1px solid var(--body-font-color);
}
.checkbox-solid-dark input[type="checkbox"]:checked + label:before {
  background-color: #3d3d47;
  background-color: var(--body-font-color);
  border: #3d3d47;
  border: var(--body-font-color);
}
.radio-dark {
  box-shadow: none;
  cursor: pointer;
  margin: 0 1rem 0 0;
  position: relative;
  vertical-align: -2px;
}
.radio-dark:before {
  background: #3d3d47;
  background: var(--body-font-color);
  border-radius: 50%;
  content: "";
  height: 0.556rem;
  left: 0.19rem;
  position: absolute;
  top: 1px;
  transform: scale(0);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  width: 0.586rem;
  z-index: 1;
}
.radio-dark:after {
  background: #fff;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 50%;
  content: "";
  height: 1.2rem;
  left: -0.125rem;
  position: absolute;
  top: -0.25rem;
  width: 1.2rem;
}
[data-theme="dark"] .radio-dark:after {
  background-color: #fff;
  background-color: var(--card-color);
}
.radio-dark:checked:before {
  transform: scale(1);
}
.radio-dark.form-check-input:checked {
  border: 0;
}
.radio-border-dark:after {
  border: 1px dashed #3d3d47;
  border: 1px dashed var(--body-font-color);
}
[data-theme="dark"] .dark-list .checkbox-dark:after {
  background-color: #fff;
  background-color: var(--card-color);
}
[data-theme="dark"] .card-wrapper {
  border-color: #f4f5f8 !important;
  border-color: var(--light-color) !important;
}
.m-checkbox-inline .checkbox,
.m-checkbox-inline .radio {
  display: inline-block;
}
.m-checkbox-inline label {
  margin-right: 20px;
}
.fill-radio .radio:checked:after {
  border-style: solid;
  border-width: 10px;
}
.rating {
  align-items: center;
  background: #0000;
  border-radius: 20px;
  display: flex;
  gap: 0.3em;
  overflow: hidden;
  position: relative;
}
.rating-value {
  display: none;
}
.rating-star {
  color: #f0ad4e;
  cursor: pointer;
  font-size: 20px;
  transition: filter 0.3s linear;
}
.feedback {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.feedback li {
  -webkit-tap-highlight-color: transparent;
  background: #eceaf3;
  background: var(--sb, var(--normal));
  border-radius: 50%;
  box-shadow: inset 3px -3px 4px #d9d8e3;
  box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow));
  position: relative;
  transition: background 0.4s, box-shadow 0.4s, transform 0.3s;
}
.feedback li:not(:last-child) {
  margin-right: 20px;
}
@media (max-width: 1399.98px) {
  .feedback li:not(:last-child) {
    margin-right: 8px;
  }
  [dir="rtl"] .feedback li:not(:last-child) {
    margin-left: 8px;
    margin-right: 0;
  }
}
[dir="rtl"] .feedback li:not(:last-child) {
  margin-left: 20px;
  margin-right: 0;
}
.feedback li div {
  height: 40px;
  position: relative;
  transform: perspective(240px) translateZ(4px);
  width: 40px;
}
.feedback li div svg {
  fill: none;
  stroke: var(--s);
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  display: block;
  height: 2px;
  height: var(--h, 2px);
  left: 9px;
  left: var(--l, 9px);
  position: absolute;
  top: 13px;
  top: var(--t, 13px);
  transform: rotate(0deg) scale(1) translateZ(0);
  transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
  transition: stroke 0.4s;
  width: 8px;
  width: var(--w, 8px);
}
.feedback li div:after,
.feedback li div:before {
  background: #595861;
  background: var(--b, var(--e, var(--normal-eye)));
  border-radius: 1px;
  border-radius: var(--br, 1px);
  content: "";
  display: block;
  height: 2px;
  height: var(--h, 2px);
  left: 9px;
  left: var(--l, 9px);
  position: absolute;
  top: 13px;
  top: var(--t, 13px);
  transform: rotate(0deg) scale(1) translateZ(0);
  transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
  transition: background 0.4s;
  width: 8px;
  width: var(--w, 8px);
  z-index: 1;
  z-index: var(--zi, 1);
}
.feedback li div svg.eye {
  --s: var(--e, var(--normal-eye));
  --t: 17px;
  --w: 7px;
  --h: 4px;
}
.feedback li div svg.eye.right {
  --l: 23px;
}
.feedback li div svg.mouth {
  --s: var(--m, var(--normal-mouth));
  --l: 11px;
  --t: 23px;
  --w: 18px;
  --h: 7px;
}
.feedback li:not(.active) {
  cursor: pointer;
}
.feedback li:not(.active):active {
  transform: scale(0.925);
}
.feedback li.angry {
  --step-1-rx: -24deg;
  --step-1-ry: 20deg;
  --step-2-rx: -24deg;
  --step-2-ry: -20deg;
}
.feedback li.angry div:before {
  --r: 20deg;
}
.feedback li.angry div:after {
  --l: 23px;
  --r: -20deg;
}
.feedback li.angry div svg.eye {
  stroke-dasharray: 4.55;
  stroke-dashoffset: 8.15;
}
.feedback li.angry.active {
  animation: angry 1s linear;
}
.feedback li.angry.active div:before {
  --middle-y: -2px;
  --middle-r: 22deg;
  animation: toggle 0.8s linear forwards;
}
.feedback li.angry.active div:after {
  --middle-y: 1px;
  --middle-r: -18deg;
  animation: toggle 0.8s linear forwards;
}
.feedback li.sad {
  --step-1-rx: 20deg;
  --step-1-ry: -12deg;
  --step-2-rx: -18deg;
  --step-2-ry: 14deg;
}
.feedback li.sad div:after,
.feedback li.sad div:before {
  --b: var(--active-tear);
  --sc: 0;
  --w: 5px;
  --h: 5px;
  --t: 15px;
  --br: 50%;
}
.feedback li.sad div:after {
  --l: 25px;
}
.feedback li.sad div svg.eye {
  --t: 16px;
}
.feedback li.sad div svg.mouth {
  --t: 24px;
  stroke-dasharray: 9.5;
  stroke-dashoffset: 33.25;
}
.feedback li.sad.active div:after,
.feedback li.sad.active div:before {
  animation: tear 0.6s linear forwards;
}
.feedback li.ok {
  --step-1-rx: 4deg;
  --step-1-ry: -22deg;
  --step-1-rz: 6deg;
  --step-2-rx: 4deg;
  --step-2-ry: 22deg;
  --step-2-rz: -6deg;
}
.feedback li.ok div:before {
  --l: 12px;
  --t: 17px;
  --h: 4px;
  --w: 4px;
  --br: 50%;
  box-shadow: 12px 0 0 #595861;
  box-shadow: 12px 0 0 var(--e, var(--normal-eye));
}
.feedback li.ok div:after {
  --l: 13px;
  --t: 26px;
  --w: 14px;
  --h: 2px;
  --br: 1px;
  --b: var(--m, var(--normal-mouth));
}
.feedback li.ok.active div:before {
  --middle-s-y: 0.35;
  animation: toggle 0.2s linear forwards;
}
.feedback li.ok.active div:after {
  --middle-s-x: 0.5;
  animation: toggle 0.7s linear forwards;
}
.feedback li.good {
  --step-1-rx: -14deg;
  --step-1-rz: 10deg;
  --step-2-rx: 10deg;
  --step-2-rz: -8deg;
}
.feedback li.good div:before {
  --b: var(--m, var(--normal-mouth));
  --w: 5px;
  --h: 5px;
  --br: 50%;
  --t: 22px;
  --zi: 0;
  box-shadow: 16px 0 0 var(--b);
  filter: blur(2px);
  opacity: 0.5;
}
.feedback li.good div:after {
  --sc: 0;
}
.feedback li.good div svg.eye {
  --t: 15px;
  --sc: -1;
  stroke-dasharray: 4.55;
  stroke-dashoffset: 8.15;
}
.feedback li.good div svg.mouth {
  --t: 22px;
  --sc: -1;
  stroke-dasharray: 13.3;
  stroke-dashoffset: 23.75;
}
.feedback li.good.active div svg.mouth {
  --middle-y: 1px;
  --middle-s: -1;
  animation: toggle 0.8s linear forwards;
}
.feedback li.happy div {
  --step-1-rx: 18deg;
  --step-1-ry: 24deg;
  --step-2-rx: 18deg;
  --step-2-ry: -24deg;
}
.feedback li.happy div:before {
  --sc: 0;
}
.feedback li.happy div:after {
  --b: var(--m, var(--normal-mouth));
  --l: 11px;
  --t: 23px;
  --w: 18px;
  --h: 8px;
  --br: 0 0 8px 8px;
}
.feedback li.happy div svg.eye {
  --t: 14px;
  --sc: -1;
}
.feedback li.happy.active div:after {
  --middle-s-x: 0.95;
  --middle-s-y: 0.75;
  animation: toggle 0.8s linear forwards;
}
.feedback li.active {
  --sb: var(--active);
  --sh: var(--active-shadow);
  --m: var(--active-mouth);
  --e: var(--active-eye);
}
.feedback li.active div {
  animation: shake 0.8s linear forwards;
}
@keyframes tear {
  0% {
    opacity: 0;
    transform: translateY(-2px) scale(0) translateZ(0);
  }
  50% {
    transform: translateY(12px) scale(0.6, 1.2) translateZ(0);
  }
  20%,
  80% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translateY(24px) translateX(4px) rotate(-30deg) scale(0.7, 1.1)
      translateZ(0);
  }
}
@keyframes toggle {
  50% {
    transform: translateY(0) scale(1) rotate(0deg);
    transform: translateY(var(--middle-y, 0))
      scale(
        var(--middle-s-x, var(--middle-s, 1)),
        var(--middle-s-y, var(--middle-s, 1))
      )
      rotate(var(--middle-r, 0deg));
  }
}
@keyframes angry {
  40% {
    background: #f8da69;
    background: var(--active);
  }
  45% {
    box-shadow: inset 3px -3px 4px #f4b555, inset 0 8px 10px #e94f1d;
    box-shadow: inset 3px -3px 4px var(--active-shadow),
      inset 0 8px 10px var(--active-shadow-angry);
  }
}
.heart-rating {
  text-align: left;
}
.heart-rating .rating-system3 {
  display: inline-block;
  margin: 10px 0 18px;
  position: relative;
  width: auto;
}
.heart-rating span {
  background: #c42a02;
  display: inline-block;
  height: 10px;
  left: 20px;
  position: absolute;
  width: 10px;
}
.heart-rating input {
  display: none;
}
.heart-rating label {
  background: #666;
  background: var(--gray-60);
  display: inline-block;
  float: right;
  height: 5px;
  margin: 4px;
  position: relative;
  transition: all 0.3s;
  width: 20px;
}
.heart-rating .text {
  color: #666;
  color: var(--gray-60);
  padding: 12px 0 0;
  position: absolute;
  top: 100%;
  width: 100%;
}
.heart-rating .rating-system3 label {
  height: 10px;
  margin: 0 10px;
  width: 10px;
}
.heart-rating .rating-system3 label:last-child {
  margin-left: 0;
}
.heart-rating .rating-system3 input:checked ~ label,
.heart-rating .rating-system3 label:hover,
.heart-rating .rating-system3 label:hover ~ label {
  background: var(--theme-default);
  border-radius: 100%;
}
.heart-rating .rating-system3 input:checked ~ label {
  box-shadow: 6px 0 var(--theme-default), 3px 1px 0 7px #fff,
    3px 1px 0 9px var(--theme-default);
  box-shadow: 6px 0 var(--theme-default), 3px 1px 0 7px var(--white),
    3px 1px 0 9px var(--theme-default);
}
.heart-rating .rating-system3 input:checked ~ label:after {
  background: var(--theme-default);
  border-bottom-left-radius: 15%;
  content: "";
  height: 100%;
  left: 3px;
  position: absolute;
  top: 30%;
  transform: rotate(-45deg);
  width: 100%;
}
.heart-rating input:nth-of-type(5):checked ~ .text:before {
  content: "Not bad";
}
.heart-rating label:nth-of-type(5):hover ~ .text:before {
  content: "Not bad" !important;
}
.heart-rating input:nth-of-type(4):checked ~ .text:before {
  content: "Its Ok";
}
.heart-rating label:nth-of-type(4):hover ~ .text:before {
  content: "Its Ok" !important;
}
.heart-rating input:nth-of-type(3):checked ~ .text:before {
  content: "Good!";
}
.heart-rating label:nth-of-type(3):hover ~ .text:before {
  content: "Good!" !important;
}
.heart-rating input:nth-of-type(2):checked ~ .text:before {
  content: "Very Good!";
}
.heart-rating label:nth-of-type(2):hover ~ .text:before {
  content: "Very Good!" !important;
}
.heart-rating input:first-of-type:checked ~ .text:before {
  content: "Awesome!!";
}
.heart-rating label:first-of-type:hover ~ .text:before {
  content: "Awesome!!" !important;
}
.number-rating .card {
  grid-gap: 1rem;
  border: 0;
  border-radius: 1rem;
  box-shadow: none;
  display: grid;
  gap: 1rem;
}
.number-rating .card .card-body {
  padding: 0;
}
.number-rating .card p {
  color: #767676;
  color: var(--light-font);
}
.number-rating .circle {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
  border-radius: 50%;
  color: var(--theme-default);
  cursor: pointer;
  display: grid;
  height: 48px;
  place-items: center;
  width: 48px;
}
@media (max-width: 1399.98px) {
  .number-rating .circle {
    height: 40px;
    width: 40px;
  }
}
.number-rating .ratings {
  display: flex;
  font-weight: var(--fw-bold);
  justify-content: space-between;
  margin: 0.5rem 0;
}
.number-rating .ratings .rating:is(:hover, :focus) {
  background-color: var(--theme-default);
  color: #fff;
  color: var(--white);
}
.number-rating .rating-selected {
  background-color: var(--theme-default);
  color: #fff;
  color: var(--white);
}
.number-rating .back-card {
  grid-gap: 1.25rem;
  display: grid;
  gap: 1.25rem;
  place-items: center;
  text-align: center;
}
.number-rating .result {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
  border-radius: 2rem;
  color: var(--theme-default) !important;
  padding: 0.75rem 1rem 0.5rem;
}
.number-rating .greet {
  grid-gap: 0.75rem;
  display: grid;
  gap: 0.75rem;
  margin: 0.75rem 0;
}
.number-rating .hidden {
  display: none;
}
.fr {
  animation: fade-slide-in 0.6s ease-out;
}
.fr__face {
  background-image: linear-gradient(135deg, #f4f425, #da730b);
  background-image: linear-gradient(
    135deg,
    hsl(var(--face-hue1), 90%, 55%),
    hsl(var(--face-hue2), 90%, 45%)
  );
  border-radius: 50%;
  box-shadow: 0 0.5em 0.75em #f48c254d;
  box-shadow: 0 0.5em 0.75em hsla(var(--face-hue2), 90%, 55%, 0.3);
  height: 3em;
  margin: 0 auto 2em;
  position: relative;
  width: 3em;
}
.fr__face-left-eye,
.fr__face-mouth-lower,
.fr__face-mouth-upper,
.fr__face-right-eye {
  position: absolute;
  transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
  transition: background-color var(--trans-dur), box-shadow var(--trans-dur),
    color var(--trans-dur);
}
.fr__face-left-eye,
.fr__face-right-eye {
  background-color: #fff;
  background-color: var(--white);
  border-radius: 50%;
  height: 0.6em;
  top: 0.75em;
  width: 0.6em;
}
.fr__face-right-eye {
  animation: right-eye 1s linear 0s paused;
  animation: right-eye 1s var(--delay-right) linear paused;
  clip-path: polygon(0 75%, 100% 0, 100% 100%, 0 100%);
  left: 0.6em;
}
.fr__face-left-eye {
  animation: left-eye 1s linear 0s paused;
  animation: left-eye 1s var(--delay-left) linear paused;
  clip-path: polygon(0 0, 100% 75%, 100% 100%, 0 100%);
  right: 0.6em;
}
.fr__face-mouth-lower,
.fr__face-mouth-upper {
  color: #fff;
  color: var(--white);
  height: 0.75em;
  left: 0.75em;
  top: 1.75em;
  width: 1.5em;
}
.fr__face-mouth-lower {
  animation: mouth-lower 1s linear 0s paused;
  animation: mouth-lower 1s var(--delay-mouth-lower) linear paused;
  border-radius: 50% 50% 0 0/100% 100% 0 0;
  box-shadow: inset 0 0.125em 0;
}
.fr__face-mouth-upper {
  animation: mouth-upper 1s linear 0s paused;
  animation: mouth-upper 1s var(--delay-mouth-upper) linear paused;
  border-radius: 0 0 50% 50%/0 0 100% 100%;
  box-shadow: inset 0 -0.125em 0;
}
.fr__label {
  display: block;
  font-size: 18px;
  margin-bottom: 1.5em;
  text-align: center;
}
.fr__input {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  appearance: none;
  background-color: #e3e4e8;
  background-color: var(--gray1);
  background-image: linear-gradient(#dada0b, #dada0b);
  background-image: linear-gradient(
    hsl(var(--input-hue), 90%, 45%),
    hsl(var(--input-hue), 90%, 45%)
  );
  background-repeat: no-repeat;
  background-size: 50% 100%;
  background-size: var(--percent) 100%;
  border-radius: 0.25em;
  display: block;
  height: 0.5em;
  margin: 0.5em auto 1.1em;
  max-width: 18em;
  transition: background-color 0.3s;
  transition: background-color var(--trans-dur);
  width: 100%;
}
.fr__input:focus {
  outline: #0000;
}
.fr__input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-color: var(--white);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0.125em 0.5em #0000004d;
  height: 1.5em;
  -webkit-transition: background-color 0.15s linear;
  transition: background-color 0.15s linear;
  width: 1.5em;
}
.fr__input::-webkit-slider-thumb:hover,
.fr__input:focus::-webkit-slider-thumb {
  background-color: #f1f2f4;
  background-color: var(--lt-gray);
}
.fr__input::-moz-range-thumb {
  background-color: #fff;
  background-color: var(--white);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0.125em 0.5em #0000004d;
  height: 1.5em;
  -moz-transition: background-color 0.15s linear;
  transition: background-color 0.15s linear;
  width: 1.5em;
}
.fr__input::-moz-range-thumb:hover,
.fr__input:focus::-moz-range-thumb {
  background-color: #f1f2f4;
  background-color: var(--lt-gray);
}
@keyframes fade-slide-in {
  0%,
  16.67% {
    opacity: 0;
    transform: translateY(25%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes right-eye {
  0% {
    clip-path: polygon(0 75%, 100% 0, 100% 100%, 0 100%);
  }
  50%,
  to {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
@keyframes left-eye {
  0% {
    clip-path: polygon(0 0, 100% 75%, 100% 100%, 0 100%);
  }
  50%,
  to {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
@keyframes mouth-lower {
  0% {
    border-radius: 50% 50% 0 0/100% 100% 0 0;
    height: 0.75em;
    top: 1.75em;
    visibility: visible;
  }
  40% {
    border-radius: 50% 50% 0 0/100% 100% 0 0;
    height: 0.25em;
    top: 1.95em;
    visibility: visible;
  }
  50%,
  to {
    border-radius: 0;
    height: 0.125em;
    top: 2em;
    visibility: hidden;
  }
}
@keyframes mouth-upper {
  0%,
  50% {
    border-radius: 0;
    box-shadow: inset 0 -0.125em 0;
    height: 0.125em;
    top: 2em;
    visibility: hidden;
  }
  62.5% {
    border-radius: 0 0 50% 50%/0 0 100% 100%;
    box-shadow: inset 0 -0.125em 0;
    height: 0.25em;
    top: 1.95em;
    visibility: visible;
  }
  75% {
    border-radius: 0 0 50% 50%/0 0 100% 100%;
    box-shadow: inset 0 -0.125em 0;
    height: 0.5em;
    top: 1.825em;
    visibility: visible;
  }
  to {
    border-radius: 0 0 50% 50%/0 0 100% 100%;
    box-shadow: inset 0 -0.8em 0;
    height: 0.75em;
    top: 1.75em;
    visibility: visible;
  }
}
.emoji-wrapper {
  width: 100%;
}
.emoji-wrapper .content {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 0 0 15px;
}
.emoji-wrapper .stars {
  margin-top: 8px;
}
.emoji-wrapper .stars label {
  color: #f4f5f8;
  color: var(--light-color);
  font-size: 24px;
  margin: 0 3px;
}
.emoji-wrapper .outer {
  height: 65px;
  overflow: hidden;
  width: 65px;
}
.emoji-wrapper .outer .emojis {
  display: flex;
  flex-direction: column;
  height: 500%;
}
.emoji-wrapper .outer .emojis li {
  height: 65px;
  list-style: none;
  transition: all 0.3s ease;
  width: 100%;
}
.emoji-wrapper .outer .emojis img {
  height: 52px;
  width: 52px;
}
.emoji-wrapper #star-2:checked ~ .content .emojis .slideImg {
  margin-top: -64px;
}
.emoji-wrapper #star-3:checked ~ .content .emojis .slideImg {
  margin-top: -130px;
}
.emoji-wrapper #star-4:checked ~ .content .emojis .slideImg {
  margin-top: -194px;
}
.emoji-wrapper #star-5:checked ~ .content .emojis .slideImg {
  margin-top: -262px;
}
.emoji-wrapper #star-1:checked ~ .content .stars .star-1,
.emoji-wrapper #star-1:hover ~ .content .stars .star-1,
.emoji-wrapper #star-2:checked ~ .content .stars .star-1,
.emoji-wrapper #star-2:checked ~ .content .stars .star-2,
.emoji-wrapper #star-2:hover ~ .content .stars .star-1,
.emoji-wrapper #star-2:hover ~ .content .stars .star-2,
.emoji-wrapper #star-3:checked ~ .content .stars .star-1,
.emoji-wrapper #star-3:checked ~ .content .stars .star-2,
.emoji-wrapper #star-3:checked ~ .content .stars .star-3,
.emoji-wrapper #star-3:hover ~ .content .stars .star-1,
.emoji-wrapper #star-3:hover ~ .content .stars .star-2,
.emoji-wrapper #star-3:hover ~ .content .stars .star-3,
.emoji-wrapper #star-4:checked ~ .content .stars .star-1,
.emoji-wrapper #star-4:checked ~ .content .stars .star-2,
.emoji-wrapper #star-4:checked ~ .content .stars .star-3,
.emoji-wrapper #star-4:checked ~ .content .stars .star-4,
.emoji-wrapper #star-4:hover ~ .content .stars .star-1,
.emoji-wrapper #star-4:hover ~ .content .stars .star-2,
.emoji-wrapper #star-4:hover ~ .content .stars .star-3,
.emoji-wrapper #star-4:hover ~ .content .stars .star-4,
.emoji-wrapper #star-5:checked ~ .content .stars .star-1,
.emoji-wrapper #star-5:checked ~ .content .stars .star-2,
.emoji-wrapper #star-5:checked ~ .content .stars .star-3,
.emoji-wrapper #star-5:checked ~ .content .stars .star-4,
.emoji-wrapper #star-5:checked ~ .content .stars .star-5,
.emoji-wrapper #star-5:hover ~ .content .stars .star-1,
.emoji-wrapper #star-5:hover ~ .content .stars .star-2,
.emoji-wrapper #star-5:hover ~ .content .stars .star-3,
.emoji-wrapper #star-5:hover ~ .content .stars .star-4,
.emoji-wrapper #star-5:hover ~ .content .stars .star-5 {
  color: #f0ad4e;
}
.emoji-wrapper .footer {
  align-items: center;
  border-top: 1px dashed #6a71854d;
  border-top: var(--light-border);
  display: flex;
  justify-content: space-between;
  padding: 12px 12px 0;
  width: 100%;
}
.emoji-wrapper .footer span {
  font-size: 17px;
  font-weight: 400;
}
.emoji-wrapper .footer span.numb {
  color: #2e8dd3;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .emoji-wrapper .footer span {
    font-size: 14px;
  }
}
.emoji-wrapper .footer .text:before {
  content: "Rate your experience";
}
.emoji-wrapper .footer .numb:before {
  content: "0 out of 5";
}
.emoji-wrapper #star-1:checked ~ .footer .text:before {
  content: "I just hate it";
}
.emoji-wrapper #star-1:checked ~ .footer .numb:before {
  content: "1 out of 5";
}
.emoji-wrapper #star-2:checked ~ .footer .text:before {
  content: "I don't like it";
}
.emoji-wrapper #star-2:checked ~ .footer .numb:before {
  content: "2 out of 5";
}
.emoji-wrapper #star-3:checked ~ .footer .text:before {
  content: "This is awesome";
}
.emoji-wrapper #star-3:checked ~ .footer .numb:before {
  content: "3 out of 5";
}
.emoji-wrapper #star-4:checked ~ .footer .text:before {
  content: "I just like it";
}
.emoji-wrapper #star-4:checked ~ .footer .numb:before {
  content: "4 out of 5";
}
.emoji-wrapper #star-5:checked ~ .footer .text:before {
  content: "I just love it";
}
.emoji-wrapper #star-5:checked ~ .footer .numb:before {
  content: "5 out of 5";
}
.emoji-wrapper input[type="radio"] {
  display: none;
}
.swal-modal .swal-title {
  font-size: 22px;
}
.swal-modal .swal-text {
  font-size: 17px;
}
.swal2-title {
  font-size: 22px !important;
}
.swal2-image {
  width: 100px !important;
}
.swal2-icon {
  margin-top: 20px !important;
}
.swal2-toast .swal2-icon {
  margin-top: 0 !important;
}
.swal2-styled.swal2-confirm {
  background-color: var(--theme-default) !important;
}
.swal2-styled.swal2-confirm:focus {
  box-shadow: none !important;
}
.swal2-popup.swal2-toast .swal2-title {
  font-size: 18px !important;
}
.animate__animated .swal2-image {
  width: auto !important;
}
[data-theme="dark"] .swal2-popup {
  background-color: #f9fafc;
  background-color: var(--body-color);
  color: #3d3d47;
  color: var(--body-font-color);
}
[data-theme="dark"] .swal2-popup.swal2-toast {
  background-color: #f9fafc !important;
  background-color: var(--body-color) !important;
  box-shadow: 0 3px 18px rgb($light-color);
  box-shadow: var(--card-box-shadow);
  color: #3d3d47;
  color: var(--body-font-color);
}
[data-theme="dark"] .swal2-checkbox,
[data-theme="dark"] .swal2-radio {
  background-color: #f9fafc;
  background-color: var(--body-color);
  color: #3d3d47;
  color: var(--body-font-color);
}
[data-theme="dark"] .sweet-29 {
  color: #000 !important;
  color: var(--black) !important;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--theme-default);
}
.nav i {
  margin-right: 10px;
}
.flex-space {
  display: flex;
  gap: 16px;
}
@media (max-width: 576px) {
  .flex-space {
    justify-content: center;
  }
}
.tab-img {
  height: 100px;
}
@media (max-width: 575.98px) {
  .nav {
    border-bottom: none;
    display: inherit;
    text-align: center;
  }
  .nav.nav-tabs .nav-link {
    border-bottom: 0;
    border-top: 0;
  }
}
.nav-tabs .nav-item .nav-link svg.svg-color {
  height: 16px;
  margin-right: 4px;
  vertical-align: middle;
  width: 16px;
}
[data-theme="dark"] .nav-tabs .nav-link {
  color: #767676 !important;
  color: var(--light-font) !important;
}
[data-theme="dark"] .nav-tabs .nav-link.active {
  color: var(--theme-default) !important;
}
.nav-tabs .nav-link:hover,
[data-theme="dark"] .nav-tabs .nav-link.active {
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.rating {
  stroke: #f0ad4e;
  fill: #f0ad4e;
}
.nav-primary .nav-link {
  color: var(--theme-default);
}
.nav-primary .nav-link.active {
  background-color: var(--theme-default);
  color: #fff;
  color: var(--white);
}
.nav-primary .nav-link svg {
  stroke: var(--theme-default);
}
.nav-secondary .nav-link {
  color: #c280d2;
}
.nav-secondary .nav-link.active {
  background-color: #c280d2;
  color: #fff;
  color: var(--white);
}
.nav-secondary .nav-link svg {
  stroke: #c280d2;
}
.nav-tertiary .nav-link {
  color: #fd7e40;
}
.nav-tertiary .nav-link.active {
  background-color: #fd7e40;
  color: #fff;
  color: var(--white);
}
.nav-tertiary .nav-link svg {
  stroke: #fd7e40;
}
.nav-warning .nav-link {
  color: #f0ad4e;
}
.nav-warning .nav-link.active {
  background-color: #f0ad4e;
  color: #fff;
  color: var(--white);
}
.nav-warning .nav-link svg {
  stroke: #f0ad4e;
}
.nav-info .nav-link {
  color: #2e8dd3;
}
.nav-info .nav-link.active {
  background-color: #2e8dd3;
  color: #fff;
  color: var(--white);
}
.nav-info .nav-link svg {
  stroke: #2e8dd3;
}
.nav-success .nav-link {
  color: #17a600;
}
.nav-success .nav-link.active {
  background-color: #17a600;
  color: #fff;
  color: var(--white);
}
.nav-success .nav-link svg {
  stroke: #17a600;
}
.nav-danger .nav-link {
  color: #c42a02;
}
.nav-danger .nav-link.active {
  background-color: #c42a02;
  color: #fff;
  color: var(--white);
}
.nav-danger .nav-link svg {
  stroke: #c42a02;
}
.nav-light .nav-link {
  color: #f4f5f8;
}
.nav-light .nav-link.active {
  background-color: #f4f5f8;
  color: #fff;
  color: var(--white);
}
.nav-light .nav-link svg {
  stroke: #f4f5f8;
}
.nav-dark .nav-link {
  color: #2c2c31;
}
.nav-dark .nav-link.active {
  background-color: #2c2c31;
  color: #fff;
  color: var(--white);
}
.nav-dark .nav-link svg {
  stroke: #2c2c31;
}
#bottom-tab .nav-border.tab-primary:hover {
  color: var(--theme-default);
}
#bottom-tab .nav-border.tab-primary.active,
#bottom-tab .nav-border.tab-primary:active,
#bottom-tab .nav-border.tab-primary:focus {
  border-bottom: 2px solid var(--theme-default);
  color: var(--theme-default);
}
#bottom-tab .nav-border.tab-secondary:hover {
  color: #c280d2;
}
#bottom-tab .nav-border.tab-secondary.active,
#bottom-tab .nav-border.tab-secondary:active,
#bottom-tab .nav-border.tab-secondary:focus {
  border-bottom: 2px solid #c280d2;
  color: #c280d2;
}
#bottom-tab .nav-border.tab-tertiary:hover {
  color: #fd7e40;
}
#bottom-tab .nav-border.tab-tertiary.active,
#bottom-tab .nav-border.tab-tertiary:active,
#bottom-tab .nav-border.tab-tertiary:focus {
  border-bottom: 2px solid #fd7e40;
  color: #fd7e40;
}
#bottom-tab .nav-border.tab-success:hover {
  color: #17a600;
}
#bottom-tab .nav-border.tab-success.active,
#bottom-tab .nav-border.tab-success:active,
#bottom-tab .nav-border.tab-success:focus {
  border-bottom: 2px solid #17a600;
  color: #17a600;
}
#bottom-tab .nav-border.tab-danger:hover {
  color: #c42a02;
}
#bottom-tab .nav-border.tab-danger.active,
#bottom-tab .nav-border.tab-danger:active,
#bottom-tab .nav-border.tab-danger:focus {
  border-bottom: 2px solid #c42a02;
  color: #c42a02;
}
#bottom-tab .nav-border.tab-warning:hover {
  color: #f0ad4e;
}
#bottom-tab .nav-border.tab-warning.active,
#bottom-tab .nav-border.tab-warning:active,
#bottom-tab .nav-border.tab-warning:focus {
  border-bottom: 2px solid #f0ad4e;
  color: #f0ad4e;
}
#bottom-tab .nav-border.tab-info:hover {
  color: #2e8dd3;
}
#bottom-tab .nav-border.tab-info.active,
#bottom-tab .nav-border.tab-info:active,
#bottom-tab .nav-border.tab-info:focus {
  border-bottom: 2px solid #2e8dd3;
  color: #2e8dd3;
}
#bottom-tab .nav-border.tab-light:hover {
  color: #f4f5f8;
}
#bottom-tab .nav-border.tab-light.active,
#bottom-tab .nav-border.tab-light:active,
#bottom-tab .nav-border.tab-light:focus {
  border-bottom: 2px solid #f4f5f8;
  color: #f4f5f8;
}
#bottom-tab .nav-border.tab-dark:hover {
  color: #2c2c31;
}
#bottom-tab .nav-border.tab-dark.active,
#bottom-tab .nav-border.tab-dark:active,
#bottom-tab .nav-border.tab-dark:focus {
  border-bottom: 2px solid #2c2c31;
  color: #2c2c31;
}
.border-tab.nav-tabs {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 30px;
}
@media (max-width: 575.98px) {
  .border-tab.nav-tabs {
    display: block;
  }
}
.border-tab.nav-tabs .nav-item .nav-link {
  border: none;
  color: #2c2c31;
  font-size: 16px;
  padding: 10px 25px;
  text-align: center;
  transition: 0.3s;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .border-tab.nav-tabs .nav-item .nav-link {
    padding: 10px 22px;
  }
}
@media (min-width: 576px) and (max-width: 1920px) {
  .border-tab.nav-tabs .nav-item .nav-link {
    padding-top: 0;
  }
}
.border-tab.nav-tabs .nav-item .nav-link.active,
.border-tab.nav-tabs .nav-item .nav-link.show,
.border-tab.nav-tabs .nav-item .nav-link:focus,
.border-tab.nav-tabs .nav-item .nav-link:hover {
  color: var(--theme-default);
}
.border-tab.nav-tabs .nav-item .nav-link.active,
.border-tab.nav-tabs .nav-item .nav-link.show,
.border-tab.nav-tabs .nav-item .nav-link:focus {
  border-bottom: none;
}
.border-tab.nav-left .nav-link {
  color: #2c2c31;
  transition: all 0.3s ease;
}
[data-theme="dark"] .border-tab.nav-left .nav-link {
  color: #767676;
  color: var(--light-font);
}
.border-tab.nav-left .nav-link.active,
.border-tab.nav-left .show > .nav-link {
  background-color: initial;
  border-left-color: var(--theme-default);
  border-radius: 0;
  color: var(--theme-default);
  transition: all 0.3s ease;
}
.border-tab.nav-right .nav-link {
  border-right: 2px solid #0000;
  color: #2c2c31;
  text-align: right;
  transition: all 0.3s ease;
}
.border-tab.nav-right .nav-link.active,
.border-tab.nav-right .show > .nav-link {
  background-color: initial;
  border-radius: 0;
  border-right-color: var(--theme-default);
  color: var(--theme-default);
  transition: all 0.3s ease;
}
.border-tab.nav-primary .nav-item.show,
.border-tab.nav-primary .nav-link.active,
.border-tab.nav-primary .nav-link:focus,
.border-tab.nav-primary .nav-link:hover {
  background-color: initial;
  color: var(--theme-default);
}
.border-tab.nav-primary .nav-item .nav-link {
  transition: 0.3s;
}
[data-theme="dark"] .border-tab.nav-primary .nav-item .nav-link {
  color: var(--theme-default) !important;
}
.border-tab.nav-primary .nav-item .nav-link.active,
.border-tab.nav-primary .nav-item .nav-link.show,
.border-tab.nav-primary .nav-item .nav-link:focus {
  border-bottom: 2px solid var(--theme-default);
}
.border-tab.nav-primary .nav-item .nav-link.active,
.border-tab.nav-primary .nav-item .nav-link.show,
.border-tab.nav-primary .nav-item .nav-link:focus,
.border-tab.nav-primary .nav-item .nav-link:hover {
  color: var(--theme-default) !important;
}
.border-tab.nav-primary .nav-item .nav-link svg {
  stroke: var(--theme-default);
}
.border-tab.nav-left.nav-primary .nav-link.active,
.border-tab.nav-left.nav-primary .show > .nav-link {
  border-left-color: var(--theme-default);
  color: var(--theme-default);
}
.border-tab.nav-right.nav-primary .nav-link.active,
.border-tab.nav-right.nav-primary .show > .nav-link {
  border-right-color: var(--theme-default);
  color: var(--theme-default);
}
.border-tab.nav-secondary .nav-item.show,
.border-tab.nav-secondary .nav-link.active,
.border-tab.nav-secondary .nav-link:focus,
.border-tab.nav-secondary .nav-link:hover {
  background-color: initial;
  color: #c280d2;
}
.border-tab.nav-secondary .nav-item .nav-link {
  transition: 0.3s;
}
[data-theme="dark"] .border-tab.nav-secondary .nav-item .nav-link {
  color: #c280d2 !important;
}
.border-tab.nav-secondary .nav-item .nav-link.active,
.border-tab.nav-secondary .nav-item .nav-link.show,
.border-tab.nav-secondary .nav-item .nav-link:focus {
  border-bottom: 2px solid #c280d2;
}
.border-tab.nav-secondary .nav-item .nav-link.active,
.border-tab.nav-secondary .nav-item .nav-link.show,
.border-tab.nav-secondary .nav-item .nav-link:focus,
.border-tab.nav-secondary .nav-item .nav-link:hover {
  color: #c280d2 !important;
}
.border-tab.nav-secondary .nav-item .nav-link svg {
  stroke: #c280d2;
}
.border-tab.nav-left.nav-secondary .nav-link.active,
.border-tab.nav-left.nav-secondary .show > .nav-link {
  border-left-color: #c280d2;
  color: #c280d2;
}
.border-tab.nav-right.nav-secondary .nav-link.active,
.border-tab.nav-right.nav-secondary .show > .nav-link {
  border-right-color: #c280d2;
  color: #c280d2;
}
.border-tab.nav-tertiary .nav-item.show,
.border-tab.nav-tertiary .nav-link.active,
.border-tab.nav-tertiary .nav-link:focus,
.border-tab.nav-tertiary .nav-link:hover {
  background-color: initial;
  color: #fd7e40;
}
.border-tab.nav-tertiary .nav-item .nav-link {
  transition: 0.3s;
}
[data-theme="dark"] .border-tab.nav-tertiary .nav-item .nav-link {
  color: #fd7e40 !important;
}
.border-tab.nav-tertiary .nav-item .nav-link.active,
.border-tab.nav-tertiary .nav-item .nav-link.show,
.border-tab.nav-tertiary .nav-item .nav-link:focus {
  border-bottom: 2px solid #fd7e40;
}
.border-tab.nav-tertiary .nav-item .nav-link.active,
.border-tab.nav-tertiary .nav-item .nav-link.show,
.border-tab.nav-tertiary .nav-item .nav-link:focus,
.border-tab.nav-tertiary .nav-item .nav-link:hover {
  color: #fd7e40 !important;
}
.border-tab.nav-tertiary .nav-item .nav-link svg {
  stroke: #fd7e40;
}
.border-tab.nav-left.nav-tertiary .nav-link.active,
.border-tab.nav-left.nav-tertiary .show > .nav-link {
  border-left-color: #fd7e40;
  color: #fd7e40;
}
.border-tab.nav-right.nav-tertiary .nav-link.active,
.border-tab.nav-right.nav-tertiary .show > .nav-link {
  border-right-color: #fd7e40;
  color: #fd7e40;
}
.border-tab.nav-success .nav-item.show,
.border-tab.nav-success .nav-link.active,
.border-tab.nav-success .nav-link:focus,
.border-tab.nav-success .nav-link:hover {
  background-color: initial;
  color: #17a600;
}
.border-tab.nav-success .nav-item .nav-link {
  transition: 0.3s;
}
[data-theme="dark"] .border-tab.nav-success .nav-item .nav-link {
  color: #17a600 !important;
}
.border-tab.nav-success .nav-item .nav-link.active,
.border-tab.nav-success .nav-item .nav-link.show,
.border-tab.nav-success .nav-item .nav-link:focus {
  border-bottom: 2px solid #17a600;
}
.border-tab.nav-success .nav-item .nav-link.active,
.border-tab.nav-success .nav-item .nav-link.show,
.border-tab.nav-success .nav-item .nav-link:focus,
.border-tab.nav-success .nav-item .nav-link:hover {
  color: #17a600 !important;
}
.border-tab.nav-success .nav-item .nav-link svg {
  stroke: #17a600;
}
.border-tab.nav-left.nav-success .nav-link.active,
.border-tab.nav-left.nav-success .show > .nav-link {
  border-left-color: #17a600;
  color: #17a600;
}
.border-tab.nav-right.nav-success .nav-link.active,
.border-tab.nav-right.nav-success .show > .nav-link {
  border-right-color: #17a600;
  color: #17a600;
}
.border-tab.nav-danger .nav-item.show,
.border-tab.nav-danger .nav-link.active,
.border-tab.nav-danger .nav-link:focus,
.border-tab.nav-danger .nav-link:hover {
  background-color: initial;
  color: #c42a02;
}
.border-tab.nav-danger .nav-item .nav-link {
  transition: 0.3s;
}
[data-theme="dark"] .border-tab.nav-danger .nav-item .nav-link {
  color: #c42a02 !important;
}
.border-tab.nav-danger .nav-item .nav-link.active,
.border-tab.nav-danger .nav-item .nav-link.show,
.border-tab.nav-danger .nav-item .nav-link:focus {
  border-bottom: 2px solid #c42a02;
}
.border-tab.nav-danger .nav-item .nav-link.active,
.border-tab.nav-danger .nav-item .nav-link.show,
.border-tab.nav-danger .nav-item .nav-link:focus,
.border-tab.nav-danger .nav-item .nav-link:hover {
  color: #c42a02 !important;
}
.border-tab.nav-danger .nav-item .nav-link svg {
  stroke: #c42a02;
}
.border-tab.nav-left.nav-danger .nav-link.active,
.border-tab.nav-left.nav-danger .show > .nav-link {
  border-left-color: #c42a02;
  color: #c42a02;
}
.border-tab.nav-right.nav-danger .nav-link.active,
.border-tab.nav-right.nav-danger .show > .nav-link {
  border-right-color: #c42a02;
  color: #c42a02;
}
.border-tab.nav-info .nav-item.show,
.border-tab.nav-info .nav-link.active,
.border-tab.nav-info .nav-link:focus,
.border-tab.nav-info .nav-link:hover {
  background-color: initial;
  color: #2e8dd3;
}
.border-tab.nav-info .nav-item .nav-link {
  transition: 0.3s;
}
[data-theme="dark"] .border-tab.nav-info .nav-item .nav-link {
  color: #2e8dd3 !important;
}
.border-tab.nav-info .nav-item .nav-link.active,
.border-tab.nav-info .nav-item .nav-link.show,
.border-tab.nav-info .nav-item .nav-link:focus {
  border-bottom: 2px solid #2e8dd3;
}
.border-tab.nav-info .nav-item .nav-link.active,
.border-tab.nav-info .nav-item .nav-link.show,
.border-tab.nav-info .nav-item .nav-link:focus,
.border-tab.nav-info .nav-item .nav-link:hover {
  color: #2e8dd3 !important;
}
.border-tab.nav-info .nav-item .nav-link svg {
  stroke: #2e8dd3;
}
.border-tab.nav-left.nav-info .nav-link.active,
.border-tab.nav-left.nav-info .show > .nav-link {
  border-left-color: #2e8dd3;
  color: #2e8dd3;
}
.border-tab.nav-right.nav-info .nav-link.active,
.border-tab.nav-right.nav-info .show > .nav-link {
  border-right-color: #2e8dd3;
  color: #2e8dd3;
}
.border-tab.nav-light .nav-item.show,
.border-tab.nav-light .nav-link.active,
.border-tab.nav-light .nav-link:focus,
.border-tab.nav-light .nav-link:hover {
  background-color: initial;
  color: #f4f5f8;
}
.border-tab.nav-light .nav-item .nav-link {
  transition: 0.3s;
}
[data-theme="dark"] .border-tab.nav-light .nav-item .nav-link {
  color: #f4f5f8 !important;
}
.border-tab.nav-light .nav-item .nav-link.active,
.border-tab.nav-light .nav-item .nav-link.show,
.border-tab.nav-light .nav-item .nav-link:focus {
  border-bottom: 2px solid #f4f5f8;
}
.border-tab.nav-light .nav-item .nav-link.active,
.border-tab.nav-light .nav-item .nav-link.show,
.border-tab.nav-light .nav-item .nav-link:focus,
.border-tab.nav-light .nav-item .nav-link:hover {
  color: #f4f5f8 !important;
}
.border-tab.nav-light .nav-item .nav-link svg {
  stroke: #f4f5f8;
}
.border-tab.nav-left.nav-light .nav-link.active,
.border-tab.nav-left.nav-light .show > .nav-link {
  border-left-color: #f4f5f8;
  color: #f4f5f8;
}
.border-tab.nav-right.nav-light .nav-link.active,
.border-tab.nav-right.nav-light .show > .nav-link {
  border-right-color: #f4f5f8;
  color: #f4f5f8;
}
.border-tab.nav-dark .nav-item.show,
.border-tab.nav-dark .nav-link.active,
.border-tab.nav-dark .nav-link:focus,
.border-tab.nav-dark .nav-link:hover {
  background-color: initial;
  color: #2c2c31;
}
.border-tab.nav-dark .nav-item .nav-link {
  transition: 0.3s;
}
[data-theme="dark"] .border-tab.nav-dark .nav-item .nav-link {
  color: #2c2c31 !important;
}
.border-tab.nav-dark .nav-item .nav-link.active,
.border-tab.nav-dark .nav-item .nav-link.show,
.border-tab.nav-dark .nav-item .nav-link:focus {
  border-bottom: 2px solid #2c2c31;
}
.border-tab.nav-dark .nav-item .nav-link.active,
.border-tab.nav-dark .nav-item .nav-link.show,
.border-tab.nav-dark .nav-item .nav-link:focus,
.border-tab.nav-dark .nav-item .nav-link:hover {
  color: #2c2c31 !important;
}
.border-tab.nav-dark .nav-item .nav-link svg {
  stroke: #2c2c31;
}
.border-tab.nav-left.nav-dark .nav-link.active,
.border-tab.nav-left.nav-dark .show > .nav-link {
  border-left-color: #2c2c31;
  color: #2c2c31;
}
.border-tab.nav-right.nav-dark .nav-link.active,
.border-tab.nav-right.nav-dark .show > .nav-link {
  border-right-color: #2c2c31;
  color: #2c2c31;
}
.border-tab.nav-warning .nav-item.show,
.border-tab.nav-warning .nav-link.active,
.border-tab.nav-warning .nav-link:focus,
.border-tab.nav-warning .nav-link:hover {
  background-color: initial;
  color: #f0ad4e;
}
.border-tab.nav-warning .nav-item .nav-link {
  transition: 0.3s;
}
[data-theme="dark"] .border-tab.nav-warning .nav-item .nav-link {
  color: #f0ad4e !important;
}
.border-tab.nav-warning .nav-item .nav-link.active,
.border-tab.nav-warning .nav-item .nav-link.show,
.border-tab.nav-warning .nav-item .nav-link:focus {
  border-bottom: 2px solid #f0ad4e;
}
.border-tab.nav-warning .nav-item .nav-link.active,
.border-tab.nav-warning .nav-item .nav-link.show,
.border-tab.nav-warning .nav-item .nav-link:focus,
.border-tab.nav-warning .nav-item .nav-link:hover {
  color: #f0ad4e !important;
}
.border-tab.nav-warning .nav-item .nav-link svg {
  stroke: #f0ad4e;
}
.border-tab.nav-left.nav-warning .nav-link.active,
.border-tab.nav-left.nav-warning .show > .nav-link {
  border-left-color: #f0ad4e;
  color: #f0ad4e;
}
.border-tab.nav-right.nav-warning .nav-link.active,
.border-tab.nav-right.nav-warning .show > .nav-link {
  border-right-color: #f0ad4e;
  color: #f0ad4e;
}
.pills-blogger .blog-wrapper {
  border-radius: 12px;
}
.pills-blogger .blog-wrapper .flex-shrink-0 {
  align-items: center;
  border-radius: 12px;
  display: flex;
  height: 46px;
  justify-content: center;
  width: 46px;
}
.designer-details {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 1400px) {
  .designer-details {
    gap: calc(7.77778px + 1.94444vw);
  }
}
.designer-details .designer-profile {
  display: inline-block;
}
.designer-details .designer-profile .designer-wrap {
  align-items: center;
  display: flex;
  gap: 12px;
}
.designer-details .designer-profile .designer-wrap .designer-img {
  border-radius: 100%;
  height: 50px;
}
.designer-details .designer-profile .designer-wrap .designer-content .h6,
.designer-details .designer-profile .designer-wrap .designer-content h6 {
  font-weight: 500;
}
.material-wrapper {
  display: flex;
  gap: 12px;
}
@media (max-width: 576px) {
  .material-wrapper {
    align-items: center;
    flex-direction: column;
  }
}
.main-inbox .header-inbox {
  align-items: center;
  border-bottom: 1px solid #6a71854d;
  border-bottom: 1px solid var(--solid-border);
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
}
.main-inbox .header-inbox .header-left-inbox {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .main-inbox .header-inbox .header-left-inbox {
    gap: 8px;
  }
}
.main-inbox .header-inbox .header-left-inbox .inbox-img img {
  border-radius: 100%;
  height: 50px;
  width: 50px;
}
.main-inbox .header-inbox .header-right-inbox {
  display: flex;
  gap: 12px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .main-inbox .header-inbox .header-right-inbox {
    gap: 5px;
  }
}
@media (max-width: 560px) {
  .main-inbox .header-inbox .header-right-inbox {
    display: none;
  }
}
.main-inbox .body-inbox .body-h-wrapper {
  align-items: center;
  border-bottom: 1px solid #6a71854d;
  border-bottom: 1px solid var(--solid-border);
  display: flex;
  padding-bottom: 6px;
}
.main-inbox .body-inbox .body-h-wrapper .feather {
  fill: #3d3d47;
  fill: var(--body-font-color);
  height: 16px;
  width: 16px;
}
@media (max-width: 630px) {
  .main-inbox .body-inbox .body-h-wrapper {
    align-items: normal;
  }
}
#sideline-tab .nav-effect {
  display: inline-block;
  position: relative;
}
#sideline-tab .nav-effect:after {
  border-bottom: 1px solid;
  content: "";
  display: inline-block;
  height: 14px;
  left: 0;
  margin-top: 10px;
  opacity: 0;
  position: absolute;
  transform: scaleX(0);
  transition: opacity 0.35s, transform 0.35s;
  width: 80%;
}
#sideline-tab .nav-effect:hover:after {
  opacity: 1;
  transform: scale(1);
}
.tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link.active,
.tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link:hover {
  background-color: initial;
  border-left: none;
  border-radius: 0;
  transition: none;
}
@media (max-width: 576px) {
  .pills-blogger {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.nav-tabs .nav-link.font-primary,
.nav-tabs .nav-link.font-primary.active {
  color: var(--theme-default) !important;
}
.nav-tabs .nav-link.font-secondary,
.nav-tabs .nav-link.font-secondary.active {
  color: #c280d2 !important;
}
.nav-tabs .nav-link.font-tertiary,
.nav-tabs .nav-link.font-tertiary.active {
  color: #fd7e40 !important;
}
.nav-tabs .nav-link.font-success,
.nav-tabs .nav-link.font-success.active {
  color: #17a600 !important;
}
.nav-tabs .nav-link.font-warning,
.nav-tabs .nav-link.font-warning.active {
  color: #f0ad4e !important;
}
.nav-tabs .nav-link.font-danger,
.nav-tabs .nav-link.font-danger.active {
  color: #c42a02 !important;
}
.nav-tabs .nav-link.font-info,
.nav-tabs .nav-link.font-info.active {
  color: #2e8dd3 !important;
}
.nav-tabs .nav-link.font-light,
.nav-tabs .nav-link.font-light.active {
  color: #767676 !important;
  color: var(--light-font) !important;
}
.nav-tabs .nav-link.font-dark,
.nav-tabs .nav-link.font-dark.active,
[data-theme="dark"]
  .product-page-main
  .border-tab.nav-primary
  .nav-item
  .nav-link {
  color: #3d3d47 !important;
  color: var(--body-font-color) !important;
}
.product-page-main .border-tab.nav-primary .nav-item .nav-link.active {
  color: var(--theme-default) !important;
}
.table {
  --bs-table-color: var(--body-font-color);
  margin-bottom: 0;
}
.table .datatable-table:focus {
  outline: 0;
}
.table-striped.table-bordered > tbody > tr > :nth-child(n + 2),
.table-striped.table-bordered > thead > tr > :nth-child(n + 2) {
  border-left: initial;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: unset;
  background-color: #f4f5f8b3;
  color: #3d3d47;
  color: var(--body-font-color);
}
[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: #f9fafc !important;
  background-color: var(--body-color) !important;
}
table > :not(caption) > * > * {
  border-bottom: 1px dashed #6a71854d;
  border-bottom: var(--light-border);
}
[data-theme="dark"] table > :not(caption) > * > * {
  color: #767676;
  color: var(--light-font);
}
[data-theme="dark"] table tbody tr,
[data-theme="dark"] table > :not(caption) > * > * {
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
table tbody tr:last-child td {
  border-bottom: 0;
  padding-bottom: 0;
}
table tbody tr:last-child th {
  border-bottom: 0 !important;
}
table tbody tr th {
  font-weight: 600;
}
table tbody tr td,
table tbody tr th {
  vertical-align: middle;
}
[data-theme="dark"] table tbody tr td,
[data-theme="dark"] table tbody tr th {
  color: #767676;
  color: var(--light-font);
}
.table-inverse {
  background-color: #2c2c31;
  color: #fff;
}
.table-inverse td,
.table-inverse th {
  border-color: #fff;
  color: #fff !important;
}
.table-inverse.table-bordered {
  border: 0;
}
.table[class*="bg-"] td,
.table[class*="bg-"] th {
  color: #fff !important;
}
.table-xl td,
.table-xl th {
  font-size: 120%;
  padding: 1.25rem 2rem;
}
.table-lg td,
.table-lg th {
  font-size: 110%;
  padding: 0.9rem 2rem;
}
.table-de td,
.table-de th {
  padding: 0.75rem 2rem;
}
.table-sm td,
.table-sm th {
  font-size: 90%;
  padding: 0.5rem 2rem;
}
.table-xs td,
.table-xs th {
  font-size: 80%;
  padding: 0.2rem 2rem;
}
@media (max-width: 767.98px) {
  .card-block .table-responsive .checkbox-td-width tbody tr td {
    min-width: 200px !important;
  }
}
.card-block .table-responsive .table-bordered tbody tr:last-child td {
  border-bottom: 0;
  padding: 0.5rem !important;
}
@media (max-width: 767.98px) {
  .card-block .table-responsive .table-bordered tbody tr td span {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.card-block .table-responsive .table-bordered td {
  vertical-align: middle;
}
.pills-component {
  width: 20%;
}
.table-space table tbody tr:last-child td {
  padding-bottom: 0.5rem !important;
}
.table-hover > tbody > tr:hover {
  --bs-table-accent-bg: $light-color;
}
.table-hover tbody tr {
  vertical-align: middle;
}
.table-hover tbody tr:hover {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
}
.table-hover tbody tr td svg {
  border-radius: 4px;
  height: 30px;
  padding: 5px;
  width: 30px;
}
@media (max-width: 1199.98px) {
  .signal-table .table.table-hover tbody tr td:nth-child(n + 2) {
    min-width: 240px !important;
  }
  .basic_table .table-responsive .table tbody tr td:nth-child(n + 2) {
    min-width: 180px;
  }
}
@media (max-width: 767.98px) {
  .card-block .table-responsive .radio-first-col-width tbody tr td {
    min-width: 200px !important;
  }
}
.toast {
  background-clip: padding-box;
  background-color: #ffffffd9;
  border: 1px solid #0000001a;
  border-radius: 0.25rem;
  box-shadow: 0 0.5rem 1rem #00000026;
  font-size: 0.875rem;
  max-width: 100%;
  pointer-events: auto;
  width: 350px;
}
.toast-index {
  z-index: 12;
}
.toast-index.toast:not(.showing):not(.show) {
  opacity: 0;
}
.toast-index.toast-fade {
  transition: opacity 0.15s linear;
}
.toast-index.show {
  display: block;
}
.toast-img img {
  height: 30px;
  width: 30px;
}
.bd-example-toasts {
  min-height: 400px;
}
[data-theme="dark"] .bd-example-toasts {
  background-color: #fff !important;
  background-color: var(--card-color) !important;
  color: #3d3d47;
  color: var(--body-font-color);
}
.toast:not(.showing):not(.show) {
  opacity: 0;
}
.toast-content {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  height: 65px;
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toast-rtl .toast-container {
  z-index: 1;
}
.toast-rtl.bg-dark .toast-container {
  position: static;
}
[data-theme="dark"] .toast-rtl .toast .toast-header {
  background-color: #f9fafc;
  background-color: var(--body-color);
  border-bottom: 1px solid !important;
  border-color: #292e37 !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: #3d3d47;
  color: var(--body-font-color);
}
[dir="rtl"] .toast-rtl .toast .toast-header strong {
  margin-left: auto !important;
  margin-right: 0 !important;
}
[dir="rtl"] .toast-rtl .toast .btn-close {
  margin-left: 0;
  margin-right: 6px;
}
[data-theme="dark"] .toast-rtl .toast .toast-dark {
  background-color: #f9fafc;
  background-color: var(--body-color);
  box-shadow: 0 3px 18px rgb($light-color);
  box-shadow: var(--card-box-shadow);
  color: #3d3d47;
  color: var(--body-font-color);
}
@media (max-width: 1920px) {
  .toast-dark .btn {
    padding: 6px calc(-0.8px + 1.5vw);
  }
}
.toast-icons {
  height: 20px;
  margin-right: 6px;
  width: 20px;
}
[dir="rtl"] .toast-icons {
  margin-left: 6px;
  margin-right: 0;
}
[data-theme="dark"] .form-select {
  background-color: #f9fafc;
  background-color: var(--body-color);
  border-color: #f9fafc;
  border-color: var(--body-color);
  color: #3d3d47;
  color: var(--body-font-color);
}
.form-select:focus {
  border-color: #6a71854d;
  border-color: var(--solid-border);
  box-shadow: none;
}
.tg-dialog .tg-dialog-header {
  padding: 15px 15px 0;
}
.tg-dialog .tg-dialog-body,
.tg-dialog .tg-dialog-footer {
  padding: 15px;
}
.tg-dialog .tg-dialog-footer button.tg-dialog-btn,
.tg-dialog .tg-dialog-footer button.tg-dialog-btn:hover {
  background-color: var(--theme-default);
  border: var(--theme-default);
  color: #fff;
}
.tg-dialog .tg-dialog-dots > span.tg-dot.tg-dot-active {
  background-color: var(--theme-default);
}
.flex-grow-1 .tour-wrapper {
  align-items: center;
  display: flex;
  gap: 8px;
}
.flex-grow-1 .tour-wrapper .tour-dot {
  font-size: 5px;
}
.tour-blog {
  height: 350px;
}
@media (max-width: 992px) {
  .tour-blog {
    height: calc(128.57143px + 22.32143vw);
  }
}
.tour-blog img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.info .h6,
.info h6 {
  font-size: calc(13.6px + 0.125vw);
}
.info span {
  color: #767676;
  color: var(--light-font);
  font-size: calc(12.8px + 0.0625vw);
}
.tour-email {
  display: flex;
  flex-direction: column;
}
@media (max-width: 576px) {
  .tour-email {
    align-items: center;
  }
}
.block-ellipsis {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  font-size: 14px;
  letter-spacing: 0.6px;
  line-height: 1.6 !important;
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.profile-img-style .h5,
.profile-img-style h5 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
}
.list-inline .list-inline-item.b-r-gray {
  border-right: 1px dashed #6a71854d;
  border-right: var(--light-border);
}
.social-tour {
  align-items: center;
  display: flex;
  gap: 26px;
  justify-content: flex-end;
}
.social-tour .list-inline {
  display: flex;
  gap: calc(9.2px + 0.875vw);
  justify-content: center;
}
.social-tour .list-inline .list-inline-item {
  margin-right: 0;
}
.social-tour .list-inline .list-inline-item a {
  padding: 0;
}
.social-tour .list-inline .list-inline-item a i {
  font-size: 18px;
}
@media (max-width: 599px) {
  .social-tour .list-inline {
    display: none;
  }
}
.social-tour .float-sm-end {
  min-width: 81px;
}
.tour-mb-space {
  margin-bottom: calc(0.8px + 0.375vw);
}
.like-comment .list-inline {
  justify-content: flex-start;
}
@media (max-width: 324px) {
  .like-comment .list-inline {
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start;
  }
}
div.ninotree {
  margin: 0;
  padding: 0;
}
div.ninotree ul {
  list-style-type: none;
}
div.ninotree label {
  margin-left: 1.8em;
}
div.ninotree .caret,
div.ninotree label {
  -webkit-user-select: none;
  user-select: none;
}
div.ninotree .caret {
  cursor: pointer;
}
div.ninotree .collapsed {
  display: none;
}
.treejs > ul.treejs-nodes {
  padding: 0;
}
[dir="rtl"] .treejs .treejs-node.treejs-placeholder,
[dir="rtl"] .treejs .treejs-nodes {
  padding-left: 0;
  padding-right: 20px;
}
.treejs .treejs-node__halfchecked > .treejs-checkbox:before {
  background-color: var(--theme-default) !important;
  border-color: var(--theme-default) !important;
}
[dir="rtl"] .treejs .treejs-node__halfchecked > .treejs-checkbox:after {
  left: auto;
  right: 3px;
}
.treejs .treejs-node__checked > .treejs-checkbox:before {
  background-color: #17a600 !important;
  border-color: #17a600 !important;
}
[dir="rtl"] .treejs .treejs-node__checked > .treejs-checkbox:after {
  left: auto;
  right: 5px;
}
.pagination-primary .page-item .page-link {
  color: var(--theme-default);
}
.pagination-secondary .page-item .page-link {
  color: #c280d2;
}
.pagination-tertiary .page-item .page-link {
  color: #fd7e40;
}
.pagination-warning .page-item .page-link {
  color: #f0ad4e;
}
.pagination-info .page-item .page-link {
  color: #2e8dd3;
}
.pagination-success .page-item .page-link {
  color: #17a600;
}
.pagination-danger .page-item .page-link {
  color: #c42a02;
}
.pagination-light .page-item .page-link {
  color: #f4f5f8;
}
.pagination-dark .page-item .page-link {
  color: #2c2c31;
}
.pagination-border-primary .page-item.disabled > .page-link {
  background-color: initial;
  border-color: var(--theme-default) !important;
}
.pagination-border-primary .page-item .page-link {
  border: 1px solid var(--theme-default);
}
.pagination-border-primary .page-item .page-link:active,
.pagination-border-primary .page-item .page-link:hover {
  background-color: var(--theme-default);
  color: #fff;
  color: var(--white);
}
.pagination-border-primary .page-item .page-link:focus {
  background-color: #43b9b233;
  box-shadow: none;
  color: var(--theme-default);
}
.pagination-border-primary .page-item .page-link span {
  color: var(--theme-default);
}
.pagination-border-primary .page-item.active .page-link {
  background-color: var(--theme-default);
  color: #fff;
  color: var(--white);
}
.pagination-border-secondary .page-item.disabled > .page-link {
  background-color: initial;
  border-color: #c280d2 !important;
}
.pagination-border-secondary .page-item .page-link {
  border: 1px solid #c280d2;
}
.pagination-border-secondary .page-item .page-link:active,
.pagination-border-secondary .page-item .page-link:hover {
  background-color: #c280d2;
  color: #fff;
  color: var(--white);
}
.pagination-border-secondary .page-item .page-link:focus {
  background-color: #c280d233;
  box-shadow: none;
  color: #c280d2;
}
.pagination-border-secondary .page-item .page-link span {
  color: #c280d2;
}
.pagination-border-secondary .page-item.active .page-link {
  background-color: #c280d2;
  color: #fff;
  color: var(--white);
}
.pagination-border-tertiary .page-item.disabled > .page-link {
  background-color: initial;
  border-color: #fd7e40 !important;
}
.pagination-border-tertiary .page-item .page-link {
  border: 1px solid #fd7e40;
}
.pagination-border-tertiary .page-item .page-link:active,
.pagination-border-tertiary .page-item .page-link:hover {
  background-color: #fd7e40;
  color: #fff;
  color: var(--white);
}
.pagination-border-tertiary .page-item .page-link:focus {
  background-color: #fd7e4033;
  box-shadow: none;
  color: #fd7e40;
}
.pagination-border-tertiary .page-item .page-link span {
  color: #fd7e40;
}
.pagination-border-tertiary .page-item.active .page-link {
  background-color: #fd7e40;
  color: #fff;
  color: var(--white);
}
.pagination-border-warning .page-item.disabled > .page-link {
  background-color: initial;
  border-color: #f0ad4e !important;
}
.pagination-border-warning .page-item .page-link {
  border: 1px solid #f0ad4e;
}
.pagination-border-warning .page-item .page-link:active,
.pagination-border-warning .page-item .page-link:hover {
  background-color: #f0ad4e;
  color: #fff;
  color: var(--white);
}
.pagination-border-warning .page-item .page-link:focus {
  background-color: #f0ad4e33;
  box-shadow: none;
  color: #f0ad4e;
}
.pagination-border-warning .page-item .page-link span {
  color: #f0ad4e;
}
.pagination-border-warning .page-item.active .page-link {
  background-color: #f0ad4e;
  color: #fff;
  color: var(--white);
}
.pagination-border-info .page-item.disabled > .page-link {
  background-color: initial;
  border-color: #2e8dd3 !important;
}
.pagination-border-info .page-item .page-link {
  border: 1px solid #2e8dd3;
}
.pagination-border-info .page-item .page-link:active,
.pagination-border-info .page-item .page-link:hover {
  background-color: #2e8dd3;
  color: #fff;
  color: var(--white);
}
.pagination-border-info .page-item .page-link:focus {
  background-color: #2e8dd333;
  box-shadow: none;
  color: #2e8dd3;
}
.pagination-border-info .page-item .page-link span {
  color: #2e8dd3;
}
.pagination-border-info .page-item.active .page-link {
  background-color: #2e8dd3;
  color: #fff;
  color: var(--white);
}
.pagination-border-success .page-item.disabled > .page-link {
  background-color: initial;
  border-color: #17a600 !important;
}
.pagination-border-success .page-item .page-link {
  border: 1px solid #17a600;
}
.pagination-border-success .page-item .page-link:active,
.pagination-border-success .page-item .page-link:hover {
  background-color: #17a600;
  color: #fff;
  color: var(--white);
}
.pagination-border-success .page-item .page-link:focus {
  background-color: #17a60033;
  box-shadow: none;
  color: #17a600;
}
.pagination-border-success .page-item .page-link span {
  color: #17a600;
}
.pagination-border-success .page-item.active .page-link {
  background-color: #17a600;
  color: #fff;
  color: var(--white);
}
.pagination-border-danger .page-item.disabled > .page-link {
  background-color: initial;
  border-color: #c42a02 !important;
}
.pagination-border-danger .page-item .page-link {
  border: 1px solid #c42a02;
}
.pagination-border-danger .page-item .page-link:active,
.pagination-border-danger .page-item .page-link:hover {
  background-color: #c42a02;
  color: #fff;
  color: var(--white);
}
.pagination-border-danger .page-item .page-link:focus {
  background-color: #c42a0233;
  box-shadow: none;
  color: #c42a02;
}
.pagination-border-danger .page-item .page-link span {
  color: #c42a02;
}
.pagination-border-danger .page-item.active .page-link {
  background-color: #c42a02;
  color: #fff;
  color: var(--white);
}
.pagination-border-light .page-item.disabled > .page-link {
  background-color: initial;
  border-color: #f4f5f8 !important;
}
.pagination-border-light .page-item .page-link {
  border: 1px solid #f4f5f8;
}
.pagination-border-light .page-item .page-link:active,
.pagination-border-light .page-item .page-link:hover {
  background-color: #f4f5f8;
  color: #fff;
  color: var(--white);
}
.pagination-border-light .page-item .page-link:focus {
  background-color: #f4f5f833;
  box-shadow: none;
  color: #f4f5f8;
}
.pagination-border-light .page-item .page-link span {
  color: #f4f5f8;
}
.pagination-border-light .page-item.active .page-link {
  background-color: #f4f5f8;
  color: #fff;
  color: var(--white);
}
.pagination-border-dark .page-item.disabled > .page-link {
  background-color: initial;
  border-color: #2c2c31 !important;
}
.pagination-border-dark .page-item .page-link {
  border: 1px solid #2c2c31;
}
.pagination-border-dark .page-item .page-link:active,
.pagination-border-dark .page-item .page-link:hover {
  background-color: #2c2c31;
  color: #fff;
  color: var(--white);
}
.pagination-border-dark .page-item .page-link:focus {
  background-color: #2c2c3133;
  box-shadow: none;
  color: #2c2c31;
}
.pagination-border-dark .page-item .page-link span {
  color: #2c2c31;
}
.pagination-border-dark .page-item.active .page-link {
  background-color: #2c2c31;
  color: #fff;
  color: var(--white);
}
.pagination .page-item:active {
  background-color: initial;
}
.pagination .page-item .page-link.rounded-circle {
  align-items: center;
  display: flex;
  height: 35px;
  justify-content: center;
  width: 35px;
}
.hand-pagination main {
  box-sizing: border-box;
  display: flex;
  flex-flow: column nowrap;
  height: 80vh;
  justify-content: flex-end;
  overflow: hidden;
  padding: 0 0 15rem;
  width: 100%;
}
.hand-pagination #pagination-container {
  align-items: center;
  border: none;
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  position: relative;
  width: 100%;
}
.hand-pagination #pagination-container #indicator {
  background-color: #f0ad4e;
  border-radius: 50%;
  height: 3rem;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  width: 3rem;
  z-index: -1;
}
.hand-pagination #pagination-container a {
  border-radius: 50%;
  box-sizing: border-box;
  color: var(--theme-default);
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  height: 3rem;
  line-height: 100%;
  margin: 0 1.5rem 0 0;
  padding: 0.75rem 0 0;
  text-align: center;
  text-decoration: none;
  width: 3rem;
}
.hand-pagination #pagination-container a:last-of-type {
  margin-right: 0;
}
.hand-pagination #pagination-container #hand-svg {
  box-sizing: border-box;
  height: 450px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 350px;
  z-index: -1;
}
[data-theme="dark"] .disabled > .page-link {
  background-color: initial;
  border-color: var(--theme-default);
}
.popover {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
}
[data-theme="dark"] .popover {
  --bs-popover-header-bg: unset;
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.popover-header {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
  border-bottom: 1px dashed #6a71854d;
  border-bottom: var(--light-border);
  color: var(--theme-default);
}
.common-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.popover-main .btn-showcase a {
  color: #fff;
}
.popover-main .btn-showcase button:last-child {
  margin-right: 0;
}
.tooltip-inner {
  background-color: #fff;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  color: var(--theme-default);
}
[data-theme="dark"] .tooltip-inner {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.tooltip-arrow:before {
  border: #fff !important;
}
[data-theme="dark"]
  .bs-popover-auto[data-popper-placement^="left"]
  > .popover-arrow:after {
  border-left-color: #f9fafc;
  border-left-color: var(--body-color);
}
[data-theme="dark"]
  .bs-popover-auto[data-popper-placement^="top"]
  > .popover-arrow:after {
  border-top-color: #f9fafc;
  border-top-color: var(--body-color);
}
[data-theme="dark"]
  .bs-popover-auto[data-popper-placement^="right"]
  > .popover-arrow:after {
  border-right-color: #f9fafc;
  border-right-color: var(--body-color);
}
[data-theme="dark"]
  .bs-popover-auto[data-popper-placement^="bottom"]
  > .popover-arrow:after {
  border-bottom-color: #f9fafc;
  border-bottom-color: var(--body-color);
}
[data-theme="dark"] .popover-body {
  color: #767676;
  color: var(--light-font);
}
.colored-tooltip .btn-danger,
.colored-tooltip .btn-dark,
.colored-tooltip .btn-info,
.colored-tooltip .btn-light,
.colored-tooltip .btn-primary,
.colored-tooltip .btn-secondary,
.colored-tooltip .btn-success,
.colored-tooltip .btn-tertiary,
.colored-tooltip .btn-warning {
  --bs-tooltip-bg: $val;
}
.custom-tooltip {
  --bs-tooltip-bg: $primary-color;
}
.wonky-tooltip form {
  display: flex;
  gap: 20px;
}
@media (max-width: 575.98px) {
  .wonky-tooltip form {
    flex-wrap: wrap;
  }
}
.wonky-tooltip .input-group {
  width: 280px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .wonky-tooltip .input-group {
    width: 188px;
  }
}
@media (max-width: 575.98px) {
  .wonky-tooltip .input-group {
    width: 220px;
  }
}
.wonky-tooltip .input-group input {
  background-color: #f4f5f8;
  background-color: var(--light-color);
}
.wonky-tooltip .input-group .input-group-text {
  position: relative;
  transition: all 0.4s ease-in;
}
.wonky-tooltip .input-group .input-group-text .tooltip {
  display: none;
  left: -90px;
  position: absolute;
  top: -62px;
  width: 260px;
}
@media (max-width: 420px) {
  .wonky-tooltip .input-group .input-group-text .tooltip {
    left: auto;
    right: -30px;
  }
}
.wonky-tooltip .input-group .input-group-text:hover .tooltip {
  animation: shake 0.6s ease-in-out forwards;
  display: block;
  opacity: 1;
  padding: 10px;
  transition: all 0.4s ease-in;
}
@keyframes shake {
  0% {
    transform: rotate(2deg);
  }
  50% {
    transform: rotate(-3deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    transform: rotate(0deg);
  }
}
[data-theme="dark"] .progress {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.progress.sm-progress-bar {
  height: 6px;
}
.progress-showcase .progress {
  margin-bottom: 10px;
}
.progress-showcase .progress:last-child {
  margin-bottom: 0;
}
.sm-progress-bar {
  height: 8px;
}
.lg-progress-bar {
  height: 20px;
}
[dir="rtl"] .progress-number {
  direction: ltr;
}
.progress-number button {
  height: 2rem;
  width: 2rem;
}
.progress-number .progress-wrapper {
  height: 1px;
}
.progress-number .progress-wrapper.progress {
  background-color: #52526c4d;
  background-color: var(--recent-dashed-border);
}
.progress-number .progress-wrapper .progress-bar {
  background-color: var(--theme-default);
}
.progress-btn {
  background-color: #f4f5f8;
  background-color: var(--light-color);
  border-color: #f4f5f8;
  border-color: var(--light-color);
}
[data-theme="dark"] .progress-btn {
  color: #fff;
  color: var(--white);
}
.small-progressbar {
  overflow: visible;
  position: relative;
}
.small-progressbar:after {
  background-color: var(--theme-default);
  border-radius: 100%;
  content: "";
  height: 12px;
  position: absolute;
  right: -9px;
  top: -2px;
  width: 12px;
}
[dir="rtl"] .small-progressbar:after {
  left: -9px;
  right: auto;
}
.small-progressbar .progress-label {
  font-weight: 700;
  position: absolute;
  right: -6px;
  top: -26px;
}
[dir="rtl"] .small-progressbar .progress-label {
  left: -6px;
  right: auto;
}
.small-progressbar .animate-circle {
  animation: heart 1s ease-in-out;
  animation-iteration-count: infinite;
  border: 14px solid var(--theme-default);
  border-radius: 70px;
  height: 30px;
  position: absolute;
  right: -18px;
  top: -11px;
  width: 30px;
}
[dir="rtl"] .small-progressbar .animate-circle {
  left: -18px;
  right: auto;
}
@keyframes heart {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  25% {
    opacity: 1;
    transform: scale(0.1);
  }
  50% {
    opacity: 0.3;
    transform: scale(0.5);
  }
  75% {
    opacity: 0.5;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
    transform: scale(1);
  }
}
.progress-b-space .progress {
  margin-bottom: 32px;
}
.progress-striped-primary {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
}
.progress-striped-primary .progress-bar {
  --bs-progress-bar-bg: rgba($val, 0.1);
  animation: progress-bar-stripes 5s linear infinite;
  background-image: linear-gradient(
    120deg,
    var(--theme-default) 25%,
    #0000 25%,
    #0000 50%,
    var(--theme-default) 50%,
    var(--theme-default) 75%,
    #0000 75%,
    #0000
  );
  background-size: 16px 30px;
}
.progress-border-primary.progress-bar {
  position: relative;
}
.progress-border-primary.progress-bar:after {
  background-color: var(--theme-default);
  border-radius: 100%;
  content: "";
  height: 12px;
  position: absolute;
  right: -9px;
  top: -2px;
  width: 12px;
}
.progress-border-primary.progress {
  background-color: #43b9b226;
}
.progress-border-primary .progress-bar {
  background-color: var(--theme-default);
  border-radius: 15px 0 0 15px;
  overflow: visible;
  position: relative;
}
[dir="rtl"] .progress-border-primary .progress-bar {
  border-radius: 0 15px 15px 0;
}
.progress-border-primary .progress-bar:after {
  background-color: var(--theme-default);
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  top: -4px;
  width: 1px;
}
[dir="rtl"] .progress-border-primary .progress-bar:after {
  left: 0;
  right: auto;
}
.progress-striped-secondary {
  background-color: #c280d21a;
}
.progress-striped-secondary .progress-bar {
  --bs-progress-bar-bg: rgba($val, 0.1);
  animation: progress-bar-stripes 5s linear infinite;
  background-image: linear-gradient(
    120deg,
    #c280d2 25%,
    #0000 0,
    #0000 50%,
    #c280d2 0,
    #c280d2 75%,
    #0000 0,
    #0000
  );
  background-size: 16px 30px;
}
.progress-border-secondary.progress-bar {
  position: relative;
}
.progress-border-secondary.progress-bar:after {
  background-color: #c280d2;
  border-radius: 100%;
  content: "";
  height: 12px;
  position: absolute;
  right: -9px;
  top: -2px;
  width: 12px;
}
.progress-border-secondary.progress {
  background-color: #c280d226;
}
.progress-border-secondary .progress-bar {
  background-color: #c280d2;
  border-radius: 15px 0 0 15px;
  overflow: visible;
  position: relative;
}
[dir="rtl"] .progress-border-secondary .progress-bar {
  border-radius: 0 15px 15px 0;
}
.progress-border-secondary .progress-bar:after {
  background-color: #c280d2;
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  top: -4px;
  width: 1px;
}
[dir="rtl"] .progress-border-secondary .progress-bar:after {
  left: 0;
  right: auto;
}
.progress-striped-tertiary {
  background-color: #fd7e401a;
}
.progress-striped-tertiary .progress-bar {
  --bs-progress-bar-bg: rgba($val, 0.1);
  animation: progress-bar-stripes 5s linear infinite;
  background-image: linear-gradient(
    120deg,
    #fd7e40 25%,
    #0000 0,
    #0000 50%,
    #fd7e40 0,
    #fd7e40 75%,
    #0000 0,
    #0000
  );
  background-size: 16px 30px;
}
.progress-border-tertiary.progress-bar {
  position: relative;
}
.progress-border-tertiary.progress-bar:after {
  background-color: #fd7e40;
  border-radius: 100%;
  content: "";
  height: 12px;
  position: absolute;
  right: -9px;
  top: -2px;
  width: 12px;
}
.progress-border-tertiary.progress {
  background-color: #fd7e4026;
}
.progress-border-tertiary .progress-bar {
  background-color: #fd7e40;
  border-radius: 15px 0 0 15px;
  overflow: visible;
  position: relative;
}
[dir="rtl"] .progress-border-tertiary .progress-bar {
  border-radius: 0 15px 15px 0;
}
.progress-border-tertiary .progress-bar:after {
  background-color: #fd7e40;
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  top: -4px;
  width: 1px;
}
[dir="rtl"] .progress-border-tertiary .progress-bar:after {
  left: 0;
  right: auto;
}
.progress-striped-warning {
  background-color: #f0ad4e1a;
}
.progress-striped-warning .progress-bar {
  --bs-progress-bar-bg: rgba($val, 0.1);
  animation: progress-bar-stripes 5s linear infinite;
  background-image: linear-gradient(
    120deg,
    #f0ad4e 25%,
    #0000 0,
    #0000 50%,
    #f0ad4e 0,
    #f0ad4e 75%,
    #0000 0,
    #0000
  );
  background-size: 16px 30px;
}
.progress-border-warning.progress-bar {
  position: relative;
}
.progress-border-warning.progress-bar:after {
  background-color: #f0ad4e;
  border-radius: 100%;
  content: "";
  height: 12px;
  position: absolute;
  right: -9px;
  top: -2px;
  width: 12px;
}
.progress-border-warning.progress {
  background-color: #f0ad4e26;
}
.progress-border-warning .progress-bar {
  background-color: #f0ad4e;
  border-radius: 15px 0 0 15px;
  overflow: visible;
  position: relative;
}
[dir="rtl"] .progress-border-warning .progress-bar {
  border-radius: 0 15px 15px 0;
}
.progress-border-warning .progress-bar:after {
  background-color: #f0ad4e;
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  top: -4px;
  width: 1px;
}
[dir="rtl"] .progress-border-warning .progress-bar:after {
  left: 0;
  right: auto;
}
.progress-striped-info {
  background-color: #2e8dd31a;
}
.progress-striped-info .progress-bar {
  --bs-progress-bar-bg: rgba($val, 0.1);
  animation: progress-bar-stripes 5s linear infinite;
  background-image: linear-gradient(
    120deg,
    #2e8dd3 25%,
    #0000 0,
    #0000 50%,
    #2e8dd3 0,
    #2e8dd3 75%,
    #0000 0,
    #0000
  );
  background-size: 16px 30px;
}
.progress-border-info.progress-bar {
  position: relative;
}
.progress-border-info.progress-bar:after {
  background-color: #2e8dd3;
  border-radius: 100%;
  content: "";
  height: 12px;
  position: absolute;
  right: -9px;
  top: -2px;
  width: 12px;
}
.progress-border-info.progress {
  background-color: #2e8dd326;
}
.progress-border-info .progress-bar {
  background-color: #2e8dd3;
  border-radius: 15px 0 0 15px;
  overflow: visible;
  position: relative;
}
[dir="rtl"] .progress-border-info .progress-bar {
  border-radius: 0 15px 15px 0;
}
.progress-border-info .progress-bar:after {
  background-color: #2e8dd3;
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  top: -4px;
  width: 1px;
}
[dir="rtl"] .progress-border-info .progress-bar:after {
  left: 0;
  right: auto;
}
.progress-striped-success {
  background-color: #17a6001a;
}
.progress-striped-success .progress-bar {
  --bs-progress-bar-bg: rgba($val, 0.1);
  animation: progress-bar-stripes 5s linear infinite;
  background-image: linear-gradient(
    120deg,
    #17a600 25%,
    #0000 0,
    #0000 50%,
    #17a600 0,
    #17a600 75%,
    #0000 0,
    #0000
  );
  background-size: 16px 30px;
}
.progress-border-success.progress-bar {
  position: relative;
}
.progress-border-success.progress-bar:after {
  background-color: #17a600;
  border-radius: 100%;
  content: "";
  height: 12px;
  position: absolute;
  right: -9px;
  top: -2px;
  width: 12px;
}
.progress-border-success.progress {
  background-color: #17a60026;
}
.progress-border-success .progress-bar {
  background-color: #17a600;
  border-radius: 15px 0 0 15px;
  overflow: visible;
  position: relative;
}
[dir="rtl"] .progress-border-success .progress-bar {
  border-radius: 0 15px 15px 0;
}
.progress-border-success .progress-bar:after {
  background-color: #17a600;
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  top: -4px;
  width: 1px;
}
[dir="rtl"] .progress-border-success .progress-bar:after {
  left: 0;
  right: auto;
}
.progress-striped-danger {
  background-color: #c42a021a;
}
.progress-striped-danger .progress-bar {
  --bs-progress-bar-bg: rgba($val, 0.1);
  animation: progress-bar-stripes 5s linear infinite;
  background-image: linear-gradient(
    120deg,
    #c42a02 25%,
    #0000 0,
    #0000 50%,
    #c42a02 0,
    #c42a02 75%,
    #0000 0,
    #0000
  );
  background-size: 16px 30px;
}
.progress-border-danger.progress-bar {
  position: relative;
}
.progress-border-danger.progress-bar:after {
  background-color: #c42a02;
  border-radius: 100%;
  content: "";
  height: 12px;
  position: absolute;
  right: -9px;
  top: -2px;
  width: 12px;
}
.progress-border-danger.progress {
  background-color: #c42a0226;
}
.progress-border-danger .progress-bar {
  background-color: #c42a02;
  border-radius: 15px 0 0 15px;
  overflow: visible;
  position: relative;
}
[dir="rtl"] .progress-border-danger .progress-bar {
  border-radius: 0 15px 15px 0;
}
.progress-border-danger .progress-bar:after {
  background-color: #c42a02;
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  top: -4px;
  width: 1px;
}
[dir="rtl"] .progress-border-danger .progress-bar:after {
  left: 0;
  right: auto;
}
.progress-striped-light {
  background-color: #f4f5f81a;
}
.progress-striped-light .progress-bar {
  --bs-progress-bar-bg: rgba($val, 0.1);
  animation: progress-bar-stripes 5s linear infinite;
  background-image: linear-gradient(
    120deg,
    #f4f5f8 25%,
    #0000 0,
    #0000 50%,
    #f4f5f8 0,
    #f4f5f8 75%,
    #0000 0,
    #0000
  );
  background-size: 16px 30px;
}
.progress-border-light.progress-bar {
  position: relative;
}
.progress-border-light.progress-bar:after {
  background-color: #f4f5f8;
  border-radius: 100%;
  content: "";
  height: 12px;
  position: absolute;
  right: -9px;
  top: -2px;
  width: 12px;
}
.progress-border-light.progress {
  background-color: #f4f5f826;
}
.progress-border-light .progress-bar {
  background-color: #f4f5f8;
  border-radius: 15px 0 0 15px;
  overflow: visible;
  position: relative;
}
[dir="rtl"] .progress-border-light .progress-bar {
  border-radius: 0 15px 15px 0;
}
.progress-border-light .progress-bar:after {
  background-color: #f4f5f8;
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  top: -4px;
  width: 1px;
}
[dir="rtl"] .progress-border-light .progress-bar:after {
  left: 0;
  right: auto;
}
.progress-striped-dark {
  background-color: #2c2c311a;
}
.progress-striped-dark .progress-bar {
  --bs-progress-bar-bg: rgba($val, 0.1);
  animation: progress-bar-stripes 5s linear infinite;
  background-image: linear-gradient(
    120deg,
    #2c2c31 25%,
    #0000 0,
    #0000 50%,
    #2c2c31 0,
    #2c2c31 75%,
    #0000 0,
    #0000
  );
  background-size: 16px 30px;
}
.progress-border-dark.progress-bar {
  position: relative;
}
.progress-border-dark.progress-bar:after {
  background-color: #2c2c31;
  border-radius: 100%;
  content: "";
  height: 12px;
  position: absolute;
  right: -9px;
  top: -2px;
  width: 12px;
}
.progress-border-dark.progress {
  background-color: #2c2c3126;
}
.progress-border-dark .progress-bar {
  background-color: #2c2c31;
  border-radius: 15px 0 0 15px;
  overflow: visible;
  position: relative;
}
[dir="rtl"] .progress-border-dark .progress-bar {
  border-radius: 0 15px 15px 0;
}
.progress-border-dark .progress-bar:after {
  background-color: #2c2c31;
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  top: -4px;
  width: 1px;
}
[dir="rtl"] .progress-border-dark .progress-bar:after {
  left: 0;
  right: auto;
}
@keyframes progress-bar-stripes {
  0% {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
[class*="ribbon-wrapper"] {
  color: #3d3d47;
  color: var(--body-font-color);
  padding: 58px 18px 28px;
  position: relative;
}
.ribbon {
  clear: left;
  color: #fff;
  height: 30px;
  left: 0;
  line-height: 30px;
  padding: 0 20px;
  position: absolute;
  top: 12px;
  z-index: 1;
}
.ribbon .bag-icon,
.ribbon .bell-icon,
.ribbon .star-icon,
.ribbon .ticket-star-icon {
  stroke: #fff;
  height: 15px;
  vertical-align: sub;
  width: 15px;
}
.ribbon-clip {
  left: -14px;
}
.ribbon-clip:before {
  border-color: #2c2c31 #2c2c31 #0000 #0000;
  border-style: solid;
  border-width: 7px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: 30px;
  width: 0;
}
.ribbon-vertical-left-wrapper {
  color: #3d3d47;
  color: var(--body-font-color);
  padding-left: 40px;
  position: relative;
}
.ribbon-vertical-right-wrapper {
  padding-right: 40px;
}
.ribbon-wrapper-bottom {
  padding-bottom: 40px;
  padding-top: 0;
}
.ribbon-wrapper-right-bottom {
  padding-right: 40px;
}
.ribbon-space-bottom {
  top: 0;
}
.ribbon-bookmark:before {
  border: 15px solid #2c2c31;
  border-right: 10px solid #0000;
  content: "";
  display: block;
  height: 0;
  left: 100%;
  position: absolute;
  top: 0;
  width: 0;
}
.ribbon-right {
  left: auto;
  right: -2px;
}
.ribbon-clip-right {
  right: -14px;
}
.ribbon-clip-right:before {
  border-color: #2c2c31 #2c2c31 #0000 #0000;
  border-style: solid;
  border-width: 7px;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  top: 30px;
  width: 0;
}
.ribbon-clip-bottom {
  bottom: 12px;
  left: -14px;
  top: auto;
}
.ribbon-clip-bottom:before {
  border-color: #2c2c31 #2c2c31 #0000 #0000;
  border-style: solid;
  border-width: 7px;
  bottom: 30px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}
.ribbon-clip-bottom-right {
  bottom: 12px;
  left: auto;
  right: -14px;
  top: auto;
}
.ribbon-clip-bottom-right:before {
  border-color: #2c2c31 #2c2c31 #0000 #0000;
  border-style: solid;
  border-width: 7px;
  bottom: 30px;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  width: 0;
}
.ribbon-bookmark.ribbon-right:before {
  border-left: 10px solid #0000;
  border-right: 15px solid #2c2c31;
  left: auto;
  right: 100%;
}
.ribbon-vertical-left {
  left: 12px;
}
.ribbon-vertical-left,
.ribbon-vertical-right {
  clear: none;
  height: 70px;
  line-height: 70px;
  padding: 0 5px;
  text-align: center;
  top: -2px;
  width: 30px;
}
.ribbon-vertical-right {
  left: auto;
  right: 20px;
}
[dir="rtl"] .ribbon-vertical-right {
  left: auto !important;
  right: 20px !important;
}
.ribbon-bookmark.ribbon-vertical-left:before,
.ribbon-bookmark.ribbon-vertical-right:before {
  border-bottom: 10px solid #0000;
  border-right: 15px solid #2c2c31;
  left: 0;
  margin-top: -14px;
  top: 100%;
}
.ribbon-primary {
  background: var(--theme-default);
}
.ribbon-bookmark.ribbon-primary:before {
  border-color: var(--theme-default);
  border-right-color: #0000;
}
.ribbon-bookmark.ribbon-right.ribbon-primary:before {
  border-left-color: #0000;
  border-right-color: var(--theme-default);
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-primary:before,
.ribbon-bookmark.ribbon-vertical-right.ribbon-primary:before {
  border-bottom-color: #0000;
  border-right-color: var(--theme-default);
}
.ribbon-primary.ribbon-corner:before {
  border-left-color: var(--theme-default);
  border-top-color: var(--theme-default);
}
.ribbon-primary.ribbon-corner.ribbon-right:before {
  border-left-color: #0000;
  border-right-color: var(--theme-default);
}
.ribbon-primary.ribbon-corner.ribbon-bottom:before {
  border-bottom-color: var(--theme-default);
  border-top-color: #0000;
}
.ribbon-primary.ribbon-clip:before {
  border-color: #35948e #35948e #0000 #0000;
}
.ribbon-primary.ribbon-clip-right:before {
  border-left-color: #35948e;
  border-right-color: #0000;
  border-top-color: #35948e;
}
.ribbon-primary.ribbon-clip-bottom:before {
  border-bottom-color: #35948e;
  border-right-color: #35948e;
  border-top-color: #0000;
}
.ribbon-primary.ribbon-clip-bottom-right:before {
  border-color: #0000 #0000 #35948e #35948e;
}
.ribbon-secondary {
  background: #c280d2;
}
.ribbon-bookmark.ribbon-secondary:before {
  border-color: #c280d2 #0000 #c280d2 #c280d2;
}
.ribbon-bookmark.ribbon-right.ribbon-secondary:before {
  border-left-color: #0000;
  border-right-color: #c280d2;
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-secondary:before,
.ribbon-bookmark.ribbon-vertical-right.ribbon-secondary:before {
  border-bottom-color: #0000;
  border-right-color: #c280d2;
}
.ribbon-secondary.ribbon-corner:before {
  border-left-color: #c280d2;
  border-top-color: #c280d2;
}
.ribbon-secondary.ribbon-corner.ribbon-right:before {
  border-left-color: #0000;
  border-right-color: #c280d2;
}
.ribbon-secondary.ribbon-corner.ribbon-bottom:before {
  border-bottom-color: #c280d2;
  border-top-color: #0000;
}
.ribbon-secondary.ribbon-clip:before {
  border-color: #b05ac5 #b05ac5 #0000 #0000;
}
.ribbon-secondary.ribbon-clip-right:before {
  border-left-color: #b05ac5;
  border-right-color: #0000;
  border-top-color: #b05ac5;
}
.ribbon-secondary.ribbon-clip-bottom:before {
  border-bottom-color: #b05ac5;
  border-right-color: #b05ac5;
  border-top-color: #0000;
}
.ribbon-secondary.ribbon-clip-bottom-right:before {
  border-color: #0000 #0000 #b05ac5 #b05ac5;
}
.ribbon-success {
  background: #17a600;
}
.ribbon-bookmark.ribbon-success:before {
  border-color: #17a600 #0000 #17a600 #17a600;
}
.ribbon-bookmark.ribbon-right.ribbon-success:before {
  border-left-color: #0000;
  border-right-color: #17a600;
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-success:before,
.ribbon-bookmark.ribbon-vertical-right.ribbon-success:before {
  border-bottom-color: #0000;
  border-right-color: #17a600;
}
.ribbon-success.ribbon-corner:before {
  border-left-color: #17a600;
  border-top-color: #17a600;
}
.ribbon-success.ribbon-corner.ribbon-right:before {
  border-left-color: #0000;
  border-right-color: #17a600;
}
.ribbon-success.ribbon-corner.ribbon-bottom:before {
  border-bottom-color: #17a600;
  border-top-color: #0000;
}
.ribbon-success.ribbon-clip:before {
  border-color: #107300 #107300 #0000 #0000;
}
.ribbon-success.ribbon-clip-right:before {
  border-left-color: #107300;
  border-right-color: #0000;
  border-top-color: #107300;
}
.ribbon-success.ribbon-clip-bottom:before {
  border-bottom-color: #107300;
  border-right-color: #107300;
  border-top-color: #0000;
}
.ribbon-success.ribbon-clip-bottom-right:before {
  border-color: #0000 #0000 #107300 #107300;
}
.ribbon-danger {
  background: #c42a02;
}
.ribbon-bookmark.ribbon-danger:before {
  border-color: #c42a02 #0000 #c42a02 #c42a02;
}
.ribbon-bookmark.ribbon-right.ribbon-danger:before {
  border-left-color: #0000;
  border-right-color: #c42a02;
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-danger:before,
.ribbon-bookmark.ribbon-vertical-right.ribbon-danger:before {
  border-bottom-color: #0000;
  border-right-color: #c42a02;
}
.ribbon-danger.ribbon-corner:before {
  border-left-color: #c42a02;
  border-top-color: #c42a02;
}
.ribbon-danger.ribbon-corner.ribbon-right:before {
  border-left-color: #0000;
  border-right-color: #c42a02;
}
.ribbon-danger.ribbon-corner.ribbon-bottom:before {
  border-bottom-color: #c42a02;
  border-top-color: #0000;
}
.ribbon-danger.ribbon-clip:before {
  border-color: #921f01 #921f01 #0000 #0000;
}
.ribbon-danger.ribbon-clip-right:before {
  border-left-color: #921f01;
  border-right-color: #0000;
  border-top-color: #921f01;
}
.ribbon-danger.ribbon-clip-bottom:before {
  border-bottom-color: #921f01;
  border-right-color: #921f01;
  border-top-color: #0000;
}
.ribbon-danger.ribbon-clip-bottom-right:before {
  border-color: #0000 #0000 #921f01 #921f01;
}
.ribbon-info {
  background: #2e8dd3;
}
.ribbon-bookmark.ribbon-info:before {
  border-color: #2e8dd3 #0000 #2e8dd3 #2e8dd3;
}
.ribbon-bookmark.ribbon-right.ribbon-info:before {
  border-left-color: #0000;
  border-right-color: #2e8dd3;
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-info:before,
.ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
  border-bottom-color: #0000;
  border-right-color: #2e8dd3;
}
.ribbon-info.ribbon-corner:before {
  border-left-color: #2e8dd3;
  border-top-color: #2e8dd3;
}
.ribbon-info.ribbon-corner.ribbon-right:before {
  border-left-color: #0000;
  border-right-color: #2e8dd3;
}
.ribbon-info.ribbon-corner.ribbon-bottom:before {
  border-bottom-color: #2e8dd3;
  border-top-color: #0000;
}
.ribbon-info.ribbon-clip:before {
  border-color: #2471aa #2471aa #0000 #0000;
}
.ribbon-info.ribbon-clip-right:before {
  border-left-color: #2471aa;
  border-right-color: #0000;
  border-top-color: #2471aa;
}
.ribbon-info.ribbon-clip-bottom:before {
  border-bottom-color: #2471aa;
  border-right-color: #2471aa;
  border-top-color: #0000;
}
.ribbon-info.ribbon-clip-bottom-right:before {
  border-color: #0000 #0000 #2471aa #2471aa;
}
.ribbon-light {
  background: #f4f5f8;
}
.ribbon-bookmark.ribbon-light:before {
  border-color: #f4f5f8 #0000 #f4f5f8 #f4f5f8;
}
.ribbon-bookmark.ribbon-right.ribbon-light:before {
  border-left-color: #0000;
  border-right-color: #f4f5f8;
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-light:before,
.ribbon-bookmark.ribbon-vertical-right.ribbon-light:before {
  border-bottom-color: #0000;
  border-right-color: #f4f5f8;
}
.ribbon-light.ribbon-corner:before {
  border-left-color: #f4f5f8;
  border-top-color: #f4f5f8;
}
.ribbon-light.ribbon-corner.ribbon-right:before {
  border-left-color: #0000;
  border-right-color: #f4f5f8;
}
.ribbon-light.ribbon-corner.ribbon-bottom:before {
  border-bottom-color: #f4f5f8;
  border-top-color: #0000;
}
.ribbon-light.ribbon-clip:before {
  border-color: #d5d9e4 #d5d9e4 #0000 #0000;
}
.ribbon-light.ribbon-clip-right:before {
  border-left-color: #d5d9e4;
  border-right-color: #0000;
  border-top-color: #d5d9e4;
}
.ribbon-light.ribbon-clip-bottom:before {
  border-bottom-color: #d5d9e4;
  border-right-color: #d5d9e4;
  border-top-color: #0000;
}
.ribbon-light.ribbon-clip-bottom-right:before {
  border-color: #0000 #0000 #d5d9e4 #d5d9e4;
}
.ribbon-dark {
  background: #2c2c31;
}
.ribbon-bookmark.ribbon-dark:before {
  border-color: #2c2c31 #0000 #2c2c31 #2c2c31;
}
.ribbon-bookmark.ribbon-right.ribbon-dark:before {
  border-left-color: #0000;
  border-right-color: #2c2c31;
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-dark:before,
.ribbon-bookmark.ribbon-vertical-right.ribbon-dark:before {
  border-bottom-color: #0000;
  border-right-color: #2c2c31;
}
.ribbon-dark.ribbon-corner:before {
  border-left-color: #2c2c31;
  border-top-color: #2c2c31;
}
.ribbon-dark.ribbon-corner.ribbon-right:before {
  border-left-color: #0000;
  border-right-color: #2c2c31;
}
.ribbon-dark.ribbon-corner.ribbon-bottom:before {
  border-bottom-color: #2c2c31;
  border-top-color: #0000;
}
.ribbon-dark.ribbon-clip:before {
  border-color: #141416 #141416 #0000 #0000;
}
.ribbon-dark.ribbon-clip-right:before {
  border-left-color: #141416;
  border-right-color: #0000;
  border-top-color: #141416;
}
.ribbon-dark.ribbon-clip-bottom:before {
  border-bottom-color: #141416;
  border-right-color: #141416;
  border-top-color: #0000;
}
.ribbon-dark.ribbon-clip-bottom-right:before {
  border-color: #0000 #0000 #141416 #141416;
}
.ribbon-warning {
  background: #f0ad4e;
}
.ribbon-bookmark.ribbon-warning:before {
  border-color: #f0ad4e #0000 #f0ad4e #f0ad4e;
}
.ribbon-bookmark.ribbon-right.ribbon-warning:before {
  border-left-color: #0000;
  border-right-color: #f0ad4e;
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-warning:before,
.ribbon-bookmark.ribbon-vertical-right.ribbon-warning:before {
  border-bottom-color: #0000;
  border-right-color: #f0ad4e;
}
.ribbon-warning.ribbon-corner:before {
  border-left-color: #f0ad4e;
  border-top-color: #f0ad4e;
}
.ribbon-warning.ribbon-corner.ribbon-right:before {
  border-left-color: #0000;
  border-right-color: #f0ad4e;
}
.ribbon-warning.ribbon-corner.ribbon-bottom:before {
  border-bottom-color: #f0ad4e;
  border-top-color: #0000;
}
.ribbon-warning.ribbon-clip:before {
  border-color: #ec971f #ec971f #0000 #0000;
}
.ribbon-warning.ribbon-clip-right:before {
  border-left-color: #ec971f;
  border-right-color: #0000;
  border-top-color: #ec971f;
}
.ribbon-warning.ribbon-clip-bottom:before {
  border-bottom-color: #ec971f;
  border-right-color: #ec971f;
  border-top-color: #0000;
}
.ribbon-warning.ribbon-clip-bottom-right:before {
  border-color: #0000 #0000 #ec971f #ec971f;
}
.vertical-lp-space {
  padding: 58px 28px 28px 50px;
}
.vertical-rp-space {
  padding: 58px 50px 28px 28px;
}
.clip-bp-space {
  padding: 28px 18px 58px;
}
[data-theme="dark"] .ribbon-wrapper-bottom.bg-light-dark p,
[data-theme="dark"] .ribbon-wrapper.bg-light-dark p {
  color: #fff !important;
  color: var(--white) !important;
}
.range-slider .card .card-body .slider-container {
  margin: 50px auto 20px;
  max-width: 600px;
  width: 90%;
}
.range-slider
  .card.range_1
  .card-body
  .slider-container
  .rs-container
  .rs-scale
  span:last-of-type {
  width: 0 !important;
}
.range-slider
  .card.range_1
  .card-body
  .slider-container
  .rs-container
  .rs-selected {
  background-color: #c280d2;
  background-color: var(--theme-secondary);
  border: 1px solid #c280d2;
  border: 1px solid var(--theme-secondary);
}
.range-slider
  .card.range_1
  .card-body
  .slider-container
  .rs-container
  .rs-pointer {
  background: #c280d2;
  background: var(--theme-secondary);
  border: 1px solid #c280d2;
  border: 1px solid var(--theme-secondary);
  border-radius: 50%;
  box-shadow: none;
  height: 20px;
  width: 20px;
}
.range-slider
  .card.range_1
  .card-body
  .slider-container
  .rs-container
  .rs-pointer:after,
.range-slider
  .card.range_1
  .card-body
  .slider-container
  .rs-container
  .rs-pointer:before {
  background-color: #c280d2;
  background-color: var(--theme-secondary);
}
.range-slider
  .card.range_1
  .card-body
  .slider-container
  .rs-container
  .rs-pointer
  .rs-tooltip {
  border: 1px solid #c280d2;
  border: 1px solid var(--theme-secondary);
}
.range-slider
  .card.range_2
  .card-body
  .slider-container
  .rs-container
  .rs-selected {
  background-color: #fd7e40;
  border: 1px solid #fd7e40;
}
.range-slider
  .card.range_2
  .card-body
  .slider-container
  .rs-container
  .rs-pointer {
  background: #fd7e40;
  border: 1px solid #fd7e40;
  border-radius: 50%;
  box-shadow: none;
  height: 20px;
  width: 20px;
}
.range-slider
  .card.range_2
  .card-body
  .slider-container
  .rs-container
  .rs-pointer:after,
.range-slider
  .card.range_2
  .card-body
  .slider-container
  .rs-container
  .rs-pointer:before {
  background-color: #fd7e40;
}
.range-slider
  .card.range_3
  .card-body
  .slider-container
  .rs-container
  .rs-selected {
  background-color: #c42a02;
  border: 1px solid #c42a02;
}
.range-slider
  .card.range_3
  .card-body
  .slider-container
  .rs-container
  .rs-pointer {
  border: 1px solid #c42a02;
}
[data-theme="dark"]
  .range-slider
  .card.range_3
  .card-body
  .slider-container
  .rs-container
  .rs-pointer {
  background-color: #f9fafc;
  background-color: var(--body-color);
  box-shadow: none;
}
.range-slider
  .card.range_3
  .card-body
  .slider-container
  .rs-container
  .rs-pointer:after,
.range-slider
  .card.range_3
  .card-body
  .slider-container
  .rs-container
  .rs-pointer:before {
  background-color: #c42a02;
}
.range-slider
  .card.range_3
  .card-body
  .slider-container
  .rs-container
  .rs-pointer
  .rs-tooltip {
  border: 1px solid #c42a02;
}
[data-theme="dark"]
  .range-slider
  .card.range_3
  .card-body
  .slider-container
  .rs-container
  .rs-pointer
  .rs-tooltip {
  background-color: #f9fafc;
  background-color: var(--body-color);
  color: #3d3d47;
  color: var(--body-font-color);
}
.range-slider .card.range_4 .card-body .slider-container {
  height: 45px;
  position: relative;
}
.range-slider .card.range_4 .card-body .slider-container .range-slider_thumb {
  align-items: center;
  background-color: #f4f5f8;
  border: 1px solid #2e8dd3;
  border-radius: 50%;
  color: #2e8dd3;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  z-index: 2;
}
[data-theme="dark"]
  .range-slider
  .card.range_4
  .card-body
  .slider-container
  .range-slider_thumb {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.range-slider .card.range_4 .card-body .slider-container .range-slider_line {
  background-color: #eee;
  background-color: var(--scrollbar-color);
  height: 10px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1;
}
[data-theme="dark"]
  .range-slider
  .card.range_4
  .card-body
  .slider-container
  .range-slider_line {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.range-slider
  .card.range_4
  .card-body
  .slider-container
  .range-slider_line
  .range-slider_line-fill {
  background-color: #2e8dd3;
  height: 10px;
  position: absolute;
  width: 0;
}
.range-slider .card.range_4 .card-body .slider-container .range-slider_input {
  -webkit-appearance: none;
  appearance: none;
  height: 4px;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 3;
}
.range-slider
  .card.range_4
  .card-body
  .slider-container
  .range-slider_input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 50%;
  cursor: pointer;
  height: 100px;
  opacity: 0;
  width: 100px;
}
.range-slider
  .card.range_4
  .card-body
  .slider-container
  .range-slider_input::-moz-range-thumb {
  border-radius: 50%;
  cursor: pointer;
  height: 14vmin;
  opacity: 0;
  width: 14vmin;
}
.range-slider
  .card.range_5
  .card-body
  .slider-container
  .rs-container
  .rs-selected {
  background-color: #17a600;
  border: 1px solid #17a600;
}
.range-slider
  .card.range_5
  .card-body
  .slider-container
  .rs-container
  .rs-tooltip {
  background-color: #17a600;
  border-radius: 4px;
  color: #fff !important;
  font-size: 14px;
  padding: 3px 5px;
}
.range-slider
  .card.range_5
  .card-body
  .slider-container
  .rs-container
  .rs-pointer {
  background-color: --white;
  border: 4px solid #17a600;
  border-radius: 24px;
  height: 24px;
  width: 24px;
}
.range-slider
  .card.range_5
  .card-body
  .slider-container
  .rs-container
  .rs-pointer:after,
.range-slider
  .card.range_5
  .card-body
  .slider-container
  .rs-container
  .rs-pointer:before {
  background-color: initial;
}
.range-slider
  .card.range_6
  .card-body
  .slider-container
  .rs-container
  .rs-selected {
  background-color: #f0ad4e;
  border: 1px solid #f0ad4e;
}
.range-slider
  .card.range_6
  .card-body
  .slider-container
  .rs-container
  .rs-pointer {
  background-color: #fff;
  border: 2px solid #f0ad4e;
  cursor: pointer;
  height: 20px;
  transform: rotate(45deg);
  width: 20px;
}
[data-theme="dark"]
  .range-slider
  .card.range_6
  .card-body
  .slider-container
  .rs-container
  .rs-pointer {
  background-color: #f9fafc;
  background-color: var(--body-color);
  box-shadow: none;
}
.range-slider
  .card.range_6
  .card-body
  .slider-container
  .rs-container
  .rs-pointer:after,
.range-slider
  .card.range_6
  .card-body
  .slider-container
  .rs-container
  .rs-pointer:before {
  background-color: initial;
}
[data-theme="dark"] .rs-container .rs-scale span ins {
  color: #fff;
}
[data-theme="dark"] .rs-container .rs-bg {
  background-color: #f9fafc;
  background-color: var(--body-color);
  border: 1px solid #f4f5f8;
  border: 1px solid var(--light-color);
}
[data-simplebar] {
  position: static;
}
.simplebar-track {
  right: -2px;
}
.simplebar-track.simplebar-vertical {
  width: 10px;
}
.simplebar-track.simplebar-horizontal {
  visibility: hidden !important;
}
.simplebar-scrollbar:before {
  background: #43b9b233;
}
.scrollbar-images {
  margin-bottom: 12px;
}
.visible-wrapper img {
  width: calc(210px + 6.25vw) !important;
}
.horizontal-scroll .horz-scroll-content .horizontal-img {
  height: 100%;
  max-width: 240px;
}
@media (max-width: 576px) {
  .horizontal-scroll .horz-scroll-content .horizontal-img {
    max-width: calc(195px + 7.8125vw);
  }
}
.horizontal-scroll .horz-scroll-content .horizontal-img img {
  height: 100%;
  object-fit: cover;
}
.scroll-demo.scroll-b-none {
  border: none;
  padding: 0;
}
[dir="rtl"] .scroll-demo .scroll-rtl .list-group-item span {
  margin-right: auto;
}
.scroll-demo {
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.switch {
  display: inline-block;
  height: 34px;
  margin-bottom: 0 !important;
  position: relative;
  width: 60px;
}
.switch input {
  display: none;
}
.switch input:checked + .switch-state {
  background-color: var(--theme-default);
}
.switch input:checked + .switch-state:before {
  transform: translateX(26px);
}
.switch input:focus + .switch-state {
  box-shadow: 0 0 1px var(--theme-default);
}
.switch-state {
  background-color: #f4f5f8;
  border-radius: 20px;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
}
[data-theme="dark"] .switch-state {
  background: #f9fafc;
  background: var(--body-color);
}
.switch-state:before {
  background-color: #fff;
  border-radius: 20px;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 26px;
}
[data-theme="dark"] .switch-state:before {
  background: #f9fafc;
  background: var(--body-color);
}
.icon-state .switch-state:after {
  color: #2c2c31;
  content: "\eee4";
  font-family: IcoFont;
  left: 10px;
  opacity: 0.3;
  position: absolute;
  top: 10px;
  transition: 0.4s;
}
[data-theme="dark"] .icon-state .switch-state:after {
  color: #3d3d47;
  color: var(--body-font-color);
}
.icon-state input:checked + .switch-state:after {
  content: "\eed8";
  left: 36px;
  opacity: 1;
  transition: 0.4s;
}
.switch-lg .switch {
  height: 40px;
  width: 75px;
}
.switch-lg .switch .switch-state:before {
  bottom: 5px;
  height: 30px;
  left: 7px;
  top: 4px;
  width: 30px;
}
.switch-lg.icon-state .switch .switch-state:after {
  font-size: 18px;
  left: 12px;
}
.switch-lg.icon-state .switch input:checked + .switch-state:after {
  left: 47px;
}
.switch-lg.icon-state .switch input:checked + .switch-state:before {
  transform: translateX(32px);
}
.switch-sm.icon-state .switch .switch-state:after {
  font-size: 8px;
  left: 4px;
  top: 4px;
}
.switch-sm.icon-state .switch input:checked + .switch-state:after {
  left: 13px;
  top: 4px;
}
.switch-sm .switch {
  height: 16px;
  margin-bottom: 0;
  margin-top: 10px;
  width: 25px;
}
.switch-sm .switch .switch-state:before {
  bottom: 4px;
  height: 8px;
  left: 4px;
  width: 8px;
}
.switch-sm input:checked + .switch-state:before {
  left: -13px;
}
.switch-outline .switch-state {
  background-color: #fff;
  border: 1px solid var(--theme-default);
  transition: 0.4s;
}
.switch-outline .switch-state:before {
  background-color: #f4f5f8;
  bottom: 3px;
  color: #fff;
}
[data-theme="dark"] .switch-outline .switch-state:before {
  background: #f9fafc;
  background: var(--body-color);
  color: #3d3d47;
  color: var(--body-font-color);
}
.switch-outline .switch input {
  display: none;
}
.switch-outline .switch input:checked + .switch-state {
  background-color: initial;
  border: 1px solid var(--theme-default);
}
.switch-outline .switch input:checked + .switch-state:before {
  background-color: var(--theme-default);
  bottom: 3px;
  transform: translateX(26px);
}
.switch-outline .switch input:checked + .switch-state:after {
  color: #fff;
}
[data-theme="dark"]
  .switch-outline
  .switch
  input:checked
  + .switch-state:after {
  color: #3d3d47;
  color: var(--body-font-color);
}
.switch-outline .switch input:checked + .switch-state.bg-dark,
.switch-outline .switch-state.bg-dark {
  background-color: initial !important;
  border: 1px solid #2c2c31;
}
.switch-outline .switch input:checked + .switch-state.bg-dark:before {
  background-color: #2c2c31;
}
.switch-outline .switch input:checked + .switch-state.bg-warning,
.switch-outline .switch-state.bg-warning {
  background-color: initial !important;
  border: 1px solid #f0ad4e;
}
.switch-outline .switch input:checked + .switch-state.bg-warning:before {
  background-color: #f0ad4e;
}
.switch-outline .switch input:checked + .switch-state.bg-success,
.switch-outline .switch-state.bg-success {
  background-color: initial !important;
  border: 1px solid #17a600;
}
.switch-outline .switch input:checked + .switch-state.bg-success:before {
  background-color: #17a600;
}
.switch-outline .switch input:checked + .switch-state.bg-info,
.switch-outline .switch-state.bg-info {
  background-color: initial !important;
  border: 1px solid #2e8dd3;
}
.switch-outline .switch input:checked + .switch-state.bg-info:before {
  background-color: #2e8dd3;
}
.switch-outline .switch input:checked + .switch-state.bg-danger,
.switch-outline .switch-state.bg-danger {
  background-color: initial !important;
  border: 1px solid #c42a02;
}
.switch-outline .switch input:checked + .switch-state.bg-danger:before {
  background-color: #c42a02;
}
.switch-outline .switch input:checked + .switch-state.bg-primary,
.switch-outline .switch-state.bg-primary {
  background-color: initial !important;
  border: 1px solid var(--theme-default);
}
.switch-outline .switch input:checked + .switch-state.bg-primary:before {
  background-color: var(--theme-default);
}
.switch-outline .switch input:checked + .switch-state.bg-secondary,
.switch-outline .switch-state.bg-secondary {
  background-color: initial !important;
  border: 1px solid #c280d2;
  border: 1px solid var(--theme-secondary);
}
.switch-outline .switch input:checked + .switch-state.bg-secondary:before {
  background-color: #c280d2;
  background-color: var(--theme-secondary);
}
.switch-showcase {
  margin-bottom: -8px;
}
.switch-showcase .d-flex {
  line-height: 1;
}
.switch-showcase .form-check .form-check-input {
  float: right;
}
.form-switch .form-check-input:checked {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
}
.tg-list {
  align-items: center;
  display: flex;
  text-align: center;
}
.tgl {
  display: none;
}
.tgl,
.tgl *,
.tgl :after,
.tgl :before,
.tgl + .tgl-btn,
.tgl:after,
.tgl:before {
  box-sizing: border-box;
}
.tgl ::selection,
.tgl :after::selection,
.tgl :before::selection,
.tgl + .tgl-btn::selection,
.tgl::selection,
.tgl:after::selection,
.tgl:before::selection {
  background: none;
}
.tgl + .tgl-btn {
  cursor: pointer;
  display: block;
  height: 2em;
  outline: 0;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  width: 4em;
}
.tgl + .tgl-btn:after,
.tgl + .tgl-btn:before {
  content: "";
  display: block;
  height: 100%;
  position: relative;
  width: 50%;
}
.tgl + .tgl-btn:after {
  left: 0;
}
.tgl + .tgl-btn:before {
  display: none;
}
.tgl:checked + .tgl-btn:after {
  left: 50%;
}
.tgl-skewed + .tgl-btn {
  backface-visibility: hidden;
  background: #c280d2;
  background: var(--theme-secondary);
  overflow: hidden;
  transform: skew(-10deg);
  transition: all 0.2s ease;
}
.tgl-skewed + .tgl-btn:after,
.tgl-skewed + .tgl-btn:before {
  color: #fff;
  display: inline-block;
  font-weight: 700;
  line-height: 2em;
  position: absolute;
  text-align: center;
  text-shadow: 0 1px 0 #0006;
  transform: skew(10deg);
  transition: all 0.2s ease;
  width: 100%;
}
.tgl-skewed + .tgl-btn:after {
  content: attr(data-tg-on);
  left: 100%;
}
.tgl-skewed + .tgl-btn:before {
  content: attr(data-tg-off);
  left: 0;
}
.tgl-skewed + .tgl-btn:active {
  background: #c280d2;
  background: var(--theme-secondary);
}
.tgl-skewed + .tgl-btn:active:before {
  left: -10%;
}
.tgl-skewed:checked + .tgl-btn {
  background: var(--theme-default);
}
.tgl-skewed:checked + .tgl-btn:before {
  left: -100%;
}
.tgl-skewed:checked + .tgl-btn:after {
  left: 0;
}
.tgl-skewed:checked + .tgl-btn:active:after {
  left: 10%;
}
.tgl-flip + .tgl-btn {
  padding: 2px;
  perspective: 100px;
  transition: all 0.2s ease;
}
.tgl-flip + .tgl-btn:after,
.tgl-flip + .tgl-btn:before {
  backface-visibility: hidden;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  left: 0;
  line-height: 2em;
  position: absolute;
  text-align: center;
  top: 0;
  transition: all 0.4s ease;
  width: 100%;
}
.tgl-flip + .tgl-btn:after {
  background: #f0ad4e;
  content: attr(data-tg-on);
  transform: rotateY(-180deg);
}
.tgl-flip + .tgl-btn:before {
  background: #c42a02;
  content: attr(data-tg-off);
}
.tgl-flip + .tgl-btn:active:before {
  transform: rotateY(-20deg);
}
.tgl-flip:checked + .tgl-btn:before {
  transform: rotateY(180deg);
}
.tgl-flip:checked + .tgl-btn:after {
  background: #17a600;
  left: 0;
  transform: rotateY(0);
}
.tgl-flip:checked + .tgl-btn:active:after {
  transform: rotateY(20deg);
}
.radius-none .form-check-input {
  border-radius: 3px;
}
.tg-list .tg-list-item .square-checked .switch-state:before {
  border-radius: 0;
  content: "";
}
.switch-wrapper .d-flex {
  margin-right: 20px;
}
.switch-wrapper .d-flex .flex-grow-1 {
  flex-grow: 0 !important;
}
.switch-wrapper .d-flex .col-form-label {
  padding-bottom: 0;
}
.switch-wrapper .tg-list p {
  margin: 0 8px 0 0;
}
.default-square .form-switch .form-check-input {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlwAAAJcCAYAAAAsHHqwAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAApuSURBVHgB7dZBAQAgDAChaf9Oi6Yp7gcpOLv7BgCAzB0AAFLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgJhwAQDEhAsAICZcAAAx4QIAiAkXAEBMuAAAYsIFABATLgCAmHABAMSECwAgJlwAADHhAgCICRcAQEy4AABiwgUAEBMuAICYcAEAxIQLACAmXAAAMeECAIgJFwBATLgAAGLCBQAQEy4AgNgHhY4H9ESK7h0AAAAASUVORK5CYII=);
}
.default-square .form-switch .form-check-input:checked {
  background-image: url(/mbanking/static/media/square.1687f93bac221a9de214.svg);
}
table.datatable-table:focus {
  outline: medium none invert;
  outline: initial;
}
.action {
  display: flex;
}
.action i {
  font-size: 16px;
}
.action .pdf i {
  color: #c42a02;
  font-size: 20px;
}
.action .edit {
  margin-right: 5px;
}
.action .edit i {
  color: #17a600;
}
[dir="rtl"] .action .edit {
  margin-left: 5px;
}
.action .delete i {
  color: #c42a02;
}
.datatable-table th a {
  color: #3d3d47;
  color: var(--body-font-color);
  font-size: 16px;
  line-height: 1.2;
}
.datatable-wrapper {
  position: relative;
}
.datatable-wrapper :focus-visible {
  outline: none !important;
}
.datatable-wrapper .datatable-top {
  margin-bottom: 12px;
  padding: 0;
}
.datatable-wrapper .datatable-top input {
  background-color: #f4f5f8;
  background-color: var(--light-color);
  border: 0;
  outline: 0;
  padding: 8px 12px;
}
.datatable-wrapper .datatable-top input:before {
  content: "f002";
}
.datatable-wrapper .datatable-selector {
  background-color: #f9fafc;
  background-color: var(--body-color);
  border: 1px solid #6a71854d;
  border: 1px solid var(--solid-border);
}
[data-theme="dark"] .datatable-wrapper .datatable-selector {
  color: #3d3d47;
  color: var(--body-font-color);
}
.datatable-wrapper .datatable-selector:focus-visible {
  outline: medium none invert;
  outline: initial;
}
.datatable-wrapper .datatable-pagination li.datatable-hidden {
  visibility: visible;
}
.datatable-wrapper .datatable-pagination .datatable-active a {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
  color: var(--theme-default);
}
.datatable-wrapper .datatable-pagination a {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  color: #767676;
  color: var(--light-font);
}
.datatable-wrapper .datatable-pagination a:focus,
.datatable-wrapper .datatable-pagination a:hover {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
}
.datatable-wrapper.no-footer .datatable-container {
  border-bottom: 1px dashed #6a71854d;
  border-bottom: 1px dashed var(--solid-border);
  border-top: 1px dashed #6a71854d;
  border-top: 1px dashed var(--solid-border);
}
[data-theme="dark"] .datatable-wrapper.no-footer .datatable-container {
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.datatable-wrapper table tr th {
  color: #767676;
  color: var(--light-font);
  font-weight: 500;
}
.datatable-wrapper table tr td,
.datatable-wrapper table tr th {
  border-bottom: 1px dashed #6a71854d;
  border-bottom: var(--light-border);
  padding: 12px !important;
  vertical-align: middle;
}
.datatable-wrapper table tbody tr td button {
  font-size: 13px;
  font-weight: 500;
}
.datatable-wrapper table tbody tr:last-child td {
  border-bottom: 0;
  padding-bottom: 12px !important;
}
.gridjs-tr:last-child td {
  padding-bottom: 12px !important;
}
.gridjs-container .gridjs-wrapper {
  border-radius: 0;
  border-top: 1px solid #6a71854d;
  border-top: 1px solid var(--solid-border);
}
.gridjs-container .gridjs-footer {
  box-shadow: none;
  padding: 14px 0 0;
}
.gridjs-pagination .gridjs-pages button {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-right: 1px dashed #6a71854d !important;
  border-right: var(--light-border) !important;
}
.gridjs-pagination .gridjs-pages button + button {
  border-left: initial;
}
.gridjs-pagination .gridjs-pages button:focus {
  box-shadow: none;
}
.gridjs-pagination .gridjs-pages button.gridjs-currentPage {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
  color: var(--theme-default);
}
div.dt-button-background {
  display: none !important;
}
div.DTS div.dataTables_scrollBody table {
  z-index: 1;
}
div .table-avtar {
  height: 32px;
  margin-right: 10px;
}
[dir="rtl"] div .table-avtar {
  margin-left: 10px;
  margin-right: 0;
}
div .action {
  display: flex;
}
div .action i {
  font-size: 16px;
}
div .action .pdf i {
  color: #c42a02;
  font-size: 20px;
}
div .action .edit {
  margin-right: 5px;
}
div .action .edit i {
  color: #17a600;
}
[dir="rtl"] div .action .edit {
  margin-left: 5px;
}
div .action .delete i {
  color: #c42a02;
}
#auto-generate-content_wrapper.dataTables_wrapper button {
  background-color: #fff;
  background-color: var(--white);
  border: 1px solid var(--theme-default);
  color: var(--theme-default);
}
.dataTables_wrapper {
  padding: 0;
  width: calc(100% - 1px);
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #ecf3fa;
}
.dataTables_wrapper .dt-buttons .btn {
  border-radius: 0.25rem !important;
}
.dataTables_wrapper .btn-group button {
  margin-right: 5px;
}
.dataTables_wrapper button {
  border-radius: 0.25rem;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  padding: 0.375rem 0.75rem;
}
.dataTables_wrapper + .dataTables_wrapper {
  margin-top: 20px;
}
.dataTables_wrapper .dataTables_paginate {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 0.25rem;
  margin-left: 15px !important;
  padding-top: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  margin: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  background: #43b9b21a;
  background: var(--theme-default-light-bg);
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  box-shadow: none;
  color: var(--theme-default) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #43b9b21a !important;
  background: var(--theme-default-light-bg) !important;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  color: var(--theme-default) !important;
}
.dataTables_wrapper .dataTables_length {
  margin-bottom: 30px;
}
.dataTables_wrapper .dataTables_length select {
  background-color: #fff;
  border-color: #f4f5f8;
  color: #2c2c31;
  height: 2.7142em;
  margin: 0 10px;
  padding: 0 10px;
}
[data-theme="dark"] .dataTables_wrapper .dataTables_length select {
  background: #f9fafc;
  background: var(--body-color);
  border-color: #f9fafc;
  border-color: var(--body-color);
  color: #3d3d47;
  color: var(--body-font-color);
}
.dataTables_wrapper .dataTables_length select:focus {
  border: none;
  outline: none;
}
.dataTables_wrapper table.dataTable {
  border: none;
}
.dataTables_wrapper table.dataTable tbody td.select-checkbox,
.dataTables_wrapper table.dataTable tbody th.select-checkbox {
  padding-right: 40px !important;
}
.dataTables_wrapper table.dataTable tbody td.select-checkbox:before,
.dataTables_wrapper table.dataTable tbody th.select-checkbox:before {
  left: auto;
  right: 20px;
  top: 22px;
}
.dataTables_wrapper table.dataTable tbody td.select-checkbox:after,
.dataTables_wrapper table.dataTable tbody th.select-checkbox:after {
  margin-left: 21px;
  margin-top: -5px;
}
.dataTables_wrapper table.dataTable thead td,
.dataTables_wrapper table.dataTable thead th {
  border-bottom: 1px dashed #6a71854d;
  border-bottom: var(--light-border);
}
.dataTables_wrapper table.dataTable td,
.dataTables_wrapper table.dataTable th {
  padding: 0.75rem;
  padding-bottom: 0.75rem !important;
}
@media (max-width: 575.98px) {
  .dataTables_wrapper table.dataTable td,
  .dataTables_wrapper table.dataTable th {
    padding: 0.5rem !important;
  }
}
.dataTables_wrapper .dataTables_filter {
  margin-bottom: 25px;
  margin-left: 15px;
}
.dataTables_wrapper .dataTables_filter td {
  border-bottom: 0 !important;
}
.dataTables_wrapper .dataTables_filter input[type="search"] {
  border: 1px solid #efefef;
  border: 1px solid var(--light-semi-gray);
  border-radius: 0;
  height: 37px;
  margin-left: 10px;
  padding: 0 10px;
}
[data-theme="dark"]
  .dataTables_wrapper
  .dataTables_filter
  input[type="search"] {
  background: #f9fafc;
  background: var(--body-color);
  border-color: #f9fafc;
  border-color: var(--body-color);
}
.dataTables_scrollHeadInner {
  width: 100% !important;
}
table .fixedHeader-floating {
  background-color: #fff;
  position: fixed !important;
}
table .box > div {
  background-color: var(--theme-default);
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  margin-bottom: 15px;
  margin-right: 15px;
  padding: 5px 15px;
}
table.dataTable.fixedHeader-floating,
table.dataTable.fixedHeader-locked {
  left: 260px !important;
  max-width: calc(100vw - 250px) !important;
  overflow: hidden !important;
  right: 0 !important;
  width: calc(100vw - 250px) !important;
  z-index: 99;
}
@media (max-width: 1199.98px) {
  table.dataTable.fixedHeader-floating,
  table.dataTable.fixedHeader-locked {
    left: 0 !important;
  }
}
@media only screen and (max-width: 991.98px) {
  table.dataTable.fixedHeader-floating,
  table.dataTable.fixedHeader-locked {
    max-width: none !important;
    width: 100% !important;
  }
  table.dataTable.fixedHeader-floating tr,
  table.dataTable.fixedHeader-locked tr {
    display: flex;
    flex-wrap: wrap;
  }
}
table.dataTable:not(.fixedHeader-locked):not(.fixedHeader-floating) {
  width: 100% !important;
}
table.dataTable {
  border-collapse: collapse !important;
  margin-top: 0 !important;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
  bottom: 12px !important;
}
table.dataTable input,
table.dataTable select {
  border: 1px solid #efefef;
  border: 1px solid var(--light-semi-gray);
  height: 37px;
}
.user-datatable tr td:first-child,
.user-datatable tr th:first-child {
  min-width: 150px;
}
.jsgrid .jsgrid-button {
  height: 20px;
  width: 20px;
}
.jsgrid .jsgrid-delete-button {
  background-position: 0 -78px;
  height: 22px;
  width: 22px;
}
.jsgrid .jsgrid-edit-button {
  background-position: -2px -122px;
  height: 22px;
  width: 22px;
}
.jsgrid .jsgrid-insert-mode-button {
  background-position: -2px -160px;
  height: 25px;
  width: 25px;
}
.jsgrid .jsgrid-insert-button {
  background-position: -3px -202px;
  height: 16px;
  width: 16px;
}
.toolbar {
  background-color: var(--theme-default);
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  margin-bottom: 15px;
  margin-right: 15px;
  padding: 5px 15px;
}
code.option {
  color: #c42a02 !important;
}
code.api {
  color: #17a600 !important;
}
.dt-ext .dataTables_wrapper .page-item.active .page-link {
  background-color: var(--theme-default) !important;
  border-color: var(--theme-default) !important;
  color: #fff;
}
.dt-ext .dataTables_wrapper .dataTables_paginate {
  border: none;
}
.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button {
  border: none;
  padding: 0;
}
.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.active,
.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.hover {
  border: none !important;
}
.dt-ext .dataTables_wrapper .dataTables_paginate .page-link {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  color: var(--theme-default);
  margin-left: 0;
}
.dt-ext .dataTables_wrapper a.dt-button,
.dt-ext .dataTables_wrapper a.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button,
.dt-ext .dataTables_wrapper button.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button,
.dt-ext .dataTables_wrapper div.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button:focus:not(.disabled) {
  background-color: var(--theme-default);
  background-image: none;
  border-color: var(--theme-default);
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
}
.dt-ext .dataTables_wrapper a.dt-button.btn-success,
.dt-ext .dataTables_wrapper button.dt-button.btn-success,
.dt-ext .dataTables_wrapper div.dt-button.btn-success {
  background-color: #17a600;
  border-color: #17a600;
}
.dt-ext .dataTables_wrapper a.dt-button.btn-primary,
.dt-ext .dataTables_wrapper button.dt-button.btn-primary,
.dt-ext .dataTables_wrapper div.dt-button.btn-primary {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
}
.dt-ext .dataTables_wrapper a.dt-button.btn-danger,
.dt-ext .dataTables_wrapper button.dt-button.btn-danger,
.dt-ext .dataTables_wrapper div.dt-button.btn-danger {
  background-color: #c42a02;
  border-color: #c42a02;
}
.dt-ext .dataTables_wrapper table.dataTable td.focus,
.dt-ext .dataTables_wrapper table.dataTable th.focus {
  outline: 3px solid var(--theme-default);
}
.dt-ext .dataTables_wrapper table.dataTable tbody > tr.selected,
.dt-ext .dataTables_wrapper table.dataTable tbody > tr > .selected,
.dt-ext
  .dataTables_wrapper
  table.dataTable.display
  tbody
  > tr.even.selected
  > .sorting_1,
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected,
.dt-ext
  .dataTables_wrapper
  table.dataTable.display
  tbody
  > tr.odd.selected
  > .sorting_1,
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd > .selected,
.dt-ext
  .dataTables_wrapper
  table.dataTable.order-column.stripe
  tbody
  > tr.even.selected
  > .sorting_1,
.dt-ext
  .dataTables_wrapper
  table.dataTable.order-column.stripe
  tbody
  > tr.odd.selected
  > .sorting_1,
.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd.selected,
.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd > .selected {
  background-color: #d0eeec;
}
td.highlight {
  background-color: #f4f5f8 !important;
}
[data-theme="dark"] td.highlight {
  background: #fff !important;
  background: var(--card-color) !important;
}
td.details-control {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAC9UlEQVR42qyVT2hcVRTGvzfJjG0iyWA16djuxEUbKF2kFCx0WXAXEFGQUqhOKVmMITFLtRQhdKGL0q7qRpLmzwSCA9W0SWpcPMdHsH8TxSaZdpgOz0kmpIIdksmbeT8XuTPEJmMVeuDjvXveuR/ce77zPWnnCEgKSmqQFJa0xyBsckFT89ywTHGTpH2SDkhql/SWQbvJ7TM1QbOnJtkuSS2S2qLR6Gnbtsdd1834vl/2fb/sum7Gtu3xaDR6WlKbqd21E6klabek1yUdTSQSA57nbVAjPM/bSCQSA5KOmj3/ILUkhSTtjUQix1Op1CzAWnmNyfwEPb920ZQd5OXsMB/Pxfhu6RqFUgGAVCo1G4lEjktqNRxWpQFhSYccx7kO8GTjCRfm+whlhwhl44SyQ7zkjlbfz/9+jpViHoBkMvm9pEOSmiuNCknaH4vFzvq+X/Z8j89++5T6TJz6xyMEM5uof7yJusxV6rJD9M714Pkevu+XOzs7o5L2Gy41SmpLJpM3AH5YvkkgHSfwcASlhwik49W721wPo/QIgfQwU0uTANi2PS7poJGUwpKOrKysLAH03u3FWhhEi/1YC4NY8/1VQmv+G6yFAbTYjxav0nO3G4B8Pv+HkVRYRrDHSqVSCeDg/QvUzV6hbvbrWk0236/QfudzANbX19eMTvdsIzxwp4/QLxcJ3rpckzB46yLB25d483YfAMVisbiVMCzpyOrqah7gzM9naLC/oME+X31W4tn8Rz9Fdzxyo6Q2x3EmAUYfjRKe7KqiaeqTKmHzRHc11zzRxfDDkYp0bpimNG6TTcEr8P70B7xy7cN/xdvTJ3nqPcX3/XIsFju7VTZVYc/MzEwAPPorzckfT9Ey1sGr375Ly1gHLWMdvGbW70y9x4M/HwDgOM51I+xwRdg7jt7y2jKX5i5zeCpKa/wErfETvDHdzZf3vsItuM+O3t6to/cizGF3LcfZZl+5XC5bIcrlctn/al/PM9hjBv/LYF/IL+DvAQATAqkqt0ECfQAAAABJRU5ErkJggg==)
    no-repeat 50%;
  cursor: pointer;
}
tr.shown td.details-control {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAACwElEQVR42qyVzWtTaRTGnwoVnYITEEaj/gGNmXFStHRoi3Xwo0zbAUGcAfGzeEGLZDHix04Xrly6cvbuBCGb1k/cXMKlWxcjlcvYTEkyc2/aIl6b9Cbvz0XeSMcmqOALD+dw7nkfeDnPea7U/myQ1C3pG0kJSVstErbWbXs+ebps8xZJOyWlJO2TNGixz9Z22p5ue6cj2SZJ30lKO44z6bruTLFYLBhjGsaYRrFYLLiuO+M4zqSktO3d1I60S9JmSTskDeRyuXtxHK/S4cRxvJrL5e5JGrB3/kfaJWmjpO3JZHK/7/svAMzKCu+ePqVy5QocOQ+Hz1P54zLR9DQmigDwff9FMpncL2mb5ehqDSAhaY/neQ8BGktLLN2+DSOn4cAZONCKTVRu3aIehgDk8/lpSXskfdsa1EZJu7LZ7AVjTMPEMeHNG5jhk5jhk2DjxwiuXcPEMcaYxtTUlCNpl+VSj6R0Pp9/BBA9f0598MQ6xBZra2+fPQPAdd0ZSbutpJSQ1B+G4b8A5evXqf7022ehdPUqAEEQlKykErKCHarX63WANxPniPqPEe092mnIze/9x1g6OglAtVpdsTrduo6w8usZlvvGWe4b70i4nJlguW+ccOI0ALVarbaWMCGpf3FxMQB4fekSYWaMMDPxAUFmlCAzautj/Jf5hTAzxuupi22f3CMp7XneE4DKgweUfjjUBgcp/XjE5s0Y3r/fks4jO5SedbJpRBFzZ89S+P5nCukRG5v5PzYW0iO8+v0EjegtxphGNpu9sFY2H4Q9Ozv7GKA6P8+c4+CnBvF7h3mVGmrmqUH81BAvT53i3dwcAJ7nPbTCTrSE3Xb1VoOA4t0/+Xv0OC97B/ird4D5g8dZuHOHWqn08eptX7t6X8McNndynHX2VS6XF1pE5XJ54XPt61MGO2TxRQb7VX4B7wcAcdqli6v2LPUAAAAASUVORK5CYII=)
    no-repeat 50%;
}
.dataTables_scroll ~ .dataTables_paginate {
  margin-top: 20px !important;
}
.product-table th:last-child {
  min-width: 120px;
}
.product-table .h6,
.product-table h6 {
  color: #2c2c31;
  font-weight: 600;
}
[data-theme="dark"] .product-table .h6,
[data-theme="dark"] .product-table h6 {
  color: #767676;
  color: var(--light-font);
}
[data-theme="dark"] table.dataTable.display tbody tr.odd {
  background: #fff;
  background: var(--card-color);
}
table.dataTable.display tbody tr.odd > .sorting_1 {
  background-color: #f8f9fa;
}
[data-theme="dark"] table.dataTable.display tbody tr.odd > .sorting_1 {
  background: #fff;
  background: var(--card-color);
}
table.dataTable.display tbody tr.odd .badge {
  line-height: 15px;
}
[data-theme="dark"] table.dataTable.display tbody tr.even {
  background: #f9fafc;
  background: var(--body-color);
}
table.dataTable.display tbody tr.even .badge {
  line-height: 15px;
}
[data-theme="dark"] table.dataTable.display tbody tr:hover {
  background: #fff;
  background: var(--card-color);
}
.jsgrid-alt-row .jsgrid-cell .badge,
.jsgrid-row .jsgrid-cell .badge {
  line-height: 15px !important;
}
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.display tbody tr > .sorting_1 {
  background: none;
}
[data-theme="dark"] .dataTables_wrapper table.dataTable thead th {
  border-bottom: 1px dashed #6a71854d;
  border-bottom: var(--light-border);
}
[data-theme="dark"] .dataTables_info {
  color: #767676;
  color: var(--light-font);
}
#row_create td.highlight {
  color: var(--theme-default);
  font-weight: 600;
}
#row_create td.danger {
  color: #c42a02;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  div.dataTables_wrapper div.dataTables_paginate {
    float: none;
    margin-left: 0 !important;
    margin-top: 20px !important;
  }
}
@media (max-width: 575.98px) {
  div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 15px !important;
  }
  div.dataTables_wrapper
    div.dataTables_paginate
    .paginate_button.previous:before {
    content: "\e64a";
    font-family: themify;
    font-size: 11px;
    padding: 0 5px;
  }
  div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous {
    font-size: 0;
    padding: 0;
  }
  div.dataTables_wrapper div.dataTables_paginate .paginate_button.next:before {
    content: "\e649";
    font-family: themify;
    font-size: 11px;
    padding: 0 5px;
  }
  div.dataTables_wrapper div.dataTables_paginate .paginate_button.next {
    font-size: 0;
    padding: 0;
  }
  .paginate_button .page-link {
    font-size: 12px;
  }
}
@media (max-width: 360px) {
  .paginate_button .page-link {
    font-size: 11px;
  }
}
@media (max-width: 575.98px) {
  .autofill-datatable
    div.dataTables_wrapper
    div.dataTables_paginate
    .paginate_button.previous:before {
    content: "\e64a";
    font-family: themify;
    font-size: 11px;
    line-height: 3.2;
    padding: 0 5px;
  }
  .autofill-datatable
    div.dataTables_wrapper
    div.dataTables_paginate
    .paginate_button.next:before {
    content: "\e649";
    font-family: themify;
    font-size: 11px;
    line-height: 3.2;
    padding: 0 5px;
  }
}
@media (max-width: 1500px) {
  .autofill-datatable table.table thead th:after {
    top: 33px !important;
  }
  .autofill-datatable table.table thead th:nth-child(2),
  .autofill-datatable table.table thead th:nth-child(5),
  .autofill-datatable table.table thead th:nth-child(7) {
    min-width: 100px;
  }
}
[data-theme="dark"] .autofill-datatable .table-light {
  --bs-table-bg: var(--card-color);
  --bs-table-striped-bg: var(--body-color);
  --bs-table-hover-bg: var(--body-color);
}
@media (max-width: 1630px) {
  .complex-table table thead tr th:first-child {
    min-width: 115px;
  }
  .complex-table table thead tr + tr th:first-child {
    min-width: 190px;
  }
  .complex-table table thead tr + tr th:nth-child(3) {
    min-width: 100px;
  }
}
[data-theme="dark"] .table-space table.table-light tbody td,
[data-theme="dark"] .table-space table.table-light tbody th,
[data-theme="dark"] .table-space table.table-light thead tr th {
  color: #000 !important;
  color: var(--black) !important;
}
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button,
[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-current-page,
[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page a {
  color: #767676 !important;
  color: var(--light-font) !important;
}
[data-theme="dark"] table.fixedHeader-floating,
[data-theme="dark"] table.fixedHeader-locked {
  background-color: #fff !important;
  background-color: var(--card-color) !important;
  opacity: 0;
}
[data-theme="dark"] .dataTables_wrapper table.dataTable tbody tr {
  background-color: #fff !important;
  background-color: var(--card-color) !important;
}
.dt-button-info {
  border: 1px solid #f9fafc !important;
  border: 1px solid var(--body-color) !important;
}
.dt-button-info,
.dt-button-info .h2,
.dt-button-info h2 {
  background-color: #f9fafc !important;
  background-color: var(--body-color) !important;
}
.clockpicker-canvas line {
  stroke: var(--theme-default);
}
.clockpicker-canvas-bearing,
.clockpicker-canvas-fg {
  fill: var(--theme-default);
}
.datepicker {
  z-index: 99;
}
.datepicker--day-name {
  color: var(--theme-default);
  font-weight: 700;
}
.datepicker--cell.-current- {
  border: 2px solid var(--theme-default);
  border-radius: 5px;
  color: #000;
  font-weight: 700;
}
.datepicker--cell.-focus- {
  background: var(--theme-default);
  color: #fff;
}
.datepicker--cell.-selected- {
  background: var(--theme-default) !important;
}
.datepicker--cell-day {
  width: 14.2857142857%;
}
.bootstrap-datetimepicker-widget,
.datepickers-container {
  z-index: 7;
}
.datetime-picker .bootstrap-datetimepicker-widget.dropdown-menu {
  width: auto;
}
.datetime-picker .input-group-text i {
  line-height: 1.3;
}
.clockpicker-popover {
  border: none;
  z-index: 7;
}
.clockpicker-popover .popover-content {
  background-color: #43b9b20d;
}
.clockpicker-canvas-bg {
  fill: #d0eeec;
}
.clockpicker-tick:hover {
  background-color: #d0eeec;
  color: inherit;
}
[data-theme="dark"] .fc-theme-standard .fc-scrollgrid {
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.calendar-basic .md-sidebar-aside {
  background-color: #fff;
}
[data-theme="dark"] .calendar-basic .md-sidebar-aside {
  background-color: #fff;
  background-color: var(--card-color);
}
.calendar-basic #external-events {
  border: 1px solid #d7e2e9;
  padding: 20px;
}
[data-theme="dark"] .calendar-basic #external-events {
  border-color: #f9fafc;
  border-color: var(--body-color);
}
.calendar-basic #external-events .h4,
.calendar-basic #external-events h4 {
  margin-bottom: 14px;
}
.calendar-basic #external-events p {
  margin-top: 12px;
}
.calendar-basic #external-events .fc-h-event {
  background-color: var(--theme-default);
  border: 1px solid var(--theme-default);
  padding: 12px;
}
.calendar-basic #external-events .fc-h-event + .fc-h-event {
  margin-top: 10px;
}
.calendar-basic #external-events .fc-h-event .fc-event-main {
  font-size: 13px;
}
.calendar-basic .calendar-default .fc-daygrid-dot-event .fc-event-title {
  text-overflow: ellipsis;
}
.calendar-basic .calendar-default .fc .fc-col-header-cell-cushion,
.calendar-basic .calendar-default .fc .fc-daygrid-day-number {
  color: #3d3d47;
  color: var(--body-font-color);
}
.calendar-basic .calendar-default .fc .fc-button .fc-icon {
  height: 23px;
}
.calendar-basic .calendar-default .fc-h-event {
  background-color: var(--theme-default);
  border: 1px solid var(--theme-default);
  padding: 2px;
}
.calendar-basic
  .calendar-default
  .fc-toolbar-chunk
  .fc-button-group
  ~ .fc-today-button {
  margin: 0 8px;
}
.fc-event-dragging {
  background-color: var(--theme-default);
  padding: 10px;
}
.fc .fc-toolbar {
  flex-wrap: wrap;
  gap: 10px;
}
.main-inline-calender.input-group {
  flex-direction: column;
}
.main-inline-calender.input-group .flatpickr-calendar.inline,
.main-inline-calender.input-group .form-control {
  width: 100%;
}
.main-inline-calender.input-group .flatpickr-innerContainer,
.main-inline-calender.input-group .flatpickr-rContainer {
  display: block;
}
.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days,
.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-weekdays {
  width: 100%;
}
.main-inline-calender.input-group
  .flatpickr-rContainer
  .flatpickr-days
  .dayContainer {
  max-width: none;
  min-width: 0;
  min-width: auto;
  width: 100%;
}
.main-inline-calender.input-group
  .flatpickr-rContainer
  .flatpickr-days
  .dayContainer
  .flatpickr-day {
  border-radius: 5px;
  max-width: none;
  width: 100%;
}
.main-inline-calender.input-group
  .flatpickr-rContainer
  .flatpickr-days
  .dayContainer
  .flatpickr-day:hover {
  color: #fff;
}
[data-theme="dark"]
  .main-inline-calender.input-group
  .flatpickr-rContainer
  .flatpickr-days
  .dayContainer
  .flatpickr-day.nextMonthDay,
[data-theme="dark"]
  .main-inline-calender.input-group
  .flatpickr-rContainer
  .flatpickr-days
  .dayContainer
  .flatpickr-day.prevMonthDay {
  color: #3d3d47;
  color: var(--body-font-color);
}
.flatpickr-day .endRange,
.flatpickr-day .endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected:hover {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
}
.main-flatpickr .form-control:read-only {
  background-color: initial;
}
.flatpickr-months {
  font-size: calc(11.6px + 0.125vw);
}
.flatpickr-current-month {
  font-size: calc(13px + 0.3125vw);
}
@media (max-width: 400px) {
  .flatpickr-calendar.animate {
    left: 50% !important;
    transform: translateX(-50%);
    width: 77%;
  }
}
.flatpickr-calendar .flatpickr-days {
  width: auto;
}
.flatpickr-calendar .flatpickr-days .dayContainer {
  max-width: none;
  min-width: 0;
  min-width: auto;
  width: auto;
}
@media (max-width: 768px) {
  .flatpicker-calender .form-control {
    font-size: 14px;
  }
}
.accordion-page
  .input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
[data-theme="dark"]
  .accordion-page
  .input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border: 0;
}
.input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.timepicker-wrapper .row {
  margin-bottom: 16px;
}
.timepicker-wrapper .row:last-child {
  margin-bottom: 0;
}
[data-theme="dark"] .col-form-label {
  color: #767676;
  color: var(--light-font);
}
@media (max-width: 1650px) and (min-width: 1400px) {
  .col-form-label {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
}
[data-theme="dark"] .flatpickr-calendar {
  background: #f9fafc;
  background: var(--body-color);
  box-shadow: none;
}
.flatpickr-day.today,
.flatpickr-day:hover {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
}
.flatpickr-day.today {
  color: #fff;
}
.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
  background: var(--theme-default);
  border-color: var(--theme-default);
}
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
  color: #3d3d47 !important;
  color: var(--body-font-color) !important;
}
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
  fill: #3d3d47;
  fill: var(--body-font-color);
  color: #3d3d47;
  color: var(--body-font-color);
}
.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
  background: var(--theme-default);
  border-color: var(--theme-default);
  color: #fff;
}
.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
  background: var(--theme-default);
  border-color: var(--theme-default);
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
  color: #3d3d47;
  color: var(--body-font-color);
}
.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
  background: #f9fafc !important;
  background: var(--body-color) !important;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  border-top: 1px solid #6a71854d;
  border-top: 1px solid var(--solid-border);
  height: 40px;
}
[data-theme="dark"] .flatpickr-day.inRange {
  background-color: #fff !important;
  background-color: var(--card-color) !important;
  border-color: #fff !important;
  border-color: var(--card-color) !important;
  box-shadow: -5px 0 0 #fff, 5px 0 0 #fff !important;
  box-shadow: -5px 0 0 var(--card-color), 5px 0 0 var(--card-color) !important;
}
.bootstrap-touchspin input.touchspin {
  padding: 0 12px;
}
.bootstrap-touchspin .input-group .btn {
  padding: 0.5rem 1.75rem;
}
.bootstrap-touchspin
  .touchspin-vertical-tab
  .input-group
  .input-group-btn-vertical {
  display: table-cell;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  width: 1%;
}
.bootstrap-touchspin
  .touchspin-vertical-tab
  .input-group
  .input-group-btn-vertical
  .bootstrap-touchspin-down {
  margin-top: -2px;
}
.bootstrap-touchspin
  .touchspin-vertical-tab
  .input-group
  .input-group-btn-vertical
  i {
  font-size: 10px;
  font-weight: 400;
  left: 7px;
  position: absolute;
  top: 4px;
}
.bootstrap-touchspin
  .touchspin-vertical-tab
  .input-group
  .input-group-btn-vertical
  > .btn {
  display: block;
  float: none;
  margin-left: -1px;
  max-width: 100%;
  padding: 9px;
  position: relative;
  width: 100%;
}
.bootstrap-touchspin .input-group {
  font-family: Outfit, sans-serif;
}
.bootstrap-touchspin .input-group .btn {
  border-radius: 0 !important;
}
.bootstrap-touchspin .dropdown-basic .dropdown .dropbtn {
  padding: 9px 30px;
}
.bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content {
  z-index: 9999;
}
.touchspin-wrapper .btn-touchspin {
  border-radius: 5px;
  height: 32px;
  width: 32px;
}
.touchspin-wrapper input[type="number"] {
  height: 30px;
  padding: 3px;
  text-align: center;
  width: 85px;
}
.hover-touchspin .btn-touchspin.spin-border-dark:hover {
  background-color: #2c2c31;
  color: #fff;
}
.pre-post-touchspin .decrement-touchspin,
.pre-post-touchspin .increment-touchspin,
.pre-post-touchspin .input-group-text {
  border: 0;
  border-radius: 0 !important;
  padding: 7px 14px;
}
.pre-post-touchspin .input-group-text {
  background-color: #eef1f6;
  background-color: var(--light-bg);
}
[data-theme="dark"] .pre-post-touchspin .input-group-text {
  background: #fff;
  background: var(--card-color);
  border: 1px solid #6a71854d;
  border: 1px solid var(--solid-border);
  color: #3d3d47;
  color: var(--body-font-color);
}
.pre-post-touchspin .input-touchspin {
  border: 1px solid #eef1f6;
  border: 2px solid var(--light-bg);
  text-align: center;
}
[data-theme="dark"] .pre-post-touchspin .input-touchspin {
  background: #f9fafc;
  background: var(--body-color);
  border: 1px solid #6a71854d;
  border: 1px solid var(--solid-border);
  color: #3d3d47;
  color: var(--body-font-color);
}
.pre-post-touchspin .input-group {
  width: auto;
}
@media (max-width: 768px) {
  .pre-post-touchspin .input-group .input-touchspin {
    width: 100px;
  }
}
.pre-post-touchspin.bg-touchspin button[type="button"] {
  border: 1px solid #eef1f6;
  border: 2px solid var(--light-bg);
  text-align: center;
}
[data-theme="dark"] .pre-post-touchspin.bg-touchspin button[type="button"] {
  border: 1px solid #6a71854d;
  border: 1px solid var(--solid-border);
}
.pre-post-touchspin
  .input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.rounded-touchspin .btn-touchspin {
  border-radius: 50%;
}
.rounded-touchspin .touchspin-wrapper input[type="number"].input-touchspin {
  border-radius: 15px;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.alert-primary {
  background-color: #43b9b2cc;
  border-color: #43b9b2e6;
  color: #fff;
}
.alert-primary .progress {
  background-color: #42b5ae;
  border-radius: 0;
  height: 5px;
}
.alert-primary .progress-bar {
  background-color: #fdfefe;
}
.alert-primary .btn-close {
  filter: brightness(1) invert(1);
}
.alert-primary .alert-link {
  color: var(--theme-default);
}
.alert-primary hr {
  border-top-color: var(--theme-default);
}
.border-primary {
  border-color: var(--theme-default) !important;
}
.touchspin-wrapper .btn-touchspin.touchspin-primary {
  background-color: var(--theme-default);
  border: 1px solid var(--theme-default);
  color: #fff;
}
.touchspin-wrapper .btn-touchspin.spin-border-primary {
  background-color: initial;
  border: 1px solid var(--theme-default);
  color: var(--theme-default);
}
.touchspin-wrapper input[type="number"].spin-outline-primary {
  border: none;
  border-radius: 3px;
  outline: 1px solid var(--theme-default);
}
[data-theme="dark"]
  .touchspin-wrapper
  input[type="number"].spin-outline-primary {
  background-color: #f9fafc !important;
  background-color: var(--body-color) !important;
  color: #fff;
  outline: 1px solid #6a71854d;
  outline: 1px solid var(--solid-border);
}
.pre-post-touchspin .btn-touchspin.touchspin-primary {
  background-color: var(--theme-default);
  border: 1px solid var(--theme-default);
  color: #fff;
}
.form-switch .form-check-input.switch-primary:checked {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
}
.alert-secondary {
  background-color: #c280d2cc;
  border-color: #c280d2e6;
  color: #fff;
}
.alert-secondary .progress {
  background-color: #c07cd1;
  border-radius: 0;
  height: 5px;
}
.alert-secondary .progress-bar {
  background-color: #fff;
}
.alert-secondary .btn-close {
  filter: brightness(1) invert(1);
}
.alert-secondary .alert-link {
  color: #c280d2;
}
.alert-secondary hr {
  border-top-color: #c280d2;
}
.border-secondary {
  border-color: #c280d2 !important;
}
.touchspin-wrapper .btn-touchspin.touchspin-secondary {
  background-color: #c280d2;
  border: 1px solid #c280d2;
  color: #fff;
}
.touchspin-wrapper .btn-touchspin.spin-border-secondary {
  background-color: initial;
  border: 1px solid #c280d2;
  color: #c280d2;
}
.touchspin-wrapper input[type="number"].spin-outline-secondary {
  border: none;
  border-radius: 3px;
  outline: 1px solid #c280d2;
}
[data-theme="dark"]
  .touchspin-wrapper
  input[type="number"].spin-outline-secondary {
  background-color: #f9fafc !important;
  background-color: var(--body-color) !important;
  color: #fff;
  outline: 1px solid #6a71854d;
  outline: 1px solid var(--solid-border);
}
.pre-post-touchspin .btn-touchspin.touchspin-secondary {
  background-color: #c280d2;
  border: 1px solid #c280d2;
  color: #fff;
}
.form-switch .form-check-input.switch-secondary:checked {
  background-color: #c280d2;
  border-color: #c280d2;
}
.alert-tertiary {
  background-color: #fd7e40cc;
  border-color: #fd7e40e6;
  color: #fff;
}
.alert-tertiary .progress {
  background-color: #fd7b3b;
  border-radius: 0;
  height: 5px;
}
.alert-tertiary .progress-bar {
  background-color: #fff;
}
.alert-tertiary .btn-close {
  filter: brightness(1) invert(1);
}
.alert-tertiary .alert-link {
  color: #fd7e40;
}
.alert-tertiary hr {
  border-top-color: #fd7e40;
}
.border-tertiary {
  border-color: #fd7e40 !important;
}
.touchspin-wrapper .btn-touchspin.touchspin-tertiary {
  background-color: #fd7e40;
  border: 1px solid #fd7e40;
  color: #fff;
}
.touchspin-wrapper .btn-touchspin.spin-border-tertiary {
  background-color: initial;
  border: 1px solid #fd7e40;
  color: #fd7e40;
}
.touchspin-wrapper input[type="number"].spin-outline-tertiary {
  border: none;
  border-radius: 3px;
  outline: 1px solid #fd7e40;
}
[data-theme="dark"]
  .touchspin-wrapper
  input[type="number"].spin-outline-tertiary {
  background-color: #f9fafc !important;
  background-color: var(--body-color) !important;
  color: #fff;
  outline: 1px solid #6a71854d;
  outline: 1px solid var(--solid-border);
}
.pre-post-touchspin .btn-touchspin.touchspin-tertiary {
  background-color: #fd7e40;
  border: 1px solid #fd7e40;
  color: #fff;
}
.form-switch .form-check-input.switch-tertiary:checked {
  background-color: #fd7e40;
  border-color: #fd7e40;
}
.alert-success {
  background-color: #17a600cc;
  border-color: #17a600e6;
  color: #fff;
}
.alert-success .progress {
  background-color: #16a100;
  border-radius: 0;
  height: 5px;
}
.alert-success .progress-bar {
  background-color: #b2ffa6;
}
.alert-success .btn-close {
  filter: brightness(1) invert(1);
}
.alert-success .alert-link {
  color: #17a600;
}
.alert-success hr {
  border-top-color: #17a600;
}
.border-success {
  border-color: #17a600 !important;
}
.touchspin-wrapper .btn-touchspin.touchspin-success {
  background-color: #17a600;
  border: 1px solid #17a600;
  color: #fff;
}
.touchspin-wrapper .btn-touchspin.spin-border-success {
  background-color: initial;
  border: 1px solid #17a600;
  color: #17a600;
}
.touchspin-wrapper input[type="number"].spin-outline-success {
  border: none;
  border-radius: 3px;
  outline: 1px solid #17a600;
}
[data-theme="dark"]
  .touchspin-wrapper
  input[type="number"].spin-outline-success {
  background-color: #f9fafc !important;
  background-color: var(--body-color) !important;
  color: #fff;
  outline: 1px solid #6a71854d;
  outline: 1px solid var(--solid-border);
}
.pre-post-touchspin .btn-touchspin.touchspin-success {
  background-color: #17a600;
  border: 1px solid #17a600;
  color: #fff;
}
.form-switch .form-check-input.switch-success:checked {
  background-color: #17a600;
  border-color: #17a600;
}
.alert-danger {
  background-color: #c42a02cc;
  border-color: #c42a02e6;
  color: #fff;
}
.alert-danger .progress {
  background-color: #bf2902;
  border-radius: 0;
  height: 5px;
}
.alert-danger .progress-bar {
  background-color: #fed2c7;
}
.alert-danger .btn-close {
  filter: brightness(1) invert(1);
}
.alert-danger .alert-link {
  color: #c42a02;
}
.alert-danger hr {
  border-top-color: #c42a02;
}
.border-danger {
  border-color: #c42a02 !important;
}
.touchspin-wrapper .btn-touchspin.touchspin-danger {
  background-color: #c42a02;
  border: 1px solid #c42a02;
  color: #fff;
}
.touchspin-wrapper .btn-touchspin.spin-border-danger {
  background-color: initial;
  border: 1px solid #c42a02;
  color: #c42a02;
}
.touchspin-wrapper input[type="number"].spin-outline-danger {
  border: none;
  border-radius: 3px;
  outline: 1px solid #c42a02;
}
[data-theme="dark"]
  .touchspin-wrapper
  input[type="number"].spin-outline-danger {
  background-color: #f9fafc !important;
  background-color: var(--body-color) !important;
  color: #fff;
  outline: 1px solid #6a71854d;
  outline: 1px solid var(--solid-border);
}
.pre-post-touchspin .btn-touchspin.touchspin-danger {
  background-color: #c42a02;
  border: 1px solid #c42a02;
  color: #fff;
}
.form-switch .form-check-input.switch-danger:checked {
  background-color: #c42a02;
  border-color: #c42a02;
}
.alert-info {
  background-color: #2e8dd3cc;
  border-color: #2e8dd3e6;
  color: #fff;
}
.alert-info .progress {
  background-color: #2c8ad0;
  border-radius: 0;
  height: 5px;
}
.alert-info .progress-bar {
  background-color: #fff;
}
.alert-info .btn-close {
  filter: brightness(1) invert(1);
}
.alert-info .alert-link {
  color: #2e8dd3;
}
.alert-info hr {
  border-top-color: #2e8dd3;
}
.border-info {
  border-color: #2e8dd3 !important;
}
.touchspin-wrapper .btn-touchspin.touchspin-info {
  background-color: #2e8dd3;
  border: 1px solid #2e8dd3;
  color: #fff;
}
.touchspin-wrapper .btn-touchspin.spin-border-info {
  background-color: initial;
  border: 1px solid #2e8dd3;
  color: #2e8dd3;
}
.touchspin-wrapper input[type="number"].spin-outline-info {
  border: none;
  border-radius: 3px;
  outline: 1px solid #2e8dd3;
}
[data-theme="dark"] .touchspin-wrapper input[type="number"].spin-outline-info {
  background-color: #f9fafc !important;
  background-color: var(--body-color) !important;
  color: #fff;
  outline: 1px solid #6a71854d;
  outline: 1px solid var(--solid-border);
}
.pre-post-touchspin .btn-touchspin.touchspin-info {
  background-color: #2e8dd3;
  border: 1px solid #2e8dd3;
  color: #fff;
}
.form-switch .form-check-input.switch-info:checked {
  background-color: #2e8dd3;
  border-color: #2e8dd3;
}
.alert-light {
  background-color: #f4f5f8cc;
  background-color: #f4f5f8;
  border-color: #f4f5f8e6;
  color: #fff;
  color: #2c2c31;
}
.alert-light .progress {
  background-color: #f1f2f6;
  border-radius: 0;
  height: 5px;
}
.alert-light .progress-bar {
  background-color: #fff;
}
.alert-light .btn-close {
  filter: brightness(1) invert(1);
}
.alert-light .alert-link {
  color: #f4f5f8;
  color: #2c2c31;
}
.alert-light .btn-close {
  filter: none;
}
.alert-light hr {
  border-top-color: #f4f5f8;
}
.border-light {
  border-color: #f4f5f8 !important;
}
.touchspin-wrapper .btn-touchspin.touchspin-light {
  background-color: #f4f5f8;
  border: 1px solid #f4f5f8;
  color: #fff;
}
.touchspin-wrapper .btn-touchspin.spin-border-light {
  background-color: initial;
  border: 1px solid #f4f5f8;
  color: #f4f5f8;
}
.touchspin-wrapper input[type="number"].spin-outline-light {
  border: none;
  border-radius: 3px;
  outline: 1px solid #f4f5f8;
}
[data-theme="dark"] .touchspin-wrapper input[type="number"].spin-outline-light {
  background-color: #f9fafc !important;
  background-color: var(--body-color) !important;
  color: #fff;
  outline: 1px solid #6a71854d;
  outline: 1px solid var(--solid-border);
}
.pre-post-touchspin .btn-touchspin.touchspin-light {
  background-color: #f4f5f8;
  border: 1px solid #f4f5f8;
  color: #fff;
}
.form-switch .form-check-input.switch-light:checked {
  background-color: #f4f5f8;
  border-color: #f4f5f8;
}
.alert-dark {
  background-color: #2c2c31cc;
  border-color: #2c2c31e6;
  color: #fff;
}
.alert-dark .progress {
  background-color: #2a2a2e;
  border-radius: 0;
  height: 5px;
}
.alert-dark .progress-bar {
  background-color: #aaaab2;
}
.alert-dark .btn-close {
  filter: brightness(1) invert(1);
}
.alert-dark .alert-link {
  color: #2c2c31;
}
.alert-dark hr {
  border-top-color: #2c2c31;
}
.border-dark {
  border-color: #2c2c31 !important;
}
.touchspin-wrapper .btn-touchspin.touchspin-dark {
  background-color: #2c2c31;
  border: 1px solid #2c2c31;
  color: #fff;
}
.touchspin-wrapper .btn-touchspin.spin-border-dark {
  background-color: initial;
  border: 1px solid #2c2c31;
  color: #2c2c31;
}
.touchspin-wrapper input[type="number"].spin-outline-dark {
  border: none;
  border-radius: 3px;
  outline: 1px solid #2c2c31;
}
[data-theme="dark"] .touchspin-wrapper input[type="number"].spin-outline-dark {
  background-color: #f9fafc !important;
  background-color: var(--body-color) !important;
  color: #fff;
  outline: 1px solid #6a71854d;
  outline: 1px solid var(--solid-border);
}
.pre-post-touchspin .btn-touchspin.touchspin-dark {
  background-color: #2c2c31;
  border: 1px solid #2c2c31;
  color: #fff;
}
.form-switch .form-check-input.switch-dark:checked {
  background-color: #2c2c31;
  border-color: #2c2c31;
}
.alert-warning {
  background-color: #f0ad4ecc;
  border-color: #f0ad4ee6;
  color: #fff;
}
.alert-warning .progress {
  background-color: #f0ab49;
  border-radius: 0;
  height: 5px;
}
.alert-warning .progress-bar {
  background-color: #fff;
}
.alert-warning .btn-close {
  filter: brightness(1) invert(1);
}
.alert-warning .alert-link {
  color: #f0ad4e;
}
.alert-warning hr {
  border-top-color: #f0ad4e;
}
.border-warning {
  border-color: #f0ad4e !important;
}
.touchspin-wrapper .btn-touchspin.touchspin-warning {
  background-color: #f0ad4e;
  border: 1px solid #f0ad4e;
  color: #fff;
}
.touchspin-wrapper .btn-touchspin.spin-border-warning {
  background-color: initial;
  border: 1px solid #f0ad4e;
  color: #f0ad4e;
}
.touchspin-wrapper input[type="number"].spin-outline-warning {
  border: none;
  border-radius: 3px;
  outline: 1px solid #f0ad4e;
}
[data-theme="dark"]
  .touchspin-wrapper
  input[type="number"].spin-outline-warning {
  background-color: #f9fafc !important;
  background-color: var(--body-color) !important;
  color: #fff;
  outline: 1px solid #6a71854d;
  outline: 1px solid var(--solid-border);
}
.pre-post-touchspin .btn-touchspin.touchspin-warning {
  background-color: #f0ad4e;
  border: 1px solid #f0ad4e;
  color: #fff;
}
.form-switch .form-check-input.switch-warning:checked {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
[data-theme="dark"] .alert .alert-heading,
[data-theme="dark"] .alert p {
  color: #3d3d47 !important;
  color: var(--body-font-color) !important;
}
[data-theme="dark"] .alert-light,
[data-theme="dark"] .alert-light p {
  color: #000 !important;
  color: var(--black) !important;
}
.form-wizard .tab {
  display: none;
}
.form-wizard .step {
  background-color: var(--theme-default);
  border: none;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  margin: 0 2px;
  opacity: 0.5;
  width: 10px;
}
.form-wizard .step.active {
  opacity: 1;
}
.form-wizard .step.finish {
  background-color: #c42a02;
}
.vertical-main-wizard .header-vertical-wizard {
  background-color: #f4f5f8b3;
  height: 100%;
  text-align: inherit;
}
[data-theme="dark"] .vertical-main-wizard .header-vertical-wizard {
  background: #f9fafc;
  background: var(--body-color);
}
.vertical-main-wizard .header-vertical-wizard .nav-link {
  border-bottom: 1px solid #6a71854d;
  border-bottom: 1px solid var(--solid-border);
  border-radius: 0;
  padding: 20px;
}
.vertical-main-wizard .header-vertical-wizard .nav-link:last-child {
  border-bottom: 0;
}
.vertical-main-wizard .nav-pills .nav-link.active,
.vertical-main-wizard .nav-pills.show > .nav-link {
  background-color: initial;
}
.vertical-main-wizard .nav-link .vertical-wizard {
  align-items: center;
  display: flex;
  gap: 14px;
}
.vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard {
  align-items: center;
  background-color: #fff;
  border: 1px solid #52526c;
  border-radius: 50%;
  display: flex;
  height: 33px;
  justify-content: center;
  position: relative;
  width: 33px;
}
[data-theme="dark"]
  .vertical-main-wizard
  .nav-link
  .vertical-wizard
  .stroke-icon-wizard {
  background: #fff;
  background: var(--card-color);
}
.vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard i {
  color: #52526c;
  margin-right: 0;
}
[data-theme="dark"]
  .vertical-main-wizard
  .nav-link
  .vertical-wizard
  .stroke-icon-wizard
  i {
  color: #3d3d47;
  color: var(--body-font-color);
}
.vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content .h6,
.vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content h6 {
  color: #3d3d47;
  color: var(--body-font-color);
  font-weight: 400;
  line-height: 1;
}
.vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content p {
  color: #9999a9cc;
  color: var(--text-gray);
}
.vertical-main-wizard .nav-link.active,
.vertical-main-wizard .nav-link:active {
  background-color: initial;
}
.vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard,
.vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard {
  background-color: var(--theme-default);
  border: 1px solid var(--theme-default);
}
.vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard i,
.vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard i {
  color: #fff;
  font-size: 18px;
}
.vertical-main-wizard
  .nav-link.active
  .vertical-wizard
  .stroke-icon-wizard:before,
.vertical-main-wizard
  .nav-link:active
  .vertical-wizard
  .stroke-icon-wizard:before {
  border: 1px solid var(--theme-default);
  border-radius: 50%;
  content: "";
  height: 45px;
  position: absolute;
  width: 45px;
}
.vertical-main-wizard
  .nav-link.active
  .vertical-wizard
  .vertical-wizard-content
  .h6,
.vertical-main-wizard
  .nav-link.active
  .vertical-wizard
  .vertical-wizard-content
  h6,
.vertical-main-wizard
  .nav-link:active
  .vertical-wizard
  .vertical-wizard-content
  .h6,
.vertical-main-wizard
  .nav-link:active
  .vertical-wizard
  .vertical-wizard-content
  h6 {
  color: var(--theme-default);
}
.vertical-main-wizard .form-check .form-check-label {
  margin-bottom: 0;
}
.vertical-main-wizard
  .input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.basic-wizard .stepper-horizontal {
  display: flex;
  margin: 0 auto 24px;
  overflow: auto;
  width: 100%;
}
.basic-wizard .stepper-horizontal .step {
  padding-inline: 24px;
  position: relative;
  width: 100%;
  z-index: 2;
}
.basic-wizard .stepper-horizontal .step:first-child {
  padding-left: 0;
}
.basic-wizard .stepper-horizontal .step:last-child {
  padding-right: 0;
}
.basic-wizard .stepper-horizontal .step:last-child .step-bar-left,
.basic-wizard .stepper-horizontal .step:last-child .step-bar-right {
  display: none;
}
.basic-wizard .stepper-horizontal .step .step-circle {
  background: #fff;
  border: 2px solid #ccc;
  border-radius: 50%;
  font-size: 16px;
  font-weight: 600;
  height: 32px;
  line-height: 28px;
  margin: 0 auto;
  text-align: center;
  width: 32px;
  z-index: 2;
}
[data-theme="dark"] .basic-wizard .stepper-horizontal .step .step-circle {
  background: #f9fafc;
  background: var(--body-color);
  border-color: #6a71854d;
  border-color: var(--solid-border);
  color: #3d3d47;
  color: var(--body-font-color);
}
.basic-wizard .stepper-horizontal .step.done .step-circle {
  background-color: #fff;
  border: 2px solid #52526c;
  color: var(--theme-default);
  position: relative;
  z-index: 4;
}
[data-theme="dark"] .basic-wizard .stepper-horizontal .step.done .step-circle {
  background: #f9fafc;
  background: var(--body-color);
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.basic-wizard .stepper-horizontal .step.done .step-circle:before {
  content: "\f00c";
  font-family: FontAwesome;
  font-weight: 100;
}
.basic-wizard .stepper-horizontal .step.done .step-circle * {
  display: none;
}
.basic-wizard .stepper-horizontal .step.done .step-title {
  color: #52526c;
}
.basic-wizard .stepper-horizontal .step.editing .step-circle {
  background: #fff;
  border-color: #52526c;
  color: var(--theme-default);
}
[data-theme="dark"]
  .basic-wizard
  .stepper-horizontal
  .step.editing
  .step-circle {
  background: #f9fafc;
  background: var(--body-color);
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.basic-wizard .stepper-horizontal .step .step-title {
  font-size: 16px;
  font-weight: 600;
  margin-top: 8px;
  white-space: nowrap;
}
.basic-wizard .stepper-horizontal .step .step-optional,
.basic-wizard .stepper-horizontal .step .step-title {
  text-align: center;
}
.basic-wizard .stepper-horizontal .step .step-bar-left,
.basic-wizard .stepper-horizontal .step .step-bar-right {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
  border: 1px solid #43b9b21a;
  border-bottom: 2px solid var(--theme-default-light-bg);
  border-left: 0 solid var(--theme-default-light-bg);
  border-right: 0 solid var(--theme-default-light-bg);
  border-top: 2px solid var(--theme-default-light-bg);
  height: 4px;
  position: absolute;
  top: 14px;
}
.basic-wizard .stepper-horizontal .step .step-bar-left {
  left: 50%;
  width: 100%;
  z-index: -1;
}
[dir="rtl"] .basic-wizard .stepper-horizontal .step .step-bar-left {
  left: auto;
  margin-left: 0;
  margin-right: 1rem;
  right: 37%;
}
.basic-wizard .stepper-horizontal .step .step-bar-right {
  left: 50%;
  transition: width 0.5s ease-in-out;
  width: 0;
  z-index: -1;
}
[dir="rtl"] .basic-wizard .stepper-horizontal .step .step-bar-right {
  left: auto;
  right: 50%;
}
.basic-wizard .stepper-horizontal .step.done .step-bar-right {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
  width: 100%;
  z-index: 3;
}
.basic-wizard form.none {
  display: none;
}
.basic-wizard form.block {
  display: block;
}
.basic-wizard form .form-check-label {
  margin-bottom: 0;
}
.important-validation .form-label span {
  color: #c42a02;
}
.wizard-footer button.disabled {
  background-color: #eaebf2;
}
.wizard-footer button.back {
  background-color: #f0ad4e;
}
.successful-form {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding-bottom: 24px;
}
.successful-form img {
  height: 100px;
  width: 100px;
}
.inquiries-form .h6,
.inquiries-form h6 {
  margin-bottom: 14px;
}
.inquiries-form .choose-option {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.inquiries-form .choose-option .form-check:last-child {
  margin-bottom: 0;
}
.form-completed img {
  display: block;
  height: 100px;
  margin: 0 auto;
}
.form-completed .h6,
.form-completed h6 {
  margin-top: 24px;
  text-align: center;
}
.horizontal-wizard-wrapper .main-horizontal-header {
  padding: 0 0 20px;
}
.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: space-around;
}
@media (max-width: 1182px) {
  .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options {
    justify-content: flex-start;
  }
}
.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a {
  align-items: center;
  display: flex;
  justify-content: center;
}
.horizontal-wizard-wrapper
  .main-horizontal-header
  .horizontal-options
  a
  .horizontal-wizard {
  align-items: center;
  color: #3d3d47;
  color: var(--body-font-color);
  display: flex;
  justify-content: center;
  transition: all 0.3s ease;
}
.horizontal-wizard-wrapper
  .main-horizontal-header
  .horizontal-options
  a
  .horizontal-wizard
  .stroke-icon-wizard
  i {
  color: #3d3d47;
  color: var(--body-font-color);
  font-size: 18px;
}
[dir="rtl"]
  .horizontal-wizard-wrapper
  .main-horizontal-header
  .horizontal-options
  a
  .horizontal-wizard
  .stroke-icon-wizard
  i {
  margin-left: 10px;
  margin-right: 0;
}
.horizontal-wizard-wrapper
  .main-horizontal-header
  .horizontal-options
  a.nav-link.active
  .horizontal-wizard,
.horizontal-wizard-wrapper
  .main-horizontal-header
  .horizontal-options
  a.nav-link:active
  .horizontal-wizard {
  color: #fff;
  transition: all 0.3s ease;
}
.horizontal-wizard-wrapper
  .main-horizontal-header
  .horizontal-options
  a.nav-link.active
  .horizontal-wizard
  .horizontal-wizard-content
  .h6,
.horizontal-wizard-wrapper
  .main-horizontal-header
  .horizontal-options
  a.nav-link.active
  .horizontal-wizard
  .horizontal-wizard-content
  h6,
.horizontal-wizard-wrapper
  .main-horizontal-header
  .horizontal-options
  a.nav-link:active
  .horizontal-wizard
  .horizontal-wizard-content
  .h6,
.horizontal-wizard-wrapper
  .main-horizontal-header
  .horizontal-options
  a.nav-link:active
  .horizontal-wizard
  .horizontal-wizard-content
  h6 {
  color: #fff;
  color: var(--white);
}
.horizontal-wizard-wrapper
  .main-horizontal-header
  .horizontal-options
  a.nav-link.active
  .horizontal-wizard
  .stroke-icon-wizard
  i,
.horizontal-wizard-wrapper
  .main-horizontal-header
  .horizontal-options
  a.nav-link.active
  .horizontal-wizard
  .stroke-icon-wizard
  span,
.horizontal-wizard-wrapper
  .main-horizontal-header
  .horizontal-options
  a.nav-link:active
  .horizontal-wizard
  .stroke-icon-wizard
  i,
.horizontal-wizard-wrapper
  .main-horizontal-header
  .horizontal-options
  a.nav-link:active
  .horizontal-wizard
  .stroke-icon-wizard
  span {
  color: #fff;
}
[data-theme="dark"]
  .horizontal-wizard-wrapper
  .main-horizontal-header
  .horizontal-options
  a.nav-link.active
  .horizontal-wizard
  .stroke-icon-wizard
  span,
[data-theme="dark"]
  .horizontal-wizard-wrapper
  .main-horizontal-header
  .horizontal-options
  a.nav-link:active
  .horizontal-wizard
  .stroke-icon-wizard
  span {
  color: #fff !important;
}
.horizontal-wizard-wrapper .main-horizontal-header .form-check {
  margin-bottom: 0;
}
.horizontal-wizard-wrapper .bank-search {
  margin-bottom: 22px;
}
@media (max-width: 767px) {
  .horizontal-wizard-wrapper .bank-search {
    margin-bottom: 0;
  }
}
.horizontal-wizard-wrapper .bank-selection {
  padding: 10px 0 0;
}
@media (max-width: 401px) {
  .horizontal-wizard-wrapper .bank-selection .radio-wrapper {
    justify-content: center;
  }
}
.horizontal-wizard-wrapper .bank-selection .radio-wrapper li {
  align-items: center;
  border: none;
  display: flex;
  height: 100%;
  justify-content: center;
  max-width: 130px;
  padding: 12px;
  position: relative;
  text-align: center;
  width: 100%;
}
@media (max-width: 1232px) {
  .horizontal-wizard-wrapper .bank-selection .radio-wrapper li {
    max-width: 105px;
    padding: 10px;
  }
}
@media (max-width: 1335px) {
  .horizontal-wizard-wrapper .bank-selection .radio-wrapper li {
    max-width: 113px;
  }
}
.horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label {
  margin-bottom: 0;
  padding: 12px;
}
.horizontal-wizard-wrapper
  .bank-selection
  .radio-wrapper
  li
  .form-check-label
  img {
  height: calc(43.6px + 0.4375vw);
}
.horizontal-wizard-wrapper
  .bank-selection
  .radio-wrapper
  li
  .form-check-label
  span {
  font-size: 14px;
}
.horizontal-wizard-wrapper.vertical-variations
  .main-horizontal-header
  .horizontal-options {
  gap: 12px;
}
@media (max-width: 1400px) {
  .horizontal-wizard-wrapper.vertical-variations
    .main-horizontal-header
    .horizontal-options {
    justify-content: flex-start;
  }
}
.horizontal-wizard-wrapper.vertical-variations
  .main-horizontal-header
  .horizontal-options
  .nav-link {
  color: #3d3d47;
  color: var(--body-font-color);
}
.horizontal-wizard-wrapper.vertical-variations
  .main-horizontal-header
  .horizontal-options
  .nav-link
  .horizontal-wizard {
  gap: 10px;
}
.horizontal-wizard-wrapper.vertical-variations
  .main-horizontal-header
  .horizontal-options
  .nav-link
  .horizontal-wizard
  .stroke-icon-wizard {
  align-items: center;
  border-radius: 6px;
  display: flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}
[data-theme="dark"]
  .horizontal-wizard-wrapper.vertical-variations
  .main-horizontal-header
  .horizontal-options
  .nav-link
  .horizontal-wizard
  .stroke-icon-wizard {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
}
.horizontal-wizard-wrapper.vertical-variations
  .main-horizontal-header
  .horizontal-options
  .nav-link
  .horizontal-wizard
  .stroke-icon-wizard
  i {
  margin-right: 0;
}
.horizontal-wizard-wrapper.vertical-variations
  .main-horizontal-header
  .horizontal-options
  .nav-link.active,
.horizontal-wizard-wrapper.vertical-variations
  .main-horizontal-header
  .horizontal-options
  .nav-link:active {
  background-color: initial;
}
.horizontal-wizard-wrapper.vertical-variations
  .main-horizontal-header
  .horizontal-options
  .nav-link.active
  .horizontal-wizard,
.horizontal-wizard-wrapper.vertical-variations
  .main-horizontal-header
  .horizontal-options
  .nav-link:active
  .horizontal-wizard {
  color: #3d3d47;
  color: var(--body-font-color);
}
.horizontal-wizard-wrapper.vertical-variations
  .main-horizontal-header
  .horizontal-options
  .nav-link.active
  .horizontal-wizard
  .horizontal-wizard-content
  .h6,
.horizontal-wizard-wrapper.vertical-variations
  .main-horizontal-header
  .horizontal-options
  .nav-link.active
  .horizontal-wizard
  .horizontal-wizard-content
  h6,
.horizontal-wizard-wrapper.vertical-variations
  .main-horizontal-header
  .horizontal-options
  .nav-link:active
  .horizontal-wizard
  .horizontal-wizard-content
  .h6,
.horizontal-wizard-wrapper.vertical-variations
  .main-horizontal-header
  .horizontal-options
  .nav-link:active
  .horizontal-wizard
  .horizontal-wizard-content
  h6 {
  color: var(--theme-default);
}
.horizontal-wizard-wrapper.vertical-variations
  .main-horizontal-header
  .horizontal-options
  .nav-link.active
  .horizontal-wizard
  .stroke-icon-wizard,
.horizontal-wizard-wrapper.vertical-variations
  .main-horizontal-header
  .horizontal-options
  .nav-link:active
  .horizontal-wizard
  .stroke-icon-wizard {
  background-color: var(--theme-default) !important;
}
.horizontal-wizard-wrapper.vertical-variations
  .main-horizontal-header
  .horizontal-options
  .nav-link.active
  .horizontal-wizard
  .stroke-icon-wizard
  i,
.horizontal-wizard-wrapper.vertical-variations
  .main-horizontal-header
  .horizontal-options
  .nav-link:active
  .horizontal-wizard
  .stroke-icon-wizard
  i {
  color: #fff !important;
  margin-right: 0;
}
.horizontal-wizard-wrapper.vertical-variations
  .select-account
  .radio-wrapper
  li {
  align-items: normal;
  display: grid;
  height: 100%;
  max-width: none;
  padding: 20px;
  place-content: baseline;
  text-align: inherit;
  width: 100%;
}
.horizontal-wizard-wrapper.vertical-variations
  .select-account
  .radio-wrapper
  li
  .form-check-label {
  align-items: center;
  display: flex;
  justify-content: normal;
}
.horizontal-wizard-wrapper.vertical-variations
  .select-account
  .radio-wrapper
  li
  .form-check-label
  span
  > span
  + span {
  font-size: 13px;
}
@media (max-width: 400px) {
  .horizontal-wizard-wrapper.vertical-variations
    .select-account
    .radio-wrapper
    li
    .form-check-label
    span
    > span
    + span {
    display: none;
  }
}
.horizontal-wizard-wrapper.vertical-options .main-horizontal-header {
  padding-bottom: 0;
}
.horizontal-wizard-wrapper.vertical-options
  .main-horizontal-header
  .horizontal-options {
  align-items: flex-start;
  flex-direction: column;
  gap: 12px;
  justify-content: flex-start;
}
.authentication-options .radio-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: calc(6.4px + 0.5vw);
  justify-content: center;
}
.authentication-options .radio-wrapper li {
  align-items: normal;
  display: grid;
  height: 100%;
  max-width: none;
  padding: 20px;
  place-content: baseline;
  text-align: inherit;
  width: 100%;
}
.authentication-options .radio-wrapper li .form-check-label {
  align-items: center;
  display: flex;
  gap: 14px;
  text-align: left;
}
@media (max-width: 400px) {
  .authentication-options .radio-wrapper li .form-check-label {
    align-items: baseline;
  }
}
.authentication-options .radio-wrapper li .form-check-label i,
[dir="rtl"] .authentication-options .radio-wrapper li .form-check-label i {
  padding: 0;
}
.authentication-options .radio-wrapper li .form-check-label i.fa-spin {
  animation: spin 2s linear infinite;
}
.authentication-options .radio-wrapper li .form-check-label span > span {
  color: #1f2533;
  font-size: 16px;
  font-weight: 500;
}
[data-theme="dark"]
  .authentication-options
  .radio-wrapper
  li
  .form-check-label
  span
  > span {
  color: #767676;
  color: var(--light-font);
}
.authentication-options .radio-wrapper li .form-check-label span > span + span {
  color: #9999a9cc;
  color: var(--text-gray);
  font-size: 14px;
}
[data-theme="dark"]
  .authentication-options
  .radio-wrapper
  li
  .form-check-label
  span
  > span
  + span {
  color: #767676;
  color: var(--light-font);
}
.main-qr-code .modal-toggle-wrapper .modal-img {
  align-items: center;
  flex-direction: column;
  margin-bottom: 22px;
}
@media (max-width: 480px) {
  .main-qr-code .modal-toggle-wrapper .modal-img {
    align-items: normal;
  }
  .main-qr-code .modal-toggle-wrapper .modal-img .qr-img {
    text-align: center;
  }
}
.main-qr-code .modal-toggle-wrapper .modal-img .qr-img img {
  height: 100px;
  width: 100px;
}
.main-qr-code .modal-toggle-wrapper .modal-img .qr-content {
  margin-top: 16px;
}
.main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert {
  align-items: normal;
}
.main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert div {
  word-break: break-word;
}
.main-qr-code .modal-toggle-wrapper .modal-img .qr-content i {
  font-size: 20px;
  margin-right: 0;
}
.main-qr-code .modal-toggle-wrapper .btn {
  display: block;
  margin: 12px auto auto;
}
.authentication-body {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  text-align: center;
}
.authentication-body img {
  height: calc(156px + 13.75vw);
}
.authentication-body .modal .modal-body p {
  font-size: 14px;
  letter-spacing: 0.7px;
  line-height: 1.7;
  margin-bottom: 1rem;
  margin-top: 0;
}
.shopping-wizard .shipping-form .shipping-border {
  border-right: 1px solid #52526c4d;
  border-right: 1px solid var(--recent-dashed-border);
}
@media (max-width: 1200px) {
  .shopping-wizard .shipping-form .shipping-border {
    border-right: initial;
  }
}
.shopping-wizard .shipping-form .shipping-options {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 18px;
}
@media (max-width: 768px) {
  .shopping-wizard .shipping-form .shipping-options {
    flex-direction: column;
  }
}
.shopping-wizard .shipping-form .shipping-options .nav-link {
  width: 100%;
}
@media (min-width: 1200px) and (max-width: 1920px) {
  .shopping-wizard .shipping-form .shipping-options .nav-link {
    padding: 8px calc(4.14815px + 0.61728vw);
  }
}
.shopping-wizard .shipping-form .shipping-options .nav-link.active i,
.shopping-wizard .shipping-form .shipping-options .nav-link:active i {
  background-color: #c3f7f4;
  color: var(--theme-default);
  transition: all 0.3s ease-in-out;
}
.shopping-wizard .shipping-form .shipping-options .nav-link.active .h6,
.shopping-wizard .shipping-form .shipping-options .nav-link.active h6,
.shopping-wizard .shipping-form .shipping-options .nav-link:active .h6,
.shopping-wizard .shipping-form .shipping-options .nav-link:active h6 {
  color: #fff !important;
}
.shopping-wizard .shipping-form .shipping-options .cart-options {
  align-items: center;
  display: flex;
  gap: 11px;
}
.shopping-wizard .shipping-form .shipping-options .cart-options i {
  align-items: center;
  background-color: var(--theme-default);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 18px;
  height: 40px;
  justify-content: center;
  margin: 0;
  transition: all 0.3s ease-in-out;
  width: 40px;
}
@media (min-width: 1200px) and (max-width: 1920px) {
  .shopping-wizard .shipping-form .shipping-options .cart-options i {
    font-size: calc(7.33333px + 0.55556vw);
    height: calc(13.33333px + 1.38889vw);
    width: calc(13.33333px + 1.38889vw);
  }
}
.shopping-wizard .shipping-form .shipping-options .cart-options .h6,
.shopping-wizard .shipping-form .shipping-options .cart-options h6 {
  color: var(--theme-default);
}
.shopping-wizard .shipping-form .shipping-info .table thead th {
  white-space: nowrap;
}
.shopping-wizard .shipping-form .shipping-info .table thead th:last-child {
  text-align: end;
}
.shopping-wizard .shipping-form .shipping-info .table tbody tr td img {
  height: 50px;
}
.shopping-wizard .shipping-form .shipping-info .table tbody tr td:last-child {
  text-align: end;
}
.shopping-wizard .shipping-form .shipping-info .table tbody tr td span {
  color: #9999a9cc;
  color: var(--text-gray);
}
.shopping-wizard .shipping-form .shipping-info .table tbody tr:last-child td {
  border: 0;
}
.shopping-wizard .shipping-form .shipping-info .table tfoot {
  font-weight: 400;
}
.shopping-wizard .shipping-form .shipping-info .table tfoot tr td {
  white-space: nowrap;
}
.shopping-wizard .shipping-form .shipping-info .table tfoot tr td:first-child {
  max-width: 370px;
}
.shopping-wizard .shipping-form .shipping-info .table tfoot tr td:last-child {
  min-width: 0;
  text-align: end;
}
.shopping-wizard .shipping-form .shipping-info .table tfoot tr:first-child {
  font-weight: 500;
}
.shopping-wizard .shipping-form .shipping-info .table tfoot tr:last-child {
  font-weight: 600;
}
.shopping-wizard .shipping-form .shipping-info .table tfoot tr:last-child td {
  border-bottom: 0;
}
.shopping-wizard .shipping-form .shipping-content {
  height: 100%;
  padding: 0;
}
.shopping-wizard
  .shipping-form
  .shipping-content
  .shipping-wizard
  .shipping-title {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.shopping-wizard
  .shipping-form
  .shipping-content
  .shipping-wizard
  .shipping-title
  > .btn {
  background: none !important;
  border: 0;
  padding: 0 28px;
}
.shopping-wizard
  .shipping-form
  .shipping-content
  .shipping-wizard
  .shipping-title
  > .btn
  i {
  color: var(--theme-default);
}
.shopping-wizard
  .shipping-form
  .shipping-content
  .shipping-wizard
  .collect-address {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.shopping-wizard
  .shipping-form
  .shipping-content
  .shipping-wizard
  .collect-address
  .card-icon {
  align-items: center;
  display: flex;
  gap: 12px;
}
.shopping-wizard
  .shipping-form
  .shipping-content
  .shipping-wizard
  .collect-address
  .card-icon
  i {
  color: var(--theme-default);
  font-size: 16px;
}
.shopping-wizard
  .shipping-form
  .shipping-content
  .shipping-wizard
  .shipping-address {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.shopping-wizard
  .shipping-form
  .shipping-content
  .shipping-wizard
  .shipping-address
  .h6,
.shopping-wizard
  .shipping-form
  .shipping-content
  .shipping-wizard
  .shipping-address
  h6 {
  font-size: 15px;
  font-weight: 500;
}
.shopping-wizard .shipping-form .shipping-content > .active.finish-wizard1 {
  align-items: center;
  display: flex;
  height: calc(100% - 73px);
  justify-content: center;
}
@media (max-width: 768px) {
  .shopping-wizard .shipping-form .shipping-content > .active.finish-wizard1 {
    height: auto;
  }
}
.shopping-wizard .shipping-form .shipping-method p {
  color: #9999a9cc;
  color: var(--text-gray);
  padding-left: 25px;
}
[dir="rtl"] .shopping-wizard .shipping-form .shipping-method p {
  padding-left: 0;
  padding-right: 25px;
}
.shopping-wizard .shipping-form .proceed-next {
  transform: scaleX(-1);
}
.shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper {
    align-items: flex-start;
    flex-direction: column;
    justify-content: normal;
  }
}
.shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper img {
  height: 50px;
}
.shopping-wizard .shipping-form .payment-info-wrapper .pay-info {
  display: block;
}
.shopping-wizard .shipping-form .payment-info-wrapper .pay-info > div {
  align-items: center;
  display: flex;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .shopping-wizard .shipping-form .payment-info-wrapper .pay-info > div {
    align-items: flex-start;
    flex-direction: column;
  }
}
.shopping-wizard .shipping-form .order-confirm {
  text-align: center;
}
@media (max-width: 1200px) {
  .shopping-wizard .shipping-form .order-confirm {
    margin-bottom: 18px;
  }
}
.shopping-wizard .shipping-form .order-confirm img {
  height: calc(86px + 2.8125vw);
}
.avatar-upload {
  flex-direction: column;
}
.avatar-upload div:first-child {
  margin: auto;
  max-width: 205px;
  position: relative;
}
.avatar-upload div:first-child .avatar-edit {
  position: absolute;
  right: 25px;
  top: 4px;
  z-index: 1;
}
.avatar-upload div:first-child .avatar-edit input {
  display: none;
}
.avatar-upload div:first-child .avatar-edit label {
  background: #eef1f6;
  background: var(--light-bg);
  border: 1px solid #0000;
  border-radius: 100%;
  box-shadow: 0 2px 4px 0 #0000001f;
  cursor: pointer !important;
  display: inline-block;
  font-weight: 400;
  height: 35px;
  margin-bottom: 0;
  transition: all 0.2s ease-in-out;
  width: 35px;
}
[data-theme="dark"] .avatar-upload div:first-child .avatar-edit label {
  background: #f9fafc;
  background: var(--body-color);
}
.avatar-upload div:first-child .avatar-edit label:after {
  color: #3d3d47;
  color: var(--body-font-color);
  content: "\eae8";
  font-family: IcoFont;
  left: 3px;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 8px;
}
[dir="rtl"] .avatar-upload div:first-child .avatar-edit label:after {
  left: 0;
  right: 3px;
}
.avatar-upload div:first-child .avatar-preview {
  border: 6px solid #f8f8f8;
  border: 6px solid var(--avatar-preview-border);
  border-radius: 100%;
  box-shadow: 0 2px 4px 0 #0000001a;
  height: 150px;
  margin: auto;
  position: relative;
  width: 150px;
}
[data-theme="dark"] .avatar-upload div:first-child .avatar-preview {
  border-color: #f9fafc;
  border-color: var(--body-color);
}
.avatar-upload div:first-child .avatar-preview > div {
  background-image: url(/mbanking/static/media/user.97f32666d7babe5cd4f2.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  height: 100%;
  width: 100%;
}
.avatar-upload .h6,
.avatar-upload h6 {
  padding-top: 14px;
  text-align: center;
}
.email-verify .card-wrapper {
  display: grid;
  place-content: center;
}
.email-verify .card-wrapper > div {
  align-items: center;
}
.email-verify
  .card-wrapper
  .input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.authenticate {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.authenticate span:first-of-type {
  margin-top: 12px;
}
.authenticate .h4,
.authenticate h4 {
  margin-bottom: 12px;
}
.authenticate img {
  height: calc(134px + 3.4375vw);
}
.authenticate form {
  flex-direction: column;
  text-align: center;
}
.authenticate form .otp-generate {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin: 14px 0;
}
.authenticate form .form-control {
  border-radius: 5px;
  display: block;
  height: calc(23px + 0.625vw);
  min-width: 0;
  padding: 0;
  text-align: center;
  width: calc(23px + 0.625vw);
}
.authenticate form div {
  display: inline-grid;
  gap: 2px;
  margin-top: 12px;
}
.accordion
  .accordion-item
  .accordion-body
  .choose-bank
  .form-check
  .form-check-label {
  color: #3d3d47;
  color: var(--body-font-color);
}
.wizard-4 .anchor {
  padding: 40px 30px;
}
@media (max-width: 1199.98px) {
  .wizard-4 .anchor {
    padding: 40px 12px;
  }
}
@media (max-width: 767.98px) {
  .wizard-4 .anchor {
    padding: 10px 30px;
  }
}
.wizard-4 .anchor li:last-child {
  bottom: 0;
  left: 9%;
  padding-bottom: 0;
  position: absolute;
  width: auto;
}
@media (max-width: 767.98px) {
  .wizard-4 .anchor li:last-child {
    display: none;
  }
}
.wizard-4 .anchor li:last-child img {
  height: 300px;
  object-fit: cover;
}
@media (max-width: 991.98px) {
  .wizard-4 .anchor li:last-child img {
    height: 230px;
  }
}
.wizard-4 .anchor .progresscont .circleblocks .user-profile {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: flex-start;
  padding: 40px 0;
}
@media (max-width: 991.98px) {
  .wizard-4 .anchor .progresscont .circleblocks .user-profile {
    gap: 30px;
  }
}
@media (max-width: 767.98px) {
  .wizard-4 .anchor .progresscont .circleblocks .user-profile {
    gap: 12px;
    padding: 10px 0;
  }
}
.wizard-4 .anchor .progresscont .circleblocks .user-profile > div {
  align-items: center;
  display: flex;
}
.wizard-4
  .anchor
  .progresscont
  .circleblocks
  .user-profile
  > div
  .user-content {
  padding-left: 24px;
}
@media (max-width: 1199.98px) {
  .wizard-4
    .anchor
    .progresscont
    .circleblocks
    .user-profile
    > div
    .user-content {
    padding-left: 10px !important;
  }
  .wizard-4
    .anchor
    .progresscont
    .circleblocks
    .user-profile
    > div
    .user-content
    .h4,
  .wizard-4
    .anchor
    .progresscont
    .circleblocks
    .user-profile
    > div
    .user-content
    h4 {
    font-size: 16px;
  }
}
.wizard-4 .anchor .progresscont .circleblocks .user-profile .circulo {
  align-items: center;
  background-color: #fff;
  background-color: var(--card-color);
  border: 2px solid var(--theme-default);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 60px;
  justify-content: center;
  width: 60px;
}
@media (max-width: 991.98px) {
  .wizard-4 .anchor .progresscont .circleblocks .user-profile .circulo {
    height: 45px;
    width: 45px;
  }
}
@media (max-width: 1199.98px) {
  .wizard-4 .anchor .progresscont .circleblocks .user-profile .circulo {
    height: 50px;
    width: 50px;
  }
}
@media (max-width: 767.98px) {
  .wizard-4 .anchor .progresscont .circleblocks .user-profile .circulo {
    height: 40px;
    width: 40px;
  }
}
.wizard-4
  .anchor
  .progresscont
  .circleblocks
  .user-profile
  .circulo.activecirculo {
  background-color: var(--theme-default) !important;
  transition: all 0.5s ease;
}
.wizard-4
  .anchor
  .progresscont
  .circleblocks
  .user-profile
  .circulo.activecirculo
  i {
  color: #fff !important;
}
.wizard-4 .anchor .progresscont .circleblocks .user-profile .circulo i {
  color: var(--theme-default);
  font-size: 22px;
}
@media (max-width: 767.98px) {
  .wizard-4 .anchor .progresscont .circleblocks .user-profile .circulo i {
    font-size: 16px;
  }
}
.wizard-4 .step-container {
  align-items: center;
  background: #43b9b21c;
  background-position: 50%;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  min-height: 100vh;
  padding: 30px 12px;
}
@media (max-width: 767.98px) {
  .wizard-4 .step-container {
    min-height: calc(100vh - 233px);
  }
}
.wizard-4 .step-container .progress {
  display: none;
}
.wizard-4 .step-container .registration-content > div {
  min-height: inherit;
  width: 100%;
}
.wizard-4 .wizard-navigation {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%;
}
.wizard-4 .wizard-navigation button {
  width: 7rem;
}
@media (max-width: 991.98px) {
  .wizard-4 .wizard-navigation button {
    width: 7rem;
  }
}
.wizard-4 .wizard-navigation button #submitForm {
  width: 15rem;
}
@media (max-width: 991.98px) {
  .wizard-4 .wizard-navigation button #submitForm {
    width: 7rem;
  }
}
#aboutcont,
#addrescont,
#submitForm,
#verifycont {
  display: none;
}
.mega-inline {
  display: flex;
  margin-bottom: -30px;
}
.mega-inline .card {
  box-shadow: 0 3px 18px rgb($light-color);
  box-shadow: var(--card-box-shadow);
}
.mega-inline .mega-title-badge {
  display: table;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  width: 100%;
}
.mega-inline .d-flex .radio {
  margin-left: 3px;
}
@media (max-width: 575px) {
  .mega-inline {
    margin-bottom: 0;
  }
}
.mega-vertical {
  display: flex;
  flex-wrap: wrap;
}
.mega-vertical .card {
  box-shadow: 0 3px 18px rgb($light-color);
  box-shadow: var(--card-box-shadow);
}
.mega-vertical .mega-title-badge {
  display: table;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  width: 100%;
}
.mega-vertical .d-flex .radio {
  margin-left: 3px;
}
.mega-title {
  font-weight: 600;
}
.mega-horizontal {
  display: flex;
  flex-wrap: wrap;
}
.mega-horizontal .card {
  box-shadow: 0 3px 18px rgb($light-color);
  box-shadow: var(--card-box-shadow);
}
.mega-horizontal .mega-title-badge {
  display: table;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  width: 100%;
}
.mega-horizontal .d-flex .radio {
  margin-left: 3px;
}
.plain-style .card {
  border: none !important;
  box-shadow: none;
}
.border-style .card {
  border: 1px solid #ecf3fa !important;
  box-shadow: none;
}
.offer-style .card {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  box-shadow: none;
}
.rating-star-wrapper {
  color: #797979;
}
.card-wrapper .payment-wrapper {
  align-items: center;
  border-bottom: 1px dashed #6a71854d;
  border-bottom: var(--light-border);
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 8px;
}
.card-wrapper .payment-wrapper:last-child {
  border-bottom: initial;
  margin-bottom: 0;
  padding-bottom: 0;
}
.card-wrapper .payment-wrapper .payment-second img {
  width: 50px;
}
.card-wrapper .payment-wrapper .payment-second .mega-icons {
  height: 20px;
  width: 20px;
}
.main-upgrade {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin: 0 auto;
  text-align: center;
}
.main-upgrade > div:first-child {
  margin-bottom: 20px;
}
.main-upgrade i {
  color: var(--theme-default);
  display: block;
  font-size: calc(38px + 0.625vw);
}
.main-upgrade p {
  line-height: 1.4;
}
.main-upgrade .variation-box {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: center;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .main-upgrade .variation-box {
    grid-gap: 18px;
    display: grid;
    gap: 18px;
    grid-template-columns: auto auto;
  }
}
@media (max-width: 700px) {
  .main-upgrade .variation-box {
    grid-gap: 18px;
    display: grid;
    gap: 18px;
    grid-template-columns: auto auto;
  }
}
@media (max-width: 380px) {
  .main-upgrade .variation-box {
    grid-template-columns: none;
  }
}
.main-upgrade .variation-box .selection-box {
  border: 1px dashed var(--theme-default);
  border-radius: 15px;
  height: 100px;
  min-width: 125px;
  position: relative;
}
@media (min-width: 1200px) and (max-width: 1920px) {
  .main-upgrade .variation-box .selection-box {
    min-width: calc(85px + 2.08333vw);
  }
}
.main-upgrade .variation-box .selection-box .custom--mega-checkbox {
  align-items: center;
  border-radius: 10px;
  display: flex;
  height: 100%;
  justify-content: center;
  line-height: 25px;
  transition: 0.5s ease;
  width: 100%;
}
.main-upgrade .variation-box .selection-box input {
  cursor: pointer;
  height: 96px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 118px;
}
.megaoptions-border-space-sm .d-flex .radio label {
  padding-left: 18px;
}
@media (min-width: 618px) and (max-width: 1199px) {
  .megaoptions-border-space-sm .d-flex .flex-grow-1 .list-behavior-1 {
    flex-direction: row;
    gap: 18px;
  }
}
@media (max-width: 618px) {
  .megaoptions-border-space-sm .d-flex .flex-grow-1 .list-behavior-1 {
    flex-direction: column;
    gap: 12px;
  }
}
.megaoptions-border-space-sm
  .d-flex
  .flex-grow-1
  .list-behavior-1
  .flex-grow-1 {
  margin-top: -6px;
}
@media (max-width: 618px) {
  .megaoptions-border-space-sm
    .d-flex
    .flex-grow-1
    .list-behavior-1
    .flex-grow-1 {
    margin-left: 0;
  }
}
.megaoptions-border-space-sm .d-flex .flex-grow-1 .list-behavior-1:first-child {
  margin-bottom: 0;
}
.megaoption-space .badge.pull-right,
.megaoptions-border-space-sm .badge.pull-right {
  margin-bottom: 12px;
}
.mega-option .d-flex label {
  font-weight: 600;
}
.megaoptions-border-space-sm .flex-grow-1 .list-behavior-1:first-child {
  margin-bottom: 0;
}
@media (max-width: 618px) {
  .megaoptions-border-space-sm .flex-grow-1 .list-behavior-1 {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }
}
.my-gallery img {
  width: 100%;
}
.my-gallery img.img-thumbnail {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
}
[data-theme="dark"] .my-gallery img.img-thumbnail {
  border-color: #767676 !important;
  border-color: var(--light-font) !important;
}
.my-gallery .pswp-gallery {
  margin-bottom: 30px;
}
@media (max-width: 991.98px) {
  .my-gallery .pswp-gallery {
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .my-gallery .pswp-gallery {
    margin-bottom: 15px;
  }
}
.my-gallery.gallery-with-description img {
  border: 1px dashed #6a71854d !important;
  border: var(--light-border) !important;
  border-bottom: none !important;
  border-radius: 5px 5px 0 0;
  padding: 10px !important;
}
.my-gallery.gallery-with-description a > div {
  border-top: none !important;
  margin-bottom: 0;
  padding: 5px 10px 10px;
}
.my-gallery.gallery-with-description .h4,
.my-gallery.gallery-with-description h4 {
  margin-top: 0;
}
.my-gallery.gallery figure.img-hover a > div {
  overflow: hidden;
}
.my-gallery.gallery figure.img-hover.hover-12 a > div {
  background: var(--theme-default);
}
.my-gallery.gallery figure.img-hover.hover-12 a > div:hover img {
  opacity: 0.7;
}
.masonary-gallery {
  display: flex;
}
.gallery-grid .my-gallery {
  display: inherit !important;
  gap: initial;
}
#aniimated-thumbnials figure:nth-child(10),
#aniimated-thumbnials figure:nth-child(11),
#aniimated-thumbnials figure:nth-child(12),
#aniimated-thumbnials figure:nth-child(9) {
  margin-bottom: 30px;
}
.pswp--touch .pswp__button--arrow {
  visibility: visible;
}
.pswp--one-slide .pswp__button--arrow,
.pswp--one-slide .pswp__counter {
  display: block;
}
.pswp__dynamic-caption .h4,
.pswp__dynamic-caption h4 {
  color: #fff;
}
[data-theme="dark"] .pswp__dynamic-caption .h4,
[data-theme="dark"] .pswp__dynamic-caption h4 {
  color: #3d3d47;
  color: var(--body-font-color);
}
.pswp__dynamic-caption {
  color: #fff !important;
  text-align: center !important;
}
@media (max-width: 575.98px) {
  .pswp__button--arrow .pswp__icn {
    height: 40px;
    width: 40px;
  }
}
.pswp__img {
  object-fit: cover;
}
section.pswp__scroll-wrap {
  margin: 0 !important;
}
.prooduct-details-box {
  margin-bottom: 30px;
}
.prooduct-details-box .close {
  cursor: pointer;
  height: 16px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.prooduct-details-box .d-flex {
  border: 1px solid #d7e2e9;
  border-radius: 10px;
  padding: 15px 0 15px 10px;
  position: relative;
  width: 100%;
}
[data-theme="dark"] .prooduct-details-box .d-flex {
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.prooduct-details-box .btn {
  line-height: 13px;
}
.prooduct-details-box .d-block {
  border: 1px solid #ecf3fa;
  position: relative;
  width: 100%;
}
[data-theme="dark"] .prooduct-details-box .d-block {
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.prooduct-details-box .d-block .flex-grow-1 {
  padding: 15px;
}
.prooduct-details-box .rating {
  color: #f0ad4e;
  letter-spacing: 3px;
}
.prooduct-details-box .price {
  display: flex;
  font-size: 14px;
  font-weight: 600;
  margin-top: 3px;
}
.prooduct-details-box .price span {
  color: #767676;
  color: var(--light-font);
  margin-left: 5px;
}
.prooduct-details-box ul.rating li {
  display: inline-block;
}
.prooduct-details-box .product-name a {
  color: #666;
  color: var(--gray-60);
}
.prooduct-details-box .product-name .h6,
.prooduct-details-box .product-name h6 {
  color: #2f2f3b;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
[data-theme="dark"] .prooduct-details-box .product-name .h6,
[data-theme="dark"] .prooduct-details-box .product-name h6 {
  color: #3d3d47;
  color: var(--body-font-color);
}
.prooduct-details-box .btn {
  bottom: 15px;
  font-size: 9px;
  padding: 2px 5px;
  position: absolute;
  right: 15px;
}
.order-history .input-group {
  max-width: 300px;
  text-align: right;
}
.order-history table thead tr th {
  background-color: #43b9b20d !important;
  border: 1px solid #ecf3fa;
  color: var(--theme-default);
  font-size: 16px;
  font-weight: 600;
  padding: 15px;
  text-align: center;
  vertical-align: middle;
}
[data-theme="dark"] .order-history table thead tr th {
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.order-history table .qty-box {
  border-radius: 5px;
  margin: 0 auto;
  overflow: hidden;
  width: 120px;
}
.order-history table .qty-box input {
  background-color: initial;
  border: none;
  padding: 0;
}
.order-history table .qty-box input:focus {
  border: none;
  box-shadow: none;
}
.order-history table .qty-box .input-group {
  align-items: center;
  background-color: initial;
  border: 1px solid #ecf3fa;
  border-radius: 5px;
  justify-content: space-between;
  overflow: hidden;
}
.order-history table .qty-box .btn {
  background-color: initial;
  font-size: 10px;
  padding: 8px 13px;
}
.order-history table tbody tr td {
  color: #979797;
  color: var(--light-text);
  font-weight: 600;
  padding: 0.75rem;
  text-align: center;
  vertical-align: middle;
}
.order-history table tbody tr td .product-name a {
  color: #898989;
  color: var(--dark-gray);
  font-size: 15px;
}
.order-history table tbody tr td .product-name .order-process {
  font-size: 13px;
  padding-left: 15px;
}
.order-history
  table
  tbody
  tr
  td
  .product-name
  .order-process
  .order-process-circle {
  position: relative;
}
.order-history
  table
  tbody
  tr
  td
  .product-name
  .order-process
  .order-process-circle:before {
  background-color: #898989;
  background-color: var(--dark-gray);
  border-radius: 100%;
  content: "";
  height: 4px;
  left: -15px;
  position: absolute;
  top: 7px;
  width: 4px;
}
.order-history
  table
  tbody
  tr
  td
  .product-name
  .order-process
  .order-process-circle.shipped-order:before {
  background-color: #17a600;
}
.order-history
  table
  tbody
  tr
  td
  .product-name
  .order-process
  .order-process-circle.cancel-order:before {
  background-color: #c42a02;
}
.order-history table tbody tr td.total-amount {
  color: #2f2f3b;
}
.order-history table tbody tr:last-child td {
  padding-bottom: 0.75rem !important;
}
.order-history .product-name .h6,
.order-history .product-name h6 {
  color: #2f2f3b;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
}
.whishlist-main > div {
  margin-bottom: -30px;
}
@media only screen and (max-width: 1199px) {
  .order-history table {
    overflow: auto;
    width: 900px;
  }
}
@media only screen and (max-width: 767px) {
  .order-history table tbody tr td .product-name a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 575px) {
  .wishlist .text-end {
    text-align: left !important;
  }
}
.default-dashboard table tr th,
.ecommerce-dashboard table tr th,
.project-dashboard table tr th {
  color: #767676;
  color: var(--light-font);
  font-size: 15px;
  font-weight: 500;
}
.default-dashboard table tr th:last-child,
.ecommerce-dashboard table tr th:last-child,
.project-dashboard table tr th:last-child {
  text-align: center;
}
.default-dashboard table tr td,
.ecommerce-dashboard table tr td,
.project-dashboard table tr td {
  font-weight: 500;
}
.default-dashboard table tr:last-child td,
.ecommerce-dashboard table tr:last-child td,
.project-dashboard table tr:last-child td {
  padding-bottom: 0 !important;
}
.default-dashboard table tr td:first-child,
.default-dashboard table tr th:first-child,
.ecommerce-dashboard table tr td:first-child,
.ecommerce-dashboard table tr th:first-child,
.project-dashboard table tr td:first-child,
.project-dashboard table tr th:first-child {
  padding-left: 0 !important;
}
.default-dashboard table tr td:last-child,
.default-dashboard table tr th:last-child,
.ecommerce-dashboard table tr td:last-child,
.ecommerce-dashboard table tr th:last-child,
.project-dashboard table tr td:last-child,
.project-dashboard table tr th:last-child {
  padding-right: 0 !important;
}
.default-dashboard .datatable-wrapper,
.ecommerce-dashboard .datatable-wrapper,
.project-dashboard .datatable-wrapper {
  position: static;
}
.default-dashboard .datatable-wrapper .datatable-top,
.ecommerce-dashboard .datatable-wrapper .datatable-top,
.project-dashboard .datatable-wrapper .datatable-top {
  padding: 0;
  position: absolute;
  right: 48px;
  top: 14px;
}
.default-dashboard .datatable-wrapper .datatable-top input,
.ecommerce-dashboard .datatable-wrapper .datatable-top input,
.project-dashboard .datatable-wrapper .datatable-top input {
  background-color: #f4f5f8;
  background-color: var(--light-color);
  border: 0;
  outline: 0;
  padding: 8px 12px;
}
.default-dashboard .datatable-wrapper .datatable-top input:before,
.ecommerce-dashboard .datatable-wrapper .datatable-top input:before,
.project-dashboard .datatable-wrapper .datatable-top input:before {
  content: "f002";
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  .default-dashboard .datatable-wrapper .datatable-top input,
  .ecommerce-dashboard .datatable-wrapper .datatable-top input,
  .project-dashboard .datatable-wrapper .datatable-top input {
    display: none;
  }
}
.default-dashboard .datatable-wrapper .datatable-bottom,
.ecommerce-dashboard .datatable-wrapper .datatable-bottom,
.project-dashboard .datatable-wrapper .datatable-bottom {
  display: none;
  padding: 0;
}
.default-dashboard .datatable-wrapper .datatable-sorter:after,
.default-dashboard .datatable-wrapper .datatable-sorter:before,
.ecommerce-dashboard .datatable-wrapper .datatable-sorter:after,
.ecommerce-dashboard .datatable-wrapper .datatable-sorter:before,
.project-dashboard .datatable-wrapper .datatable-sorter:after,
.project-dashboard .datatable-wrapper .datatable-sorter:before {
  display: none;
}
.default-dashboard .datatable-wrapper.no-footer .datatable-container,
.ecommerce-dashboard .datatable-wrapper.no-footer .datatable-container,
.project-dashboard .datatable-wrapper.no-footer .datatable-container {
  border-bottom: 0;
  border-top: 0;
}
.default-dashboard .dropdown.icon-dropdown,
.ecommerce-dashboard .dropdown.icon-dropdown,
.project-dashboard .dropdown.icon-dropdown {
  position: absolute;
  right: 19px;
  top: 19px;
}
.default-dashboard .dropdown.icon-dropdown .dropdown-toggle,
.ecommerce-dashboard .dropdown.icon-dropdown .dropdown-toggle,
.project-dashboard .dropdown.icon-dropdown .dropdown-toggle {
  background: #0000;
  border: none;
  color: #52526c;
  padding: 0;
  width: auto;
}
.default-dashboard .dropdown.icon-dropdown .dropdown-toggle i,
.ecommerce-dashboard .dropdown.icon-dropdown .dropdown-toggle i,
.project-dashboard .dropdown.icon-dropdown .dropdown-toggle i {
  color: #767676;
  color: var(--light-font);
}
.default-dashboard .dropdown.icon-dropdown .dropdown-toggle:after,
.ecommerce-dashboard .dropdown.icon-dropdown .dropdown-toggle:after,
.project-dashboard .dropdown.icon-dropdown .dropdown-toggle:after {
  display: none;
}
.default-dashboard .dropdown.icon-dropdown .dropdown-menu .dropdown-item,
.ecommerce-dashboard .dropdown.icon-dropdown .dropdown-menu .dropdown-item,
.project-dashboard .dropdown.icon-dropdown .dropdown-menu .dropdown-item {
  line-height: 1.5 !important;
}
.default-dashboard .dropdown.icon-dropdown .dropdown-menu.show,
.ecommerce-dashboard .dropdown.icon-dropdown .dropdown-menu.show,
.project-dashboard .dropdown.icon-dropdown .dropdown-menu.show {
  z-index: 7 !important;
}
.default-dashboard
  .checkbox-solid-primary.checkbox
  input[type="checkbox"]:checked
  + label:before,
.ecommerce-dashboard
  .checkbox-solid-primary.checkbox
  input[type="checkbox"]:checked
  + label:before,
.project-dashboard
  .checkbox-solid-primary.checkbox
  input[type="checkbox"]:checked
  + label:before {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
  color: #fff;
  color: var(--white);
  content: "\f00c";
  font-family: Font Awesome\5 Free;
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
}
.default-dashboard .form-check-input:checked,
.ecommerce-dashboard .form-check-input:checked,
.project-dashboard .form-check-input:checked {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
}
.default-dashboard .filled-checkbox .checkbox label,
.ecommerce-dashboard .filled-checkbox .checkbox label,
.project-dashboard .filled-checkbox .checkbox label {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-left: 16px;
  position: relative;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.default-dashboard .task-card ul li .flex-shrink-0 .form-check,
.ecommerce-dashboard .task-card ul li .flex-shrink-0 .form-check,
.project-dashboard .task-card ul li .flex-shrink-0 .form-check {
  min-height: 38px;
}
.default-dashboard
  .task-card
  ul
  li
  .flex-shrink-0
  .form-check
  .form-check-label:before,
.ecommerce-dashboard
  .task-card
  ul
  li
  .flex-shrink-0
  .form-check
  .form-check-label:before,
.project-dashboard
  .task-card
  ul
  li
  .flex-shrink-0
  .form-check
  .form-check-label:before {
  height: 22px;
  line-height: 1.5;
  width: 22px;
}
.default-dashboard .profile-greeting .card-body {
  background-image: url(/mbanking/static/media/bg.1eb257bea005c04c3bab.png);
  background-position: 100%;
  background-repeat: no-repeat;
  display: block;
  height: 265px;
  padding: 22px 24px;
}
@media (min-width: 1200px) and (max-width: 1800px) {
  .default-dashboard .profile-greeting .card-body {
    background-position: right -16% bottom 67%;
  }
}
@media (min-width: 1200px) and (max-width: 1735px) {
  .default-dashboard .profile-greeting .card-body {
    background-position: right -40% bottom 83%;
  }
}
@media (min-width: 1200px) and (max-width: 1660px) {
  .default-dashboard .profile-greeting .card-body {
    background-position: right -2% bottom 150%;
  }
}
@media (min-width: 1200px) and (max-width: 1555px) {
  .default-dashboard .profile-greeting .card-body {
    background-position: right -73% bottom 147%;
  }
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .default-dashboard .profile-greeting .card-body {
    background-position: right -224% bottom 147%;
  }
}
@media (min-width: 1450px) and (max-width: 1470px) {
  .default-dashboard .profile-greeting .card-body {
    background-position: right -531% bottom 176%;
  }
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .default-dashboard .profile-greeting .card-body {
    background-image: none !important;
    padding: 15px !important;
  }
}
@media (min-width: 1235px) and (max-width: 1399.98px) {
  .default-dashboard .profile-greeting .card-body {
    height: 248px;
  }
}
@media (min-width: 576px) and (max-width: 1020px) {
  .default-dashboard .profile-greeting .card-body {
    background-position: right -3% bottom 138%;
  }
}
@media (min-width: 576px) and (max-width: 880px) {
  .default-dashboard .profile-greeting .card-body {
    background-position: right -109% bottom 160%;
  }
}
@media (min-width: 576px) and (max-width: 830px) {
  .default-dashboard .profile-greeting .card-body {
    background-position: right -262% bottom 144%;
  }
}
@media (min-width: 576px) and (max-width: 815px) {
  .default-dashboard .profile-greeting .card-body {
    background-image: none !important;
    padding: 15px !important;
  }
}
@media (max-width: 767.98px) {
  .default-dashboard .profile-greeting .card-body {
    height: 250px;
  }
}
@media (max-width: 500px) {
  .default-dashboard .profile-greeting .card-body {
    background-position: right -38% bottom 98%;
  }
}
@media (max-width: 470px) {
  .default-dashboard .profile-greeting .card-body {
    background-position: right -61% bottom 135%;
  }
}
@media (max-width: 420px) {
  .default-dashboard .profile-greeting .card-body {
    background-image: none !important;
    padding: 15px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .default-dashboard .profile-greeting .card-body .img-overlay {
    background-color: #43b9b240;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-evenly;
    padding: 20px 11px !important;
    text-align: center;
  }
}
@media (min-width: 576px) and (max-width: 815px) {
  .default-dashboard .profile-greeting .card-body .img-overlay {
    background-color: #43b9b240;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-evenly;
    padding: 20px 11px !important;
    text-align: center;
  }
}
@media (max-width: 420px) {
  .default-dashboard .profile-greeting .card-body .img-overlay {
    background-color: #43b9b240;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-evenly;
    padding: 20px 11px !important;
    text-align: center;
  }
}
.default-dashboard .profile-greeting .h1,
.default-dashboard .profile-greeting h1 {
  -webkit-text-fill-color: #0000;
  background: -o-linear-gradient(#0000, #0000);
  -webkit-background-clip: text;
  background-image: -webkit-linear-gradient(#0000, #0000),
    url(/mbanking/static/media/1.bf4bdb22a356e212aef9.gif);
  background-position: 0;
  background-size: 130%;
  filter: opacity(86%);
  margin-bottom: 8px;
}
[data-theme="dark"] .default-dashboard .profile-greeting .h1,
[data-theme="dark"] .default-dashboard .profile-greeting h1 {
  filter: brightness(0.5) invert(1);
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .default-dashboard .profile-greeting .h1,
  .default-dashboard .profile-greeting h1 {
    font-size: 25px !important;
  }
}
@media (min-width: 576px) and (max-width: 815px) {
  .default-dashboard .profile-greeting .h1,
  .default-dashboard .profile-greeting h1 {
    font-size: 25px !important;
  }
}
.default-dashboard .profile-greeting p {
  color: #767676;
  color: var(--light-font);
  font-size: 16px;
  margin-bottom: 0;
  width: 220px;
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .default-dashboard .profile-greeting p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: auto !important;
  }
}
@media (min-width: 576px) and (max-width: 815px) {
  .default-dashboard .profile-greeting p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: auto !important;
  }
}
@media (max-width: 420px) {
  .default-dashboard .profile-greeting p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: auto !important;
  }
}
.default-dashboard .profile-greeting .btn {
  margin-top: 60px;
  padding: 10px 20px;
}
@media (min-width: 1200px) and (max-width: 1520px) {
  .default-dashboard .profile-greeting .btn {
    margin-top: 55px;
  }
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .default-dashboard .profile-greeting .btn {
    margin-top: 5px;
  }
}
@media (max-width: 815px) {
  .default-dashboard .profile-greeting .btn {
    margin-top: 7px;
  }
}
@media (max-width: 575px) {
  .default-dashboard .profile-greeting .btn {
    margin-top: 50px;
  }
}
@media (max-width: 420px) {
  .default-dashboard .profile-greeting .btn {
    margin-top: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .default-dashboard .project-card .card-header .dropdown {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .default-dashboard .project-card .card-body .custom-width {
    width: 100% !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .default-dashboard .project-card .card-body .custom-width {
    width: 100% !important;
  }
}
.default-dashboard .project-card .card-body .progress {
  border-radius: 2px;
  height: 9px;
}
.default-dashboard .project-card .card-body .progress + .progress {
  margin-top: 22px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .default-dashboard .project-card .card-body .overview-details {
    display: none;
  }
}
.default-dashboard .project-card .card-body .overview-details li + li {
  margin-top: 8px;
}
@media (min-width: 1200px) and (max-width: 1880px) {
  .default-dashboard .project-card .card-body .overview-details li + li {
    margin-top: 5px;
  }
}
.default-dashboard .project-card .card-body .overview-details li .activity-dot {
  align-items: center;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 10px;
  display: flex;
  height: 16px;
  justify-content: center;
  width: 16px;
}
.default-dashboard
  .project-card
  .card-body
  .overview-details
  li
  .activity-dot
  span {
  background-color: var(--theme-default);
  border-radius: 10px;
  height: 8px;
  width: 8px;
}
.default-dashboard .project-card .card-body .overview-details li .h5,
.default-dashboard .project-card .card-body .overview-details li h5 {
  margin-left: 12px;
}
@media (max-width: 1880px) {
  .default-dashboard .project-card .card-body .overview-details li .h5,
  .default-dashboard .project-card .card-body .overview-details li h5 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
@media (min-width: 1400px) and (max-width: 1800px) {
  .default-dashboard .project-card .card-body .overview-details li .h5,
  .default-dashboard .project-card .card-body .overview-details li h5 {
    width: 100px;
  }
}
.default-dashboard .project-card .card-body .h4,
.default-dashboard .project-card .card-body h4 {
  margin-bottom: 16px;
}
.default-dashboard .project-card .card-body .h4 span,
.default-dashboard .project-card .card-body h4 span {
  color: #767676;
  color: var(--light-font);
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .default-dashboard .project-card .card-body .h4,
  .default-dashboard .project-card .card-body h4 {
    font-size: 18px !important;
  }
}
.default-dashboard .project-card .card-body .dropdown-menu.dropdown-block {
  text-align: center;
  width: 100%;
}
.default-dashboard .project-card .view-btn {
  border: none !important;
  box-shadow: none !important;
  color: #3d3d47;
  color: var(--body-font-color);
  font-weight: 500;
  margin-top: 20px;
  padding: 10px 12px;
}
.default-dashboard .project-card .view-btn:active {
  border: 0;
}
@media (min-width: 1200px) and (max-width: 1880px) {
  .default-dashboard .project-card .view-btn {
    margin-top: 25px;
  }
}
@media (min-width: 1200px) and (max-width: 1235px) {
  .default-dashboard .project-card .view-btn {
    margin-top: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .default-dashboard .project-card .view-btn {
    padding: 6px 12px;
  }
}
.default-dashboard .project-card .view-btn .feather {
  stroke: #767676;
  stroke: var(--light-font);
  height: 16px;
  width: 16px;
}
[data-theme="dark"] .default-dashboard .project-card .view-btn.btn-light {
  background-color: #f9fafc;
  background-color: var(--body-color);
  border-color: #f9fafc;
  border-color: var(--body-color);
}
@media (min-width: 1200px) and (max-width: 1460px) {
  .default-dashboard .visit-card .card-header .h4,
  .default-dashboard .visit-card .card-header h4 {
    font-size: 17px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .default-dashboard .visit-card .card-header .h4,
  .default-dashboard .visit-card .card-header h4 {
    font-size: 14px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .default-dashboard .visit-card .card-body {
    padding: 18px 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1216px) {
  .default-dashboard .visit-card .card-body {
    padding: 28px 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1588px) {
  .default-dashboard .visit-card .dropdown {
    display: none;
  }
}
@media (max-width: 420px) {
  .default-dashboard .visit-card .dropdown {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1460px) {
  .default-dashboard .visit-card .total-earn .h4,
  .default-dashboard .visit-card .total-earn h4 {
    display: none !important;
  }
}
@media (max-width: 370px) {
  .default-dashboard .visit-card .total-earn .h4,
  .default-dashboard .visit-card .total-earn h4 {
    display: none !important;
  }
}
.default-dashboard .visit-card .total-earn p {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
@media (min-width: 1200px) and (max-width: 1440px) {
  .default-dashboard .visit-card .total-earn p {
    display: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 1460px) {
  .default-dashboard .visit-card .total-earn p {
    display: none !important;
  }
}
@media (max-width: 500px) {
  .default-dashboard .visit-card .total-earn p {
    display: none !important;
  }
}
.default-dashboard .visit-card .visit-chart {
  margin: 0 -12px -18px;
}
@media (min-width: 1200px) and (max-width: 1480px) {
  .default-dashboard .visit-card .visit-chart {
    margin: -19px -12px -17px;
  }
}
@media (max-width: 500px) {
  .default-dashboard .visit-card .visit-chart {
    margin: -16px -12px -17px;
  }
}
.default-dashboard .visit-card .badge {
  font-size: 11px;
  padding: 5px 12px;
}
@media (min-width: 1200px) and (max-width: 1710px) {
  .default-dashboard .visit-card .badge {
    padding: 5px;
  }
}
@media (min-width: 1200px) and (max-width: 1480px) {
  .default-dashboard .visit-card .badge {
    padding: 5px 20px;
  }
}
@media (max-width: 500px) {
  .default-dashboard .visit-card .badge {
    padding: 5px 20px;
  }
}
.default-dashboard .visit-card .badge svg {
  padding-top: 2px;
  vertical-align: -4px;
}
.default-dashboard .visit-card ul li {
  position: relative;
}
@media (min-width: 1200px) and (max-width: 1480px) {
  .default-dashboard .visit-card ul li {
    text-align: center;
    width: 100%;
  }
}
@media (max-width: 500px) {
  .default-dashboard .visit-card ul li {
    text-align: center;
    width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1480px) {
  .default-dashboard .visit-card ul li + li {
    display: none !important;
  }
}
@media (max-width: 500px) {
  .default-dashboard .visit-card ul li + li {
    display: none !important;
  }
}
.default-dashboard .visit-card ul li + li:before {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  content: "";
  height: 72px;
  left: -20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 1200px) and (max-width: 1870px) {
  .default-dashboard .visit-card ul li + li:before {
    left: -13px;
  }
}
@media (min-width: 1200px) and (max-width: 1780px) {
  .default-dashboard .visit-card ul li + li:before {
    left: -5px;
  }
}
@media (min-width: 1200px) and (max-width: 1710px) {
  .default-dashboard .visit-card ul li + li:before {
    left: -18px;
  }
}
@media (min-width: 1200px) and (max-width: 1640px) {
  .default-dashboard .visit-card ul li + li:before {
    left: -7px;
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .default-dashboard .visit-card ul li + li:before {
    left: -9px;
  }
}
@media (min-width: 1200px) and (max-width: 1560px) {
  .default-dashboard .visit-card ul li + li:before {
    left: -6px;
  }
}
@media (min-width: 1200px) and (max-width: 1535px) {
  .default-dashboard .visit-card ul li + li:before {
    left: -4px;
  }
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .default-dashboard .visit-card ul li + li:before {
    left: -9px;
  }
}
@media (max-width: 1199.98px) {
  .default-dashboard .visit-card ul li + li:before {
    left: -42px;
  }
}
@media (max-width: 1100px) {
  .default-dashboard .visit-card ul li + li:before {
    left: -32px;
  }
}
@media (max-width: 991.98px) {
  .default-dashboard .visit-card ul li + li:before {
    left: -45px;
  }
}
@media (max-width: 950px) {
  .default-dashboard .visit-card ul li + li:before {
    left: -35px;
  }
}
@media (max-width: 815px) {
  .default-dashboard .visit-card ul li + li:before {
    left: -23px;
  }
}
@media (max-width: 660px) {
  .default-dashboard .visit-card ul li + li:before {
    left: -12px;
  }
}
@media (max-width: 1530px) {
  .default-dashboard .summary-card .custom-width-1 {
    width: 70%;
  }
}
@media (max-width: 1400px) and (min-width: 1200px) {
  .default-dashboard .summary-card .custom-width-1 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .default-dashboard .summary-card .custom-width-1 {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .default-dashboard .summary-card .custom-width-1 {
    width: 100%;
  }
}
@media (max-width: 1530px) {
  .default-dashboard .summary-card .custom-width-2 {
    width: 30%;
  }
}
@media (max-width: 1400px) and (min-width: 1200px) {
  .default-dashboard .summary-card .custom-width-2 {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .default-dashboard .summary-card .custom-width-2 {
    display: none;
  }
}
@media (max-width: 500px) {
  .default-dashboard .summary-card .custom-width-2 {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .default-dashboard .summary-card .custom-width-2 .h5,
  .default-dashboard .summary-card .custom-width-2 h5 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
.default-dashboard .summary-card [class*="col-"] > .h5,
.default-dashboard .summary-card [class*="col-"] > h5 {
  margin-bottom: 24px;
}
.default-dashboard .summary-card .project-cost {
  border-right: 1px dashed #6a71854d;
  border-right: var(--light-border);
}
@media (max-width: 1880px) {
  .default-dashboard .summary-card .project-cost {
    margin-right: -15px;
  }
}
@media (min-width: 1200px) and (max-width: 1420px) {
  .default-dashboard .summary-card .project-cost {
    margin-right: -22px;
  }
}
@media (max-width: 1400px) and (min-width: 1200px) {
  .default-dashboard .summary-card .project-cost {
    border-right: 0;
    margin-right: 0 !important;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .default-dashboard .summary-card .project-cost {
    border-right: 0;
    margin-right: 0 !important;
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .default-dashboard .summary-card .project-cost {
    margin-right: -9px;
  }
}
@media (max-width: 500px) {
  .default-dashboard .summary-card .project-cost {
    border-right: 0;
    margin-right: 0 !important;
    text-align: center;
  }
}
.default-dashboard .summary-card .project-cost span svg {
  transform: rotate(-45deg);
  vertical-align: -3px;
}
.default-dashboard .summary-card .project-cost ul li {
  width: 106px;
}
@media (min-width: 1200px) and (max-width: 1800px) {
  .default-dashboard .summary-card .project-cost ul li {
    width: 95px;
  }
}
@media (min-width: 1200px) and (max-width: 1660px) {
  .default-dashboard .summary-card .project-cost ul li {
    width: 88px;
  }
}
@media (min-width: 1200px) and (max-width: 1470px) {
  .default-dashboard .summary-card .project-cost ul li {
    width: 81px;
  }
}
@media (max-width: 1400px) and (min-width: 1200px) {
  .default-dashboard .summary-card .project-cost ul li {
    width: 95px;
  }
}
.default-dashboard .summary-card ul.d-flex {
  gap: 26px;
  margin: 24px 0 14px;
}
@media (max-width: 1600px) {
  .default-dashboard .summary-card ul.d-flex {
    gap: 16px;
  }
}
@media (max-width: 1400px) and (min-width: 1200px) {
  .default-dashboard .summary-card ul.d-flex {
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 991.98px) {
  .default-dashboard .summary-card ul.d-flex {
    align-items: center;
    justify-content: center;
  }
}
.default-dashboard .summary-card ul.d-flex li > .d-flex {
  align-items: center;
  border-radius: 4px;
  padding: 12px 16px;
  text-align: center;
}
@media (max-width: 1199.98px) {
  .default-dashboard .summary-card ul.d-flex li > .d-flex {
    padding: 12px 2px;
  }
}
.default-dashboard .summary-card ul.d-flex li > .d-flex .flex-shrink-0 {
  align-items: center;
  border-radius: 11px;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 42px;
}
@media (max-width: 1400px) and (min-width: 1200px) {
  .default-dashboard .summary-card ul.d-flex li > .d-flex .flex-shrink-0 {
    height: 34px;
    width: 34px;
  }
}
.default-dashboard .summary-card ul.d-flex li > .d-flex .flex-grow-1 {
  margin-top: 10px;
}
.default-dashboard .summary-card ul.d-flex li > .d-flex .flex-grow-1 .h6,
.default-dashboard .summary-card ul.d-flex li > .d-flex .flex-grow-1 h6 {
  margin-bottom: 6px;
}
.default-dashboard .summary-card ul.d-flex li > .d-flex.light {
  border: 2px solid #f4f5f8;
  border: 2px solid var(--light-color);
  box-shadow: 0 3px 18px 0 #f4f5f8;
  box-shadow: 0 3px 18px 0 var(--light-color);
}
@media (max-width: 1400px) and (min-width: 1200px) {
  .default-dashboard .summary-card .task-bottom {
    justify-content: center;
  }
}
@media (max-width: 991.98px) {
  .default-dashboard .summary-card .task-bottom {
    justify-content: center;
  }
}
@media (max-width: 1800px) {
  .default-dashboard .summary-card .task-bottom .h5,
  .default-dashboard .summary-card .task-bottom h5 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
.default-dashboard .summary-card .task-bottom .badge {
  border-radius: 0;
  padding: 5px 2px;
}
@media (max-width: 1750px) {
  .default-dashboard .summary-card .task-bottom .badge {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .default-dashboard .summary-card .team-member .h5,
  .default-dashboard .summary-card .team-member h5 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
@media (min-width: 1200px) and (max-width: 1578px) {
  .default-dashboard
    .summary-card
    .team-member
    .customers
    ul
    li:nth-child(3)
    img {
    display: none;
  }
}
@media (max-width: 1530px) {
  .default-dashboard
    .summary-card
    .team-member
    .customers
    ul
    li:nth-child(2)
    img,
  .default-dashboard
    .summary-card
    .team-member
    .customers
    ul
    li:nth-child(3)
    img {
    display: none;
  }
}
.default-dashboard .summary-card .team-member .d-flex {
  align-items: center;
  margin-top: 26px;
  padding: 12px 18px;
  text-align: center;
}
@media (min-width: 1200px) and (max-width: 1530px) {
  .default-dashboard .summary-card .team-member .d-flex {
    margin-top: 10px;
    padding: 0 18px;
  }
}
@media (max-width: 1199.98px) {
  .default-dashboard .summary-card .team-member .d-flex {
    padding: 3px 18px;
  }
}
@media (max-width: 1530px) {
  .default-dashboard .summary-card .team-member .d-flex .flex-grow-1 {
    display: none;
  }
}
.default-dashboard .summary-card .team-member .team-chart {
  margin: -20px 0 0;
  min-height: 64px !important;
}
@media (min-width: 1200px) and (max-width: 1530px) {
  .default-dashboard .summary-card .team-member .team-chart {
    margin: -6px -11px;
    min-height: 0 !important;
  }
}
@media (max-width: 1199.98px) {
  .default-dashboard .summary-card .team-member .team-chart {
    margin: -6px -11px;
  }
}
.default-dashboard .notification-card .d-flex {
  align-items: center;
  padding: 15px 16px;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .default-dashboard .notification-card .d-flex {
    padding: 12px 16px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .default-dashboard .notification-card .d-flex {
    padding: 13px 16px;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .default-dashboard .notification-card .d-flex {
    padding: 19px 16px;
  }
}
.default-dashboard .notification-card .d-flex + .d-flex {
  border-top: 1px dashed #6a71854d;
  border-top: var(--light-border);
}
@media (min-width: 1200px) and (max-width: 1460px) {
  .default-dashboard .notification-card .d-flex:nth-child(2) {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .default-dashboard .notification-card .d-flex:nth-child(4) {
    display: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .default-dashboard .notification-card .d-flex .flex-shrink-0 {
    display: none !important;
  }
}
.default-dashboard .notification-card .d-flex .flex-shrink-0 span {
  align-items: center;
  border-radius: 15px;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 42px;
  justify-content: center;
  width: 42px;
}
.default-dashboard .notification-card .d-flex .flex-grow-1 .h6,
.default-dashboard .notification-card .d-flex .flex-grow-1 h6 {
  font-weight: 500;
}
.default-dashboard .notification-card .d-flex .flex-grow-1 .h6:hover,
.default-dashboard .notification-card .d-flex .flex-grow-1 h6:hover {
  color: var(--theme-default);
}
@media (max-width: 1880px) {
  .default-dashboard .notification-card .d-flex .flex-grow-1 .h6,
  .default-dashboard .notification-card .d-flex .flex-grow-1 h6 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
.default-dashboard .notification-card .d-flex .flex-grow-1 span {
  color: #767676;
  color: var(--light-font);
  font-size: 13px;
}
@media (max-width: 1880px) {
  .default-dashboard .notification-card .d-flex .flex-grow-1 span {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .default-dashboard .notification-card .d-flex .flex-grow-1 .d-flex button {
    padding: 4px 10px;
  }
}
.default-dashboard .notification-card .d-flex:nth-child(3) {
  padding: 20px 16px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .default-dashboard .notification-card .d-flex:nth-child(3) {
    display: none !important;
  }
}
.default-dashboard .notification-card .d-flex .btn-outline-dark {
  border-color: #767676 !important;
  border-color: var(--light-font) !important;
  color: #767676 !important;
  color: var(--light-font) !important;
}
@media (max-width: 1300px) and (min-width: 1200px) {
  .default-dashboard .schedule-card .dropdown {
    display: none;
  }
  .default-dashboard .schedule-card .monthly-time {
    display: none !important;
  }
}
.default-dashboard .schedule-card .schedule-wrapper {
  border: 0;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media (max-width: 575.98px) {
  .default-dashboard .schedule-card .schedule-wrapper {
    display: flex !important;
  }
}
.default-dashboard .schedule-card .schedule-wrapper li a {
  background-color: #f4f5f8;
  background-color: var(--light-color);
  border: 0;
  border-radius: 5px;
  padding: 10px 14px;
}
@media (min-width: 1200px) and (max-width: 1800px) {
  .default-dashboard .schedule-card .schedule-wrapper li a {
    padding: 10px;
  }
}
.default-dashboard .schedule-card .schedule-wrapper li a span {
  color: #767676;
  color: var(--light-font);
  font-size: 13px;
}
.default-dashboard .schedule-card .schedule-wrapper li a .h6,
.default-dashboard .schedule-card .schedule-wrapper li a h6 {
  color: #3d3d47;
  color: var(--body-font-color);
  font-weight: 600;
}
.default-dashboard .schedule-card .schedule-wrapper li a.active {
  background-color: var(--theme-default);
}
.default-dashboard .schedule-card .schedule-wrapper li a.active .h6,
.default-dashboard .schedule-card .schedule-wrapper li a.active h6,
.default-dashboard .schedule-card .schedule-wrapper li a.active span {
  color: #fff;
  color: var(--white);
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .default-dashboard .schedule-card .schedule-wrapper li:nth-child(4) {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .default-dashboard .schedule-card .schedule-wrapper li:nth-child(5) {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .default-dashboard .schedule-card .schedule-wrapper li:nth-child(5) {
    display: none;
  }
}
@media (max-width: 380px) {
  .default-dashboard .schedule-card .schedule-wrapper li:nth-child(5) {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .default-dashboard .schedule-card .schedule-wrapper li:nth-child(6) {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .default-dashboard .schedule-card .schedule-wrapper li:nth-child(6) {
    display: none;
  }
}
@media (max-width: 380px) {
  .default-dashboard .schedule-card .schedule-wrapper li:nth-child(6) {
    display: none;
  }
}
.default-dashboard .schedule-card ul.activity-update li {
  border-width: 2px !important;
}
.default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1 {
  margin-left: 14px;
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1 {
    margin-left: 9px;
  }
}
[dir="rtl"]
  .default-dashboard
  .schedule-card
  ul.activity-update
  li.d-flex
  .flex-grow-1 {
  margin-left: 0;
  margin-right: 14px;
}
.default-dashboard
  .schedule-card
  ul.activity-update
  li.d-flex
  .flex-grow-1
  > span {
  color: #767676;
  color: var(--light-font);
  font-size: 13px;
}
@media (max-width: 1300px) and (min-width: 1200px) {
  .default-dashboard
    .schedule-card
    ul.activity-update
    li.d-flex
    .flex-grow-1
    > span {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
@media (min-width: 1200px) and (max-width: 1460px) {
  .default-dashboard
    .schedule-card
    ul.activity-update
    li.d-flex
    .flex-grow-1
    > span {
    display: none !important;
  }
}
.default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1 .h5,
.default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1 h5 {
  font-size: 14px;
  margin-bottom: 4px;
}
@media (max-width: 1600px) {
  .default-dashboard
    .schedule-card
    ul.activity-update
    li.d-flex
    .flex-grow-1
    .h5,
  .default-dashboard
    .schedule-card
    ul.activity-update
    li.d-flex
    .flex-grow-1
    h5 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
.default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1 .h6,
.default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1 h6 {
  color: var(--theme-default);
  font-size: 13px;
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .default-dashboard
    .schedule-card
    ul.activity-update
    li.d-flex
    .flex-grow-1
    .h6,
  .default-dashboard
    .schedule-card
    ul.activity-update
    li.d-flex
    .flex-grow-1
    h6 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
@media (max-width: 767.98px) {
  .default-dashboard
    .schedule-card
    ul.activity-update
    li.d-flex
    .flex-grow-1
    .h6,
  .default-dashboard
    .schedule-card
    ul.activity-update
    li.d-flex
    .flex-grow-1
    h6 {
    display: none !important;
  }
}
.default-dashboard .schedule-card ul.activity-update li + li {
  margin-top: 16px;
}
@media (max-width: 1660px) {
  .default-dashboard .schedule-card ul.activity-update li + li {
    margin-top: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1216px) {
  .default-dashboard .schedule-card ul.activity-update li + li {
    margin-top: 16px;
  }
}
.default-dashboard .invoice-card {
  position: relative;
}
.default-dashboard .invoice-card .datatable-table th a {
  color: #767676;
  color: var(--light-font);
  font-size: 15px;
  line-height: 1;
}
.default-dashboard .invoice-card .datatable-wrapper {
  position: static;
}
.default-dashboard .invoice-card .datatable-wrapper .datatable-top {
  padding: 0;
  position: absolute;
  right: 48px;
  top: 14px;
}
.default-dashboard .invoice-card .datatable-wrapper .datatable-top input {
  background-color: #f4f5f8;
  background-color: var(--light-color);
  border: 0;
  outline: 0;
  padding: 8px 12px;
}
.default-dashboard
  .invoice-card
  .datatable-wrapper
  .datatable-top
  input:before {
  content: "f002";
}
.default-dashboard .invoice-card .datatable-wrapper .datatable-bottom {
  display: none;
  padding: 0;
}
.default-dashboard .invoice-card .datatable-wrapper .datatable-sorter:after,
.default-dashboard .invoice-card .datatable-wrapper .datatable-sorter:before {
  display: none;
}
.default-dashboard
  .invoice-card
  .datatable-wrapper.no-footer
  .datatable-container {
  border-bottom: 0;
  border-top: 0;
}
.default-dashboard .invoice-card .datatable-wrapper table tr th {
  color: #767676;
  color: var(--light-font);
  font-weight: 500;
}
.default-dashboard .invoice-card .datatable-wrapper table tr td,
.default-dashboard .invoice-card .datatable-wrapper table tr th {
  border-bottom: 1px dashed #6a71854d;
  border-bottom: var(--light-border);
  padding: 8px 10px !important;
  vertical-align: middle;
}
@media (min-width: 1200px) and (max-width: 1216px) {
  .default-dashboard .invoice-card .datatable-wrapper table tr td,
  .default-dashboard .invoice-card .datatable-wrapper table tr th {
    padding: 5px 3px !important;
  }
}
@media (max-width: 1199.98px) {
  .default-dashboard .invoice-card .datatable-wrapper table tr td,
  .default-dashboard .invoice-card .datatable-wrapper table tr th {
    padding: 7px 10px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1880px) {
  .default-dashboard .invoice-card .datatable-wrapper table tr td:nth-child(5),
  .default-dashboard .invoice-card .datatable-wrapper table tr th:nth-child(5) {
    display: none;
  }
}
.default-dashboard .invoice-card .datatable-wrapper table tbody tr td button {
  font-size: 13px;
  font-weight: 500;
}
.default-dashboard .invoice-card .datatable-wrapper table tbody tr td img {
  height: 42px;
  width: 42px;
}
.default-dashboard
  .invoice-card
  .datatable-wrapper
  table
  tbody
  tr
  td:nth-child(2),
.default-dashboard
  .invoice-card
  .datatable-wrapper
  table
  tbody
  tr
  td:nth-child(5) {
  color: #767676;
  color: var(--light-font);
}
@media (min-width: 1200px) and (max-width: 1880px) {
  .default-dashboard
    .invoice-card
    .datatable-wrapper
    table
    tbody
    tr:nth-child(5) {
    display: none;
  }
}
.default-dashboard
  .invoice-card
  .datatable-wrapper
  table
  tbody
  tr:last-child
  td {
  border-bottom: 0;
}
@media (max-width: 1600px) {
  .default-dashboard
    .invoice-card
    .datatable-wrapper
    table
    tbody
    tr:last-child
    td {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .default-dashboard
    .invoice-card
    .datatable-wrapper
    table
    tbody
    tr:last-child
    td {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .default-dashboard .invest-card .chart-invest {
    margin: 2px 0;
    transform: scale(0.8);
  }
}
@media (min-width: 1200px) and (max-width: 1216px) {
  .default-dashboard .invest-card .chart-invest {
    margin: 14px 0;
  }
}
.default-dashboard .monthly-overview {
  font-family: Outfit, sans-serif;
}
@media (min-width: 1200px) and (max-width: 1880px) {
  .default-dashboard .course-table table tr th:nth-child(3) {
    display: none;
  }
}
@media (max-width: 1140px) {
  .default-dashboard .course-table table tr th:nth-child(3) {
    min-width: 115px;
  }
}
@media (min-width: 1200px) and (max-width: 1477px) {
  .default-dashboard .course-table table tr th:nth-child(2) {
    display: none;
  }
}
.default-dashboard .course-table table tr td {
  padding: 17px 9px;
}
.default-dashboard .course-table table tr td .h6:hover,
.default-dashboard .course-table table tr td h6:hover {
  color: var(--theme-default);
  transition: all 0.5s;
}
@media (max-width: 1199.98px) {
  .default-dashboard .course-table table tr td {
    padding: 5px 9px;
  }
}
@media (min-width: 1200px) and (max-width: 1460px) {
  .default-dashboard .course-table table tr td {
    padding: 8px 12px;
  }
}
@media (min-width: 1200px) and (max-width: 1320px) {
  .default-dashboard .course-table table tr td {
    padding: 8px 3px;
  }
}
@media (min-width: 1200px) and (max-width: 1216px) {
  .default-dashboard .course-table table tr td {
    padding: 10px 3px;
  }
}
@media (min-width: 1200px) and (max-width: 1880px) {
  .default-dashboard .course-table table tr td:nth-child(3) {
    display: none;
  }
}
@media (max-width: 1140px) {
  .default-dashboard .course-table table tr td:nth-child(3) {
    min-width: 115px;
  }
}
@media (min-width: 1200px) and (max-width: 1477px) {
  .default-dashboard .course-table table tr td:nth-child(2) {
    display: none;
  }
}
@media (max-width: 1880px) {
  .default-dashboard .course-table table tr td .flex-grow-1 .h6,
  .default-dashboard .course-table table tr td .flex-grow-1 h6 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
@media (min-width: 1200px) and (max-width: 1320px) {
  .default-dashboard .course-table table tr td button {
    padding: 5px 7px !important;
  }
}
.default-dashboard .invoice-table {
  margin-bottom: 0;
  margin-top: 0;
}
@media (max-width: 460px) {
  .default-dashboard .invoice-table .datatable-search {
    display: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .default-dashboard .invoice-table table tr th:first-child {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .default-dashboard .invoice-table table tr th:nth-child(2) {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .default-dashboard .invoice-table table tr th:nth-child(2) {
    min-width: 100px;
  }
}
@media (min-width: 1200px) and (max-width: 1800px) {
  .default-dashboard .invoice-table table tr th:nth-child(5) {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .default-dashboard .invoice-table table tr th:nth-child(5) {
    min-width: 130px;
  }
}
@media (min-width: 1200px) and (max-width: 1636px) {
  .default-dashboard .invoice-table table tr th:nth-child(4) {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .default-dashboard .invoice-table table tr th:nth-child(4) {
    min-width: 100px;
  }
}
.default-dashboard .invoice-table table tr td {
  padding: 17px 12px;
}
.default-dashboard .invoice-table table tr td .h6:hover,
.default-dashboard .invoice-table table tr td h6:hover {
  color: var(--theme-default);
  transition: all 0.5s;
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .default-dashboard .invoice-table table tr td:first-child {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .default-dashboard .invoice-table table tr td:nth-child(2) {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1800px) {
  .default-dashboard .invoice-table table tr td:nth-child(5) {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1636px) {
  .default-dashboard .invoice-table table tr td:nth-child(4) {
    display: none;
  }
}
.default-dashboard .task-card ul li {
  align-items: center;
}
.default-dashboard .task-card ul li .h5:hover,
.default-dashboard .task-card ul li h5:hover {
  color: var(--theme-default);
  transition: all 0.5s;
}
.default-dashboard .task-card ul li + li {
  margin-top: 18px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .default-dashboard .task-card ul li + li {
    margin-top: 16px;
  }
}
@media (min-width: 1200px) and (max-width: 1216px) {
  .default-dashboard .task-card ul li + li {
    margin-top: 10px;
  }
}
.default-dashboard .task-card ul li.d-flex .flex-shrink-0 input {
  margin-bottom: 12px;
}
@media (min-width: 1200px) and (max-width: 1750px) {
  .default-dashboard .task-card ul li.d-flex .flex-grow-1 .h5,
  .default-dashboard .task-card ul li.d-flex .flex-grow-1 h5 {
    font-size: 14px;
  }
}
@media (max-width: 1600px) {
  .default-dashboard .task-card ul li.d-flex .flex-grow-1 .h5,
  .default-dashboard .task-card ul li.d-flex .flex-grow-1 h5 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: 140px;
  }
}
@media (min-width: 1200px) and (max-width: 1430px) {
  .default-dashboard .task-card ul li.d-flex .flex-grow-1 .h5,
  .default-dashboard .task-card ul li.d-flex .flex-grow-1 h5 {
    width: 100px;
  }
}
.default-dashboard .task-card ul li.d-flex .flex-grow-1 .h6,
.default-dashboard .task-card ul li.d-flex .flex-grow-1 h6 {
  color: #767676;
  color: var(--light-font);
  line-height: 1.3;
}
@media (min-width: 1200px) and (max-width: 1800px) {
  .default-dashboard .task-card ul li.d-flex .flex-grow-1 .h6,
  .default-dashboard .task-card ul li.d-flex .flex-grow-1 h6 {
    font-size: 13px;
  }
}
@media (max-width: 1880px) {
  .default-dashboard .task-card ul li.d-flex .flex-grow-1 .h6,
  .default-dashboard .task-card ul li.d-flex .flex-grow-1 h6 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: 140px;
  }
}
@media (min-width: 1200px) and (max-width: 1430px) {
  .default-dashboard .task-card ul li.d-flex .flex-grow-1 .h6,
  .default-dashboard .task-card ul li.d-flex .flex-grow-1 h6 {
    width: 100px;
  }
}
.default-dashboard
  .task-card
  ul
  li.d-flex
  .dropdown.task-dropdown
  .dropdown-toggle {
  background: #0000;
  border: none;
  color: #52526c;
  padding: 0;
  width: auto;
}
.default-dashboard
  .task-card
  ul
  li.d-flex
  .dropdown.task-dropdown
  .dropdown-toggle
  .feather {
  stroke: #767676;
  stroke: var(--light-font);
  background-color: #f4f5f8;
  background-color: var(--light-color);
  cursor: pointer;
  height: 20px;
  width: 31px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .default-dashboard
    .task-card
    ul
    li.d-flex
    .dropdown.task-dropdown
    .dropdown-toggle
    .feather {
    display: none !important;
  }
}
.default-dashboard
  .task-card
  ul
  li.d-flex
  .dropdown.task-dropdown
  .dropdown-toggle:after {
  display: none;
}
@media (min-width: 1200px) and (max-width: 1700px) {
  .default-dashboard .monthly-overview {
    margin: 23px 0 -28px;
  }
}
@media (max-width: 1199.98px) {
  .default-dashboard .monthly-overview {
    margin: 27px 0 -36px;
  }
}
@media (min-width: 1200px) and (max-width: 1880px) {
  .default-dashboard .investing-card .investing {
    margin: 23px 0 -23px;
  }
}
@media (min-width: 1200px) and (max-width: 1700px) {
  .default-dashboard .investing-card .investing {
    margin: 23px 0 -28px;
  }
}
.default-dashboard .client-card .card-body {
  padding: 17px 14px;
}
.default-dashboard .client-card .card-body .row {
  align-items: center;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .default-dashboard .client-card .card-body .row .custom-width-1 {
    display: none !important;
  }
}
@media (max-width: 380px) {
  .default-dashboard .client-card .card-body .row .custom-width-1 {
    display: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .default-dashboard .client-card .card-body .row .custom-width-2 {
    width: 100% !important;
  }
}
@media (max-width: 380px) {
  .default-dashboard .client-card .card-body .row .custom-width-2 {
    width: 100% !important;
  }
}
.default-dashboard .client-card .h3,
.default-dashboard .client-card h3 {
  margin-bottom: 4px;
}
.default-dashboard .client-card .h5,
.default-dashboard .client-card h5 {
  color: #3d3d47;
  color: var(--body-font-color);
  font-weight: 500;
  margin-bottom: 10px;
}
@media (max-width: 1700px) {
  .default-dashboard .client-card .h5,
  .default-dashboard .client-card h5 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .default-dashboard .invest-card .card-header .dropdown {
    display: none;
  }
}
.default-dashboard .invest-card .card-body ul {
  align-items: center;
  display: flex;
  padding: 12px 18px 18px;
  text-align: center;
}
@media (min-width: 1200px) and (max-width: 1880px) {
  .default-dashboard .invest-card .card-body ul {
    padding: 14px 18px 18px;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .default-dashboard .invest-card .card-body ul {
    display: none;
  }
}
.default-dashboard .invest-card .card-body ul li {
  display: inline-block;
  width: 100%;
}
.default-dashboard .invest-card .card-body ul li + li {
  border-left: 1px dashed #6a71854d;
  border-left: var(--light-border);
}
.default-dashboard .invest-card .card-body ul li .h5,
.default-dashboard .invest-card .card-body ul li h5 {
  color: #666;
  color: var(--gray-60);
  font-weight: 500;
  margin-bottom: 5px;
}
.default-dashboard .invest-card .card-body ul li .h6,
.default-dashboard .invest-card .card-body ul li h6 {
  color: #3d3d47;
  color: var(--body-font-color);
  font-size: 14px;
  font-weight: 600;
}
.default-dashboard
  .invest-card
  .apexcharts-tooltip
  .apexcharts-tooltip-goals-group,
.default-dashboard
  .invest-card
  .apexcharts-tooltip
  .apexcharts-tooltip-text-y-label,
.default-dashboard
  .invest-card
  .apexcharts-tooltip
  .apexcharts-tooltip-z-group {
  display: none;
}
@media (min-width: 1200px) {
  .default-dashboard .custom-margin {
    margin-top: -85px;
  }
}
@media (min-width: 1200px) and (max-width: 1700px) {
  .default-dashboard .custom-margin {
    margin-top: -80px;
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .default-dashboard .custom-margin {
    margin-top: -62px;
  }
}
.card-hover:hover {
  transform: translateY(-5px);
  transition: 0.5s;
}
.ecommerce-dashboard .sale-progress ul li {
  align-items: center;
  border-radius: 5px;
  padding: 13px 20px;
  position: relative;
}
@media (min-width: 1200px) and (max-width: 1559.98px) {
  .ecommerce-dashboard .sale-progress ul li {
    gap: 10px !important;
  }
}
.ecommerce-dashboard .sale-progress ul li .flex-shrink-0 {
  align-items: center;
  border-radius: 11px;
  display: flex;
  height: 42px;
  justify-content: center;
  width: 42px;
}
@media (min-width: 1200px) and (max-width: 1290px) {
  .ecommerce-dashboard .sale-progress ul li .flex-shrink-0 {
    display: none;
  }
}
.ecommerce-dashboard .sale-progress ul li .flex-grow-1 .h5,
.ecommerce-dashboard .sale-progress ul li .flex-grow-1 h5 {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
@media (max-width: 991.98px) {
  .ecommerce-dashboard .sale-progress ul li .flex-grow-1 .h5,
  .ecommerce-dashboard .sale-progress ul li .flex-grow-1 h5 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
.ecommerce-dashboard .sale-progress ul li .flex-grow-1 span {
  background-color: initial;
  color: #767676;
  color: var(--light-font);
}
@media (min-width: 1200px) and (max-width: 1879.98px) {
  .ecommerce-dashboard .sale-progress ul li .flex-grow-1 span {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
.ecommerce-dashboard .sale-progress ul li .flex-grow-1 .progress {
  height: 7px;
  margin-top: 6px;
}
.ecommerce-dashboard .sale-progress ul li .badge {
  padding: 5px;
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  .ecommerce-dashboard .sale-progress ul li .badge {
    display: none;
  }
}
@media (max-width: 360px) {
  .ecommerce-dashboard .sale-progress ul li .badge {
    display: none;
  }
}
.ecommerce-dashboard .sale-progress ul li .badge svg {
  transform: rotate(-45deg);
}
[dir="rtl"] .ecommerce-dashboard .sale-progress ul li .badge {
  left: 20px;
  right: auto;
}
.ecommerce-dashboard .sale-progress ul li + li {
  margin-top: 24px;
}
@media (min-width: 1200px) and (max-width: 1216px) {
  .ecommerce-dashboard .sale-progress ul li + li {
    margin-top: 28px;
  }
}
.ecommerce-dashboard .track-order .card-body {
  animation: animatedBackground 4s infinite alternate;
  background-image: url(/mbanking/static/media/delivery.5f0600bbdd72174109f8.png);
  background-position: 96% 86%;
  background-repeat: no-repeat;
  display: block;
  height: 224px;
  padding: 22px 24px;
}
@media (min-width: 1200px) and (max-width: 1699.98px) {
  .ecommerce-dashboard .track-order .card-body {
    background-image: none;
  }
}
@media (min-width: 768px) and (max-width: 900px) {
  .ecommerce-dashboard .track-order .card-body {
    background-image: none;
  }
}
@media (max-width: 420px) {
  .ecommerce-dashboard .track-order .card-body {
    background-image: none;
    height: 200px;
  }
}
@media (max-width: 360px) {
  .ecommerce-dashboard .track-order .card-body {
    height: 216px;
  }
}
@keyframes animatedBackground {
  0% {
    background-position: 90% 86%;
  }
  50% {
    background-position: 94% 86%;
  }
  to {
    background-position: 96% 86%;
  }
}
.ecommerce-dashboard .track-order .card-body p {
  line-height: 2;
  margin-bottom: 10px;
  width: 235px;
}
.ecommerce-dashboard .track-order .card-body .h4,
.ecommerce-dashboard .track-order .card-body h4 {
  margin-bottom: 8px;
}
.ecommerce-dashboard .track-order .card-body .h5,
.ecommerce-dashboard .track-order .card-body h5 {
  margin-bottom: 20px;
  text-decoration: underline;
}
@media (min-width: 1200px) and (max-width: 1505px) {
  .ecommerce-dashboard .track-order .card-body .h5,
  .ecommerce-dashboard .track-order .card-body h5 {
    margin-bottom: 4px;
  }
}
@media (max-width: 991.98px) {
  .ecommerce-dashboard .track-order .card-body .h5,
  .ecommerce-dashboard .track-order .card-body h5 {
    margin-bottom: 12px;
  }
}
.ecommerce-dashboard .manage-order table tr:first-child td {
  padding-top: 0;
}
.ecommerce-dashboard .manage-order table tr:last-child td {
  padding-bottom: 0;
}
.ecommerce-dashboard .manage-order table tr td {
  padding: 21px 0;
}
@media (max-width: 1199.98px) {
  .ecommerce-dashboard .manage-order table tr td {
    padding: 9px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1340px) {
  .ecommerce-dashboard .manage-order table tr td {
    padding: 21px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1269.98px) {
  .ecommerce-dashboard .manage-order table tr td {
    padding: 17px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1216px) {
  .ecommerce-dashboard .manage-order table tr td {
    padding: 18px 0;
  }
}
.ecommerce-dashboard .manage-order table tr td:first-child span {
  color: #9b9b9b;
  color: var(--text-light-gray);
}
.ecommerce-dashboard .manage-order table tr td:nth-child(2) span {
  color: #767676;
  color: var(--light-font);
}
.ecommerce-dashboard .manage-order table tr td .h6:hover,
.ecommerce-dashboard .manage-order table tr td h6:hover {
  color: var(--theme-default);
  transition: all 0.5s;
}
@media (min-width: 1200px) and (max-width: 1260px) {
  .ecommerce-dashboard .manage-order table tr td span {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
@media (min-width: 1200px) and (max-width: 1269.98px) {
  .ecommerce-dashboard .manage-order table tr td img {
    width: 28px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  .ecommerce-dashboard .manage-order table tr td .d-block {
    display: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 1699.98px) {
  .ecommerce-dashboard .sale-product .col-5 {
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .ecommerce-dashboard .sale-product .col-5 {
    width: 100% !important;
  }
}
@media (max-width: 420px) {
  .ecommerce-dashboard .sale-product .col-5 {
    width: 100% !important;
  }
}
.ecommerce-dashboard .sale-product select {
  background-color: #f4f5f8;
  background-color: var(--light-color);
  border: 0;
  border-radius: 0;
  color: #767676 !important;
  color: var(--light-font) !important;
  font-size: 14px;
}
@media (min-width: 1200px) and (max-width: 1699.98px) {
  .ecommerce-dashboard .sale-product select {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .ecommerce-dashboard .sale-product select {
    display: none !important;
  }
}
@media (max-width: 420px) {
  .ecommerce-dashboard .sale-product select {
    display: none !important;
  }
}
.ecommerce-dashboard .sale-product table {
  margin-top: 22px;
}
@media (min-width: 1200px) and (max-width: 1369.98px) {
  .ecommerce-dashboard .sale-product table {
    margin-top: 10px;
  }
}
@media (max-width: 991.98px) {
  .ecommerce-dashboard .sale-product table {
    margin-top: 7px;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  .ecommerce-dashboard .sale-product table thead tr th:nth-child(3) {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 820px) {
  .ecommerce-dashboard .sale-product table thead tr th:nth-child(3) {
    display: none;
  }
}
@media (max-width: 420px) {
  .ecommerce-dashboard .sale-product table thead tr th:nth-child(3) {
    display: none;
  }
}
.ecommerce-dashboard .sale-product table tbody tr td {
  border: 0;
}
@media (min-width: 1200px) and (max-width: 1369.98px) {
  .ecommerce-dashboard .sale-product table tbody tr td {
    padding: 10px 1px 20px;
  }
}
.ecommerce-dashboard .sale-product table tbody tr td:last-child {
  min-width: 100px;
}
@media (min-width: 1200px) and (max-width: 1369.98px) {
  .ecommerce-dashboard .sale-product table tbody tr td:last-child {
    min-width: 47px;
  }
}
@media (max-width: 360px) {
  .ecommerce-dashboard .sale-product table tbody tr td:last-child {
    min-width: 80px;
  }
}
.ecommerce-dashboard .sale-product table tbody tr td .progress {
  height: 8px;
  overflow: visible;
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  .ecommerce-dashboard .sale-product table tbody tr td:nth-child(3) {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 820px) {
  .ecommerce-dashboard .sale-product table tbody tr td:nth-child(3) {
    display: none;
  }
}
@media (max-width: 420px) {
  .ecommerce-dashboard .sale-product table tbody tr td:nth-child(3) {
    display: none;
  }
}
.ecommerce-dashboard .sale-product table tbody tr:nth-child(n + 2) td {
  padding-top: 22px;
}
@media (min-width: 1200px) and (max-width: 1369.98px) {
  .ecommerce-dashboard .sale-product table tbody tr:nth-child(n + 2) td {
    padding: 22px 1px 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1370px) {
  .ecommerce-dashboard .sale-product table tbody tr:nth-child(n + 2) td {
    padding: 15px 1px 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .ecommerce-dashboard .sale-product table tbody tr:nth-child(n + 2) td {
    padding: 10px 1px 20px;
  }
}
.ecommerce-dashboard .sale-product table tbody tr:last-child td {
  padding-bottom: 20px !important;
}
.ecommerce-dashboard .sale-product table tfoot th {
  border: 0;
  padding: 9px 12px !important;
}
@media (max-width: 360px) {
  .ecommerce-dashboard .sale-product table tfoot th:nth-child(n + 2) {
    padding: 9px 0 !important;
  }
}
.ecommerce-dashboard .sale-product table tfoot th.f-w-800 {
  font-weight: 800 !important;
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  .ecommerce-dashboard .selling-table .datatable-top {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .ecommerce-dashboard .selling-table .datatable-top {
    display: none;
  }
}
.ecommerce-dashboard .selling-table table thead tr th {
  padding: 12px 4px !important;
}
@media (min-width: 1200px) and (max-width: 1405px) {
  .ecommerce-dashboard .selling-table table thead tr th:first-child {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1432px) {
  .ecommerce-dashboard .selling-table table thead tr th:nth-child(3) {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1880px) {
  .ecommerce-dashboard .selling-table table thead tr th:nth-child(4) {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1550px) {
  .ecommerce-dashboard .selling-table table thead tr th:nth-child(5) {
    display: none;
  }
}
.ecommerce-dashboard .selling-table table tbody tr:last-child td {
  padding-bottom: 0 !important;
}
.ecommerce-dashboard .selling-table table tbody tr td {
  padding: 12px 3px !important;
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  .ecommerce-dashboard .selling-table table tbody tr td {
    padding: 10px 3px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1339.98px) {
  .ecommerce-dashboard .selling-table table tbody tr td {
    padding: 13px 3px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1260px) {
  .ecommerce-dashboard .selling-table table tbody tr td {
    padding: 8px 3px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1269.98px) {
  .ecommerce-dashboard .selling-table table tbody tr td {
    padding: 5px 3px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1216px) {
  .ecommerce-dashboard .selling-table table tbody tr td {
    padding: 6px 3px !important;
  }
}
.ecommerce-dashboard .selling-table table tbody tr td .flex-grow-1 .h6:hover,
.ecommerce-dashboard .selling-table table tbody tr td .flex-grow-1 h6:hover {
  color: var(--theme-default);
}
@media (min-width: 1200px) and (max-width: 1230px) {
  .ecommerce-dashboard .selling-table table tbody tr td .flex-grow-1 .h6,
  .ecommerce-dashboard .selling-table table tbody tr td .flex-grow-1 h6 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
.ecommerce-dashboard .selling-table table tbody tr td:first-child {
  padding-right: 0 !important;
}
@media (min-width: 1200px) and (max-width: 1405px) {
  .ecommerce-dashboard .selling-table table tbody tr td:first-child {
    display: none;
  }
}
.ecommerce-dashboard
  .selling-table
  table
  tbody
  tr
  td:nth-child(2)
  .flex-shrink-0 {
  align-items: center;
  background: #f4f5f8;
  background: var(--light-color);
  border-radius: 10px;
  display: flex;
  height: 38px;
  justify-content: center;
  width: 38px;
}
@media (max-width: 1199.98px) {
  .ecommerce-dashboard .selling-table table tbody tr td:nth-child(2) {
    min-width: 180px;
  }
}
@media (min-width: 1200px) and (max-width: 1432px) {
  .ecommerce-dashboard .selling-table table tbody tr td:nth-child(3) {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .ecommerce-dashboard .selling-table table tbody tr td:nth-child(3) {
    min-width: 80px;
  }
}
@media (min-width: 1200px) and (max-width: 1880px) {
  .ecommerce-dashboard .selling-table table tbody tr td:nth-child(4) {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1550px) {
  .ecommerce-dashboard .selling-table table tbody tr td:nth-child(5) {
    display: none;
  }
}
.ecommerce-dashboard [class*="circle-dot-"] {
  height: 20px;
  width: 20px;
}
.ecommerce-dashboard [class*="circle-dot-"] span {
  height: 10px;
  width: 10px;
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  .ecommerce-dashboard .category .col-xl-6 {
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .ecommerce-dashboard .category .col-xl-6 {
    width: 100% !important;
  }
}
@media (max-width: 460px) {
  .ecommerce-dashboard .category .col-xl-6 {
    width: 100% !important;
  }
}
.ecommerce-dashboard .category .apexcharts-datalabel-label {
  transform: translateY(25px) !important;
}
.ecommerce-dashboard .category .apexcharts-datalabel-value {
  transform: translateY(-35px) !important;
}
.ecommerce-dashboard .category .apexcharts-canvas .apexcharts-radialbar-hollow {
  fill: #fdfdff;
  filter: drop-shadow(0 24.5802440643px 11.1728391647px rgba(62, 58, 100, 0.1));
  height: 108px;
  width: 108px;
}
[data-theme="dark"]
  .ecommerce-dashboard
  .category
  .apexcharts-canvas
  .apexcharts-radialbar-hollow {
  fill: #f9fafc;
  fill: var(--body-color);
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  .ecommerce-dashboard .category ul {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .ecommerce-dashboard .category ul {
    display: none !important;
  }
}
@media (max-width: 460px) {
  .ecommerce-dashboard .category ul {
    display: none !important;
  }
}
.ecommerce-dashboard .category ul li {
  gap: 10px;
  padding: 16px 14px;
}
@media (min-width: 1200px) and (max-width: 1879.98px) {
  .ecommerce-dashboard .category ul li .h6,
  .ecommerce-dashboard .category ul li h6 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
@media (max-width: 1199.98px) {
  .ecommerce-dashboard .category ul li .h6,
  .ecommerce-dashboard .category ul li h6 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
@media (min-width: 1200px) and (max-width: 1879.98px) {
  .ecommerce-dashboard .category ul li span {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
.ecommerce-dashboard .category ul li + li {
  margin-top: 26px;
}
@media (min-width: 1200px) and (max-width: 1860px) {
  .ecommerce-dashboard .category ul li + li {
    margin-top: 34px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .ecommerce-dashboard .category ul li + li {
    margin-top: 35px;
  }
}
.ecommerce-dashboard .category .category-chart {
  align-items: center;
  display: flex;
  justify-content: center;
}
.ecommerce-dashboard .discount-product {
  padding: 18px 24px;
}
@media (min-width: 1200px) and (max-width: 1444.98px) {
  .ecommerce-dashboard .discount-product {
    padding: 18px 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .ecommerce-dashboard .discount-product .discount-title {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .ecommerce-dashboard .discount-product .discount-title {
    font-size: 18px;
  }
}
@media (max-width: 360px) {
  .ecommerce-dashboard .discount-product .discount-title {
    font-size: 14px;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .ecommerce-dashboard .discount-product .discount-content {
    font-size: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .ecommerce-dashboard .discount-product .discount-content {
    font-size: 14px;
  }
}
@media (max-width: 360px) {
  .ecommerce-dashboard .discount-product .discount-content {
    font-size: 14px;
  }
}
.ecommerce-dashboard .discount-product hr {
  margin: 18px 0;
  opacity: 0.4;
}
.ecommerce-dashboard
  .discount-product
  .row
  div[class*="col-"]
  + div[class*="col-"] {
  border-left: 1px dashed #6a71854d;
  border-left: var(--light-border);
  padding-left: 22px;
}
.ecommerce-dashboard .discount-product .row div[class*="col-"] > .h4,
.ecommerce-dashboard .discount-product .row div[class*="col-"] > h4 {
  margin-bottom: 24px;
}
.ecommerce-dashboard .discount-product .main-box {
  align-items: center;
  border-radius: 10px;
  display: flex;
  height: 55px;
  justify-content: center;
  width: 58px;
}
@media (min-width: 1200px) and (max-width: 1339.98px) {
  .ecommerce-dashboard .discount-product .main-box {
    height: 44px;
    width: 44px;
  }
}
@media (max-width: 420px) {
  .ecommerce-dashboard .discount-product .main-box {
    height: 43px;
    width: 46px;
  }
}
.ecommerce-dashboard .discount-product .main-box:hover svg {
  fill: #fff;
  fill: var(--white);
}
.ecommerce-dashboard .discount-product .main-box:hover.border-primary {
  background-color: var(--theme-default);
}
.ecommerce-dashboard .discount-product .main-box:hover.border-secondary {
  background-color: #c280d2;
  background-color: var(--theme-secondary);
}
.ecommerce-dashboard .discount-product .d-flex .h4,
.ecommerce-dashboard .discount-product .d-flex h4 {
  width: 120px;
}
@media (min-width: 1200px) and (max-width: 1527.98px) {
  .ecommerce-dashboard .discount-product .d-flex .bg-light-primary {
    display: none;
  }
}
@media (max-width: 420px) {
  .ecommerce-dashboard .discount-product .d-flex .bg-light-primary {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1527.98px) {
  .ecommerce-dashboard .discount-product .d-flex .bg-light-secondary {
    display: none;
  }
}
@media (max-width: 420px) {
  .ecommerce-dashboard .discount-product .d-flex .bg-light-secondary {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1330px) {
  .ecommerce-dashboard .seller-table table thead th:first-child {
    max-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (min-width: 1200px) and (max-width: 1684.98px) {
  .ecommerce-dashboard .seller-table table thead th:nth-child(3) {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1879.98px) {
  .ecommerce-dashboard .seller-table table thead th:nth-child(4) {
    display: none;
  }
}
.ecommerce-dashboard .seller-table table tbody tr td {
  padding: 20px 8px;
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .ecommerce-dashboard .seller-table table tbody tr td {
    padding: 18px 8px;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .ecommerce-dashboard .seller-table table tbody tr td {
    padding: 17px 8px;
  }
}
@media (min-width: 1200px) and (max-width: 1216px) {
  .ecommerce-dashboard .seller-table table tbody tr td {
    padding: 18px 8px;
  }
}
.ecommerce-dashboard .seller-table table tbody tr td img {
  height: 38px;
  width: 38px;
}
.ecommerce-dashboard .seller-table table tbody tr td span {
  color: #9b9b9b;
  color: var(--text-light-gray);
}
.ecommerce-dashboard .seller-table table tbody tr td .h6:hover,
.ecommerce-dashboard .seller-table table tbody tr td h6:hover {
  color: var(--theme-default);
  transition: all 0.5s;
}
.ecommerce-dashboard .seller-table table tbody tr td .btn {
  padding: 6px 5px;
}
@media (max-width: 540px) {
  .ecommerce-dashboard .seller-table table tbody tr td:first-child {
    min-width: 148px;
  }
}
@media (min-width: 1200px) and (max-width: 1394.98px) {
  .ecommerce-dashboard .seller-table table tbody tr td:first-child span {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1345px) {
  .ecommerce-dashboard .seller-table table tbody tr td:first-child .h6,
  .ecommerce-dashboard .seller-table table tbody tr td:first-child h6 {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1684.98px) {
  .ecommerce-dashboard .seller-table table tbody tr td:nth-child(3) {
    display: none;
  }
}
@media (max-width: 540px) {
  .ecommerce-dashboard .seller-table table tbody tr td:nth-child(3) {
    min-width: 100px;
  }
}
@media (min-width: 1200px) and (max-width: 1879.98px) {
  .ecommerce-dashboard .seller-table table tbody tr td:nth-child(4) {
    display: none;
  }
}
@media (max-width: 545px) {
  .ecommerce-dashboard .seller-table table tbody tr td:last-child {
    min-width: 100px;
  }
}
.ecommerce-dashboard .progress-items .stroke-danger {
  stroke: #c42a02 !important;
}
.ecommerce-dashboard .progress-items .stroke-success {
  stroke: #17a600 !important;
}
.ecommerce-dashboard .progress-items .flex-shrink-0 {
  align-items: center;
  display: flex;
  height: 45px;
  justify-content: center;
  width: 49px;
}
.ecommerce-dashboard .progress-items .flex-shrink-0.bg-light-primary {
  background: linear-gradient(180deg, #43b9b230 7.29%, #43b9b200);
}
.ecommerce-dashboard .progress-items .flex-shrink-0.bg-light-secondary {
  background: linear-gradient(180deg, #c280d230 7.29%, #c280d200);
}
.ecommerce-dashboard .progress-items .flex-shrink-0.bg-light-tertiary {
  background: linear-gradient(180deg, #fd7e4030 7.29%, #fd7e4000);
}
@media (min-width: 1200px) and (max-width: 1339.98px) {
  .ecommerce-dashboard .progress-items .flex-shrink-0 {
    height: 35px;
    width: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1260px) {
  .ecommerce-dashboard .progress-items .flex-shrink-0 {
    height: 27px;
    width: 25px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .ecommerce-dashboard .progress-items .flex-shrink-0 {
    height: 37px;
    width: 39px;
  }
}
@media (max-width: 575.98px) {
  .ecommerce-dashboard .progress-items .flex-shrink-0 {
    height: 39px;
    width: 39px;
  }
}
.ecommerce-dashboard .progress-items .progress-card {
  align-items: end;
  display: flex;
  gap: 6px;
  justify-content: space-between;
}
.ecommerce-dashboard .progress-items .progress-card .order-chart {
  margin: -47px -10px -40px -20px;
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  .ecommerce-dashboard .progress-items .progress-card p {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 975px) {
  .ecommerce-dashboard .progress-items .progress-card p {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  .ecommerce-dashboard .progress-items .progress-card {
    display: block !important;
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 975px) {
  .ecommerce-dashboard .progress-items .progress-card {
    display: block !important;
    width: 100% !important;
  }
}
@media (min-width: 1200px) and (max-width: 1570px) {
  .ecommerce-dashboard .progress-items .badge {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .ecommerce-dashboard .progress-items .badge {
    display: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 1339.98px) {
  .ecommerce-dashboard .progress-items .h3,
  .ecommerce-dashboard .progress-items h3 {
    font-size: 20px !important;
    margin-top: 6px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1269.98px) {
  .ecommerce-dashboard .progress-items .h3,
  .ecommerce-dashboard .progress-items h3 {
    font-size: 18px !important;
  }
}
@media (max-width: 991.98px) {
  .ecommerce-dashboard .progress-items .h3,
  .ecommerce-dashboard .progress-items h3 {
    font-size: 21px !important;
    margin-top: 6px !important;
  }
}
[data-theme="dark"] .ecommerce-dashboard .progress-items .h3,
[data-theme="dark"] .ecommerce-dashboard .progress-items h3 {
  color: #767676;
  color: var(--light-font);
}
.ecommerce-dashboard .product-offer .dropdown-menu {
  z-index: 9;
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  .ecommerce-dashboard .product-offer .card-body {
    padding-top: 0 !important;
  }
}
.ecommerce-dashboard .product-offer .swiper .swiper-slide {
  align-items: center;
  display: flex;
  justify-content: center;
}
.ecommerce-dashboard .product-offer .swiper .swiper-slide .item .product-gif {
  height: 58px;
  position: absolute;
  right: 0;
  top: 0;
  width: 58px;
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  .ecommerce-dashboard .product-offer .swiper .swiper-slide .item .product-gif {
    height: 49px;
    width: 49px;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .ecommerce-dashboard .product-offer .swiper .swiper-slide .item .product-gif {
    height: 32px;
    width: 32px;
  }
}
@media (max-width: 1199.98px) {
  .ecommerce-dashboard .product-offer .swiper .swiper-slide .item .product-gif {
    height: 70px;
    width: 70px;
  }
}
@media (max-width: 420px) {
  .ecommerce-dashboard .product-offer .swiper .swiper-slide .item .product-gif {
    height: 50px;
    width: 50px;
  }
}
.ecommerce-dashboard
  .product-offer
  .swiper
  .swiper-slide
  .item
  .product-content {
  margin-top: 20px;
}
@media (min-width: 1200px) and (max-width: 1379.98px) {
  .ecommerce-dashboard
    .product-offer
    .swiper
    .swiper-slide
    .item
    .product-content {
    margin-top: 1px;
  }
}
[data-theme="dark"]
  .ecommerce-dashboard
  .product-offer
  .swiper
  .swiper-slide
  .item
  .product-content
  .h4
  a,
[data-theme="dark"]
  .ecommerce-dashboard
  .product-offer
  .swiper
  .swiper-slide
  .item
  .product-content
  h4
  a {
  color: #767676;
  color: var(--light-font);
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  .ecommerce-dashboard .product-offer .swiper .swiper-wrapper {
    padding-bottom: 20px !important;
  }
}
.ecommerce-dashboard .product-offer .swiper .swiper-pagination {
  bottom: 110px !important;
  display: inline-grid;
  left: auto;
  margin-bottom: -10px;
  margin-top: 25px;
  position: absolute;
  right: 0;
  top: 35%;
  width: auto !important;
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  .ecommerce-dashboard .product-offer .swiper .swiper-pagination {
    bottom: 10px !important;
    display: inline !important;
    display: initial !important;
    left: 50% !important;
    top: auto !important;
    transform: translateX(-50%) !important;
  }
}
.ecommerce-dashboard
  .product-offer
  .swiper
  .swiper-pagination
  .swiper-pagination-bullet {
  background-color: var(--theme-default);
  height: 7px;
  width: 7px;
}
.ecommerce-dashboard
  .product-offer
  .swiper
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-radius: 10px;
  height: 25px;
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  .ecommerce-dashboard
    .product-offer
    .swiper
    .swiper-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-radius: 10px;
    height: 7px;
    width: 25px;
  }
}
@media (min-width: 1200px) and (max-width: 1379.98px) {
  .ecommerce-dashboard .sales-summary .card-header {
    padding-bottom: 0;
  }
}
@media (max-width: 1199.98px) {
  .ecommerce-dashboard .sales-summary .card-header {
    padding-bottom: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1379.98px) {
  .ecommerce-dashboard .sales-summary .card-body {
    padding-top: 0;
  }
}
@media (max-width: 1199.98px) {
  .ecommerce-dashboard .sales-summary .card-body {
    padding-top: 0;
  }
}
.overview-wrapper {
  position: relative;
  z-index: 1;
}
.back-bar-container {
  bottom: 13px;
  left: 45px;
  margin: 0 auto !important;
  position: absolute;
  width: calc(100% - 64px);
}
.project-dashboard .card-icon {
  position: absolute;
  right: 19px;
  top: 19px;
}
.project-dashboard .card.esatae-card .card-body .esatae-body {
  padding: 10px 0;
}
@media (min-width: 1200px) and (max-width: 1700px) {
  .project-dashboard .card.esatae-card .card-body .esatae-body {
    padding: 7px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1490px) {
  .project-dashboard .card.esatae-card .card-body .esatae-body {
    gap: 18px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .project-dashboard .card.esatae-card .card-body .esatae-body {
    gap: 5px !important;
  }
}
@media (max-width: 480px) {
  .project-dashboard .card.esatae-card .card-body .esatae-body,
  .project-dashboard .card.esatae-card .card-body .esatae-body .gap-3 {
    gap: 10px !important;
  }
}
@media (max-width: 360px) {
  .project-dashboard
    .card.esatae-card
    .card-body
    .esatae-body
    .gap-3
    .flex-grow-1 {
    display: none;
  }
}
.project-dashboard
  .card.esatae-card
  .card-body
  .esatae-body
  .gap-3
  .flex-grow-1
  span {
  color: #9b9b9b;
  color: var(--text-light-gray);
}
.project-dashboard .card.esatae-card .card-body .esatae-body .flex-shrink-0 {
  align-items: center;
  border-radius: 11px;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 42px;
}
.project-dashboard
  .card.esatae-card
  .card-body
  .esatae-body
  .flex-shrink-0.bg-tertiary {
  filter: drop-shadow(-6px 6px 10px rgba(253, 126, 64, 0.25));
}
@media (min-width: 1200px) and (max-width: 1685px) {
  .project-dashboard
    .card.esatae-card
    .card-body
    .esatae-body
    .flex-shrink-0.bg-tertiary {
    display: none;
  }
}
.project-dashboard
  .card.esatae-card
  .card-body
  .esatae-body
  .flex-shrink-0.bg-secondary {
  filter: drop-shadow(-6px 6px 10px rgba(194, 128, 210, 0.25));
}
@media (min-width: 1200px) and (max-width: 1685px) {
  .project-dashboard
    .card.esatae-card
    .card-body
    .esatae-body
    .flex-shrink-0.bg-secondary {
    display: none;
  }
}
.project-dashboard
  .card.esatae-card
  .card-body
  .esatae-body
  .flex-shrink-0.bg-primary {
  filter: drop-shadow(-6px 6px 10px rgba(67, 185, 178, 0.25));
}
@media (min-width: 1200px) and (max-width: 1685px) {
  .project-dashboard
    .card.esatae-card
    .card-body
    .esatae-body
    .flex-shrink-0.bg-primary {
    display: none;
  }
}
.project-dashboard
  .card.esatae-card
  .card-body
  .esatae-body
  .flex-shrink-0
  svg {
  fill: #fff;
}
.project-dashboard
  .card.esatae-card
  .card-body
  .esatae-body
  .customer.avatar-group
  ul
  li
  + li {
  margin-left: -12px;
}
@media (min-width: 1200px) and (max-width: 1730px) {
  .project-dashboard
    .card.esatae-card
    .card-body
    .esatae-body
    .customer.avatar-group
    ul
    li
    + li {
    margin-left: -20%;
  }
}
.project-dashboard
  .card.esatae-card
  .card-body
  .esatae-body
  .customer.avatar-group
  ul
  li:last-child
  span {
  align-items: center;
  background-color: #fff;
  background-color: var(--card-color);
  border: 2px solid #f4f5f8;
  border: 2px solid var(--light-color);
  display: flex;
  font-weight: 500;
  height: 40px;
  justify-content: center;
  vertical-align: middle;
  width: 40px;
}
@media (min-width: 1200px) and (max-width: 1417px) {
  .project-dashboard
    .card.esatae-card
    .card-body
    .esatae-body
    .customer.avatar-group
    ul
    li:last-child
    span {
    height: 35px;
    width: 35px !important;
  }
}
@media (max-width: 480px) {
  .project-dashboard
    .card.esatae-card
    .card-body
    .esatae-body
    .customer.avatar-group
    ul
    li:last-child
    span {
    height: 30px;
    width: 30px !important;
  }
}
.project-dashboard
  .card.esatae-card
  .card-body
  .esatae-body
  .customer.avatar-group
  ul
  li
  img {
  border: 2px solid #fff;
  transition: 0.5s;
}
[data-theme="dark"]
  .project-dashboard
  .card.esatae-card
  .card-body
  .esatae-body
  .customer.avatar-group
  ul
  li
  img {
  border-color: #f9fafc;
  border-color: var(--body-color);
}
@media (min-width: 1200px) and (max-width: 1417px) {
  .project-dashboard
    .card.esatae-card
    .card-body
    .esatae-body
    .customer.avatar-group
    ul
    li
    img {
    width: 35px !important;
  }
}
@media (max-width: 480px) {
  .project-dashboard
    .card.esatae-card
    .card-body
    .esatae-body
    .customer.avatar-group
    ul
    li
    img {
    width: 30px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1385px) {
  .project-dashboard .card.esatae-card .card-body .esatae-body .flex-grow-1 {
    width: 70px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1585px) {
  .project-dashboard .card.esatae-card .card-body .esatae-body .flex-grow-1 .h6,
  .project-dashboard .card.esatae-card .card-body .esatae-body .flex-grow-1 h6 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
.project-dashboard
  .card.esatae-card
  .card-body
  .esatae-body
  .flex-grow-1
  .d-flex {
  align-items: center;
  justify-content: space-between;
}
.project-dashboard
  .card.esatae-card
  .card-body
  .esatae-body
  .flex-grow-1
  .progress {
  height: 10px;
}
@media (min-width: 768px) and (max-width: 940px) {
  .project-dashboard .card.client-card .icon-dropdown {
    display: none;
  }
}
.project-dashboard
  .card.client-card
  .card-body
  .team-member
  .customers.avatar-group
  ul
  li
  + li {
  margin-left: -6%;
}
@media (max-width: 1700px) {
  .project-dashboard
    .card.client-card
    .card-body
    .team-member
    .customers.avatar-group
    ul
    li
    + li {
    margin-left: -9%;
  }
}
@media (min-width: 1200px) and (max-width: 1630px) {
  .project-dashboard
    .card.client-card
    .card-body
    .team-member
    .customers.avatar-group
    ul
    li
    + li {
    margin-left: -10%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .project-dashboard
    .card.client-card
    .card-body
    .team-member
    .customers.avatar-group
    ul
    li
    img {
    width: 40px !important;
  }
}
@media (max-width: 480px) {
  .project-dashboard
    .card.client-card
    .card-body
    .team-member
    .customers.avatar-group
    ul
    li
    img {
    width: 35px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .project-dashboard
    .card.client-card
    .card-body
    .team-member
    .customers.avatar-group
    ul
    li:last-child
    span {
    height: 40px !important;
    width: 40px !important;
  }
}
@media (max-width: 480px) {
  .project-dashboard
    .card.client-card
    .card-body
    .team-member
    .customers.avatar-group
    ul
    li:last-child
    span {
    height: 35px !important;
    width: 35px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .project-dashboard .card.client-card .card-body .project-chart .project {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1216px) {
  .project-dashboard .card.calendar-box .card-body {
    padding-top: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .project-dashboard .card.calendar-box .card-body {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .project-dashboard .card.calendar-box .card-body .border-dash-bottom {
    border-bottom: 0;
    width: 50%;
  }
}
.project-dashboard .team-table .table-responsive {
  overflow: hidden;
}
@media (max-width: 1199.98px) {
  .project-dashboard .team-table .table-responsive {
    overflow-x: scroll;
  }
}
@media (min-width: 1200px) and (max-width: 1700px) {
  .project-dashboard .team-table .table-responsive table tr th:nth-child(3) {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1460px) {
  .project-dashboard .team-table .table-responsive table tr th:last-child {
    display: none;
  }
}
.project-dashboard .team-table .table-responsive table tr td {
  padding: 12px;
}
@media (min-width: 1200px) and (max-width: 1490px) {
  .project-dashboard .team-table .table-responsive table tr td {
    padding: 12px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1216px) {
  .project-dashboard .team-table .table-responsive table tr td {
    padding: 11px 0;
  }
}
.project-dashboard .team-table .table-responsive table tr td .h6:hover,
.project-dashboard .team-table .table-responsive table tr td h6:hover {
  color: var(--theme-default);
  transition: all 0.5s;
}
@media (min-width: 1200px) and (max-width: 1360px) {
  .project-dashboard .team-table .table-responsive table tr td:nth-child(2) {
    text-align: end;
  }
}
@media (min-width: 1200px) and (max-width: 1700px) {
  .project-dashboard .team-table .table-responsive table tr td:nth-child(3) {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .project-dashboard
    .team-table
    .table-responsive
    table
    tr
    td
    .flex-grow-1
    span {
    display: none;
  }
}
.project-dashboard .team-table .table-responsive table tr td .team-chart {
  margin: -36px -7px;
}
@media (min-width: 1200px) and (max-width: 1560px) {
  .project-dashboard .team-table .table-responsive table tr td .team-chart {
    margin: -36px -35px;
  }
}
@media (min-width: 1200px) and (max-width: 1490px) {
  .project-dashboard .team-table .table-responsive table tr td .team-chart {
    margin: -36px -9px;
  }
}
@media (min-width: 1200px) and (max-width: 1460px) {
  .project-dashboard .team-table .table-responsive table tr td .team-chart {
    display: none;
  }
}
.project-dashboard .list-card .list-item {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
}
.project-dashboard .list-card .list-item .input-box input {
  margin-top: -10px;
}
[dir="rtl"] .project-dashboard .list-card .list-item .h5,
[dir="rtl"] .project-dashboard .list-card .list-item h5 {
  margin-left: 0;
  margin-right: 10px;
}
@media (max-width: 1880px) {
  .project-dashboard .list-card .list-item .h5,
  .project-dashboard .list-card .list-item h5 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
@media (min-width: 1200px) and (max-width: 1725px) {
  .project-dashboard .list-card .list-item .h5,
  .project-dashboard .list-card .list-item h5 {
    font-size: 14px;
  }
}
@media (min-width: 1200px) and (max-width: 1545px) {
  .project-dashboard .list-card .list-item .h5,
  .project-dashboard .list-card .list-item h5 {
    width: 170px;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .project-dashboard .list-card .list-item .h5,
  .project-dashboard .list-card .list-item h5 {
    width: 135px;
  }
}
@media (min-width: 768px) and (max-width: 950px) {
  .project-dashboard .list-card .list-item .h5,
  .project-dashboard .list-card .list-item h5 {
    width: 135px;
  }
}
@media (max-width: 480px) {
  .project-dashboard .list-card .list-item .h5,
  .project-dashboard .list-card .list-item h5 {
    width: 133px;
  }
}
@media (max-width: 1625px) {
  .project-dashboard .list-card .list-item .btn {
    padding: 6px 12px;
  }
}
@media (min-width: 1200px) and (max-width: 1576px) {
  .project-dashboard .list-card .list-item .btn {
    padding: 6px;
  }
}
.project-dashboard .list-card .list-item + .list-item {
  border-top: 1px dashed #6a71854d;
  border-top: var(--light-border);
}
.project-dashboard .client-card .card-body .client-btn {
  margin-top: 22px;
}
@media (min-width: 1200px) and (max-width: 1630px) {
  .project-dashboard .client-card .card-body .client-btn {
    margin-top: 6px;
  }
}
@media (min-width: 1200px) and (max-width: 1525px) {
  .project-dashboard .client-card .card-body .client-btn {
    margin-top: 17px;
  }
}
@media (max-width: 1199.98px) {
  .project-dashboard .client-card .card-body .client-btn {
    margin-top: 8px;
  }
}
@media (max-width: 991.98px) {
  .project-dashboard .client-card .card-body .client-btn {
    margin-top: 19px;
  }
}
@media (min-width: 1200px) and (max-width: 1345px) {
  .project-dashboard .client-card .card-body .client-btn .px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .project-dashboard .client-card .card-body .client-btn .px-5 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media (max-width: 360px) {
  .project-dashboard .client-card .card-body .client-btn .px-5 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media (min-width: 576px) and (max-width: 940px) {
  .project-dashboard .client-card .card-icon {
    display: none;
  }
}
.project-dashboard .task-table .table {
  overflow: hidden;
}
.project-dashboard .task-table .table tbody tr td {
  padding: 17px 12px;
}
@media (min-width: 1200px) and (max-width: 1725px) {
  .project-dashboard .task-table .table tbody tr td {
    padding: 17px 9px;
  }
}
@media (min-width: 1200px) and (max-width: 1685px) {
  .project-dashboard .task-table .table tbody tr td {
    padding: 17px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1570px) {
  .project-dashboard .task-table .table tbody tr td {
    padding: 19px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1216px) {
  .project-dashboard .task-table .table tbody tr td {
    padding: 20px 0;
  }
}
.project-dashboard .task-table .table tbody tr td .d-flex .flex-shrink-0 {
  align-items: center;
  background-color: #f4f5f8;
  background-color: var(--light-color);
  border-radius: 10px;
  display: flex;
  height: 38px;
  justify-content: center;
  width: 38px;
}
.project-dashboard .task-table .table tbody tr td ul {
  column-count: 2;
  column-gap: 20px;
  column-rule-color: #767676;
  column-rule-color: var(--light-font);
  column-rule-style: solid;
  column-rule-width: 1px;
  display: inline-block;
}
@media (min-width: 1200px) and (max-width: 1570px) {
  .project-dashboard .task-table .table tbody tr td ul {
    column-count: 1;
    display: block;
    margin-right: 88px;
  }
}
.project-dashboard .task-table .table tbody tr td ul li {
  align-items: center;
  display: flex;
  gap: 6px;
}
.project-dashboard .task-table .table tbody tr td ul li:first-child {
  color: #3d3d47;
  color: var(--body-font-color);
}
@media (min-width: 1200px) and (max-width: 1570px) {
  .project-dashboard .task-table .table tbody tr td ul li:nth-child(2) {
    display: none;
  }
}
.project-dashboard .task-table .table tbody tr td .f-light {
  align-items: center;
  display: flex;
  gap: 6px;
}
.project-dashboard .task-table .table tbody tr td .progress-showcase .progress {
  height: 8px;
  overflow: visible;
}
.project-dashboard .task-table .table tbody tr td .task-icon-button button {
  padding: 6px;
}
.project-dashboard .task-table .table tbody tr td .task-icon-button button svg {
  margin-right: 5px;
}
.project-dashboard .task-table .table tbody tr td:first-child {
  width: 20%;
}
@media (min-width: 1200px) and (max-width: 1470px) {
  .project-dashboard .task-table .table tbody tr td:first-child {
    width: 25%;
  }
}
@media (max-width: 1199.98px) {
  .project-dashboard .task-table .table tbody tr td:first-child {
    min-width: 150px !important;
  }
}
.project-dashboard .task-table .table tbody tr td:nth-child(2) {
  width: 20%;
}
.project-dashboard .task-table .table tbody tr td:nth-child(2) .h6:hover,
.project-dashboard .task-table .table tbody tr td:nth-child(2) h6:hover {
  color: var(--theme-default);
}
@media (min-width: 1200px) and (max-width: 1470px) {
  .project-dashboard .task-table .table tbody tr td:nth-child(3) {
    width: 100px;
  }
}
@media (min-width: 1400px) and (max-width: 1435px) {
  .project-dashboard .task-table .table tbody tr td:nth-child(3) {
    width: 80px;
  }
}
@media (min-width: 1200px) and (max-width: 1310px) {
  .project-dashboard .task-table .table tbody tr td:nth-child(3) {
    width: 80px;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .project-dashboard .task-table .table tbody tr td:nth-child(3) {
    width: 50px;
  }
}
@media (max-width: 1199.98px) {
  .project-dashboard .task-table .table tbody tr td:nth-child(3) {
    min-width: 125px !important;
  }
}
.project-dashboard .task-table .table tbody tr td:nth-child(3) .h6,
.project-dashboard .task-table .table tbody tr td:nth-child(3) h6 {
  color: #363636;
  color: var(--text-dark-black);
}
[data-theme="dark"]
  .project-dashboard
  .task-table
  .table
  tbody
  tr
  td:nth-child(3)
  .h6,
[data-theme="dark"]
  .project-dashboard
  .task-table
  .table
  tbody
  tr
  td:nth-child(3)
  h6 {
  color: #767676;
  color: var(--light-font);
}
@media (min-width: 1400px) and (max-width: 1435px) {
  .project-dashboard .task-table .table tbody tr td:nth-child(3) .h6,
  .project-dashboard .task-table .table tbody tr td:nth-child(3) h6 {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1310px) {
  .project-dashboard .task-table .table tbody tr td:nth-child(3) .h6,
  .project-dashboard .task-table .table tbody tr td:nth-child(3) h6 {
    display: none;
  }
}
.project-dashboard .task-table .table tbody tr td:last-child {
  text-align: end;
}
@media (max-width: 1199.98px) {
  .project-dashboard .task-table .table tbody tr td:last-child {
    min-width: 160px;
  }
}
.project-dashboard .task-table .timer {
  align-items: center;
  display: flex;
}
.project-dashboard .task-table .timer svg {
  stroke: #9b9b9b;
  stroke: var(--text-light-gray);
}
.project-dashboard .task-table .timer span {
  color: #9b9b9b;
  color: var(--text-light-gray);
}
.project-dashboard .task-table svg {
  color: #767676 !important;
  color: var(--light-font) !important;
  height: 15px;
  width: 15px;
}
.project-dashboard .date-picker {
  position: relative;
}
.project-dashboard .date-picker__calendar {
  left: 0;
  overflow: 0;
  position: absolute;
  top: 100%;
  transition: opacity 0.2s ease-out, visibility 0.2s step-start 0.2s;
  visibility: hidden;
  width: 274px;
}
.project-dashboard .date-picker__calendar_visible {
  opacity: 1;
  transition-delay: 0s;
  visibility: visible;
}
.project-dashboard .calendar {
  color: #3d3d47;
  color: var(--body-font-color);
  font-family: Outfit, sans-serif;
  line-height: 1.2;
  padding: 10px;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.project-dashboard .calendar__header {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 15px 35px 27px;
  position: relative;
}
@media (min-width: 1200px) and (max-width: 1275px) {
  .project-dashboard .calendar__header {
    padding: 15px 15px 27px;
  }
}
@media (max-width: 480px) {
  .project-dashboard .calendar__header {
    padding: 8px 24px;
  }
}
.project-dashboard .calendar__month {
  color: #3d3d47 !important;
  color: var(--body-font-color) !important;
  font-weight: 700;
  padding: 10px 10px 10px 20px;
}
[data-theme="dark"] .project-dashboard .calendar__month {
  color: #767676;
  color: var(--light-font);
}
@media (min-width: 1200px) and (max-width: 1430px) {
  .project-dashboard .calendar__month {
    font-size: 14px;
  }
}
@media (min-width: 1200px) and (max-width: 1340px) {
  .project-dashboard .calendar__month {
    font-size: 12px;
  }
}
@media (min-width: 1200px) and (max-width: 1295px) {
  .project-dashboard .calendar__month {
    font-size: 11px;
  }
}
@media (max-width: 480px) {
  .project-dashboard .calendar__month {
    font-size: 13px !important;
  }
}
.project-dashboard .calendar__year {
  color: #3d3d47 !important;
  color: var(--body-font-color) !important;
  font-weight: 700;
  margin-left: -5px;
  padding: 10px 20px 10px 10px;
}
[data-theme="dark"] .project-dashboard .calendar__year {
  color: #767676;
  color: var(--light-font);
}
@media (min-width: 1200px) and (max-width: 1430px) {
  .project-dashboard .calendar__year {
    font-size: 14px;
  }
}
@media (min-width: 1200px) and (max-width: 1340px) {
  .project-dashboard .calendar__year {
    font-size: 12px;
  }
}
@media (min-width: 1200px) and (max-width: 1295px) {
  .project-dashboard .calendar__year {
    font-size: 11px;
  }
}
@media (max-width: 480px) {
  .project-dashboard .calendar__year {
    font-size: 13px !important;
  }
}
.project-dashboard .calendar__btn {
  background: #0000;
  border: none;
  cursor: pointer;
  display: block;
  height: 20px;
  outline: none;
  padding: 0;
  position: absolute;
  text-indent: -9999px;
  top: 16px;
  width: 20px;
}
.project-dashboard .calendar__btn:before {
  border-left: 1px solid #2c2c31;
  border-top: 1px solid #2c2c31;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  top: 16px;
  transform-origin: center;
  width: 10px;
}
[data-theme="dark"] .project-dashboard .calendar__btn:before {
  border-color: #767676;
  border-color: var(--light-font);
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .project-dashboard .calendar__btn:before {
    top: 12px;
  }
}
@media (max-width: 480px) {
  .project-dashboard .calendar__btn:before {
    top: 3px;
  }
}
.project-dashboard .calendar__btn_prev {
  left: 50px;
}
@media (min-width: 1200px) and (max-width: 1635px) {
  .project-dashboard .calendar__btn_prev {
    left: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .project-dashboard .calendar__btn_prev {
    left: 0;
  }
}
.project-dashboard .calendar__btn_prev:before {
  left: 8px;
  transform: rotate(-45deg);
}
@media (max-width: 480px) {
  .project-dashboard .calendar__btn_prev {
    left: 0;
  }
}
.project-dashboard .calendar__btn_next {
  right: 50px;
}
@media (min-width: 1200px) and (max-width: 1635px) {
  .project-dashboard .calendar__btn_next {
    right: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .project-dashboard .calendar__btn_next {
    right: 0;
  }
}
.project-dashboard .calendar__btn_next:before {
  right: 8px;
  transform: rotate(135deg);
}
@media (max-width: 480px) {
  .project-dashboard .calendar__btn_next {
    right: 0;
  }
}
.project-dashboard .calendar__btn_disabled {
  pointer-events: none;
}
.project-dashboard .calendar__btn_disabled:before {
  border-color: #2c2c31;
}
[data-theme="dark"] .project-dashboard .calendar__btn_disabled:before {
  border-color: #767676;
  border-color: var(--light-font);
}
.project-dashboard .calendar__btn:hover:before {
  border-color: var(--theme-default);
  transition: all 0.5s;
}
.project-dashboard .calendar__table {
  margin: 8px 0 12px;
  table-layout: fixed;
  width: 100%;
}
.project-dashboard .calendar__table-col-header {
  color: #3d3d47 !important;
  color: var(--body-font-color) !important;
  font-family: Outfit, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em;
  padding: 12px 0;
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .project-dashboard .calendar__table-col-header {
    font-size: 12px !important;
  }
}
@media (max-width: 480px) {
  .project-dashboard .calendar__table-col-header {
    font-size: 13px !important;
  }
}
.project-dashboard .calendar__table-cell {
  color: #3d3d47 !important;
  color: var(--body-font-color) !important;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600 !important;
  letter-spacing: 0.05em;
  padding: 11px 0;
}
.project-dashboard .calendar__table-cell_disabled {
  color: #3d3d47;
  color: var(--body-font-color);
  font-weight: 500 !important;
  pointer-events: none;
}
.project-dashboard .calendar__table-cell_selected {
  background: var(--theme-default);
  border-radius: 20px;
  box-shadow: 0 4px 27px 0 var(--home-box-shadow);
  color: #fff !important;
  height: 52px !important;
  line-height: normal;
  width: 52px !important;
}
.project-dashboard .timeline-items {
  padding-bottom: 40px;
  padding-top: 40px;
}
@media (min-width: 1200px) and (max-width: 1700px) {
  .project-dashboard .timeline-items {
    padding-bottom: 25px;
    padding-top: 25px;
  }
}
@media (min-width: 1200px) and (max-width: 1350px) {
  .project-dashboard .timeline-items {
    padding-bottom: 35px;
    padding-top: 35px;
  }
}
@media (max-width: 480px) {
  .project-dashboard .timeline-items {
    padding-bottom: 28px;
    padding-top: 28px;
  }
}
.project-dashboard .timeline-items .timeline-box {
  background: #fff;
  border: 2px solid #f4f5f8;
  border-radius: 5px;
  box-shadow: 0 3px 18px 0 #f4f5f8;
  padding: 15px 22px;
}
[data-theme="dark"] .project-dashboard .timeline-items .timeline-box {
  background: #f9fafc;
  background: var(--body-color);
  border-color: #f9fafc;
  border-color: var(--body-color);
  box-shadow: 0 3px 18px rgb($light-color);
  box-shadow: var(--card-box-shadow);
}
@media (min-width: 1200px) and (max-width: 1250px) {
  .project-dashboard .timeline-items .timeline-box {
    padding: 15px 13px;
  }
}
@media (max-width: 360px) {
  .project-dashboard .timeline-items .timeline-box {
    padding: 15px 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1295px) {
  .project-dashboard .timeline-items .timeline-box .flex-grow-1 .f-15 {
    font-size: 14px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1250px) {
  .project-dashboard .timeline-items .timeline-box .flex-grow-1 .f-15 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
.project-dashboard .timeline-items .timeline-box .font-light {
  align-items: center;
  display: flex;
  gap: 6px;
}
.project-dashboard .timeline-items .timeline-box .font-light svg {
  height: 17px;
  width: 17px;
}
.project-dashboard
  .timeline-items
  .timeline-box
  .team-member
  ul
  li:last-child
  span {
  height: 38px;
  width: 38px;
}
@media (min-width: 1200px) and (max-width: 1560px) {
  .project-dashboard .timeline-items .timeline-box .team-member ul {
    display: none !important;
  }
}
@media (max-width: 480px) {
  .project-dashboard .timeline-items .timeline-box .team-member ul {
    display: none !important;
  }
}
.project-dashboard .timeline-items hr {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  opacity: inherit;
}
.project-dashboard .border-dash-bottom {
  border-bottom: 1px dashed #6a71854d;
  border-bottom: var(--light-border);
}
.project-dashboard .revenuechart {
  margin-bottom: -41px;
}
@media (min-width: 1200px) and (max-width: 1630px) {
  .project-dashboard .revenuechart {
    margin-bottom: -57px;
  }
}
@media (min-width: 576px) and (max-width: 1630px) {
  .project-dashboard .total-project .custom-width {
    width: 100%;
  }
}
@media (max-width: 450px) {
  .project-dashboard .total-project .custom-width {
    width: 100%;
  }
}
.project-dashboard .total-project .customer-chart {
  margin-bottom: -20px;
}
@media (min-width: 576px) and (max-width: 1630px) {
  .project-dashboard .total-project .customer-chart {
    margin-bottom: 0;
  }
}
@media (max-width: 450px) {
  .project-dashboard .total-project .customer-chart {
    margin-bottom: 0;
  }
}
.project-dashboard .total-project .project-details p {
  color: #363636;
  color: var(--text-dark-black);
}
[data-theme="dark"] .project-dashboard .total-project .project-details p {
  color: #3d3d47;
  color: var(--body-font-color);
}
.project-dashboard .total-project .project-details span {
  color: #767676;
  color: var(--light-font);
}
@media (min-width: 576px) and (max-width: 1630px) {
  .project-dashboard .total-project .project-details {
    display: none;
  }
}
@media (max-width: 450px) {
  .project-dashboard .total-project .project-details {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 940px) {
  .project-dashboard .total-project .card-icon,
  .project-dashboard .total-revenue .card-icon {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1595px) {
  .project-dashboard .project-chart .project {
    margin: 0 -14px;
  }
}
@media (min-width: 1200px) and (max-width: 1545px) {
  .project-dashboard .project-chart .project {
    margin: 0 -17px;
  }
}
@media (min-width: 1200px) and (max-width: 1525px) {
  .project-dashboard .project-chart .project {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .user-profile .order-sm-0 {
    order: -1;
  }
}
@media (max-width: 767.98px) {
  .user-profile .ttl-info {
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .user-profile .ttl-info {
    text-align: center !important;
  }
}
.user-profile .ttl-info .h6,
.user-profile .ttl-info h6 {
  color: #767676;
  color: var(--light-font);
  font-size: 16px;
  font-weight: 500;
}
.user-profile .ttl-info span {
  color: #898989;
  color: var(--dark-gray);
}
.user-profile .border-right {
  border-right: 1px solid #979797;
  border-right: 1px solid var(--light-text);
}
.user-profile hr {
  margin: 30px 0;
}
@media (max-width: 575.98px) {
  .user-profile hr {
    margin: 15px 0;
  }
}
.user-profile .hovercard .cardheader {
  background-position: 10%;
  background-size: cover;
  height: 100px !important;
}
@media (max-width: 767.98px) {
  .user-profile .hovercard .cardheader {
    height: 350px;
  }
}
@media (max-width: 575.98px) {
  .user-profile .hovercard .cardheader {
    height: 300px;
  }
}
.user-profile .hovercard .social-media ul,
.user-profile .hovercard .social-media ul li {
  align-items: center;
  display: flex;
  justify-content: center;
}
.user-profile .hovercard .social-media ul li {
  background-color: #f4f5f8;
  background-color: var(--light-color);
  border-radius: 0;
  height: 40px;
  padding: 0;
  width: 40px;
}
.user-profile .hovercard .social-media ul li a {
  font-size: 22px;
  padding: 0;
}
@media (max-width: 575.98px) {
  .user-profile .hovercard .social-media ul li a {
    font-size: 16px;
    margin-right: 0;
  }
}
@media (max-width: 360px) {
  .user-profile .hovercard .social-media ul li a {
    padding: 0 6px;
  }
}
.user-profile .hovercard .social-media ul li i {
  font-size: 20px;
}
.user-profile .hovercard .user-image {
  height: 0;
  position: relative;
  width: auto;
}
.user-profile .hovercard .user-image .avatar {
  margin-top: -80px;
}
.user-profile .hovercard .user-image .avatar img {
  border: 7px solid #fff;
  border-radius: 50%;
  height: 100px;
  max-height: 155px;
  max-width: 155px;
  width: 100px;
}
[data-theme="dark"] .user-profile .hovercard .user-image .avatar img {
  border-color: #f9fafc;
  border-color: var(--body-color);
}
.user-profile .hovercard .user-image .icon-wrapper {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  bottom: -20px;
  box-shadow: 0 0 6px 3px #4466f21a;
  cursor: pointer;
  display: flex;
  font-size: 17px;
  height: 40px;
  justify-content: center;
  left: 51%;
  margin: 0 auto;
  overflow: hidden;
  position: absolute;
  width: 40px;
}
[data-theme="dark"] .user-profile .hovercard .user-image .icon-wrapper {
  background: #f9fafc;
  background: var(--body-color);
  color: #767676;
  color: var(--light-font);
}
.user-profile .hovercard .info {
  padding: 30px 26px;
}
@media (max-width: 767.98px) {
  .user-profile .hovercard .info {
    padding: 35px;
  }
}
@media (max-width: 575.98px) {
  .user-profile .hovercard .info {
    padding: 20px;
  }
}
@media (max-width: 991.98px) {
  .user-profile .hovercard .info .user-designation {
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .user-profile .hovercard .info .user-designation {
    border-bottom: 1px solid #f4f5f8;
    border-top: 1px solid #f4f5f8;
    margin-bottom: 15px;
    padding: 15px 0;
  }
}
.user-profile .hovercard .info .title {
  color: #2c2c31;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 4px;
  vertical-align: middle;
}
.user-profile .hovercard .info .title a {
  font-size: 20px;
}
.user-profile .hovercard .info .desc,
.user-profile .hovercard .info .title a {
  color: #3d3d47;
  color: var(--body-font-color);
  font-weight: 500;
  text-transform: uppercase;
}
.user-profile .hovercard .info .desc {
  font-size: 14px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-profile .follow {
  margin-top: 20px;
}
.user-profile .follow .follow-num {
  color: #3d3d47;
  color: var(--body-font-color);
  font-family: Outfit, sans-serif;
  font-size: 20px;
  font-weight: 500;
}
.user-profile .follow span,
[data-theme="dark"] .user-profile .follow .follow-num {
  color: #767676;
  color: var(--light-font);
}
.user-profile .profile-img-style {
  padding: 30px;
}
@media (max-width: 575.98px) {
  .user-profile .profile-img-style {
    padding: 15px;
  }
}
.user-profile .profile-img-style .img-container {
  margin-top: 22px;
  min-height: 0 !important;
}
.user-profile .profile-img-style .img-container .my-gallery {
  display: block;
}
.user-profile .profile-img-style .user-name {
  color: #3d3d47;
  color: var(--body-font-color);
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}
.user-profile .profile-img-style p {
  color: #767676;
  color: var(--light-font);
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 0;
}
.user-profile .profile-img-style .d-flex img {
  width: 50px;
}
.user-profile .like-comment li a,
[data-theme="dark"] .user-profile .like-comment li a {
  color: #767676;
  color: var(--light-font);
}
.user-profile .like-comment li:first-child a:active,
.user-profile .like-comment li:first-child a:hover {
  color: #c42a02;
}
.user-profile .like-comment span {
  font-family: Outfit, sans-serif;
}
@media (max-width: 575.98px) {
  .user-profile .like-comment span {
    margin-left: 0 !important;
  }
}
.user-profile .social-media a,
[data-theme="dark"] .user-profile .like-comment span {
  color: #767676;
  color: var(--light-font);
}
.user-profile .social-media a {
  cursor: pointer;
  font-size: 20px;
  padding: 0 15px;
}
.user-profile .social-media a:hover {
  color: var(--theme-default);
}
.user-profile .my-gallery {
  display: block;
}
.user-profile .my-gallery.img-2 {
  display: flex;
  gap: 0;
}
.edit-profile .profile-title .d-flex {
  align-items: center;
  margin-bottom: 30px;
}
.edit-profile .profile-title .d-flex .flex-grow-1 {
  margin-left: 14px;
}
.edit-profile table tbody tr:last-child td {
  padding-bottom: 0.5rem !important;
}
.project-list .row {
  margin: 15px;
}
.project-list button:focus {
  outline: none !important;
}
.project-list .theme-form .form-group {
  margin-bottom: 15px;
}
.project-list .border-tab.nav-tabs .nav-item .nav-link {
  align-items: center;
  border: 1px solid #0000;
  border-radius: 5px;
  display: flex;
  padding: 5px 30px 5px 0;
}
.project-list .border-tab.nav-tabs .nav-item .nav-link.active .feather {
  stroke: var(--theme-default) !important;
}
.project-list .btn {
  float: right;
  margin-right: 5px;
  vertical-align: -12px;
}
[dir="rtl"] .project-list .btn {
  float: left;
}
.project-list .btn svg {
  height: 16px;
  vertical-align: middle;
}
.project-list ul {
  border-bottom: 0;
  margin-bottom: 0 !important;
}
.project-list ul li svg {
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
}
.tab-content .row > div[class*="col-xl-4"]:first-child {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 100s;
}
.tab-content .row > div[class*="col-xl-4"]:nth-child(2) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 200s;
}
.tab-content .row > div[class*="col-xl-4"]:nth-child(3) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 300s;
}
.tab-content .row > div[class*="col-xl-4"]:nth-child(4) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 400s;
}
.tab-content .row > div[class*="col-xl-4"]:nth-child(5) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 500s;
}
.tab-content .row > div[class*="col-xl-4"]:nth-child(6) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 600s;
}
.tab-content .row > div[class*="col-xl-4"]:nth-child(7) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 700s;
}
.tab-content .row > div[class*="col-xl-4"]:nth-child(8) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 800s;
}
.tab-content .row > div[class*="col-xl-4"]:nth-child(9) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 900s;
}
.tab-content .row > div[class*="col-xl-4"]:nth-child(10) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 1000s;
}
.tab-content .row > div[class*="col-xl-4"]:nth-child(11) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 1100s;
}
.tab-content .row > div[class*="col-xl-4"]:nth-child(12) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 1200s;
}
.tab-content .row > div[class*="col-xl-4"]:nth-child(13) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 1300s;
}
.tab-content .row > div[class*="col-xl-4"]:nth-child(14) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 1400s;
}
.tab-content .row > div[class*="col-xl-4"]:nth-child(15) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 1500s;
}
.project-cards .tab-content {
  margin-bottom: -30px;
}
[data-theme="dark"] .project-cards .badge {
  color: #767676 !important;
  color: var(--light-font) !important;
}
.project-box {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 5px;
  color: #3d3d47 !important;
  color: var(--body-font-color) !important;
  margin-bottom: 30px;
  padding: 30px;
  position: relative;
}
.project-box .h6,
.project-box h6 {
  font-weight: 500 !important;
}
.project-box .badge {
  line-height: 13px;
  position: absolute;
  right: 30px;
  top: 15px;
}
.project-box .project-status p {
  font-weight: 800;
  margin-bottom: 5px;
}
.project-box .details div {
  margin-bottom: 5px;
  opacity: 0.7;
}
.projectdetails .card .card-body,
.projectdetails .card .card-footer {
  padding: 20px;
}
.projectdetails .card select {
  font-size: 11px;
  height: 28px;
  right: 20px;
  top: 20px;
  width: 90px;
}
.projectmore .details .col-4 {
  margin-bottom: 5px;
}
.projectmore .details .col-4:nth-child(2n) {
  opacity: 0.5;
}
.projectmore .h5,
.projectmore h5 {
  font-size: 20px;
  font-weight: 600;
}
.projectmore .task-list {
  position: relative;
}
.projectmore .task-list ul li {
  margin-bottom: 5px;
}
.projectmore .task-list ul + ul {
  left: 50%;
  position: absolute;
  top: 0;
}
.new-users.activity .gradient-round {
  font-size: 20px;
  line-height: 1.4;
  padding: 13px;
  text-align: center;
  top: auto !important;
}
.new-users.activity .gradient-round:after {
  display: none;
}
.files-content {
  display: flex;
  margin-bottom: -10px;
}
.files-content li {
  margin-bottom: 10px;
  margin-right: 20px;
}
.files-content li .files-list .file-left {
  background-color: #43b9b214;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 5px;
  padding: 18px 22px;
}
.file-content .card .card-body,
.file-content .card .card-header,
.file-sidebar .card .card-body,
.file-sidebar .card .card-header {
  padding: 20px !important;
}
.file-content .card .card-body .btn-outline-primary .stroke-primary,
.file-content .card .card-header .btn-outline-primary .stroke-primary,
.file-sidebar .card .card-body .btn-outline-primary .stroke-primary,
.file-sidebar .card .card-header .btn-outline-primary .stroke-primary {
  stroke: var(--theme-default);
}
.file-content .card .card-body .btn-outline-primary:hover .stroke-primary,
.file-content .card .card-body .stroke-white,
.file-content .card .card-header .btn-outline-primary:hover .stroke-primary,
.file-content .card .card-header .stroke-white,
.file-sidebar .card .card-body .btn-outline-primary:hover .stroke-primary,
.file-sidebar .card .card-body .stroke-white,
.file-sidebar .card .card-header .btn-outline-primary:hover .stroke-primary,
.file-sidebar .card .card-header .stroke-white {
  stroke: #fff;
}
.file-content .card .card-body .file-manager,
.file-content .card .card-header .file-manager,
.file-sidebar .card .card-body .file-manager,
.file-sidebar .card .card-header .file-manager {
  padding-top: 0 !important;
}
.file-content .card .card-body .form-group input,
.file-content .card .card-header .form-group input,
.file-sidebar .card .card-body .form-group input,
.file-sidebar .card .card-header .form-group input {
  line-height: 0;
}
.file-manager .folder {
  margin-bottom: -12px;
}
.file-manager .folder li:nth-child(n + 2) {
  margin-bottom: 12px;
  margin-left: 12px;
}
.file-manager .folder li:nth-child(13),
.file-manager .folder li:nth-child(5),
.file-manager .folder li:nth-child(9) {
  margin-left: 0;
}
[data-theme="dark"] .file-manager .folder li.folder-box {
  background-color: #f9fafc !important;
  background-color: var(--body-color) !important;
}
.file-sidebar ul li + li {
  margin-top: 8px;
}
.file-sidebar .btn {
  align-items: center;
  display: flex;
  font-weight: 400;
  padding: 8px 20px;
}
[data-theme="dark"] .file-sidebar .btn.btn-light {
  background-color: #f9fafc;
  background-color: var(--body-color);
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.file-sidebar .btn.btn-outline-primary:hover,
.file-sidebar .btn.btn-primary:hover {
  color: #fff !important;
}
.file-sidebar .btn.btn-outline-primary:hover svg,
.file-sidebar .btn.btn-primary:hover svg {
  stroke: #fff !important;
}
.file-sidebar .btn:hover {
  color: var(--theme-default) !important;
}
.file-sidebar .btn:hover svg {
  stroke: var(--theme-default);
}
.file-sidebar .btn svg {
  height: 16px;
  margin-right: 8px;
  vertical-align: middle;
  width: 16px;
}
.file-sidebar .pricing-plan {
  border: 1px solid #6a71854d;
  border: 1px solid var(--solid-border);
  border-radius: 5px;
  margin-top: 10px;
  overflow: hidden;
  padding: 15px;
  position: relative;
}
[data-theme="dark"] .file-sidebar .pricing-plan {
  background-color: #f9fafc;
  background-color: var(--body-color);
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.file-sidebar .pricing-plan .h6,
.file-sidebar .pricing-plan h6 {
  color: #59667a;
  font-size: 14px;
  margin-bottom: 2px;
}
.file-sidebar .pricing-plan .h5,
.file-sidebar .pricing-plan h5 {
  font-size: 20px;
  font-weight: 500;
}
.file-sidebar .pricing-plan p {
  color: #59667a;
  margin-bottom: 5px;
}
.file-sidebar .pricing-plan .btn {
  display: inline-block;
  font-size: 12px;
}
.file-sidebar .pricing-plan .bg-img {
  opacity: 0.1;
  position: absolute;
  right: -40px;
  top: 40px;
  transform: rotate(-45deg);
}
.file-manager .h5,
.file-manager h5 {
  font-size: 18px;
}
.file-manager > .h6,
.file-manager > h6 {
  font-size: 15px;
  font-weight: 400 !important;
  margin-bottom: 12px;
  opacity: 0.6;
}
.file-manager .files-gap {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.file-manager .files-gap.list-group {
  flex-direction: row;
}
.file-manager p {
  color: #59667a;
  font-size: 12px;
  margin-bottom: 0;
}
.folder .h6,
.folder h6 {
  font-size: 14px;
  font-weight: 500 !important;
  opacity: 0.9;
}
.files-content,
.quick-file {
  flex-wrap: wrap;
}
.quick-file {
  margin-bottom: -10px;
}
.quick-file li {
  margin-bottom: 10px;
  margin-right: 20px;
}
.quick-file li:last-child {
  margin-right: 0;
}
[dir="rtl"] .quick-file li:last-child {
  margin-left: 0;
}
.quick-file li .h6,
.quick-file li h6 {
  font-size: 14px;
  font-weight: 400;
  margin-top: 8px;
  text-align: center;
}
.quick-file li .quick-box {
  background-color: #43b9b214;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 5px;
  padding: 20px 24px;
}
.quick-file li .quick-box i {
  font-size: 30px;
  margin-right: 0;
}
.file-content .folder-box .files-list .h6,
.file-content .folder-box .files-list h6 {
  font-size: 16px;
  font-weight: 400;
}
.file-content .folder-box .files-list i {
  margin-right: 0;
}
.file-content .ellips {
  opacity: 0.7;
  position: absolute;
  right: 30px;
  top: 30px;
}
.file-content .form-inline {
  border: 1px solid #6a71854d;
  border: 1px solid var(--solid-border);
  border-radius: 5px;
  padding: 0 20px;
}
[data-theme="dark"] .file-content .form-inline {
  background-color: #f9fafc !important;
  background-color: var(--body-color) !important;
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.file-content .form-inline i {
  color: #59667a;
  line-height: 3;
  padding-right: 10px;
}
.file-content .form-inline input::-webkit-input-placeholder {
  color: #59667a;
}
.file-content .form-inline input:focus {
  outline: none !important;
}
.file-content .search-form input {
  border-radius: 5px;
  padding: 5px 10px 5px 70px;
}
.file-content .search-form .form-group:before {
  left: 82px;
  top: 37px;
}
.file-content .search-form .form-group:after {
  left: 53px;
  top: 39px;
}
.file-content .btn svg {
  height: 16px;
  margin-right: 2px;
  vertical-align: -3px;
}
.file-content .h4,
.file-content h4 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 5px;
}
.file-content .folder .folder-box {
  background-color: #fff;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 5px;
  display: inline-block;
  margin: 2px 0;
  padding: 15px;
  position: relative;
  width: calc(25% - 15px);
}
.file-content .folder .folder-box .h6,
.file-content .folder .folder-box h6 {
  font-size: 16px;
}
.file-content .folder .folder-box .ellips {
  right: 22px;
  top: 22px;
}
.file-content .folder .folder-box:first-child {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 100s;
}
.file-content .folder .folder-box:nth-child(2) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 200s;
}
.file-content .folder .folder-box:nth-child(3) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 300s;
}
.file-content .folder .folder-box:nth-child(4) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 400s;
}
.file-content .folder .folder-box:nth-child(5) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 500s;
}
.file-content .folder .folder-box:nth-child(6) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 600s;
}
.file-content .folder .folder-box:nth-child(7) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 700s;
}
.file-content .folder .folder-box:nth-child(8) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 800s;
}
.file-content .folder .folder-box:nth-child(9) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 900s;
}
.file-content .folder .folder-box:nth-child(10) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 1000s;
}
.file-content .folder .folder-box:nth-child(11) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 1100s;
}
.file-content .folder .folder-box:nth-child(12) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 1200s;
}
.file-content .folder .folder-box:nth-child(13) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 1300s;
}
.file-content .folder .folder-box:nth-child(14) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 1400s;
}
.file-content .folder .folder-box:nth-child(15) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 1500s;
}
.md-sidebar .md-sidebar-toggle {
  font-weight: 600;
}
@media screen and (max-width: 1440px) {
  .file-content .folder .folder-box .d-flex {
    display: block !important;
    text-align: center;
  }
  .file-content .folder .folder-box .d-flex .flex-grow-1 {
    margin-left: 0 !important;
    margin-top: 5px;
  }
}
@media screen and (max-width: 1366px) {
  .file-content .folder {
    margin-bottom: -10px;
  }
  .file-content .folder .folder-box {
    margin-bottom: 10px;
    margin-right: 0;
    padding: 13px;
  }
  .file-content .folder .folder-box .d-flex i {
    font-size: 30px;
  }
  .file-content .card-header .btn {
    padding: 8px 15px;
    z-index: 0;
  }
  .file-sidebar .btn {
    padding: 8px 15px;
  }
}
@media screen and (max-width: 768px) {
  .file-content .form-inline {
    display: inline-block;
  }
  .file-content .folder {
    margin-bottom: -10px;
  }
  .file-content .folder .folder-box {
    margin-bottom: 10px;
    margin-right: 8px;
    width: calc(50% - 20px);
  }
  .file-content .folder .folder-box:nth-child(odd) {
    margin-left: 0;
  }
  [dir="rtl"] .file-content .folder .folder-box:nth-child(odd) {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 420px) {
  .file-content .folder .folder-box {
    margin-right: 0;
    width: 100%;
  }
  .file-content .h4,
  .file-content h4 {
    font-size: 20px;
  }
  .file-content .card-header .btn {
    font-size: 12px;
    padding: 7px 10px;
  }
  .file-manager .folder li:nth-child(n + 2) {
    margin-left: 0;
  }
  .file-manager > .h6,
  .file-manager > h6 {
    font-size: 14px;
  }
}
.jkanban-container .card-header p {
  color: #2f2f3b;
  font-weight: 400;
}
[data-theme="dark"] .jkanban-container .card-header p {
  color: #767676 !important;
  color: var(--light-font) !important;
}
.jkanban-container .card-body #demo1,
.jkanban-container .card-body #demo2,
.jkanban-container .card-body #demo3 {
  margin-left: -15px;
  margin-right: -15px;
}
.jkanban-container .btn {
  margin-bottom: 10px;
}
[data-theme="dark"] .jkanban-container .note {
  color: #3d3d47 !important;
  color: var(--bs-heading-color) !important;
}
.jkanban-container .note a {
  display: contents;
}
.kanban-board-header {
  background: #f4f5f8;
  background: var(--light-color);
  border-bottom: 1px solid #6a71854d;
  border-bottom: 1px solid var(--solid-border);
  height: auto;
  line-height: inherit;
  padding: 16px;
  width: auto;
  z-index: 0;
}
.kanban-board-header.bg-info ~ .kanban-drag {
  background-color: #2e8dd34d !important;
  padding: 20px;
}
.kanban-board-header.bg-warning ~ .kanban-drag {
  background-color: #f0ad4e4d !important;
  padding: 20px;
}
.kanban-board-header.bg-success ~ .kanban-drag {
  background-color: #17a6004d !important;
  padding: 20px;
}
.api-board .kanban-container,
.custom-board .kanban-container,
.default-kanban .kanban-container {
  display: flex;
  flex-wrap: wrap;
  width: 100% !important;
}
.kanban-board {
  border-radius: 8px;
  box-shadow: 1px 5px 24px 0 #4466f20d;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
  margin-right: 30px;
  overflow: hidden;
  transition: all 0.3s ease;
  width: calc(33.33333% - 30px) !important;
}
.kanban-board .kanban-drag {
  background: #f4f5f8;
  background: var(--light-color);
  padding: 20px;
}
.kanban-item {
  background: #0000;
  margin-bottom: 20px;
  padding: 0;
}
.kanban-item p {
  opacity: 0.7;
}
.kanban-item:last-child {
  margin-bottom: 0;
}
.kanban-item .list {
  display: inline-block;
  opacity: 0.4;
}
.kanban-item .list li {
  display: inline-block;
  font-size: 12px;
  margin-right: 10px;
}
.kanban-item .list li i {
  margin-right: 10px;
}
.kanban-item .kanban-box {
  background-color: #f9fafc;
  background-color: var(--body-color);
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 5px;
  color: inherit;
  display: block;
  padding: 20px;
  position: relative;
}
.kanban-item .kanban-box:hover {
  color: inherit;
}
.kanban-item .kanban-box + .kanban-box {
  margin-top: 20px;
}
.kanban-item .kanban-box .badge {
  float: right;
  font-weight: 400;
  padding: 4px;
}
.kanban-item .kanban-box .h6,
.kanban-item .kanban-box h6 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 8px;
  margin-top: 5px;
}
.kanban-item .kanban-box .dropdown {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 20px;
}
.kanban-item .kanban-box .dropdown .dropdown-item {
  font-size: 13px;
  font-weight: 500;
  padding: 5px 10px;
  text-align: left;
}
.kanban-item .kanban-box .dropdown svg {
  height: 14px;
}
.kanban-item .kanban-box .d-flex {
  justify-content: space-between;
}
.kanban-item .kanban-box .dropdown-toggle:after {
  content: none;
}
.kanban-item .kanban-box .customers li:first-child {
  vertical-align: middle;
}
.kanban-item .kanban-box .customers ul li + li {
  margin-left: -10px;
}
.kanban-item .kanban-box .date {
  font-size: 11px;
  opacity: 0.5;
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .jkanban-container .kanban-container .kanban-board {
    width: calc(33.33333% - 20px) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .jkanban-container .kanban-container .kanban-board {
    margin: 0 10px !important;
    width: calc(33.33333% - 20px) !important;
  }
}
@media (max-width: 1199.98px) {
  .jkanban-container .btn {
    margin-bottom: 10px;
  }
}
@media (max-width: 991.98px) {
  .kanban-board {
    width: calc(50% - 30px) !important;
  }
}
@media (max-width: 767.98px) {
  .jkanban-container .card-body #demo1 {
    margin-left: 0;
  }
}
@media only screen and (max-width: 600px) {
  .kanban-board .kanban-drag,
  .kanban-container .kanban-item .kanban-box {
    padding: 10px 15px;
  }
  .api-board .kanban-container .kanban-board,
  .custom-board .kanban-container .kanban-board {
    margin-left: 14px !important;
    margin-right: 14px !important;
    width: 90% !important;
  }
  .kanban-container .kanban-board {
    margin: 0 10px !important;
    width: 94% !important;
  }
}
@media only screen and (max-width: 480px) {
  .jkanban-container .kanban-board {
    margin-bottom: 14px;
  }
  .jkanban-container .card-body {
    padding: 15px !important;
  }
  .kanban-board .kanban-drag,
  .kanban-container .kanban-item .kanban-box {
    padding: 10px 15px;
  }
}
@media only screen and (max-width: 360px) {
  .jkanban-container .btn {
    margin-left: 0;
    padding: 6px 16px;
  }
}
.profile-img-style img,
.scroll-bar-wrap img {
  width: 100%;
}
[data-theme="dark"] .profile-img-style img,
[data-theme="dark"] .scroll-bar-wrap img {
  border-color: #f4f5f8 !important;
  border-color: var(--light-color) !important;
}
.gallery {
  margin-bottom: -30px;
}
.gallery > a {
  margin-bottom: 30px;
}
.gallery > a:before {
  align-items: center;
  background-color: #ffffff45;
  color: #000;
  content: "\edee";
  display: flex;
  font-family: IcoFont;
  font-size: 30px;
  height: calc(100% - 10px);
  justify-content: center;
  left: 20px;
  position: absolute;
  top: 5px;
  transform: scale(0);
  transition: all 0.3s ease;
  width: calc(100% - 40px);
}
.gallery > a:hover:before {
  transform: scale(1);
  transition: all 0.3s ease;
}
.gallery > a .img-thumbnail {
  border-radius: 0;
}
.gallery-with-description {
  margin-bottom: -30px;
}
.gallery-with-description a > div {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 0 0 5px 5px;
  margin-bottom: 30px;
  padding: 10px;
}
[data-theme="dark"] .gallery-with-description a > div {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
}
.gallery-with-description a:hover {
  text-decoration: none !important;
}
.gallery-with-description .h4,
.gallery-with-description h4 {
  color: #2c2c31;
  font-size: 18px;
  margin-top: 15px;
}
[data-theme="dark"] .gallery-with-description .h4,
[data-theme="dark"] .gallery-with-description h4 {
  color: #767676;
  color: var(--light-font);
}
.gallery-with-description p {
  color: #44444c;
}
[data-theme="dark"] .gallery-with-description p {
  color: #767676;
  color: var(--light-font);
}
.lg-backdrop {
  background-color: #fff;
}
.lg-outer .lg-actions .lg-next,
.lg-outer .lg-actions .lg-prevlg-prev {
  background-color: #fff0;
  border: 1px solid #efefef;
  border: 1px solid var(--light-semi-gray);
}
.lg-outer .lg-actions .lg-next:hover,
.lg-outer .lg-actions .lg-prevlg-prev:hover {
  color: #898989;
  color: var(--dark-gray);
}
.lg-outer .lg-toolbar {
  background-color: #ffffff45;
  border-bottom: 1px solid #2c2c31;
}
.lg-outer #lg-counter,
.lg-outer .lg-toolbar .lg-icon:hover {
  color: #2c2c31;
}
.lg-outer .lg-sub-html {
  background-color: #ffffff45;
}
.lg-outer .lg-sub-html .h4,
.lg-outer .lg-sub-html h4 {
  color: #2c2c31;
  font-size: inherit;
}
.lg-outer .lg-sub-html p {
  color: #2c2c31;
}
.lg-outer .lg-thumb-outer {
  background-color: #eee;
  background-color: var(--light-gray);
}
.lg-outer .lg-thumb-item {
  border: 1px solid #efefef;
  border: 1px solid var(--light-semi-gray);
  border-radius: 0;
  padding: 4px;
}
.lg-outer .lg-thumb-item .active,
.lg-outer .lg-thumb-item:hover {
  border-color: #000;
}
.gallery a:after,
.gallery a:before {
  content: none;
}
.gallery .img-hover > div {
  overflow: hidden;
}
.gallery .hover-1 img {
  transform: scale(1);
  transition: 0.3s ease-in-out;
}
.gallery .hover-1 img:hover {
  transform: scale(1.2);
}
.gallery .hover-2 img {
  height: auto;
  transform: translateX(0);
  transition: 0.3s ease-in-out;
  width: 100%;
}
.gallery .hover-2:hover img {
  transform: translateX(40px) scale(1.2);
}
.gallery .hover-3 img {
  transform: scale(1.2);
  transition: 0.3s ease-in-out;
}
.gallery .hover-3:hover img {
  transform: scale(1);
}
.gallery .hover-4 img {
  transform: scale(1.5);
  transition: 0.3s ease-in-out;
}
.gallery .hover-4:hover img {
  transform: scale(1);
}
.gallery .hover-5 img {
  margin-left: 30px;
  transform: scale(1.3);
  transition: 0.3s ease-in-out;
}
.gallery .hover-5:hover img {
  margin-left: 0;
}
.gallery .hover-6 img {
  transform: rotate(15deg) scale(1.4);
  transition: 0.3s ease-in-out;
}
.gallery .hover-6:hover img {
  transform: rotate(0) scale(1);
}
.gallery .hover-7 img {
  filter: blur(3px);
  transition: 0.3s ease-in-out;
}
.gallery .hover-7:hover img {
  filter: blur(0);
}
.gallery .hover-8 img {
  filter: grayscale(100%);
  transition: 0.3s ease-in-out;
}
.gallery .hover-8:hover img {
  filter: grayscale(0);
}
.gallery .hover-9 img {
  filter: sepia(100%);
  transition: 0.3s ease-in-out;
}
.gallery .hover-9:hover img {
  filter: sepia(0);
}
.gallery .hover-10 img {
  filter: grayscale(0) blur(0);
  transition: 0.3s ease-in-out;
}
.gallery .hover-10:hover img {
  filter: grayscale(100%) blur(3px);
}
.gallery .hover-11 img {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.gallery .hover-11:hover img {
  opacity: 0.5;
}
@keyframes flash {
  0% {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.gallery .hover-13:hover img {
  animation: flash 1.5s;
  opacity: 1;
}
@keyframes shine {
  to {
    left: 125%;
  }
}
.gallery .hover-14 div {
  position: relative;
}
.gallery .hover-14 div:before {
  background: linear-gradient(90deg, #fff0 0, #ffffff4d);
  content: "";
  display: block;
  height: 100%;
  left: -75%;
  position: absolute;
  top: 0;
  transform: skewX(-25deg);
  width: 50%;
  z-index: 2;
}
.gallery .hover-14 div:hover:before {
  animation: shine 0.75s;
}
.gallery .hover-15 div {
  position: relative;
}
.gallery .hover-15 div:before {
  background: #ffffff4d;
  border-radius: 100%;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  z-index: 2;
}
.gallery .hover-15 div:hover:before {
  animation: circle 0.75s;
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  to {
    height: 200%;
    opacity: 0;
    width: 200%;
  }
}
*,
:after,
:before {
  box-sizing: border-box;
}
.grid {
  position: relative;
}
.grid:after {
  clear: both;
  content: "";
  display: block;
}
.grid-item img {
  background-color: #fff;
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  max-width: 100%;
  padding: 0.25rem;
}
[data-theme="dark"] .grid-item img {
  background-color: #fff !important;
  background-color: var(--card-color) !important;
}
.gallery-with-description .grid-item img {
  border: 0;
  padding: 0;
}
.blog-box img {
  border-radius: 0.25rem;
}
.blog-box .top-radius-blog {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.blog-box .h6,
.blog-box h6 {
  font-weight: 600;
  margin: 15px 0;
}
.blog-box .blog-details {
  padding-right: 20px;
}
@media (max-width: 575.98px) {
  .blog-box .blog-details {
    padding: 20px !important;
  }
}
.blog-box .blog-details .blog-social {
  margin-top: 30px;
}
.blog-box .blog-details .blog-social li {
  color: #52526c;
  display: inline-block;
  font-size: 12px;
}
[data-theme="dark"] .blog-box .blog-details .blog-social li {
  color: #767676;
  color: var(--light-font);
}
.blog-box .blog-details .blog-social li + li {
  line-height: 1;
  padding-left: 20px;
  padding-right: 0;
}
@media (max-width: 575.98px) {
  .blog-box .blog-details .blog-social li + li > span {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .blog-box .blog-details .blog-social li + li {
    padding-left: 25px;
  }
}
@media (max-width: 575.98px) {
  .blog-box .blog-details .blog-social li + li {
    padding-left: 20px;
  }
}
.blog-box .blog-details .blog-social li i {
  font-weight: 300;
  padding-right: 5px;
}
.blog-box .blog-details .blog-social li:first-child {
  border-right: 1px solid #ccc;
  padding-right: 20px;
}
@media (max-width: 575.98px) {
  .blog-box .blog-details .blog-social li:first-child {
    margin-right: 10px;
    padding-right: 20px;
  }
}
[data-theme="dark"] .blog-box .blog-details .blog-social li:first-child {
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
@media only screen and (max-width: 360px) {
  .blog-box .blog-details .blog-social li:last-child {
    padding-left: 0;
  }
}
[data-theme="dark"] .blog-box .blog-details-main hr {
  background-color: #6a71854d;
  background-color: var(--solid-border);
}
.blog-box .blog-details-main .blog-social {
  justify-content: center;
  margin: 20px 0;
}
.blog-box .blog-details-main .blog-social li {
  border-right: 1px dotted;
  color: #52526c;
  display: inline-block;
  font-size: 12px;
  padding: 0 24px;
}
[data-theme="dark"] .blog-box .blog-details-main .blog-social li {
  color: #767676;
  color: var(--light-font);
}
@media (max-width: 1676px) {
  .blog-box .blog-details-main .blog-social li {
    padding: 0 10px;
  }
}
.blog-box .blog-details-main .blog-social li:last-child {
  border-right: 0;
}
.blog-box .blog-details-main .blog-social li i {
  padding-right: 5px;
}
.blog-box .blog-details-main .blog-bottom-details {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.714;
  margin: 20px;
}
[data-theme="dark"] .blog-box .blog-details-main .blog-bottom-details {
  color: #767676;
  color: var(--light-font);
}
.blog-box .blog-date {
  color: #52526c;
}
[data-theme="dark"] .blog-box .blog-date {
  color: #767676;
  color: var(--light-font);
}
.blog-box .blog-date span {
  font-size: 36px;
  font-weight: 500;
  padding-right: 5px;
}
@media (max-width: 575.98px) {
  .blog-box .blog-date span {
    font-size: 25px;
  }
}
.blog-box.blog-shadow:before {
  border-radius: 5px;
  bottom: 0;
  box-shadow: inset 0 -200px 100px -13px #0009;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  transition: all 0.3s ease;
  width: 100%;
}
@media (max-width: 575.98px) {
  .blog-box.blog-shadow:before {
    box-shadow: inset 0 -100px 100px -13px #0009;
  }
}
.blog-box.blog-shadow:hover:before {
  box-shadow: inset 0 -200px 100px -13px #000000a6;
  transition: all 0.3s ease;
}
.blog-box.blog-shadow .blog-details {
  bottom: 0;
  padding: 20px !important;
  position: absolute;
  width: 100%;
}
@media (max-width: 575.98px) {
  .blog-box.blog-shadow .blog-details {
    padding: 15px !important;
  }
}
@media only screen and (max-width: 480px) {
  .blog-box.blog-shadow .blog-details {
    padding: 10px !important;
  }
}
.blog-box.blog-shadow .blog-details .h4,
.blog-box.blog-shadow .blog-details h4 {
  color: #fff;
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
  .blog-box.blog-shadow .blog-details .h4,
  .blog-box.blog-shadow .blog-details h4 {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 480px) {
  .blog-box.blog-shadow .blog-details .h4,
  .blog-box.blog-shadow .blog-details h4 {
    font-size: 14px;
  }
}
.blog-box.blog-shadow .blog-details p {
  color: #fff;
  font-size: 14px;
  margin-bottom: 10px;
}
@media (max-width: 575.98px) {
  .blog-box.blog-shadow .blog-details p {
    margin-bottom: 0;
  }
}
.blog-box.blog-shadow .blog-details .blog-social li {
  color: #fff;
}
@media (max-width: 575.98px) {
  .blog-box.blog-shadow .blog-details .blog-social li:first-child {
    margin-right: 10px;
    padding-right: 20px;
  }
  .blog-box.blog-shadow .blog-details .blog-social li + li {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 360px) {
  .blog-box.blog-shadow .blog-details .blog-social li:last-child {
    padding-left: 0;
  }
}
@media (max-width: 575.98px) {
  .blog-box.blog-shadow .blog-details .blog-social {
    margin-top: 15px;
  }
  .blog-list .blog-details {
    padding-top: 0;
  }
}
.blog-list .blog-details .blog-social {
  margin-top: 0;
}
@media (max-width: 575.98px) {
  .blog-list .blog-details .blog-social {
    margin-top: 15px;
  }
}
.blog-list .blog-details .h6,
.blog-list .blog-details h6 {
  color: #ccc;
  font-weight: 500;
  margin-top: 0;
}
[data-theme="dark"] .blog-list .blog-details .h6,
[data-theme="dark"] .blog-list .blog-details h6 {
  color: #767676;
  color: var(--light-font);
}
.blog-list .blog-details hr {
  margin-bottom: 10px;
  margin-top: 10px;
}
.blog-list img {
  padding: 17px;
}
.blog-grid img {
  width: 100%;
}
.blog-grid .blog-details {
  padding: 20px;
}
.blog-grid .blog-details .h6,
.blog-grid .blog-details h6 {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 0;
}
.blog-box {
  align-items: center;
  max-height: 100%;
  position: relative;
}
.blog-box .blog-details .h6,
.blog-box .blog-details h6 {
  -webkit-line-clamp: 1;
}
.blog-box .blog-details .h6,
.blog-box .blog-details h6,
.blog-box .blog-details p {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-box .blog-details p {
  -webkit-line-clamp: 3;
  color: #52526c;
  font-size: 14px;
  letter-spacing: 0.7px;
  line-height: 1.8;
  margin-bottom: 0;
  margin-top: 30px;
}
[data-theme="dark"] .blog-box .blog-details p {
  color: #767676;
  color: var(--light-font);
}
@media (max-width: 575.98px) {
  .blog-box .blog-details p {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 360px) {
  .blog-box .blog-details p {
    line-height: 1.5;
  }
}
@media (max-width: 1570px) {
  .blog-box .blog-details p {
    -webkit-line-clamp: 2;
  }
}
.blog-box .blog-details .h4,
.blog-box .blog-details h4 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0;
  margin-top: 20px;
}
@media (max-width: 575.98px) {
  .blog-box .blog-details .h4,
  .blog-box .blog-details h4 {
    margin-top: 15px;
  }
}
.blog-box .blog-details .single-blog-content-top {
  border-top: 1px solid #efefef;
  border-top: 1px solid var(--light-semi-gray);
  margin-top: 20px;
}
@media (max-width: 575.98px) {
  .blog-box .blog-details .single-blog-content-top {
    margin-top: 15px;
  }
}
[data-theme="dark"] .blog-box .blog-details .single-blog-content-top {
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.blog-box .blog-details .blog-social li,
.blog-box .blog-details .comment-social li {
  font-size: 14px;
}
.comment-box {
  padding-bottom: 50px;
  padding-top: 50px;
}
@media (max-width: 575.98px) {
  .comment-box {
    padding-bottom: 30px;
    padding-top: 30px;
  }
}
.comment-box hr {
  margin-top: 20px;
}
.comment-box hr,
.comment-box li {
  margin-bottom: 30px;
}
.comment-box li:last-child {
  margin-bottom: 0;
}
.comment-box ul ul {
  margin-left: 135px;
}
@media (max-width: 575.98px) {
  .comment-box ul ul {
    margin-left: 30px;
  }
}
.comment-box p {
  color: #52526c;
  font-size: 14px;
  line-height: 2;
  margin-bottom: 0;
  text-align: justify;
}
[data-theme="dark"] .comment-box p {
  color: #767676;
  color: var(--light-font);
}
.comment-box .h4,
.comment-box h4 {
  font-weight: 600;
}
@media (max-width: 575.98px) {
  .comment-box .d-flex {
    display: block !important;
  }
}
.comment-box .d-flex img {
  border: 1px solid #efefef;
  border: 1px solid var(--light-semi-gray);
  border-radius: 10px;
  height: 90px;
  margin-right: 30px;
  padding: 7px;
  width: 90px;
}
[data-theme="dark"] .comment-box .d-flex img {
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
@media (max-width: 767.98px) {
  .comment-box .d-flex img {
    margin-right: 30px;
  }
}
@media (max-width: 575.98px) {
  .comment-box .d-flex img {
    height: 50px;
    margin-bottom: 10px;
    padding: 3px;
    width: 50px;
  }
}
.comment-box .d-flex .h6,
.comment-box .d-flex h6 {
  font-weight: 500;
  margin-bottom: 5px;
}
@media (max-width: 767.98px) {
  .comment-box .d-flex .h6,
  .comment-box .d-flex h6 {
    margin-bottom: 10px;
  }
}
.comment-box .d-flex .h6 span,
.comment-box .d-flex h6 span {
  color: #52526c;
  font-size: 13px;
  font-weight: 400;
  padding-left: 10px;
}
[data-theme="dark"] .comment-box .d-flex .h6 span,
[data-theme="dark"] .comment-box .d-flex h6 span {
  color: #767676;
  color: var(--light-font);
}
@media (max-width: 767.98px) {
  .comment-box .comment-social {
    margin-bottom: 5px;
  }
}
@media (max-width: 1199.98px) {
  .comment-box .comment-social {
    margin-left: 0;
  }
}
.comment-box .comment-social li {
  color: #ccc;
  display: inline-block;
  margin-bottom: 0;
  padding-left: 20px;
  text-transform: uppercase;
}
@media (max-width: 991.98px) {
  .comment-box .comment-social li {
    padding-left: 15px;
  }
}
.comment-box .comment-social li:first-child {
  border-right: 1px solid #efefef;
  border-right: 1px solid var(--light-semi-gray);
  padding-right: 20px;
}
@media (max-width: 767.98px) {
  .comment-box .comment-social li:first-child {
    padding-left: 0;
    padding-right: 15px;
  }
}
.comment-box .comment-social li i {
  padding-right: 10px;
}
@media screen and (max-width: 1366px) and (min-width: 1200px) {
  .blog-bottom-content {
    display: none;
  }
}
.sm-100-w {
  height: 100%;
  width: 100%;
}
@media (max-width: 575.98px) {
  .blog-single .blog-box .blog-details {
    padding: 0;
  }
  .blog-single .blog-box .blog-details .blog-social {
    margin-top: 15px;
  }
}
.knowledgebase-bg {
  border-radius: 15px;
  height: 500px;
  margin-bottom: 30px;
}
@media (max-width: 1199.98px) {
  .knowledgebase-bg {
    height: 400px;
  }
}
@media (max-width: 575.98px) {
  .knowledgebase-bg {
    height: 250px;
  }
}
.knowledgebase-search {
  align-items: center;
  bottom: 0;
  display: flex;
  left: 5%;
  position: absolute;
  top: 0;
}
@media (max-width: 575.98px) {
  .knowledgebase-search {
    background-color: #43b9b230;
    height: calc(100% - 30px);
    left: 15px;
    width: calc(100% - 30px);
  }
  .knowledgebase-search .h3,
  .knowledgebase-search h3 {
    font-size: 20px;
    margin-bottom: 0;
  }
  .knowledgebase-search > div {
    border-right: 10px;
    padding: 15px;
    text-align: center;
    width: 100%;
  }
}
.knowledgebase-search .form-inline {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border: 1px solid var(--form-inline-border);
  border-radius: 10px;
  margin-top: 10px;
  padding: 12px 50px;
  position: relative;
  width: 500px;
}
@media (max-width: 1199.98px) {
  .knowledgebase-search .form-inline {
    padding: 7px 45px;
    width: 400px;
  }
}
@media (max-width: 575.98px) {
  .knowledgebase-search .form-inline {
    padding: 3px 45px;
    width: 90%;
  }
}
.knowledgebase-search .form-inline ::placeholder {
  color: #ccc;
}
.knowledgebase-search .form-inline i,
.knowledgebase-search .form-inline svg {
  stroke: #ccc;
  left: 20px;
  position: absolute;
  top: 17px;
  width: 20px;
}
@media (max-width: 1199.98px) {
  .knowledgebase-search .form-inline i,
  .knowledgebase-search .form-inline svg {
    top: 14px;
  }
}
@media (max-width: 575.98px) {
  .knowledgebase-search .form-inline i,
  .knowledgebase-search .form-inline svg {
    top: 9px;
  }
}
.faq-widgets {
  align-items: center;
}
.faq-widgets .flex-grow-1 {
  flex: 1 1;
}
.faq-widgets .flex-grow-1 .h4,
.faq-widgets .flex-grow-1 h4 {
  color: #fff;
  font-weight: 600;
}
.faq-widgets .flex-grow-1 p {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  color: #ffffffb3;
  display: -webkit-box;
  overflow: hidden;
  padding-right: 20px;
  text-overflow: ellipsis;
}
.faq-widgets svg {
  color: #fff;
  height: 60px !important;
  opacity: 0.5;
  width: 60px !important;
}
@media (max-width: 575.98px) {
  .faq-widgets svg {
    height: 100px;
    height: 60px !important;
    opacity: 0.1;
    position: absolute;
    right: 20px;
    top: 10px;
    width: 100px;
    width: 60px !important;
  }
}
@media (max-width: 1199.98px) {
  .faq-widgets svg {
    height: 80px;
    width: 80px;
  }
}
.header-faq {
  margin-bottom: 30px;
}
@media (max-width: 575.98px) {
  .header-faq {
    margin-bottom: 15px;
    margin-top: 10px;
  }
}
.header-faq .h5,
.header-faq h5 {
  font-weight: 600;
}
.features-faq.card .card-body,
.features-faq.card .card-footer {
  padding: 20px 25px;
}
.features-faq .faq-image img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;
}
.features-faq .card-body .h5,
.features-faq .card-body h5 {
  font-weight: 500;
}
.add-project.table td {
  vertical-align: middle;
}
.add-project .text-inherit {
  color: #000;
  color: var(--black);
}
[data-theme="dark"] .add-project .text-inherit {
  color: #3d3d47;
  color: var(--body-font-color);
}
.faq-accordion.default-according {
  margin-bottom: 30px;
}
.faq-accordion.default-according .card .accordion-button {
  background-color: initial;
}
.faq-accordion.default-according .card .btn-link {
  color: #2f2f3b;
  display: flex;
  font-weight: 500;
  text-decoration: none;
}
.faq-accordion.default-according .card .btn-link i {
  height: 20px;
  margin-right: 10px;
  width: 20px;
}
[data-theme="dark"] .faq-accordion.default-according .card .btn-link {
  color: #767676;
  color: var(--light-font);
}
.faq-accordion.default-according .card .faq-header {
  padding: 30px;
  position: relative;
}
@media (max-width: 991.98px) {
  .faq-accordion.default-according .card .faq-header {
    padding: 20px !important;
  }
}
@media (max-width: 575.98px) {
  .faq-accordion.default-according .card .faq-header {
    padding: 15px !important;
  }
}
.faq-accordion.default-according .card .faq-header i {
  height: 20px;
  position: absolute;
  right: 30px;
  top: 30px;
  width: 20px;
}
@media (max-width: 991.98px) {
  .faq-accordion.default-according .card .faq-header i {
    right: 20px;
    top: 20px;
  }
}
.faq-accordion.default-according .card .faq-header span {
  margin-top: 3px;
}
.faq-accordion.default-according .faq-body {
  padding: 20px !important;
}
.faq-accordion.default-according .card-mb-faq {
  margin-bottom: 30px;
}
.faq-title {
  margin: 30px 0;
}
@media (max-width: 575.98px) {
  .faq-title {
    margin: 15px 0;
  }
}
.faq-title .h6,
.faq-title h6 {
  color: #979797;
  color: var(--light-text);
  font-weight: 600;
}
.faq-form {
  position: relative;
}
.faq-form .search-icon {
  height: 20px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
.navigation-btn {
  margin-bottom: 20px;
}
@media (max-width: 575.98px) {
  .navigation-btn {
    margin-bottom: 15px;
  }
}
.navigation-btn a {
  align-items: center;
  display: flex;
  justify-content: center;
}
.navigation-btn a i {
  height: 15px;
  width: 15px;
}
.navigation-option ul li {
  padding: 8px 8px 8px 0;
  position: relative;
}
@media (max-width: 991.98px) {
  .navigation-option ul li {
    padding: 10px 10px 10px 0;
  }
}
.navigation-option ul li:hover {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.navigation-option ul li:hover a {
  color: var(--theme-default);
}
.navigation-option ul li a {
  color: #2f2f3b;
  padding-left: 40px;
}
[data-theme="dark"] .navigation-option ul li a {
  color: #767676;
  color: var(--light-font);
}
.navigation-option ul li a i {
  height: 15px;
  left: 15px;
  position: absolute;
  top: 11px;
  width: 15px;
}
@media (max-width: 991.98px) {
  .navigation-option ul li a i {
    top: 12px;
  }
}
.updates-faq {
  align-items: center;
  border: 1px solid var(--theme-default);
  border-radius: 100%;
  display: flex;
  height: 40px;
  justify-content: center;
  margin-right: 20px;
  width: 40px;
}
@media (max-width: 991.98px) {
  .updates-faq {
    height: 35px;
    margin-right: 20px;
    width: 35px;
  }
}
@media (max-width: 767.98px) {
  .updates-faq {
    height: 30px;
    width: 30px;
  }
}
.updates-faq svg {
  height: 18px !important;
  width: 18px !important;
}
@media (max-width: 991.98px) {
  .updates-faq svg {
    height: 16px;
    width: 16px;
  }
}
.updates-bottom-time {
  flex: 1 1;
}
.updates-bottom-time p {
  margin-bottom: 2px;
}
[data-theme="dark"] .updates-bottom-time p {
  color: #767676;
  color: var(--light-font);
}
.updates-bottom-time p + p {
  color: #979797;
  color: var(--light-text);
}
[data-theme="dark"] .updates-bottom-time p + p {
  color: #767676;
  color: var(--light-font);
}
.updates-faq-main {
  margin-bottom: 20px;
}
.updates-faq-main a {
  font-weight: 500;
}
.updates-faq-main:last-child {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .updates-faq-main {
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .updates-faq-main {
    margin-bottom: 15px;
  }
}
@media (max-width: 1199.98px) {
  .faq-accordion {
    margin-bottom: 30px;
  }
}
@media (max-width: 575.98px) {
  .faq-accordion {
    margin-bottom: 0;
  }
  .faq-accordion .faq-header .pull-right {
    float: right;
  }
  .faq-accordion .faq-header i {
    right: 15px;
    top: 15px;
  }
}
@media (max-width: 767.98px) {
  .form-inline .form-group:not(.form-control-search) input {
    width: 100%;
  }
  .xs-mt-search {
    margin-top: 30px;
  }
}
@media (max-width: 575.98px) {
  .xs-mt-search {
    margin-top: 0;
  }
}
[data-theme="dark"] .text-muted {
  color: #767676 !important;
  color: var(--light-font) !important;
}
.toggle-data {
  cursor: pointer;
}
.filter-block ul li {
  opacity: 0.5;
  padding-top: 15px;
}
@media (max-width: 1500px) {
  .filter-block ul li {
    padding-top: 10px;
  }
}
.collection-filter-block svg {
  stroke: var(--theme-default) !important;
  fill: #43b9b21a;
  fill: var(--theme-default-light-bg);
  height: 25px;
  margin-right: 10px;
  width: 50px;
}
.collection-filter-block .h5,
.collection-filter-block h5 {
  font-size: 16px;
  margin-bottom: 0;
}
.collection-filter-block p {
  font-size: 13px;
}
.collection-filter-block .flex-grow-1 {
  opacity: 0.5;
}
.collection-filter-block li + li {
  margin-top: 16px;
}
.qty-box .btn {
  background-color: initial !important;
  border-color: #ecf3fa !important;
  padding: 8px 12px;
}
.qty-box .btn i {
  color: #898989;
  color: var(--dark-gray);
}
.qty-box .btn svg {
  stroke: #2c2c31;
  width: 14px !important;
}
.qty-box span {
  padding: 0 4px;
}
.qty-box .input-group,
.qty-box input {
  background-color: #2c2c311a;
}
.qty-box input {
  border: none;
  color: #2c2c31;
  max-height: 37px;
  max-width: 44px;
  padding: 0;
  text-align: center;
}
.product-social li a {
  border: 1px solid #ccc;
  border-radius: 100%;
  color: #898989;
  color: var(--dark-gray);
  display: inline-block;
  font-size: 15px;
  height: 35px;
  line-height: 2.3;
  text-align: center;
  transition: all 0.3s ease;
  width: 35px;
}
.product-social li a:hover {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
  border-color: var(--theme-default);
  color: var(--theme-default);
  transition: all 0.3s ease;
}
.product-social li:nth-child(n + 2) {
  margin-left: 10px;
}
@media (max-width: 767.98px) {
  .product-sidebar .filter-section .card .card-header {
    display: none;
  }
}
.product-wrapper .product-sidebar .filter-section .card {
  border: 0;
}
.product-wrapper .product-sidebar .filter-section .card .left-filter {
  height: 0;
  min-width: 320px;
  opacity: 0;
  transition: 0.3s;
  visibility: hidden;
  z-index: 0;
}
@media (max-width: 767.98px) {
  .product-wrapper .product-sidebar .filter-section .card .left-filter {
    min-width: 0;
    min-width: auto;
    top: auto !important;
  }
}
.product-wrapper .product-grid .product-wrapper-grid {
  margin-left: 0;
  transition: 0.3s;
}
.product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
  background-color: #fff;
  box-shadow: -1px 1px 54px -30px #0009;
  height: auto;
  opacity: 1;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 53px;
  visibility: visible;
  width: 100%;
  z-index: 3;
}
[data-theme="dark"]
  .product-wrapper.sidebaron
  .product-sidebar
  .filter-section
  .card
  .left-filter {
  background-color: #fff !important;
  background-color: var(--card-color) !important;
}
.product-wrapper.sidebaron
  .product-sidebar
  .filter-section
  .card
  .left-filter
  .swiper-slide {
  margin: 0 16px !important;
}
.product-wrapper.sidebaron
  .product-sidebar
  .filter-section
  .card
  .left-filter
  .product-details {
  padding: 25px 0;
}
.d-none-productlist {
  display: none;
}
@media (max-width: 767.98px) {
  .d-none-productlist {
    display: block;
    margin-right: 10px;
  }
}
.d-none-productlist svg {
  cursor: pointer;
  vertical-align: middle;
}
@media (min-width: 576px) {
  .product-wrapper-grid.list-view .col-sm-6 {
    flex: 0 0 100%;
    max-width: 100% !important;
  }
}
.product-wrapper-grid.list-view .product-box {
  align-items: center;
  display: flex;
}
@media only screen and (max-width: 480px) {
  .product-wrapper-grid.list-view .product-box {
    display: block;
  }
}
.product-wrapper-grid.list-view .product-box .product-img {
  width: 20%;
}
@media only screen and (max-width: 1366px) {
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 25%;
  }
}
@media only screen and (max-width: 1199.98px) {
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 32%;
  }
}
@media only screen and (max-width: 767.98px) {
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 42%;
  }
}
@media only screen and (max-width: 480px) {
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 100%;
  }
}
.product-wrapper-grid.list-view .product-box .product-details {
  text-align: left;
}
.product-wrapper-grid.list-view .product-modal .product-box .product-img {
  width: 50%;
}
@media (max-width: 992px) {
  .product-wrapper-grid.list-view .product-modal .product-box .product-img {
    width: 100%;
  }
}
.product-wrapper-grid.list-view .product-details .pro-detail {
  color: #666;
  color: var(--gray-60);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  overflow: hidden;
  padding: 5px 0;
  text-overflow: ellipsis;
  text-transform: capitalize;
  transition: all 0.5s ease;
  white-space: nowrap;
}
@media (min-width: 480px) and (max-width: 767px) {
  .product-wrapper-grid.list-view .product-details .pro-detail {
    width: 250px;
  }
}
.product-wrapper-grid.list-view .product-details .product-title {
  color: #898989;
  color: var(--dark-gray);
  display: block;
  font-size: 16px;
  line-height: 23px;
}
@media (max-width: 992px) {
  .product-wrapper-grid.list-view .product-details .product-title {
    display: none;
  }
}
.slider-product {
  border-bottom: 1px solid #f4f5f8;
  border-top: 1px solid #f4f5f8;
  margin-bottom: 15px;
  padding: 15px 0;
}
[data-theme="dark"] .slider-product {
  border-color: #6a71854d !important;
  border-color: var(--solid-border) !important;
}
.products-total {
  align-items: center;
  display: flex;
}
.grid-options {
  height: 33px;
  margin-left: 10px;
}
@media (max-width: 1199.98px) {
  .grid-options ul li:last-child {
    display: none;
  }
}
.grid-options ul li a {
  position: relative;
}
.grid-options ul li a .line-grid {
  height: 15px;
  position: absolute;
  top: 9px;
  width: 4px;
}
.grid-options ul li a .line-grid-1 {
  left: 12px;
}
.grid-options ul li a .line-grid-2 {
  left: 18px;
}
.grid-options ul li a .line-grid-3 {
  left: 36px;
}
.grid-options ul li a .line-grid-4 {
  left: 42px;
}
.grid-options ul li a .line-grid-5 {
  left: 48px;
}
.grid-options ul li a .line-grid-6 {
  left: 66px;
}
.grid-options ul li a .line-grid-7 {
  left: 72px;
}
.grid-options ul li a .line-grid-8 {
  left: 78px;
}
.grid-options ul li a .line-grid-9 {
  left: 84px;
}
.grid-options ul li a .line-grid-10 {
  left: 103px;
}
.grid-options ul li a .line-grid-11 {
  left: 109px;
}
.grid-options ul li a .line-grid-12 {
  left: 115px;
}
.grid-options ul li a .line-grid-13 {
  left: 121px;
}
.grid-options ul li a .line-grid-14 {
  left: 127px;
}
.grid-options ul li a .line-grid-15 {
  left: 133px;
}
.square-product-setting {
  height: 36px;
  vertical-align: middle;
}
.square-product-setting a {
  color: #2f2f3b;
}
.square-product-setting .icon-grid {
  align-items: center;
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
  display: flex;
  margin: 0 10px;
  padding: 7px;
}
.square-product-setting .icon-grid svg {
  color: var(--theme-default);
  height: 20px;
  width: 20px;
}
.square-product-setting .grid-layout-view.active {
  background-color: var(--theme-default);
}
.square-product-setting .grid-layout-view.active svg {
  color: #fff;
  color: var(--white);
}
.square-product-setting .list-layout-view.active {
  background-color: var(--theme-default);
}
.square-product-setting .list-layout-view.active svg {
  color: #fff;
  color: var(--white);
}
.product-filter .banner-product {
  margin-top: 15px;
}
.product-filter .h6,
.product-filter h6 {
  margin-bottom: 15px;
}
.product-filter .color-selector {
  line-height: 0.9;
}
.product-filter .color-selector ul li {
  border: 1px solid #444;
  border: 1px solid var(--gray-border);
  border-radius: 100%;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
}
.product-filter .color-selector ul li.white {
  background-color: #fff;
}
.product-filter .color-selector ul li.gray {
  background-color: #52526c;
}
.product-filter .color-selector ul li.black {
  background-color: #000;
}
.product-filter .color-selector ul li.orange {
  background-color: #fd7e40;
}
.product-filter .color-selector ul li.green {
  background-color: #17a600;
}
.product-filter .color-selector ul li.pink {
  background-color: #c42a02;
}
.product-filter .color-selector ul li.yellow {
  background-color: #f0ad4e;
}
.product-filter .color-selector ul li.blue {
  background-color: #2e8dd3;
}
.product-filter .color-selector ul li.red {
  background-color: #ff647f;
}
.product-filter.product-page {
  margin-top: 20px;
}
.select2-drpdwn-product .form-control {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
  border-color: #43b9b21a;
  border-color: var(--theme-default-light-bg);
  border-radius: 5px;
  color: var(--theme-default);
  font-weight: 500;
  margin: 5px 0;
  padding: 7px 15px;
  text-align: center;
}
.feature-products form .form-group {
  position: relative;
}
.feature-products form .form-group input {
  border: none;
  box-shadow: 1px 5px 24px 0 #43b9b20d;
  box-shadow: 1px 5px 24px 0 var(--input-boxshadow);
  height: 50px;
  margin-bottom: 15px;
  padding-left: 30px;
}
[data-theme="dark"] .feature-products form .form-group input {
  background-color: #fff !important;
  background-color: var(--card-color) !important;
}
.feature-products form .form-group i {
  color: #898989;
  color: var(--dark-gray);
  position: absolute;
  right: 30px;
  top: 18px;
}
.product-modal.modal .modal-header {
  background-color: #fff;
  border-bottom: 0;
}
[data-theme="dark"] .product-modal.modal .modal-header {
  background-color: #fff !important;
  background-color: var(--card-color) !important;
}
.product-modal.modal .modal-header .product-box.row {
  align-items: center;
}
.product-modal.modal .modal-header .product-box .product-details {
  padding: 25px 0;
}
@media (max-width: 991.98px) {
  .product-modal.modal .modal-header .product-box .product-details {
    padding: 25px 15px 0;
  }
}
.product-modal.modal .modal-header .product-box .product-details .h6,
.product-modal.modal .modal-header .product-box .product-details h6 {
  text-transform: capitalize;
}
[data-theme="dark"]
  .product-modal.modal
  .modal-header
  .product-box
  .product-details
  .h6,
[data-theme="dark"]
  .product-modal.modal
  .modal-header
  .product-box
  .product-details
  h6 {
  color: #767676;
  color: var(--light-font);
}
.product-modal.modal
  .modal-header
  .product-box
  .product-details
  .product-price {
  margin-bottom: 10px;
}
.product-modal.modal .modal-header .product-box .product-details .product-view {
  border-bottom: 1px solid #43b9b233;
  border-top: 1px solid #43b9b233;
  padding: 20px 0;
}
@media (max-width: 991.98px) {
  .product-modal.modal
    .modal-header
    .product-box
    .product-details
    .product-view {
    padding: 15px 0;
  }
}
.product-modal.modal .modal-header .product-box .product-details .product-size {
  margin: 20px 0;
}
@media (max-width: 991.98px) {
  .product-modal.modal
    .modal-header
    .product-box
    .product-details
    .product-size {
    font-size: 14px;
  }
}
.product-modal.modal
  .modal-header
  .product-box
  .product-details
  .product-size
  ul
  li {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
  border-radius: 5px;
  display: inline-block;
}
.product-modal.modal
  .modal-header
  .product-box
  .product-details
  .product-size
  ul
  li
  button {
  border-radius: 5px;
  color: var(--theme-default);
  font-size: 16px;
  font-weight: 500;
  height: 35px;
  padding: 0;
  width: 35px;
}
.product-modal.modal
  .modal-header
  .product-box
  .product-details
  .product-size
  ul
  li:nth-child(n + 2) {
  margin-left: 15px;
}
@media (max-width: 991.98px) {
  .product-modal.modal
    .modal-header
    .product-box
    .product-details
    .product-size
    ul
    li:nth-child(n + 2) {
    margin-left: 10px;
  }
}
.product-modal.modal
  .modal-header
  .product-box
  .product-details
  .product-size
  ul
  li.active
  button,
.product-modal.modal
  .modal-header
  .product-box
  .product-details
  .product-size
  ul
  li:hover
  button {
  background-color: var(--theme-default) !important;
  color: #fff;
}
.product-modal.modal
  .modal-header
  .product-box
  .product-details
  .product-qnty
  fieldset {
  margin-bottom: 20px;
}
.product-modal.modal
  .modal-header
  .product-box
  .product-details
  .product-qnty
  fieldset
  .input-group {
  width: 35%;
}
.product-modal.modal
  .modal-header
  .product-box
  .product-details
  .product-qnty
  fieldset
  .input-group
  .btn {
  padding: 5px 12px;
}
.product-modal.modal
  .modal-header
  .product-box
  .product-details
  .product-qnty
  .addcart-btn
  .btn {
  font-weight: 600;
}
.product-box {
  border-radius: 10px;
  overflow: hidden;
}
.product-box .product-details {
  padding: 15px 25px;
}
.product-box .product-details > a {
  color: #2f2f3b;
}
.product-box .product-details .pro-detail {
  margin-bottom: 0;
  opacity: 0.8;
}
[data-theme="dark"] .product-box .product-details .pro-detail {
  color: #767676 !important;
  color: var(--light-font) !important;
}
.product-box .product-details .product-title {
  display: none;
}
.product-box .product-details .h4,
.product-box .product-details h4 {
  font-family: Outfit, sans-serif;
  font-size: 20px;
  margin-bottom: 0;
  margin-top: 5px;
}
.product-box .product-details .h6,
.product-box .product-details h6 {
  color: #2f2f3b;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.product-box .product-details span {
  color: #898989;
  color: var(--dark-gray);
}
.product-box .product-details .rating i {
  color: #ffa800;
  color: var(--star-color);
  font-size: 16px;
  letter-spacing: 3px;
}
.product-box .product-img {
  position: relative;
}
.product-box .product-img .product-hover {
  align-items: center;
  background-color: #0000004d;
  border-radius: 100%;
  display: flex;
  height: 100%;
  justify-content: center;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transition: all 0.3s ease;
  width: 100%;
}
.product-box .product-img .product-hover ul li {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 1px 1px 2px 1px #00000014;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  height: 45px;
  margin: 0 3px;
  padding: 10px 12px;
  text-align: center;
  width: 45px;
}
.product-box .product-img .product-hover ul li i {
  color: #59667a;
  font-size: 18px;
}
.product-box .product-img .product-hover ul li .btn {
  padding: 0;
}
.product-box .product-img .product-hover ul li:hover {
  background-color: var(--theme-default);
  transition: all 0.3s ease;
}
.product-box .product-img .product-hover ul li:hover .btn,
.product-box .product-img .product-hover ul li:hover i {
  color: #fff;
}
.product-box:hover .product-hover {
  border-radius: 0;
  opacity: 1;
  transform: scale(1);
  transition: all 0.3s ease;
}
.product-page-main .swiper-container {
  overflow: hidden;
}
.product-page-main .swiper-container.slider2 .swiper-wrapper .swiper-slide {
  cursor: pointer;
}
.product-page-main .swiper-container.slider2 .swiper-wrapper .swiper-slide img {
  border-radius: 5px;
  display: block;
  object-position: top;
  width: 100%;
}
@media screen and (max-width: 1660px) and (min-width: 1200px) {
  .product-page-main
    .swiper-container.slider2
    .swiper-wrapper
    .swiper-slide
    img {
    margin: 0 auto;
    max-width: 420px;
  }
}
@media (max-width: 1399.98px) {
  .product-page-main
    .swiper-container.slider2
    .swiper-wrapper
    .swiper-slide
    img {
    max-width: 334px !important;
  }
}
@media (max-width: 767.98px) {
  .product-page-main
    .swiper-container.slider2
    .swiper-wrapper
    .swiper-slide
    img {
    max-width: 100% !important;
  }
}
.product-page-main
  .swiper-container.slider-thumbnail
  .swiper-wrapper
  .swiper-slide {
  background-color: #f8f8f8;
  background-color: var(--owl-item-bg);
  border: 1px solid #f4f5f8;
  border-radius: 5px;
  cursor: pointer;
}
.product-page-main
  .swiper-container.slider-thumbnail
  .swiper-wrapper
  .swiper-slide.swiper-slide-thumb-active {
  border: 1px solid var(--theme-default);
}
.product-page-main
  .swiper-container.slider-thumbnail
  .swiper-wrapper
  .swiper-slide
  img {
  border-radius: 5px;
  display: block;
  height: 115px;
  margin: auto;
  object-fit: cover;
  object-position: top;
  width: 100%;
}
.product-page-main .product-slider {
  margin-bottom: 20px;
}
@media (min-width: 1400px) {
  .product-page-main .product-slider img {
    height: 520px;
    object-fit: cover;
  }
}
@media (min-width: 1500px) {
  .product-page-main .product-slider img {
    height: 400px;
    object-fit: cover;
  }
}
.product-page-main .product-color {
  margin-top: 10px;
}
.add-product .dropzone {
  padding: 40px;
}
.add-product .product-info .h4,
.add-product .product-info h4 {
  font-size: 16px;
  margin-bottom: 14px;
}
.add-product .product-info .dzu-dropzone {
  height: 240px;
  justify-content: center;
}
.add-product .product-info .product-group {
  border: 1px solid #ecf3fa;
  border-radius: 6px;
  padding: 16px 18px;
}
[data-theme="dark"] .add-product .product-info .product-group {
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.product-page-details span {
  padding-left: 15px;
}
.br-theme-fontawesome-stars .br-widget a,
.br-theme-fontawesome-stars .br-widget a.br-active:after,
.br-theme-fontawesome-stars .br-widget a.br-selected:after {
  color: #ffa800 !important;
  color: var(--star-color) !important;
  font: normal normal normal 14px/1 FontAwesome;
}
.product-price span {
  color: var(--theme-default) !important;
  font-size: 18px;
  font-weight: 700;
  margin-top: 5px;
}
.product-price del {
  color: #767676;
  color: var(--light-font);
  font-size: 14px;
  font-weight: 600;
  margin-left: 15px;
}
.product-color li {
  border-radius: 100%;
  display: inline-block;
  height: 20px;
  margin: 0 2px;
  width: 20px;
}
.product-page-main p {
  font-size: 15px;
}
[data-theme="dark"] .product-page-main p {
  color: #3d3d47;
  color: var(--body-font-color);
}
.product-page-main .nav-link {
  font-weight: 500;
  text-transform: uppercase;
}
.product-filter .swiper-container {
  position: relative;
}
.product-filter .swiper-container .swiper-wrapper .swiper-slide .product-box {
  align-items: center;
}
@media (max-width: 767.98px) {
  .product-filter
    .swiper-container
    .swiper-wrapper
    .swiper-slide
    .product-box
    .col-md-4,
  .product-filter
    .swiper-container
    .swiper-wrapper
    .swiper-slide
    .product-box
    .col-md-8 {
    width: auto;
  }
}
.product-filter
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .product-box
  + .product-box {
  margin-top: 15px;
}
.product-filter .swiper-container .swiper-button-next,
.product-filter .swiper-container .swiper-button-prev {
  color: inherit;
  margin-top: 0;
  position: absolute;
  top: -46px;
}
.product-filter .swiper-container .swiper-button-next:after,
.product-filter .swiper-container .swiper-button-prev:after {
  font-size: 12px;
}
.product-filter .swiper-container .swiper-button-prev {
  left: auto;
  right: 46px;
}
.product-filter .swiper-container .swiper-button-next {
  right: 27px;
}
@media (max-width: 575.98px) {
  .payment-details .card-body .theme-form .p-r-0 {
    padding-right: 12px;
  }
}
.payment-details .card-body .theme-form input::placeholder,
.payment-details .card-body .theme-form textarea::placeholder {
  color: #898989 !important;
  color: var(--dark-gray) !important;
  font-weight: 400 !important;
}
.product-sidebar .filter-sidebar {
  max-height: 1000px;
  overflow: auto;
}
.product-sidebar .filter-section .card .card-header {
  border-radius: 5px;
  padding: 16px 30px;
}
.product-sidebar .filter-section .card .card-header .h6,
.product-sidebar .filter-section .card .card-header h6 {
  position: relative;
}
.product-sidebar .filter-section .card .card-header .h6 .pull-right i,
.product-sidebar .filter-section .card .card-header h6 .pull-right i {
  cursor: pointer;
  font-size: 10px;
  height: 10px;
  left: 0;
  position: absolute;
  text-align: right;
  top: 4px;
  width: 100%;
}
.custom-scrollbar.page-sidebar {
  position: fixed;
}
@media (max-width: 1199.98px) {
  .custom-scrollbar.page-sidebar {
    position: relative;
  }
}
@media (max-width: 767.98px) {
  .product-sidebar {
    height: 0;
    opacity: 0;
    position: absolute;
    transform: translateX(-300px) scaleX(0);
    transition: 0.3s;
    visibility: hidden;
    width: 300px;
    z-index: 3;
  }
}
.product-sidebar .slider-container {
  margin-bottom: 20px;
  max-width: 600px;
  width: 90%;
}
.product-sidebar .slider-container .rs-container .rs-bg {
  height: 6px;
}
.product-sidebar .slider-container .rs-container .rs-scale span ins {
  font-size: 9px;
}
.product-sidebar .slider-container .rs-container .rs-selected {
  background-color: var(--theme-default);
  border: 1px solid var(--theme-default);
  height: 6px;
}
.product-sidebar .slider-container .rs-container .rs-pointer {
  background-color: #fff;
  border: 2px solid var(--theme-default);
  cursor: pointer;
  height: 15px;
  transform: rotate(45deg);
  width: 15px;
}
[data-theme="dark"]
  .product-sidebar
  .slider-container
  .rs-container
  .rs-pointer {
  background-color: #f9fafc;
  background-color: var(--body-color);
  box-shadow: none;
}
.product-sidebar .slider-container .rs-container .rs-pointer:after,
.product-sidebar .slider-container .rs-container .rs-pointer:before {
  background-color: initial;
}
@media (max-width: 480px) {
  .add-product .dropzone {
    min-height: 80px;
    padding: 18px;
  }
  .left-filter {
    margin-top: -22px;
  }
  .product-sidebar {
    height: 0;
    opacity: 0;
    position: absolute;
    transform: translateX(-300px) scaleX(0);
    transition: 0.3s;
    visibility: hidden;
    width: 300px;
    z-index: 9;
  }
  .product-sidebar.open {
    box-shadow: 1px 5px 24px 0 var(--ecommerce-box-shadow);
    height: auto;
    opacity: 1;
    top: -45px;
    transform: translateX(0) scaleX(1);
    visibility: visible;
  }
  .product-sidebar .filter-section .card-header {
    display: none;
  }
  .product-sidebar .filter-section .left-filter {
    top: auto !important;
  }
}
@media (max-width: 420px) {
  .product-modal.modal
    .modal-header
    .product-box
    .product-details
    .product-qnty
    fieldset
    .input-group {
    width: 50%;
  }
  .product-modal.modal
    .modal-header
    .product-box
    .product-details
    .product-qnty
    .addcart-btn
    .btn {
    font-size: 12px;
    padding: 5px 10px;
  }
}
@media (max-width: 767.98px) {
  .feature-products .filter-toggle {
    background-color: #fff;
    background-color: var(--card-color);
    border-radius: 5px;
    margin-left: 10px;
    padding: 8px 15px;
  }
  .feature-products span.f-w-600 {
    display: inline-block;
    padding-top: 19px;
  }
  .feature-products .select2-drpdwn-product {
    float: left;
    margin: 8px 10px 10px 0;
  }
  .product-sidebar.open {
    box-shadow: 1px 5px 24px 0 #43b9b20d;
    box-shadow: 1px 5px 24px 0 var(--input-boxshadow);
    height: auto;
    opacity: 1;
    position: relative;
    top: -45px;
    transform: translateX(0) scaleX(1);
    visibility: visible;
  }
}
.product-sidebar.open:after {
  border-bottom: 7px solid #fff;
  border-left: 7px solid #0000;
  border-right: 7px solid #0000;
  content: "";
  height: 0;
  position: absolute;
  right: 120px;
  top: -7px;
  width: 0;
}
.payment-opt li {
  display: inline-block;
}
.payment-opt li img {
  height: 20px;
  margin: 15px 15px 0 0;
}
@media (max-width: 767.98px) {
  .grid-options ul li {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .grid-options ul li:nth-child(3) {
    display: none;
  }
}
@media only screen and (max-width: 1366px) {
  .grid-options ul li:last-child {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .product-table .datatable-wrapper table tr td:nth-child(2) {
    min-width: 200px;
  }
  .product-table .datatable-wrapper table tr td:nth-child(4) {
    min-width: 100px;
  }
}
@media (max-width: 1399.98px) {
  .product-table .datatable-wrapper table tr td:last-child {
    min-width: 140px;
  }
}
@media screen and (max-width: 1366px) and (min-width: 1200px) {
  .whishlist-main [class*="col-"] {
    width: 25%;
  }
}
@media screen and (max-width: 1400px) and (min-width: 1200px) {
  .whishlist-main .prooduct-details-box .btn {
    letter-spacing: 0;
    right: 0;
    top: 0;
  }
}
@media screen and (max-width: 1660px) and (min-width: 1200px) {
  .whishlist-main .prooduct-details-box .btn {
    bottom: auto;
    left: auto;
    right: 5px;
    top: 5px;
  }
}
@media (max-width: 1500px) {
  .list-products table thead th:nth-child(3) {
    min-width: 110px;
  }
  .list-products table thead th:nth-child(5) {
    min-width: 120px;
  }
  .list-products table thead th:last-child {
    min-width: 135px;
  }
}
.list-products table tbody tr:nth-child(2n) {
  background-color: #fff;
  background-color: var(--card-color);
}
.list-products table tbody tr:nth-child(odd) {
  background-color: #f9f9f9;
}
[data-theme="dark"] .list-products table tbody tr:nth-child(odd) {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
[data-theme="dark"] .product-wrapper .product-box .btn-close {
  background-color: #fff;
}
.order-history-page tr:nth-child(2n) {
  background-color: #fff;
  background-color: var(--card-color);
}
.order-history-page tr:nth-child(2n) td:first-child {
  background-color: #f9f9f9;
}
[data-theme="dark"] .order-history-page tr:nth-child(2n) td:first-child {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.order-history-page tr:nth-child(odd) {
  background-color: #f9f9f9;
}
[data-theme="dark"] .order-history-page tr:nth-child(odd) {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.order-history-page tr:nth-child(odd) td:first-child {
  background-color: #fff;
  background-color: var(--card-color);
}
:root {
  --light-color: #f4f5f8;
  --card-color: #fff;
  --body-font-color: #3d3d47;
  --light-font: #767676;
  --gray-60: #666;
  --shape-border: #6a7185;
  --body-color: #f9fafc;
  --dark-gray: #898989;
  --pitch-color: #fe8a7d;
  --light-gray: #eee;
  --light-text: #979797;
  --footer-icon: #ff3636;
  --light-semi-gray: #efefef;
  --photoswipe-border: #ddd;
  --theme-default: var(--theme-default);
  --theme-secondary: #c280d2;
  --light2: #f5f6f9;
  --star-color: #ffa800;
  --chart-dashed-border: #52526c33;
  --view-grid-bg: #ecf3fa80;
  --recent-dashed-border: #52526c4d;
  --dashed-border: #6b72854d;
  --text-gray: #9999a9cc;
  --avatar-preview-border: #f8f8f8;
  --card-box-shadow: 0 3px 18px rgb($light-color);
  --card-border-color: #f3f3f3;
  --login-box-shadow: 0 0 37px #0815420d;
  --light-border: 1px dashed #6a71854d;
  --solid-border: #6a71854d;
  --light-bg: #eef1f6;
  --form-inline-border: #e6e6e6;
  --recent-border: #374558;
  --scrollbar-color: #eee;
  --error-background: rgba($white, 0.6);
  --owl-item-bg: #f8f8f8;
  --gray-border: #444;
  --dropdown-shadow: 0px 10px 44px 0px #0000001a;
  --input-boxshadow: #43b9b20d;
  --card-hover-box-shadow: 0 0 40px #0815420d;
  --chat-background: linear-gradient(0deg, #f5f6fa, #f5f6fa),
    linear-gradient(0deg, #fff, #fff);
  --scrollbar-thumb: #bdbdbd;
  --text-light-gray: #9b9b9b;
  --text-dark-black: #363636;
  --landing-header-bg: #edf8f7;
  --landing-btn: #ff6150;
  --landing-outline-text: #fff6;
  --features-bg-1: #ffe8ea;
  --features-svg-1: #f94646;
  --features-bg-2: #fff3e5;
  --features-svg-2: #ff993a;
  --features-bg-3: #def1ff;
  --features-svg-3: #43bcff;
  --features-bg-4: #d4f5ed;
  --features-svg-4: #60b158;
  --features-bg-5: #fff3e5;
  --features-svg-5: #ff993a;
  --features-bg-6: #ffe8ea;
  --features-svg-6: #f94646;
  --features-bg-7: #ffeade;
  --features-svg-7: #ff843e;
  --features-bg-8: #f7e7ff;
  --features-svg-8: #a93aff;
  --features-box-shadow: #00666608;
  --features-bg: #fcfcfd;
  --application-shadow: #a9b8c826;
  --footer-bg: #292e37;
  --bs-heading-color: var(--body-font-color);
  --bs-card-color: var(--body-font-color);
  --bs-table-bg: #0000;
  --bs-body-bg: #0000;
  --normal: #eceaf3;
  --normal-shadow: #d9d8e3;
  --normal-mouth: #9795a4;
  --normal-eye: #595861;
  --active: #f8da69;
  --active-shadow: #f4b555;
  --active-mouth: #f05136;
  --active-eye: #313036;
  --active-tear: #76b5e7;
  --active-shadow-angry: #e94f1d;
  --face-hue1: 60;
  --face-hue2: 30;
  --delay-left: 0s;
  --delay-right: 0s;
  --delay-mouth-lower: 0s;
  --delay-mouth-upper: 0s;
  --input-hue: 60;
  --percent: 50%;
  --hue: 223;
  --white: hsl(var(--hue), 10%, 100%);
  --lt-gray: hsl(var(--hue), 10%, 95%);
  --gray1: hsl(var(--hue), 10%, 90%);
  --gray2: hsl(var(--hue), 10%, 80%);
  --gray7: hsl(var(--hue), 10%, 30%);
  --gray9: hsl(var(--hue), 10%, 10%);
  --primary: hsl(var(--hue), 90%, 55%);
  --trans-dur: 0.3s;
}
html[data-theme="dark-sidebar"] .page-sidebar,
html[data-theme="dark"] {
  --light-color: var(--body-color);
  --card-color: #292e37;
  --body-color: #22262c;
  --body-font-color: #ffffff80;
  --light-font: #fffc;
  --light-border: 1px dashed #e9e2e24d;
  --solid-border: #b0b9d34d;
  --scrollbar-color: $dark-color;
  --bs-heading-color: #ffffffd7;
  --bs-card-color: #ffffffd7;
  --bs-table-bg: #0000;
  --bs-body-bg: #0000;
}
:root,
html[data-theme="dark"] {
  --white: #fff;
  --black: #000;
}
.jsgrid-filter-row input,
.jsgrid-filter-row select {
  background: #fff;
  border: 1px solid #f2f4ff;
  padding: 6px 10px;
}
.popover {
  background-color: #fff;
  border: none;
  box-shadow: 0 0 2px #a8e2df;
}
.popover .popover-header {
  background-color: var(--theme-default);
  border-bottom: none;
  color: #fff;
}
.popover .popover-body {
  color: #3d3d47;
  color: var(--body-font-color);
}
.modal-content .btn-close,
.modal-footer .btn-close,
.modal-header .btn-close {
  position: absolute;
  right: 25px;
  top: 20px;
}
.tooltip.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow:before,
.tooltip.bs-tooltip-top .tooltip-arrow:before {
  border-top-color: #a8e2df;
}
.tooltip.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow:before,
.tooltip.bs-tooltip-bottom .tooltip-arrow:before {
  border-bottom-color: #a8e2df;
  border-top-color: #0000;
}
.tooltip.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow:before,
.tooltip.bs-tooltip-start .tooltip-arrow:before {
  border-left-color: #a8e2df;
  border-top-color: #0000;
}
.tooltip.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow:before,
.tooltip.bs-tooltip-end .tooltip-arrow:before {
  border-right-color: #a8e2df;
  border-top-color: #0000;
}
.tooltip .tooltip-inner {
  background-color: var(--theme-default);
  color: #fff;
}
.tooltip .tooltip-arrow:before {
  border-top-color: #a8e2df;
}
.dropdown-header {
  background: #fff !important;
  background: var(--white) !important;
}
.dropdown-basic .dropdown .dropdown-content a {
  background: #fff;
  border-top: 1px solid #6a71854d;
  border-top: 1px solid var(--solid-border);
  color: #3d3d47;
  color: var(--body-font-color);
  font-size: 13px;
  opacity: 0.6;
  padding: 6px 16px;
}
[data-theme="dark"] .dropdown-basic .dropdown .dropdown-content a {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.dropdown-basic .dropdown .dropdown-content a:hover {
  background-color: #fff;
}
[data-theme="dark"] .dropdown-basic .dropdown .dropdown-content a:hover {
  background-color: #fff;
  background-color: var(--card-color);
  color: #3d3d47;
  color: var(--body-font-color);
}
.dropdown-basic .dropdown .dropdown-content a:first-child {
  border-top: 0;
}
.dropdown-basic .dropdown .dropdown-content .dropdown-header {
  color: #2c2c31;
  font-size: 13px;
  font-weight: 400;
  padding: 8px 16px;
}
.dropdown-basic .dropup .dropup-content {
  top: auto;
}
.default-according .card .card-header {
  border: none;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 0;
}
.default-according .card .card-header.bg-primary .btn,
.default-according .card .card-header.bg-secondary .btn {
  border-color: #0000;
}
.default-according .card .card-header i {
  display: inline-block;
  font-size: 20px;
  margin-right: 5px;
  position: static;
  vertical-align: text-bottom;
}
.default-according .card .card-header .h5,
.default-according .card .card-header h5 {
  margin-top: 0;
}
.default-according .card .card-header .btn-link {
  border: 1px solid #efefef;
  border: 1px solid var(--light-semi-gray);
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #3d3d47;
  color: var(--body-font-color);
  font-family: Outfit, sans-serif;
  letter-spacing: 0.7px;
  padding: 10px 20px;
  text-align: left;
  width: 100%;
}
[data-theme="dark"] .default-according .card .card-header .btn-link {
  border-color: #fff;
  border-color: var(--card-color);
}
@media (max-width: 575px) {
  .default-according .card .card-header .btn-link {
    padding: 9px 15px;
  }
}
.default-according .card .card-body {
  border-color: #efefef;
  border-color: var(--light-semi-gray);
  border-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #2c2c31;
  font-size: 13px;
  line-height: 1.6;
  padding: 15px 20px;
}
[data-theme="dark"] .default-according .card .card-body {
  border-color: #6a71854d;
  border-color: var(--solid-border);
  color: #767676;
  color: var(--light-font);
}
.nav-tabs {
  border-bottom-color: #efefef;
  border-bottom-color: var(--light-semi-gray);
}
[data-theme="dark"] .nav-tabs {
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.nav-tabs .nav-bottom .nav-item .nav-link.active {
  border-color: #efefef;
  border-color: var(--light-semi-gray);
}
.nav-tabs .nav-item.show .nav-link {
  font-weight: 500;
}
.nav-tabs .nav-link {
  color: #2c2c31;
}
.nav-tabs .nav-link.active {
  font-weight: 500;
}
.nav-tabs.nav-bottom .nav-item .nav-link.active {
  border-color: #fff;
}
.dropdown-menu {
  background-color: #f9fafc;
  background-color: var(--body-color);
  border: none;
  box-shadow: 0 0 20px #59667a1a;
  padding: 0;
  z-index: 1;
}
.dropdown-menu .dropdown-item {
  background: #fff;
  border-top: 1px solid #efefef;
  border-top: 1px solid var(--light-semi-gray);
  color: #2b2b2b;
  font-family: Outfit, sans-serif;
  font-size: 13px;
  opacity: 1;
  padding: 6px 12px;
}
[data-theme="dark"] .dropdown-menu .dropdown-item {
  border-top: 1px solid #6a71854d;
  border-top: 1px solid var(--solid-border);
}
.dropdown-menu .dropdown-item:hover {
  background-color: #fff;
}
.dropdown-menu .dropdown-divider {
  border: 1px solid #6a71854d !important;
  border: 1px solid var(--solid-border) !important;
  margin: 0;
}
.dropdown-menu li:first-child .dropdown-item {
  border-top: 0;
}
.border-tab .nav-tabs .nav-item .nav-link.active,
.border-tab .nav-tabs .nav-item .nav-link.show,
.border-tab .nav-tabs .nav-item .nav-link:focus {
  border-bottom: 2px solid var(--theme-default);
}
.tabbed-card .nav-tabs .nav-item .nav-link {
  top: 17px;
}
.timeliny .timeliny-dot:before {
  font-size: 18px;
}
.component .input-group .btn {
  line-height: 32px;
  text-transform: capitalize;
}
.faq-accordion .card .btn-link svg {
  margin-left: 20px;
}
@media (max-width: 575.98px) {
  .faq-accordion .card .btn-link svg {
    margin-left: 10px;
  }
}
.job-filter .faq-form .form-control {
  font-size: 14px;
}
.job-filter .faq-form .search-icon {
  height: 16px;
  width: 16px;
}
.note-btn-group .dropdown-toggle.show ~ .dropdown-menu {
  display: block;
  top: 30px;
}
.mouse-wheel .owl-stage-outer .owl-stage {
  width: 5600px !important;
}
.mouse-wheel .owl-stage-outer .owl-stage .owl-item {
  width: 225.333px !important;
}
.carousel-item .carousel-caption {
  background-color: #262932;
}
.animate-img .animate-widget img {
  height: 350px;
  margin: 0 auto;
  object-fit: cover;
  width: 100%;
}
.modal-popup.modal {
  left: 50%;
  top: 20%;
  transform: translate(-50%);
}
.modal-popup.modal .modal-dialog .theme-close {
  font-size: calc(11.6px + 0.125vw);
  height: calc(22px + 0.9375vw);
  width: calc(22px + 0.9375vw);
}
.theme-close {
  background-color: #fff !important;
  opacity: 1;
  position: absolute;
  right: 0;
  z-index: 1;
}
.task-container .badge {
  line-height: 13px;
}
.map-z-index {
  z-index: 1;
}
@media (max-width: 442px) {
  .animated-modal .form-select {
    width: 100% !important;
  }
}
[data-theme="dark"] .code-box-copy pre[class*="language-"] {
  border: 1px solid #f9fafc;
  border: 1px solid var(--body-color);
}
.support-ticket table thead th .datatable-sorter:after {
  border-bottom: 4px solid #3d3d47 !important;
  border-bottom: 4px solid var(--body-font-color) !important;
  top: 2px;
}
.support-ticket table thead th .datatable-sorter:before {
  border-top: 4px solid #3d3d47 !important;
  border-top: 4px solid var(--body-font-color) !important;
  bottom: 2px;
}
@media (max-width: 1500px) {
  .support-ticket table thead th:nth-child(2) {
    min-width: 112px;
  }
  .support-ticket table thead th:last-child,
  .support-ticket table thead th:nth-child(5),
  .support-ticket table thead th:nth-child(6) {
    min-width: 100px;
  }
}
.support-ticket table tbody td .d-flex {
  align-items: flex-start;
}
.code-box-copy {
  overflow: auto;
  width: 100%;
}
@media screen and (max-width: 1660px) and (min-width: 1200px) {
  .xl-none {
    display: none;
  }
  .xl-60 {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .xl-50 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .xl-100 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .xl-23 {
    flex: 0 0 23%;
    max-width: 23%;
  }
  .xl-25 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .xl-40 {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .xl-4 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}
.for-dark,
[data-theme="dark"] .for-light {
  display: none;
}
[data-theme="dark"] .for-dark {
  display: block;
}
.dark-color-card .card-footer .h6,
.dark-color-card .card-footer h6,
.dark-color-card .card-header .h4,
.dark-color-card .card-header h4,
.dark-color-card .card-header p {
  color: #fff !important;
  color: var(--white) !important;
}
.border {
  border-color: #6a71854d !important;
  border-color: var(--solid-border) !important;
}
.border-top {
  border-top-color: #6a71854d !important;
  border-top-color: var(--solid-border) !important;
}
.border-bottom {
  border-bottom-color: #6a71854d !important;
  border-bottom-color: var(--solid-border) !important;
}
.border-start {
  border-left-color: #6a71854d !important;
  border-left-color: var(--solid-border) !important;
}
.border-end {
  border-right-color: #6a71854d !important;
  border-right-color: var(--solid-border) !important;
}
[data-theme="dark"] .hoverinfo strong {
  color: #000;
  color: var(--black);
}
[data-theme="dark"] .apexcharts-point-annotations text {
  fill: #3d3d47;
  fill: var(--body-font-color);
}
[data-theme="dark"] .apexcharts-point-annotations rect {
  fill: #f9fafc;
  fill: var(--body-color);
}
.apexcharts-menu {
  background-color: #f9fafc !important;
  background-color: var(--body-color) !important;
  border-color: #f9fafc !important;
  border-color: var(--body-color) !important;
  color: #3d3d47 !important;
  color: var(--body-font-color) !important;
}
[data-theme="dark"] .project-box.bg-light-danger p,
[data-theme="dark"] .project-box.bg-light-danger span,
[data-theme="dark"] .project-box.bg-light-dark p,
[data-theme="dark"] .project-box.bg-light-dark span,
[data-theme="dark"] .project-box.bg-light-info p,
[data-theme="dark"] .project-box.bg-light-info span,
[data-theme="dark"] .project-box.bg-light-light p,
[data-theme="dark"] .project-box.bg-light-light span,
[data-theme="dark"] .project-box.bg-light-primary p,
[data-theme="dark"] .project-box.bg-light-primary span,
[data-theme="dark"] .project-box.bg-light-secondary p,
[data-theme="dark"] .project-box.bg-light-secondary span,
[data-theme="dark"] .project-box.bg-light-success p,
[data-theme="dark"] .project-box.bg-light-success span,
[data-theme="dark"] .project-box.bg-light-tertiary p,
[data-theme="dark"] .project-box.bg-light-tertiary span,
[data-theme="dark"] .project-box.bg-light-warning p,
[data-theme="dark"] .project-box.bg-light-warning span {
  color: #767676 !important;
  color: var(--light-font) !important;
}
[data-theme="dark"] .border-top {
  border-top-color: #6a71854d !important;
  border-top-color: var(--solid-border) !important;
}
[data-theme="dark"] .border-start {
  border-left-color: #6a71854d !important;
  border-left-color: var(--solid-border) !important;
}
[data-theme="dark"] .border-end {
  border-right-color: #6a71854d !important;
  border-right-color: var(--solid-border) !important;
}
[data-theme="dark"] .touchspin-wrapper .btn-touchspin.spin-border-dark {
  color: #3d3d47;
  color: var(--body-font-color);
}
[data-theme="dark"] .touchspin-wrapper .btn-touchspin.spin-border-dark,
[data-theme="dark"] .touchspin-wrapper .btn-touchspin.touchspin-dark {
  border-color: #6a71854d !important;
  border-color: var(--solid-border) !important;
}
[data-theme="dark"] .card {
  --bs-card-color: var(--light-font) !important;
  --bs-body-color: var(--light-font) !important;
  --bs-secondary-color: var(--light-font) !important;
}
.select2-container--default .select2-selection--single {
  background-color: #f9fafc !important;
  background-color: var(--body-color) !important;
  border: 1px solid #6a71854d !important;
  border: 1px solid var(--solid-border) !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 7px;
}
.select2-container--default .select2-results__option--selected {
  background-color: #fff;
  background-color: var(--card-color);
}
.select2-dropdown {
  background-color: #f9fafc !important;
  background-color: var(--body-color) !important;
  border: 1px solid #6a71854d !important;
  border: 1px solid var(--solid-border) !important;
}
.select2-search__field:focus-visible {
  outline: none;
}
[data-theme="dark"] .bg-light.font-dark {
  color: #fff !important;
}
[data-theme="dark"] .buttons-tab .btn-light.font-dark {
  color: #000 !important;
}
[data-theme="dark"] .knowledgebase-search input[type="text"] {
  color: #ccc !important;
}
.dark-blockquote .b-l-primary,
.dark-blockquote .b-r-tertiary {
  border-width: 4px !important;
}
.input-group-page
  .input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
[data-theme="dark"] .list-content-ui .list-group-item.active {
  color: #fff !important;
}
[data-theme="dark"] .list-content-ui .list-group-flush > .list-group-item {
  background-color: initial;
}
[data-theme="dark"] .mega-option .card-wrapper.default-border {
  border: 1px dashed #6a71854d !important;
  border: var(--light-border) !important;
}
.display-h1 {
  font-size: 30px;
}
@media (max-width: 480px) {
  .pagination-page .pagination.pagination-lg .page-item .page-link {
    padding: 10px;
  }
}
@media (max-width: 575.98px) {
  .autofill-datatable .pagination .paginate_button:first-child .page-link,
  .autofill-datatable .pagination .paginate_button:last-child .page-link {
    display: none;
  }
}
[data-theme="dark"] .dropdown-menu .h6,
[data-theme="dark"] .dropdown-menu h6 {
  background-color: #f9fafc !important;
  background-color: var(--body-color) !important;
}
[data-theme="dark"] div.dataTables_wrapper div.dataTables_length label {
  color: #3d3d47 !important;
  color: var(--body-font-color) !important;
}
.faq-box-card .flex-grow-1 {
  flex: 1 1;
}
.ace_print-margin {
  display: none;
}
.input-group-append button {
  border: none;
  outline: none !important;
}
.input-group-append button:focus-visible {
  outline: none !important;
}
.theme-form input[type="date"],
.theme-form input[type="datetime-local"],
.theme-form input[type="email"],
.theme-form input[type="file"],
.theme-form input[type="month"],
.theme-form input[type="number"],
.theme-form input[type="password"],
.theme-form input[type="search"],
.theme-form input[type="tel"],
.theme-form input[type="text"],
.theme-form input[type="time"],
.theme-form input[type="url"],
.theme-form input[type="week"],
.theme-form select,
.theme-form textarea {
  background-color: #f4f5f8;
  border-color: #6a71854d;
  border-color: var(--solid-border);
  box-shadow: none;
  color: #898989;
  color: var(--dark-gray);
  font-size: 14px;
  padding: 12px 10px;
}
.filter-cards-view .job-filter:first-child {
  margin-bottom: 30px;
}
@media (max-width: 991.98px) {
  .filter-cards-view .job-filter:first-child {
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .filter-cards-view .job-filter:first-child {
    margin-bottom: 15px;
  }
}
.filter-cards-view .checkbox-animated {
  margin-bottom: 30px;
  margin-top: 30px;
}
@media (max-width: 991.98px) {
  .filter-cards-view .checkbox-animated {
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
@media (max-width: 575.98px) {
  .filter-cards-view .checkbox-animated {
    margin-bottom: 15px;
    margin-top: 15px;
  }
}
@media (max-width: 991.98px) {
  .filter-cards-view {
    padding: 20px !important;
  }
}
@media (max-width: 575.98px) {
  .filter-cards-view {
    padding: 15px !important;
  }
}
.location-checkbox span {
  color: #979797;
  color: var(--light-text);
  padding-left: 33px;
}
.job-accordion .card {
  margin-bottom: 30px;
}
@media (max-width: 991.98px) {
  .job-accordion .card {
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .job-accordion .card {
    margin-bottom: 10px !important;
  }
}
.job-accordion .btn-block {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media (max-width: 991.98px) {
  .job-accordion .animate-chk {
    padding: 20px !important;
  }
}
@media (max-width: 575.98px) {
  .job-accordion .animate-chk {
    padding: 15px !important;
  }
}
.job-search p {
  margin-top: 30px;
}
@media (max-width: 991.98px) {
  .job-search p {
    margin-top: 20px;
  }
}
@media (max-width: 575.98px) {
  .job-search p {
    margin-top: 15px;
  }
  .job-search .d-flex {
    display: block !important;
    text-align: center;
  }
}
.job-search .d-flex .flex-grow-1 .h6,
.job-search .d-flex .flex-grow-1 h6 {
  margin-bottom: 3px;
}
@media (max-width: 575.98px) {
  .job-search .d-flex .flex-grow-1 .h6 .pull-right,
  .job-search .d-flex .flex-grow-1 h6 .pull-right {
    display: block;
    float: none;
    margin-top: 3px;
  }
  .job-search .d-flex .flex-grow-1 .h6 a,
  .job-search .d-flex .flex-grow-1 h6 a {
    display: block;
  }
}
.job-search .d-flex .flex-grow-1 .h6 span,
.job-search .d-flex .flex-grow-1 h6 span {
  color: #979797;
  color: var(--light-text);
  font-size: 13px;
  font-weight: 400;
}
.job-search .d-flex .flex-grow-1 .h6 span.badge,
.job-search .d-flex .flex-grow-1 h6 span.badge {
  color: #fff;
}
.job-search .d-flex .flex-grow-1 p {
  color: #979797;
  color: var(--light-text);
  margin-top: 0;
}
@media (max-width: 575.98px) {
  .job-search .d-flex .flex-grow-1 p span + span {
    display: block !important;
  }
  .job-search .d-flex img {
    margin-bottom: 15px;
  }
  .job-search .d-flex .m-r-20 {
    margin-right: 0;
  }
}
.job-search .job-description {
  margin-top: 30px;
}
@media (max-width: 575.98px) {
  .job-search .job-description {
    margin-top: 15px;
  }
}
.job-search .job-description .h6,
.job-search .job-description h6 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
}
.job-search .job-description p {
  margin-bottom: 6px;
  margin-top: 0;
}
.job-search .job-description ul {
  list-style-position: inside;
  list-style-type: disc;
}
.job-search .job-description ul li {
  display: list-item;
  margin-bottom: 10px;
}
.job-search .job-description ul li:last-child {
  margin-bottom: 0;
}
.job-search .job-description .theme-form {
  margin-bottom: 30px;
  margin-top: 30px;
}
@media (max-width: 575.98px) {
  .job-search .job-description .theme-form {
    margin-bottom: 15px;
    margin-top: 15px;
  }
}
.job-search
  .job-description
  .theme-form
  .row
  div[class^="col-"]
  + div[class^="col-"]
  .select2-container {
  margin-top: 18px;
}
@media (max-width: 575.98px) {
  .job-search
    .job-description
    .theme-form
    .row
    div[class^="col-"]
    + div[class^="col-"]
    .select2-container {
    margin-top: 2px;
  }
}
.job-search
  .job-description
  .theme-form
  .row
  div[class^="col-"]
  .job-select2
  ~ .select2-container {
  margin-top: 0 !important;
}
.job-search
  .job-description
  .theme-form
  .row
  div[class^="col-"]
  .input-group
  .datepicker-here {
  border: 1px solid #efefef;
  border: 1px solid var(--light-semi-gray);
  font-size: 14px;
  padding-bottom: 12px;
  padding-top: 12px;
}
@media (max-width: 575.98px) {
  .job-search .job-description .theme-form .xs-mt-period {
    margin-top: 15px;
  }
}
.select2-container .select2-selection--single {
  border-color: var(light-semi-gray);
  border-radius: 0.25rem !important;
  height: 47px !important;
  padding: 10px;
}
.job-pagination {
  margin-bottom: 30px;
}
@media (max-width: 575.98px) {
  .job-pagination {
    margin-bottom: 15px;
  }
}
.job-pagination nav ul {
  justify-content: flex-end;
}
@media only screen and (max-width: 1366px) {
  .xl-mt-job {
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .xl-mt-job {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 360px) {
  .job-search .job-description .btn {
    padding: 6px 12px;
  }
}
.select-date
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  right: 12px;
  top: 9px;
}
.md-sidebar {
  position: relative;
}
.md-sidebar .md-sidebar-toggle {
  display: none;
  margin-bottom: 20px;
  text-transform: capitalize;
  width: fit-content;
}
@media (max-width: 1199.98px) {
  .md-sidebar .md-sidebar-toggle {
    display: block;
  }
  .md-sidebar .md-sidebar-aside {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 40px;
    visibility: hidden;
    width: 280px !important;
    z-index: 3;
  }
  [dir="rtl"] .md-sidebar .md-sidebar-aside {
    left: auto;
    right: 0;
  }
  .md-sidebar .md-sidebar-aside.open {
    opacity: 1;
    visibility: visible;
  }
  .md-sidebar .job-sidebar {
    background-color: #fff;
    background-color: var(--card-color);
    box-shadow: 0 10px 44px 0 #0000001a;
    box-shadow: var(--dropdown-shadow);
    padding: 20px;
  }
  .md-sidebar .job-sidebar .faq-accordion.default-according {
    background-color: #fff;
    background-color: var(--card-color);
    margin-bottom: 0;
  }
  .md-sidebar
    .job-sidebar
    .faq-accordion.default-according
    .row
    > div:last-child
    .card {
    margin-bottom: 0;
  }
  .md-sidebar .job-sidebar .job-toggle {
    display: block !important;
    margin-bottom: 20px;
  }
}
.learning-header {
  margin-bottom: 10px;
}
@media (max-width: 991.98px) {
  .learning-header {
    margin-bottom: 0;
  }
}
[data-theme="dark"] .learning-header span {
  color: #3d3d47;
  color: var(--body-font-color);
}
.categories {
  padding: 15px 0;
}
.categories .learning-header {
  padding-left: 15px;
}
.categories ul li {
  padding: 10px 15px;
}
@media (max-width: 991.98px) {
  .categories ul li {
    padding: 4px 15px;
  }
}
.categories ul li a {
  color: #2f2f3b;
}
[data-theme="dark"] .categories ul li a {
  color: #767676;
  color: var(--light-font);
}
.categories ul li:hover {
  background-color: #f4f5f8;
}
[data-theme="dark"] .categories ul li:hover {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
}
.upcoming-course .d-flex + .d-flex {
  margin-top: 15px;
}
.job-accordion {
  margin-bottom: 0;
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .learning-comment {
    float: left !important;
    margin-left: -14px !important;
  }
  .blog-box .blog-details .blog-social li:first-child {
    padding-right: 30px;
  }
  .blog-box .blog-details .blog-social li + li {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .categories {
    padding: 20px 0;
  }
  .upcoming-course .d-flex + .d-flex {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .categories {
    padding: 15px 0;
  }
  .upcoming-course .d-flex + .d-flex {
    margin-top: 15px;
  }
}
.hdg_main {
  position: relative;
}
.main .langChoice {
  background-color: initial;
  border: 1px solid #6a71854d;
  border: 1px solid var(--solid-border);
  padding: 10px 12px;
  position: absolute;
  right: 40px;
  top: 18px;
}
[data-theme="dark"] .main .langChoice {
  color: #fff;
}
.main .langChoice:focus-visible {
  outline: 0;
}
@media (max-width: 991.98px) {
  .main .langChoice {
    padding: 8px;
    right: 20px;
    top: 11px;
  }
}
@media (max-width: 575.98px) {
  .main .langChoice {
    padding: 4px 7px;
    top: 14px;
  }
}
.main .langChoice option {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.pl-navs-inline {
  padding-left: 26px !important;
}
@media (max-width: 767.98px) {
  .language-xs {
    margin-top: 15px;
  }
}
.language-xs .masthead {
  border: 1px dashed #6a71854d !important;
  border: var(--light-border) !important;
}
.language-xs ul {
  padding: 20px;
}
.language-xs ul li.d-flex {
  align-items: center;
  gap: 15px;
}
.language-xs ul li + li {
  margin-top: 30px;
}
.navs-icon {
  padding: 20px;
}
.navs-icon.masthead-nav {
  border: 1px dashed #6a71854d !important;
  border: var(--light-border) !important;
}
.navs-icon li {
  padding: 9px 0;
}
.navs-icon li a {
  color: #3d3d47;
  color: var(--body-font-color);
  font-family: Outfit, sans-serif;
}
.navs-icon li a:hover {
  color: var(--theme-default);
}
.navs-icon li ul {
  padding-top: 9px;
}
.img-container,
.img-preview {
  background-color: #f4f5f8;
  background-color: var(--light-color);
  text-align: center;
  width: 100%;
}
.img-container {
  margin-bottom: 1rem;
  max-height: 497px;
  min-height: 200px;
}
.img-container .cropper-bg {
  width: 100% !important;
}
.img-container {
  min-height: 497px;
}
.img-container > img {
  max-width: 100%;
}
.docs-preview {
  margin-right: -1rem;
}
.img-preview {
  float: left;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  overflow: hidden;
}
.img-preview > img {
  max-width: 100%;
}
.img-cropper label.btn {
  margin: 0;
}
@media only screen and (max-width: 360px) {
  .img-cropper label.btn {
    padding: 0.375rem 0.2rem;
  }
}
.img-cropper #putData {
  margin-bottom: 0;
}
.img-cropper .img-container {
  margin-bottom: 0;
  min-height: auto;
}
.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0;
}
.img-cropper .docs-preview {
  margin-bottom: 10px;
  margin-top: 20px;
}
.preview-lg {
  height: 9rem;
  width: 16rem;
}
.preview-md {
  height: 4.5rem;
  width: 8rem;
}
.preview-sm {
  height: 2.25rem;
  width: 4rem;
}
.preview-xs {
  height: 1.125rem;
  margin-right: 0;
  width: 2rem;
}
.docs-data > .input-group {
  margin-bottom: 10px;
}
.docs-data .input-group-prepend .input-group-text {
  min-width: 4rem;
}
.docs-data .input-group-append .input-group-text {
  min-width: 3rem;
}
.docs-buttons > .btn,
.docs-buttons > .btn-group,
.docs-buttons > .form-control {
  margin-bottom: 10px;
  margin-right: 10px;
}
.docs-toggles > .btn,
.docs-toggles > .btn-group,
.docs-toggles > .dropdown {
  margin-bottom: 0.5rem;
}
.docs-tooltip {
  display: block;
  font-size: 14px;
  letter-spacing: 1px;
}
@media only screen and (max-width: 360px) {
  .docs-tooltip {
    font-size: 11px;
  }
}
.docs-tooltip > .icon {
  margin: 0 -0.25rem;
  vertical-align: top;
}
.tooltip-inner {
  white-space: normal;
}
.btn-toggle .tooltip-inner,
.btn-upload .tooltip-inner {
  white-space: nowrap;
}
.btn-toggle {
  padding: 0.5rem;
}
.btn-toggle > .docs-tooltip {
  margin: -0.5rem;
  padding: 0.5rem;
}
.btn-group-crop {
  margin-right: 5px !important;
}
.btn-group-crop .docs-tooltip,
.btn-group-crop > .btn {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.btn-group-crop .docs-tooltip {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.docs-options .dropdown-menu {
  width: 100%;
}
.docs-options .dropdown-menu > li {
  font-size: 0.875rem;
  padding: 0.125rem 1rem;
}
.docs-options .dropdown-menu .form-check-label {
  display: block;
}
.docs-cropped .modal-body {
  text-align: center;
}
.docs-cropped .modal-body > canvas,
.docs-cropped .modal-body > img {
  max-width: 100%;
}
.docs-buttons .btn {
  padding: 6px 16px;
}
.circle-image .cropper-face,
.circle-image .cropper-view-box {
  border-radius: 50%;
}
.circle-image #result img {
  height: 160px;
  margin-top: 12px;
  width: 160px;
}
@media screen and (max-width: 1580px) and (min-width: 1200px) {
  .docs-buttons {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1366px) {
  .docs-toggles {
    margin-top: 8px;
  }
}
@media screen and (max-width: 1580px) and (min-width: 1200px) {
  .docs-toggles {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 360px) {
  .docs-toggles .btn {
    padding: 0.375rem 0.2rem;
  }
}
.docs-toggles .dropdown .dropdown-toggle {
  width: auto;
}
[data-theme="dark"] .input-group-text {
  background-color: #fff;
  background-color: var(--card-color);
}
.browse .browse-articles span {
  vertical-align: middle;
}
.browse .browse-articles span:nth-child(2) {
  padding-left: 20px;
}
[dir="rtl"] .browse .browse-articles span:nth-child(2) {
  padding-left: 0;
  padding-right: 20px;
}
.browse .browse-articles span svg {
  height: 14px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
}
[dir="rtl"] .browse .browse-articles span svg {
  left: auto;
  right: 0;
}
.browse .browse-articles .h6,
.browse .browse-articles h6 {
  border-bottom: 1px solid #6a71854d;
  border-bottom: 1px solid var(--solid-border);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  padding-bottom: 10px;
  padding-left: 25px;
  position: relative;
}
[dir="rtl"] .browse .browse-articles .h6,
[dir="rtl"] .browse .browse-articles h6 {
  padding-left: 0;
  padding-right: 25px;
}
.browse .browse-articles .h6 span svg,
.browse .browse-articles h6 span svg {
  height: 16px;
  left: 0;
  margin-right: 10px;
  position: absolute;
  top: 33%;
  transform: translateY(-50%);
  width: 16px;
}
.browse .browse-articles ul li {
  border-radius: 8px;
  padding: 8px;
}
.browse .browse-articles ul li a {
  align-items: center;
  color: #2f2f3b;
  display: flex;
  gap: 10px;
  position: relative;
}
.browse .browse-articles ul li:hover {
  background-color: #f8f9fa;
}
[data-theme="dark"] .browse .browse-articles ul li:hover {
  background: #f9fafc;
  background: var(--body-color);
}
@media only screen and (max-width: 1366px) {
  .browse div[class^="col-"]:nth-child(3) {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 360px) {
  .browse .browse-articles ul li a span:nth-child(2) {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 158px;
  }
}
.badge.pull-right {
  padding-top: 6px;
}
.articles-icons svg,
.d-flex.faq-widgets svg {
  min-width: 18px;
}
.ace-editor {
  height: 400px;
  width: 100%;
}
@media only screen and (max-width: 575.98px) {
  .ace-editor {
    height: 320px;
  }
}
.cart .total-amount {
  margin-top: 30px;
  text-align: right !important;
}
.cart .cart-btn-transform {
  text-transform: capitalize;
}
.cart .qty-box {
  margin: 0 auto;
  width: 25%;
}
.cart .qty-box .input-group .btn {
  background-color: #ddd !important;
  background-color: var(--photoswipe-border) !important;
  border-color: #ddd !important;
  border-color: var(--photoswipe-border) !important;
  padding: 8px 12px;
}
.cart-buttons {
  margin-top: 30px;
}
.cart-buttons .cart-btn {
  float: right;
  padding-right: 85px;
}
.wow-title .badge {
  padding: 4px 6px 6px;
}
.line p strong {
  text-transform: capitalize;
}
.ecommerce-widget .progress-showcase {
  margin-top: 30px;
}
.ecommerce-widget .total-num {
  font-weight: 500;
  letter-spacing: 1px;
  margin: 0;
}
.ecommerce-widget .total-num span {
  color: #000;
  color: var(--black);
}
.data-basic-map {
  height: 340px;
  width: 100%;
}
@media (max-width: 1199.98px) {
  .data-basic-map {
    height: 320px;
  }
}
@media (max-width: 767.98px) {
  .data-basic-map {
    height: 300px;
  }
}
@media (max-width: 575.98px) {
  .data-basic-map {
    height: 260px;
  }
}
.choropleth-map {
  height: 340px;
  width: 100%;
}
@media (max-width: 1199.98px) {
  .choropleth-map {
    height: 320px;
  }
}
@media (max-width: 767.98px) {
  .choropleth-map {
    height: 300px;
  }
}
@media (max-width: 575.98px) {
  .choropleth-map {
    height: 260px;
  }
}
.data-map {
  height: 340px;
  width: 100%;
}
@media (max-width: 1199.98px) {
  .data-map {
    height: 320px;
  }
}
@media (max-width: 767.98px) {
  .data-map {
    height: 300px;
  }
}
@media (max-width: 575.98px) {
  .data-map {
    height: 260px;
  }
}
.data-map-glob {
  height: 580px;
  width: 100%;
}
.data-map-glob svg {
  margin-top: -3%;
}
@media (max-width: 767.98px) {
  .data-map-glob svg {
    margin-top: 0;
  }
}
@media (max-width: 1199.98px) {
  .data-map-glob {
    height: 400px;
  }
}
@media (max-width: 767.98px) {
  .data-map-glob {
    height: 360px;
  }
}
@media (max-width: 575.98px) {
  .data-map-glob {
    height: 280px;
  }
}
.data-map-glob .datamap path:not(.datamaps-arc) {
  stroke: #6a71854d !important;
  stroke: var(--solid-border) !important;
}
.helper-common-box {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}
.helper-common-box:last-child {
  margin-bottom: 0;
}
.border-wrapper {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  padding: 20px;
}
.border-wrapper .h5,
.border-wrapper h5 {
  font-size: 16px;
  font-weight: 500;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .border-wrapper {
    padding: 18px 14px;
  }
}
.helper-box {
  height: 40px;
  width: 40px;
}
.helper-box.helper-text {
  align-items: center;
  display: flex;
  font-weight: 900;
  justify-content: center;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .helper-box {
    height: 34px;
    width: 34px;
  }
}
.helper-radius {
  height: 30px;
  width: 60px;
}
.fill-wrapper {
  background-color: #f4f5f8;
  background-color: var(--light-color);
}
.gradient-border {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1200px) {
  .gradient-border {
    gap: calc(9.72727px + 1.02273vw);
  }
}
.radius-wrapper {
  background-color: #f4f5f8;
  background-color: var(--light-color);
}
.font-wrapper {
  align-items: center;
  display: flex;
  padding: 12px 20px;
}
.checkout .checkout-details {
  background-color: #f9fafc;
  background-color: var(--body-color);
  border: 1px solid #ddd;
  border: 1px solid var(--photoswipe-border);
  padding: 40px;
}
[data-theme="dark"] .checkout .checkout-details {
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.checkout .checkout-details .order-place {
  margin-top: 15px;
}
.order-box .title-box {
  border-bottom: 1px solid #efefef;
  border-bottom: 1px solid var(--light-semi-gray);
  color: #3d3d47;
  color: var(--body-font-color);
  font-size: 22px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
[data-theme="dark"] .order-box .title-box {
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.order-box .title-box span {
  float: right;
  font-weight: 600;
  text-align: right;
  width: 35%;
}
.order-box .title-box .h4,
.order-box .title-box h4 {
  font-weight: 600;
}
.order-box .title-box .checkbox-title {
  display: flex;
  justify-content: space-between;
}
.order-box .sub-total li {
  color: #3d3d47;
  color: var(--body-font-color);
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}
.order-box .sub-total li .count {
  float: right;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  position: relative;
  text-align: right;
  width: 35%;
}
.order-box .sub-total .shipping-class {
  margin-bottom: 12px;
}
.order-box .sub-total .shipping-class .shopping-checkout-option {
  color: var(--theme-default);
  float: right;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  margin-top: -4px;
  position: relative;
  text-align: right;
  width: 35%;
}
.order-box .total {
  margin-bottom: 30px;
  position: relative;
}
.order-box .total li {
  color: #3d3d47;
  color: var(--body-font-color);
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  position: relative;
}
.order-box .qty {
  border-bottom: 1px solid #efefef;
  border-bottom: 1px solid var(--light-semi-gray);
  margin-bottom: 30px;
  position: relative;
}
[data-theme="dark"] .order-box .qty {
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.order-box .qty li {
  display: block;
  font-size: 15px;
  margin-bottom: 20px;
  position: relative;
}
.order-box .qty li,
.order-box .qty li span {
  color: #3d3d47;
  color: var(--body-font-color);
  line-height: 20px;
}
.order-box .qty li span {
  float: right;
  font-size: 18px;
  font-weight: 400;
  text-align: right;
  width: 35%;
}
.radio-option {
  position: relative;
}
.img-paypal {
  margin-left: 15px;
  width: 30%;
}
@media screen and (max-width: 1199px) {
  .checkout .checkout-details {
    padding: 25px;
  }
  .order-box .title-box span {
    width: 30%;
  }
  .order-box .sub-total li .count {
    width: 38%;
  }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 46%;
  }
  .order-box .qty li span,
  .order-box .total li .count {
    width: 38%;
  }
}
@media screen and (max-width: 991px) {
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 38%;
  }
}
@media screen and (max-width: 575px) {
  .checkout .checkout-details {
    padding: 15px;
  }
  .order-box .sub-total .shipping-class .shopping-checkout-option,
  .order-box .sub-total li .count {
    width: 50%;
  }
}
.pricing-simple {
  box-shadow: 0 0 10px 5px #43b9b20d;
  box-shadow: 0 0 10px 5px var(--input-boxshadow);
  margin-bottom: 0 !important;
}
.pricing-simple .card-body {
  border-bottom: none;
}
.pricing-simple .card-body .h3,
.pricing-simple .card-body h3 {
  margin-bottom: 38px;
  position: relative;
}
.pricing-simple .card-body .h3:before,
.pricing-simple .card-body h3:before {
  background-color: #979797;
  background-color: var(--light-text);
  bottom: -10px;
  content: "";
  height: 1px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 80px;
}
.pricing-simple .card-body .h1,
.pricing-simple .card-body h1 {
  font-size: 30px;
  font-weight: 400;
  line-height: 0.9;
  margin-bottom: 30px;
}
.pricingtable {
  border: 2px solid #f4f5f8;
  border: 2px solid var(--light-color);
  border-radius: 10px;
  box-shadow: 0 0 10px 5px #43b9b20d;
  box-shadow: 0 0 10px 5px var(--input-boxshadow);
  height: 100%;
  overflow: hidden;
  padding-bottom: 45px;
  padding-top: 45px;
  position: relative;
  text-align: center;
  z-index: 1;
}
.pricingtable:after,
.pricingtable:before {
  border-radius: 50%;
  content: "";
  position: absolute;
  right: -213px;
  z-index: -1;
}
.pricingtable:after,
.pricingtable:before {
  background-color: var(--theme-default);
  height: 300px;
  opacity: 0.1;
  width: 300px;
}
.pricingtable:after {
  bottom: -210px;
  left: -160px;
  right: auto;
  top: auto;
}
.pricingtable .title {
  margin-bottom: 20px;
  text-transform: uppercase;
}
.pricingtable .price-value {
  background-color: var(--theme-default);
  border-radius: 50%;
  color: #fff;
  height: 130px;
  margin: 0 auto 25px;
  padding: 45px 0 0;
  width: 130px;
}
.pricingtable .price-value .duration {
  margin: 0 0 0 -5px;
}
.pricingtable .price-value .amount {
  display: inline-block;
  font-size: 58px;
  font-weight: 700;
  line-height: 45px;
}
.pricingtable .price-value .currency {
  vertical-align: top;
}
.pricingtable .pricing-content {
  display: inline-block;
  margin: 0 0 25px;
}
.pricingtable .pricing-content li {
  font-weight: 500;
  margin: 0 0 20px;
  padding-left: 30px;
  position: relative;
  text-align: left;
}
.pricingtable .pricing-content li:last-child {
  margin: 0;
}
.pricingtable .pricing-content li:before {
  border-radius: 50%;
  color: var(--theme-default);
  content: "\f00c";
  font-family: FontAwesome;
  height: 20px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 1px;
  width: 20px;
}
@media (max-width: 1470px) {
  .pricing-block > div {
    flex: 50% 1;
  }
  .pricing-block > div:nth-child(n + 3) {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .pricing-simple .card-body .h1,
  .pricing-simple .card-body h1 {
    margin-bottom: 20px;
  }
  .pricing-simple .card-body .h3,
  .pricing-simple .card-body h3 {
    margin-bottom: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .pricing-simple .card-body .h1,
  .pricing-simple .card-body h1 {
    margin-bottom: 15px;
  }
  .pricing-block > div {
    flex: 100% 1;
  }
  .pricing-block > div:nth-child(n + 2) {
    margin-top: 20px;
  }
  .pricingtable {
    padding-bottom: 30px;
    padding-top: 30px;
  }
}
.invoice p {
  color: #979797;
  color: var(--light-text);
  text-transform: capitalize;
}
.invoice .invo-header {
  border-bottom: 1px solid #ecf3fa;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.invoice .table-striped tbody tr:nth-of-type(odd) {
  --bs-table-accent-bg: unset;
  background-color: #43b9b20d;
}
.invoice .table-striped tbody tr .h6,
.invoice .table-striped tbody tr h6 {
  color: var(--theme-default);
  text-transform: capitalize;
}
.invoice .invo-profile {
  margin-bottom: 15px;
}
.invoice .invo-profile .invo-profile-left .d-flex .flex-shrink-0 {
  margin-right: 15px;
}
.invoice .invo-profile .invo-profile-left .d-flex .flex-grow-1 .h4,
.invoice .invo-profile .invo-profile-left .d-flex .flex-grow-1 h4 {
  font-size: 16px;
}
.invoice .invo-profile .invo-profile-left .d-flex .flex-grow-1 p span {
  display: block;
}
.invoice .invo-profile .invo-profile-right {
  text-align: right;
}
.invoice .invo-profile .invo-profile-right .h6,
.invoice .invo-profile .invo-profile-right h6 {
  font-size: 16px;
}
.invoice-1 body {
  color: #000248;
  display: block;
  font-family: Outfit, sans-serif;
}
.invoice-1 .table-wrapper {
  margin: 0 auto;
}
.invoice-1 .h2,
.invoice-1 h2 {
  font-size: 32px;
  font-weight: 500;
  margin: 0;
}
.invoice-1 .h6,
.invoice-1 h6 {
  margin: 0;
}
.invoice-1 .h6,
.invoice-1 h6,
.invoice-1 span {
  font-weight: 400;
  line-height: 1.5;
}
.invoice-1 .banner-image {
  margin: 13px 0 10px;
}
.invoice-1 .order-details td span {
  display: block;
  margin-bottom: -4px;
}
[data-theme="dark"] .invoice-2 .back td {
  background: #fff !important;
  background: var(--card-color) !important;
}
.invoice-2 .padding td {
  padding-bottom: 18px !important;
}
.invoice-2 .card-body > table,
.invoice-2 .card-body > table > tbody,
.invoice-2 .card-body > table > tbody > tr,
.invoice-2 .card-body > table > tbody > tr > td {
  display: block;
}
@media only screen and (max-width: 1199px) {
  .invoice .h3,
  .invoice .h4,
  .invoice h3,
  .invoice h4 {
    margin-bottom: 0;
  }
  .invoice .invo-profile .d-flex {
    border-bottom: 1px solid #ecf3fa;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .invoice .invo-profile .invo-profile-right {
    text-align: left;
  }
}
@media only screen and (max-width: 991px) {
  .invoice .card .card-body {
    padding: 20px;
  }
  .invoice .h3,
  .invoice .h4,
  .invoice h3,
  .invoice h4 {
    font-size: 20px;
  }
  .invoice table td {
    min-width: 150px;
  }
  .invoice table td:first-child {
    min-width: 280px;
  }
}
@media only screen and (max-width: 767px) {
  .invoice .invo-pal {
    margin-top: 15px;
    text-align: left !important;
  }
  .invoice .text-md-end {
    text-align: right;
  }
}
@media only screen and (max-width: 575px) {
  .invoice .h4,
  .invoice h4 {
    font-size: 18px;
  }
  .invoice .h3,
  .invoice h3 {
    font-size: 15px;
  }
  .invoice p {
    font-size: 13px;
  }
  .invoice .invo-header .flex-grow-1 {
    text-align: right;
  }
  .invoice .text-xs-center {
    margin-top: 20px;
    text-align: center !important;
  }
  .invoice .text-md-end {
    text-align: left;
  }
}
@media only screen and (max-width: 420px) {
  .invoice .invo-profile .d-flex .flex-grow-1 {
    margin-left: 0 !important;
    margin-top: 10px;
  }
}
@media print {
  .page-body-wrapper .page-sidebar,
  .page-wrapper .page-header,
  .setting-sidebar {
    display: none;
  }
  .page-body {
    margin: 0;
  }
  .page-wrapper .page-title {
    visibility: hidden;
  }
  .page-wrapper .page-body-wrapper .page-title {
    display: none;
  }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin: 0;
  }
  .email-left-aside,
  .footer,
  table.fixedHeader-floating {
    display: none;
  }
}
.invoice-table {
  margin-bottom: 16px;
  margin-top: 16px;
}
.invoice .text-right input {
  margin-top: 6px;
}
.error-wrapper,
.invoice .d-flex {
  align-items: center;
}
.error-wrapper {
  background-color: #fff;
  background-color: var(--card-color);
  display: flex;
  justify-content: center;
  min-height: 100vh;
  text-align: center;
}
.error-wrapper.maintenance-bg {
  background-blend-mode: overlay;
  background-color: #fff9;
  background-image: url(/mbanking/static/media/maintenance-bg.09b7787b323c14bc1c9d.jpg);
}
[data-theme="dark"] .error-wrapper.maintenance-bg {
  background-color: #fff;
  background-color: var(--card-color);
}
.error-wrapper svg {
  height: 380px;
  width: 100%;
}
.error-wrapper .maintenance-heading {
  margin-top: 20px;
}
.error-wrapper .maintenance-heading .headline {
  color: var(--theme-default);
  font-size: 99px;
  font-weight: 900;
  letter-spacing: 10px;
  position: relative;
  z-index: 2;
}
.error-wrapper .error-heading {
  margin-top: 115px;
}
.error-wrapper .error-heading .headline {
  font-size: 285px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-top: -130px;
}
.error-wrapper .error {
  color: #000;
  margin: 70px 0 100px;
}
.error-wrapper .error .error-title {
  color: #fff;
  font-size: 9.5rem;
  text-shadow: 6px 6px 7px #00000052;
}
.error-wrapper .error .line-bottom {
  background-color: #f0ad4e;
  border: none;
  height: 5px;
  width: 10%;
}
.error-wrapper .error .c-white {
  color: #fff;
}
.error-wrapper .error .error-btn {
  text-align: center;
}
.error-wrapper .svg-wrraper {
  margin-bottom: 35px;
}
.error-wrapper .svg-wrraper svg {
  height: 440px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.error-wrapper .h3,
.error-wrapper h3 {
  font-size: 31px;
  font-weight: 700;
  margin-bottom: 20px;
}
.error-wrapper .sub-content {
  color: #3d3d47;
  color: var(--body-font-color);
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 35px;
  margin-bottom: 35px;
  z-index: 3;
}
@media (max-width: 1199px) {
  .error-wrapper .maintenance-heading .headline {
    font-size: 60px;
    margin-bottom: 15px;
  }
  .error-wrapper svg {
    height: 320px;
  }
}
@media (max-width: 991px) {
  .error-wrapper svg {
    height: 280px;
  }
  .error-wrapper .svg-wrraper svg {
    height: 450px;
  }
  .error-wrapper .sub-content {
    line-height: 25px;
  }
}
@media (max-width: 767px) {
  .error-wrapper .maintenance-heading .headline {
    font-size: 35px;
    margin-bottom: 10px;
  }
  .error-wrapper .h3,
  .error-wrapper h3 {
    margin-bottom: 18px;
  }
  .error-wrapper .sub-content {
    font-size: 16px;
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .error-wrapper .maintenance-heading .headline {
    font-size: 25px;
    letter-spacing: 2px;
  }
  .error-wrapper .svg-wrraper {
    margin-bottom: 25px;
  }
  .error-wrapper .svg-wrraper svg {
    height: 380px;
  }
  .error-wrapper .sub-content {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .error-wrapper .svg-wrraper svg {
    height: auto;
  }
}
.login_one_image {
  background-image: url(/mbanking/static/media/2.91eb2ec3aead77e15127.jpg);
}
.login_one_image,
.login_two_image {
  background-position: 50%;
  background-size: cover;
}
.login_two_image {
  background-image: url(/mbanking/static/media/3.325ca57925afa6e200a4.jpg);
}
.login_bs_validation {
  background-image: url(/mbanking/static/media/1.2847831fd64553035ad1.jpg);
  background-position: 50%;
  background-size: cover;
}
.login-card {
  align-items: center;
  background: url(/mbanking/static/media/login_bg.1b391dcb7be6f98b138c.jpg);
  background-position: 50%;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  min-height: 100vh;
  padding: 30px 12px;
}
.login-card .logo {
  display: block;
  margin-bottom: 30px;
  text-align: center;
}
.login-card .btn-showcase .btn {
  line-height: 1;
  margin: 0;
  padding: 10px 15px;
}
.login-card .btn-showcase .btn + .btn {
  margin-left: 5px;
}
.login-card .btn-showcase .btn i {
  height: 16px;
  vertical-align: bottom;
}
.login-card .login-main {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 37px #0815420d;
  box-shadow: var(--login-box-shadow);
  margin: 0 auto;
  padding: 40px;
  width: 450px;
}
[data-theme="dark"] .login-card .login-main {
  background-color: #fff;
  background-color: var(--card-color);
}
.login-card .login-main .theme-form .h4,
.login-card .login-main .theme-form h4 {
  margin-bottom: 5px;
}
.login-card .login-main .theme-form .link-two {
  position: absolute;
  right: 0;
  top: 0;
}
[dir="rtl"] .login-card .login-main .theme-form .link-two {
  left: 0;
  right: auto;
}
@media only screen and (max-width: 575px) {
  .login-card .login-main .theme-form .link-two {
    float: left !important;
    position: static;
  }
  [dir="rtl"] .login-card .login-main .theme-form .link-two {
    float: right !important;
  }
}
.login-card .login-main .theme-form .unlock-1 {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}
.login-card .login-main .theme-form label {
  font-size: 15px;
  letter-spacing: 0.4px;
}
.login-card .login-main .theme-form .checkbox label:before {
  background-color: #f9fafc;
  background-color: var(--body-color);
  border: 1px solid #eee;
  border: 1px solid var(--light-gray);
}
.login-card .login-main .theme-form .login-social-title {
  margin-bottom: 30px;
  margin-top: 75px;
  position: relative;
  text-align: center;
  z-index: 1;
}
.login-card .login-main .theme-form .login-social-title .h6,
.login-card .login-main .theme-form .login-social-title h6 {
  background-color: #fff;
  background-color: var(--card-color);
  color: #979797;
  color: var(--light-text);
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
  width: fit-content;
}
.login-card .login-main .theme-form .login-social-title:before {
  background-color: #6a71854d;
  background-color: var(--solid-border);
  content: "";
  height: 2px;
  position: absolute;
  right: 0;
  top: 10px;
  width: 100%;
  z-index: -1;
}
.login-card .login-main .theme-form input {
  transition: all 0.3s ease;
}
.login-card .login-main .theme-form input::-webkit-input-placeholder {
  color: #979797;
  color: var(--light-text);
}
.login-card .login-main .theme-form input:focus,
.login-card .login-main .theme-form input:hover {
  box-shadow: none !important;
  transition: all 0.3s ease;
}
.login-card .login-main .theme-form p {
  color: #898989;
  color: var(--dark-gray);
  font-size: 14px;
  margin-bottom: 25px;
}
.login-card .login-main .theme-form p a {
  color: var(--theme-default);
}
.login-card .login-main .theme-form .form-group {
  margin-bottom: 10px;
  position: relative;
}
.login-card .login-main .theme-form .form-group a {
  color: var(--theme-default);
  float: right;
}
.login-card .login-main .theme-form .form-group a.link {
  float: none;
}
.login-card .login-main .theme-form ul.login-social {
  align-items: center;
  display: flex;
  justify-content: center;
}
.login-card .login-main .theme-form ul.login-social li {
  align-items: center;
  background-color: #43b9b20d;
  border: 1px solid #6a71854d;
  border: 1px solid var(--solid-border);
  border-radius: 50%;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}
.login-card .login-main .theme-form ul.login-social li i {
  color: var(--theme-default);
  height: 16px;
  vertical-align: middle;
  width: auto;
}
.login-card .login-main .theme-form ul.login-social li:nth-child(n + 2) {
  margin-left: 15px;
}
[dir="rtl"]
  .login-card
  .login-main
  .theme-form
  ul.login-social
  li:nth-child(n + 2) {
  margin-left: 0;
  margin-right: 15px;
}
.login-card .login-main .theme-form ul.login-social li:hover {
  background-color: var(--theme-default);
}
.login-card .login-main .theme-form ul.login-social li:hover i {
  color: #fff;
}
.login-card.login-bg {
  background: #43b9b20f !important;
}
[data-theme="dark"] .login-card.login-bg {
  background-blend-mode: overlay;
  background-color: #f9fafc !important;
  background-color: var(--body-color) !important;
}
.show-hide {
  position: absolute;
  right: 20px;
  top: 52px;
  transform: translateY(-50%);
}
[dir="rtl"] .show-hide {
  left: 20px;
  right: auto;
}
.show-hide span {
  color: var(--theme-default);
  cursor: pointer;
  font-size: 13px;
}
.show-hide span.show:before {
  content: "show";
}
.show-hide span:before {
  content: "hide";
}
.needs-validation.was-validated .invalid-feedback {
  color: #c42a02;
}
.needs-validation .invalid-feedback {
  color: #898989;
  color: var(--dark-gray);
}
.needs-validation .show-hide {
  right: 30px;
}
.needs-validation .invalid-tooltip {
  right: 10px;
}
.login-card .login-main .theme-form label {
  font-size: 14px;
}
.login-card .login-main .theme-form label a {
  color: var(--theme-default);
}
.login-card .login-main .theme-form .show-hide {
  top: 50%;
}
[data-theme="dark"] .login-dark {
  background-blend-mode: overlay;
  background-color: #fff;
  background-color: var(--card-color);
}
@media only screen and (max-width: 1199px) {
  .login-card {
    background: #0000;
  }
  .login_bs_validation,
  .login_one_image {
    height: 100vh;
    opacity: 0.5;
    position: fixed;
    top: 0;
  }
  .login-card .login-main,
  .login-card .logo {
    position: relative;
  }
}
@media only screen and (max-width: 991px) {
  .login-card .login-main {
    width: 380px;
  }
}
@media only screen and (max-width: 767px) {
  .login-card .login-main .theme-form ul.login-social li {
    height: 35px;
    width: 35px;
  }
}
@media only screen and (max-width: 575px) {
  .login-card {
    padding-bottom: 40px;
    padding-top: 40px;
  }
  .login-card .logo {
    margin-bottom: 10px;
  }
  .login-card .login-main {
    padding: 20px;
    width: auto;
  }
  .login-card .login-main .theme-form .form-group {
    margin-bottom: 5px !important;
  }
  .login-card .login-main .theme-form .form-group .form-check-label {
    margin-bottom: 0 !important;
  }
  .login-card .login-main .theme-form p {
    margin-bottom: 5px;
  }
  .login-card .login-main .theme-form .or:before {
    width: 55%;
  }
}
.comingsoon-bgimg {
  background: url(/mbanking/static/media/coming-soon-bg.b9775503e9b6cf857d53.jpg);
  background-position: bottom;
  background-size: cover;
}
[data-theme="dark"] .comingsoon-bgimg {
  background-blend-mode: overlay;
  background-color: #000000d1;
}
.comingsoon {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 100vh;
  padding: 50px 0;
}
[data-theme="dark"] .comingsoon {
  background-blend-mode: overlay;
  background-color: #000000d4;
}
.comingsoon .comingsoon-inner .h5,
.comingsoon .comingsoon-inner h5 {
  color: #52526c;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 30px;
  margin-top: 30px;
}
.comingsoon .comingsoon-inner .countdown {
  border-bottom: 1px solid #6a71854d;
  border-bottom: 1px solid var(--solid-border);
  border-top: 1px solid #6a71854d;
  border-top: 1px solid var(--solid-border);
  padding: 30px 0;
}
.comingsoon .comingsoon-inner .countdown .time {
  align-items: center;
  background: var(--theme-default);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 36px;
  font-weight: 500;
  height: 100px;
  justify-content: center;
  width: 100px;
}
.comingsoon .comingsoon-inner .countdown .title {
  color: #52526c;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  padding-top: 13px;
  text-transform: uppercase;
}
.comingsoon .comingsoon-inner .countdown ul li {
  display: inline-block;
  margin: 0 20px;
  text-transform: uppercase;
}
.comingsoon .comingsoon-inner .countdown ul li span {
  display: block;
}
.comingsoon video {
  height: auto;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: fixed;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: opacity 1s;
  width: auto;
  z-index: -100;
}
@media only screen and (max-width: 991.98px) {
  .comingsoon .comingsoon-inner .countdown ul li .time {
    font-size: 26px;
    height: 80px;
    width: 80px;
  }
  .comingsoon .comingsoon-inner .countdown ul li .title {
    font-size: 12px;
  }
}
@media only screen and (max-width: 575.98px) {
  .comingsoon .comingsoon-inner .countdown {
    padding: 20px 0;
  }
  .comingsoon .comingsoon-inner .countdown ul li {
    margin: 0 7px;
  }
  .comingsoon .comingsoon-inner .countdown ul li .time {
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    margin: 0 auto;
    width: 45px;
  }
}
.status-circle {
  border: 2px solid #fff;
  border-radius: 50%;
  height: 12px;
  left: 44px;
  position: absolute;
  top: 4px;
  width: 12px;
}
.user-image {
  float: left;
  height: 52px;
  margin-right: 5px;
  width: 52px;
}
.user-image .about {
  float: left;
  margin-top: 5px;
  padding-left: 10px;
}
.user-image .about .name {
  color: #2c2c31;
  font-weight: 500;
  letter-spacing: 1px;
}
.left-sidebar-wrapper {
  border: 2px solid #fff;
  border-radius: 10px 0 0 10px;
  border-right: initial;
  padding: 20px;
  z-index: 1;
}
[data-theme="dark"] .left-sidebar-wrapper {
  border: 2px solid #f4f5f8;
  border: 2px solid var(--light-color);
  box-shadow: 0 3px 18px rgb($light-color);
  box-shadow: var(--card-box-shadow);
}
@media (max-width: 767px) {
  .left-sidebar-wrapper {
    border-radius: 10px;
  }
}
.left-sidebar-wrapper * {
  scrollbar-color: #43b9b21a;
  scrollbar-color: var(--theme-default-light-bg);
  scrollbar-width: auto;
}
.left-sidebar-wrapper ::-webkit-scrollbar {
  width: 6px;
}
.left-sidebar-wrapper ::-webkit-scrollbar-track {
  background: #0000;
}
.left-sidebar-wrapper ::-webkit-scrollbar-thumb {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
  border: 3px solid #0000;
  border-radius: 10px;
}
.left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
  background-color: #eee;
  background-color: var(--light-gray);
  padding-right: 0;
}
[data-theme="dark"]
  .left-sidebar-wrapper
  .left-sidebar-chat
  .input-group
  .input-group-text {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text svg {
  height: 16px;
  width: 16px;
}
[data-theme="dark"]
  .left-sidebar-wrapper
  .left-sidebar-chat
  .input-group
  .input-group-text
  svg {
  color: #fff;
}
.left-sidebar-wrapper
  .left-sidebar-chat
  .input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
  background-color: #eee;
  background-color: var(--light-gray);
  border: none !important;
}
[data-theme="dark"]
  .left-sidebar-wrapper
  .left-sidebar-chat
  .input-group
  .form-control {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus,
.left-sidebar-wrapper
  .left-sidebar-chat
  .input-group
  .form-control:focus-visible {
  border-color: #eee;
  border-color: var(--light-gray);
  box-shadow: none;
}
.left-sidebar-wrapper .advance-options ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
  background-color: initial;
  border-bottom: 2px solid #0000;
  color: #3d3d47;
  color: var(--body-font-color);
  padding: 16px 57px;
  text-decoration: none;
  text-decoration: initial;
}
@media (max-width: 1855px) {
  .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
    padding: 16px 45px;
  }
}
@media (max-width: 1663px) {
  .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
    padding: 16px 30px;
  }
}
@media (max-width: 1423px) {
  .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
    padding: 16px 28px;
  }
}
.left-sidebar-wrapper .advance-options ul .nav-item .nav-link.active,
.left-sidebar-wrapper .advance-options ul .nav-item .nav-link:active {
  border-bottom: 2px solid var(--theme-default);
  color: var(--theme-default);
}
.left-sidebar-wrapper .advance-options .common-space {
  padding: 11px 0;
}
.left-sidebar-wrapper .advance-options .common-space p {
  color: #52526ccc;
  margin: 0;
}
[data-theme="dark"] .left-sidebar-wrapper .advance-options .common-space p {
  color: #767676;
  color: var(--light-font);
}
.left-sidebar-wrapper .advance-options .common-space .header-top .btn {
  padding: 6px 12px;
}
.left-sidebar-wrapper .advance-options .common-space .header-top .btn:hover {
  background-color: var(--theme-default);
}
.left-sidebar-wrapper .advance-options .common-space .header-top .btn:hover i {
  color: #fff;
}
.left-sidebar-wrapper .advance-options .chats-user {
  border-bottom: initial;
  height: 555px;
  overflow-y: auto;
}
.left-sidebar-wrapper .advance-options .chats-user li {
  border-bottom: 1px solid #52526c33;
  border-bottom: 1px solid var(--chart-dashed-border);
  cursor: pointer;
  gap: 10px;
  padding: 11px;
  width: 100%;
}
.left-sidebar-wrapper .advance-options .chats-user li:hover {
  background-color: #f5f6f9;
  background-color: var(--light2);
}
[data-theme="dark"]
  .left-sidebar-wrapper
  .advance-options
  .chats-user
  li:hover {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
@media (max-width: 1505px) {
  .left-sidebar-wrapper .advance-options .chats-user li {
    flex-wrap: wrap;
    gap: 1px;
  }
}
.left-sidebar-wrapper .advance-options .chats-user li:last-child {
  border-bottom: initial;
}
.left-sidebar-wrapper .advance-options .chats-user li .chat-time {
  align-items: center;
  display: flex;
  gap: 10px;
}
.left-sidebar-wrapper .advance-options .chats-user li .chat-time > div {
  text-align: left;
}
[data-theme="dark"]
  .left-sidebar-wrapper
  .advance-options
  .chats-user
  li
  .chat-time
  > div {
  color: #767676;
  color: var(--light-font);
}
@media (max-width: 1498px) {
  .left-sidebar-wrapper .advance-options .chats-user li > div {
    text-align: end;
    width: 100%;
  }
}
.active-profile {
  position: relative;
}
.active-profile img {
  height: 42px;
  width: 42px;
}
@media (max-width: 1650px) {
  .active-profile img {
    height: 33px;
    width: 33px;
  }
}
.active-profile .status {
  border: 3px solid #fff;
  border-radius: 100%;
  bottom: 5%;
  height: 14px;
  position: absolute;
  right: -2px;
  width: 14px;
}
@media (max-width: 1600px) {
  .active-profile .status {
    border: 2px solid #fff;
    height: 11px;
    width: 11px;
  }
}
.contact-edit i {
  color: #52526ccc;
  cursor: pointer;
}
.contact-edit i:after {
  content: normal;
}
[data-theme="dark"] .contact-edit i {
  color: #3d3d47;
  color: var(--body-font-color);
}
.contact-edit svg {
  cursor: pointer;
  height: 18px;
  width: 18px;
}
@media (max-width: 360px) {
  .contact-edit svg {
    height: 14px;
    width: 14px;
  }
}
[data-theme="dark"] .contact-edit svg {
  color: #3d3d47;
  color: var(--body-font-color);
}
.contact-edit .dropdown-menu .dropdown-item:hover {
  background-color: #fff;
  background-color: var(--card-color);
  opacity: 1;
  text-decoration: none;
  text-decoration: initial;
}
.contact-edit.chat-alert {
  align-items: center;
  background: #f5f6f9;
  background: var(--light2);
  border-radius: 5px;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}
[data-theme="dark"] .contact-edit.chat-alert {
  background: #f9fafc;
  background: var(--body-color);
}
@media (max-width: 360px) {
  .contact-edit.chat-alert {
    height: 32px;
    width: 32px;
  }
}
@media (max-width: 340px) {
  .contact-edit.chat-alert {
    display: none;
  }
}
.contact-edit.chat-alert .dropdown-menu .dropdown-item:first-child {
  border-top: 0;
}
.search-contacts {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.search-contacts .form-control {
  padding-inline: 35px;
}
.search-contacts .form-control:focus {
  border-color: #52526c33;
  border-color: var(--chart-dashed-border);
  box-shadow: none;
}
.search-contacts i {
  color: #52526ccc;
  height: 18px;
  position: absolute;
  right: 10px;
  top: 16px;
  width: 18px;
}
[data-theme="dark"] .search-contacts i {
  color: #3d3d47;
  color: var(--body-font-color);
}
.search-contacts svg {
  stroke: #52526ccc;
  height: 18px;
  left: 10px;
  position: absolute;
  top: 13px;
  width: 18px;
}
[data-theme="dark"] .search-contacts svg {
  stroke: #3d3d47;
  stroke: var(--body-font-color);
}
.search-contacts .mic-search {
  left: auto;
  position: absolute;
  right: 10px;
  top: 8px;
}
.contact-wrapper {
  border-bottom: initial;
  height: 526px;
  overflow-y: auto;
  padding-top: 14px;
}
.contact-wrapper > p {
  color: #3d3d47;
  color: var(--body-font-color);
  font-size: 18px;
  font-weight: 500;
  line-height: 0;
  margin: 0;
  padding: 12px 0;
}
.contact-wrapper ul li {
  cursor: pointer;
  width: 100%;
}
.contact-wrapper ul li .chat-time {
  align-items: center;
  display: flex;
  gap: 10px;
}
.contact-wrapper ul li .chat-time img {
  height: 42px;
  width: 42px;
}
@media (max-width: 1650px) {
  .contact-wrapper ul li .chat-time img {
    height: 33px;
    width: 33px;
  }
}
.contact-wrapper ul li .chat-time > div span {
  color: #3d3d47;
  color: var(--body-font-color);
}
.contact-wrapper ul li svg {
  height: 18px;
  width: 18px;
}
.contact-wrapper ul:last-child .common-space {
  padding-bottom: 0;
}
.right-sidebar-chat {
  border: 2px solid #fff;
  border-bottom-left-radius: 0;
  border-left: initial;
  border-top-left-radius: 0;
  z-index: 0;
}
[data-theme="dark"] .right-sidebar-chat {
  border: 2px solid #f4f5f8;
  border: 2px solid var(--light-color);
  box-shadow: 0 3px 18px rgb($light-color);
  box-shadow: var(--card-box-shadow);
}
@media (max-width: 767.98px) {
  .right-sidebar-chat {
    border-radius: 10px;
  }
}
.right-sidebar-title {
  display: flex;
  justify-content: space-between;
  padding: 13px 25px;
}
.right-sidebar-title .common-space {
  width: 100%;
}
.right-sidebar-title .common-space .chat-time {
  align-items: center;
  display: flex;
  gap: 10px;
}
[data-theme="dark"] .right-sidebar-title .common-space .chat-time {
  color: #3d3d47;
  color: var(--body-font-color);
}
.right-sidebar-title .common-space .chat-time .active-profile img {
  height: 42px;
  width: 42px;
}
@media (max-width: 360px) {
  .right-sidebar-title .common-space .chat-time .active-profile img {
    height: 36px;
    width: 36px;
  }
}
.right-sidebar-title .common-space .chat-time div p {
  color: #52526ccc;
  margin: 0;
}
[data-theme="dark"] .right-sidebar-title .common-space .chat-time div p {
  color: #3d3d47;
  color: var(--body-font-color);
}
.right-sidebar-title .common-space .chat-time ul li img {
  height: 42px;
  width: 42px;
}
.right-sidebar-title .common-space .chat-time.group-chat ul {
  display: flex;
}
.right-sidebar-title .common-space .chat-time.group-chat ul li img {
  border: 3px solid #0000;
}
[data-theme="dark"]
  .right-sidebar-title
  .common-space
  .chat-time.group-chat
  ul
  li
  img {
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.right-sidebar-title .common-space .chat-time.group-chat ul li + li {
  margin-left: -12px;
}
.right-sidebar-title .common-space .chat-time.group-chat ul li + li img {
  border: 3px solid #fff;
}
.right-sidebar-title .common-space .chat-time.group-chat ul li .profile-count,
.right-sidebar-title .common-space .chat-time.group-chat ul li img {
  height: 38px;
  width: 38px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(2),
  .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(3),
  .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(5),
  .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(6) {
    display: none;
  }
}
@media (min-width: 341px) and (max-width: 410px) {
  .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(2),
  .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(3),
  .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(5),
  .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(6) {
    display: none;
  }
}
@media (max-width: 1045px) {
  .right-sidebar-title .common-space .chat-time.group-chat > div p,
  .right-sidebar-title .common-space .chat-time.group-chat > div span {
    display: none;
  }
}
.common-space {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.msger-chat {
  background: linear-gradient(0deg, #f5f6fa, #f5f6fa),
    linear-gradient(0deg, #fff, #fff);
  background: var(--chat-background);
  flex: 1 1;
  height: 620px;
  overflow-y: auto;
  padding: 10px;
}
[data-theme="dark"] .msger-chat {
  background: #f9fafc;
  background: var(--body-color);
  box-shadow: 0 3px 18px rgb($light-color);
  box-shadow: var(--card-box-shadow);
}
.msger-chat::-webkit-scrollbar {
  width: 6px;
}
.msger-chat::-webkit-scrollbar-track {
  background: #ddd;
  background: var(--photoswipe-border);
}
.msger-chat::-webkit-scrollbar-thumb {
  background: #bdbdbd;
  background: var(--scrollbar-thumb);
}
.msg {
  align-items: flex-end;
  display: flex;
  margin-bottom: 10px;
}
.msg:last-of-type {
  margin: 0;
}
.msg-img {
  background: #ddd;
  background: var(--photoswipe-border);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  height: 50px;
  margin-right: 10px;
  width: 50px;
}
.msg-bubble {
  border-radius: 15px;
  max-width: 450px;
  padding: 15px;
}
.msg-info {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.msg-info-name {
  font-weight: 700;
  margin-right: 10px;
}
.msg-info-time {
  font-size: 0.85em;
}
.left-msg .msg-img {
  background-image: url(/mbanking/static/media/1.2bc9493cd28643b22f99.jpg);
  height: 33px;
  width: 33px;
}
@media (max-width: 1200px) {
  .left-msg .msg-img {
    min-height: 16px;
    min-width: 16px;
  }
}
.left-msg .msg-bubble {
  background: #fff;
  border-radius: 15px;
  position: relative;
  width: calc(100% - 33px);
}
[data-theme="dark"] .left-msg .msg-bubble {
  background: #fff;
  background: var(--card-color);
  color: #767676;
  color: var(--light-font);
}
.right-msg {
  flex-direction: row-reverse;
}
.right-msg .msg-bubble {
  background: var(--theme-default);
  color: #fff;
  width: calc(100% - 33px);
}
.right-msg .msg-img {
  background-image: url(/mbanking/static/media/2.a6b674a86f8291f54778.jpg);
  height: 33px;
  margin: 0 0 0 10px;
  width: 33px;
}
@media (max-width: 1200px) {
  .right-msg .msg-img {
    min-height: 16px;
    min-width: 16px;
  }
}
.msger-inputarea {
  align-items: center;
  background: linear-gradient(0deg, #f5f6fa, #f5f6fa),
    linear-gradient(0deg, #fff, #fff);
  background: var(--chat-background);
  border-top: 1px solid #52526c33;
  border-top: 1px solid var(--chart-dashed-border);
  display: flex;
  padding: 10px;
}
[data-theme="dark"] .msger-inputarea {
  background: #fff;
  background: var(--card-color);
}
.msger-inputarea .dropdown-toggle:after {
  content: normal;
}
.msger-inputarea .dropdown-toggle .dropdown-menu {
  inset: unset !important;
}
.msger-inputarea .dropdown-form {
  position: relative;
}
.msger-inputarea .dropdown-form i {
  color: var(--theme-default);
  cursor: pointer;
  font-size: 16px;
  font-weight: 900;
  padding: 0;
}
.msger-inputarea .dropdown-form .chat-icon {
  background: #0000;
  bottom: 22px !important;
  box-shadow: none;
  left: 0 !important;
  position: absolute;
}
.msger-inputarea .dropdown-form .chat-icon div {
  align-items: center;
  background-color: #fff;
  background-color: var(--card-color);
  border-radius: 50%;
  color: var(#2f2f3b);
  display: flex;
  height: 47px;
  justify-content: center;
  opacity: 1;
  padding: 0;
  width: 47px;
}
.msger-inputarea .dropdown-form .chat-icon div svg {
  cursor: pointer;
  height: 42px;
  width: 42px;
}
.msger-inputarea .dropdown-form .chat-icon div:first-child svg {
  stroke: var(--theme-default);
}
.msger-inputarea .dropdown-form .chat-icon div:nth-child(2) svg {
  stroke: var(--theme-default);
  fill: none;
}
.msger-inputarea .dropdown-form .chat-icon div:hover {
  background-color: var(--theme-default);
  opacity: 1;
}
.msger-inputarea .dropdown-form .chat-icon div:hover:first-child svg {
  fill: #fff;
}
.msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(2) svg {
  stroke: #fff;
}
.msger-inputarea .msger-send-btn i {
  color: #fff;
}
.msger-inputarea * {
  border: none;
  border-radius: 3px;
  font-size: 1em;
  padding: 10px;
}
.msger-input {
  background: #0000;
  flex: 1 1;
}
.msger-input:focus,
.msger-input:focus-visible {
  background-color: #fff;
  background-color: var(--card-color);
  outline: medium none invert;
  outline: initial;
}
.fg-emoji-container {
  left: calc(-269px + 87.1875vw) !important;
}
@media (min-width: 860px) and (max-width: 945px) {
  .fg-emoji-container {
    left: 417px !important;
  }
}
@media (min-width: 686px) and (max-width: 860px) {
  .fg-emoji-container {
    left: 360px !important;
  }
}
@media (min-width: 588px) and (max-width: 770px) {
  .fg-emoji-container {
    left: 200px !important;
  }
}
@media (min-width: 546px) and (max-width: 588px) {
  .fg-emoji-container {
    left: 144px !important;
  }
}
@media (min-width: 500px) and (max-width: 546px) {
  .fg-emoji-container {
    left: 88px !important;
  }
}
@media (max-width: 500px) {
  .fg-emoji-container {
    left: 22px !important;
    width: 262px !important;
  }
}
.fg-emoji-container .fg-emoji-nav {
  background-color: #52526ccc;
}
.fg-emoji-container #fg-emoji-picker-move {
  display: none;
}
.open-emoji {
  padding: 0;
}
.open-emoji button {
  background: #0000;
  padding: 0 14px;
  position: relative;
  z-index: 0;
}
.open-emoji button:before {
  color: #9999a9cc;
  color: var(--text-gray);
  content: "\f118";
  font-family: FontAwesome;
  font-size: 20px;
  position: relative;
  z-index: 1;
}
.second-btn {
  background: #0000;
  padding: 0 14px;
  position: relative;
  z-index: 0;
}
.second-btn:before {
  color: #9999a9cc;
  color: var(--text-gray);
  content: "\f118";
  font-family: FontAwesome;
  font-size: 20px;
  position: relative;
  z-index: 1;
}
.msger-send-btn {
  align-items: center;
  background: var(--theme-default);
  cursor: pointer;
  display: flex;
  font-weight: 700;
  height: 39px;
  justify-content: center;
  margin-left: 10px;
  transition: all 0.23s;
  width: 40px;
}
.msger-send-btn svg {
  height: 12px;
  width: 1px;
}
.custom-name {
  align-items: center;
  border-radius: 50px;
  display: flex;
  height: 42px;
  justify-content: center;
  width: 42px;
}
@media (max-width: 1650px) {
  .custom-name {
    height: 33px;
    width: 33px;
  }
}
@media (max-width: 767.98px) {
  .left-sidebar-wrapper .advance-options .chats-user {
    height: 200px;
  }
}
.fg-emoji-container,
[data-theme="dark"] .fg-emoji-container li a {
  background-color: #fff !important;
  background-color: var(--card-color) !important;
}
.fg-emoji-picker-category-title {
  border-bottom: 1px solid #6a71854d !important;
  border-bottom: 1px solid var(--solid-border) !important;
}
[data-theme="dark"] .fg-emoji-picker-search input {
  background-color: #f9fafc !important;
  background-color: var(--body-color) !important;
}
.fg-emoji-nav ul {
  border-bottom: 1px solid #6a71854d !important;
  border-bottom: 1px solid var(--solid-border) !important;
}
.fg-emoji-nav ul li a:hover {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.fg-emoji-nav li:hover a svg {
  fill: #3d3d47;
  fill: var(--body-font-color);
}
.loader-wrapper {
  align-items: center;
  background-color: #fff;
  display: flex;
  height: 100%;
  justify-content: center;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 12;
}
.loader-wrapper .loader {
  height: 100%;
  transform: rotate(165deg);
  width: 100%;
}
.loader-wrapper .loader:after,
.loader-wrapper .loader:before {
  border-radius: 4px;
  content: "";
  display: block;
  height: 50px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
}
.loader-wrapper .loader:before {
  animation: before 2s infinite;
}
.loader-wrapper .loader:after {
  animation: after 2s infinite;
}
@keyframes before {
  0% {
    box-shadow: 16px -8px var(--theme-default), -16px 8px #fd7e40;
    width: 8px;
  }
  35% {
    box-shadow: 0 -8px var(--theme-default), 0 8px #fd7e40;
    width: 40px;
  }
  70% {
    box-shadow: -16px -8px var(--theme-default), 16px 8px #fd7e40;
    width: 8px;
  }
  to {
    box-shadow: 16px -8px var(--theme-default), -16px 8px #fd7e40;
  }
}
@keyframes after {
  0% {
    box-shadow: 8px 16px #c280d2, -8px -16px #2e8dd3;
    height: 8px;
  }
  35% {
    box-shadow: 8px 0 #c280d2, -8px 0 #2e8dd3;
    height: 40px;
  }
  70% {
    box-shadow: 8px -16px #c280d2, -8px 16px #2e8dd3;
    height: 8px;
  }
  to {
    box-shadow: 8px 16px #c280d2, -8px -16px #2e8dd3;
  }
}
.modal-bookmark .modal-body,
.modal-bookmark .modal-header {
  padding: 16px;
}
.bookmark-wrap .details-bookmark .row > div + div {
  padding-right: 15px !important;
}
.bookmark-wrap .left-bookmark {
  height: 700px;
}
.bookmark-wrap .left-bookmark ul li button {
  border: none;
  cursor: pointer;
}
.bookmark-wrap .left-bookmark ul li button:focus {
  outline: none;
}
.bookmark-wrap .left-bookmark ul li svg {
  height: 18px;
  vertical-align: middle;
  width: 18px;
}
.bookmark-wrap .left-bookmark ul li > .main-title {
  color: var(--theme-default);
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
}
.bookmark-wrap .left-bookmark ul li > .main-title span a:hover {
  background-color: initial;
}
.bookmark-wrap .left-bookmark ul li > .main-title svg {
  stroke-width: 1px;
  color: #898989;
  color: var(--dark-gray);
}
.bookmark-wrap .left-bookmark ul li a > .title {
  text-transform: capitalize;
}
@media (max-width: 1366px) {
  .bookmark-wrap .left-bookmark.task-sidebar {
    height: auto;
  }
}
.bookmark-wrap.todo-wrap .left-bookmark {
  height: auto;
}
.form-bookmark a {
  color: var(--theme-default) !important;
  font-weight: 500;
  line-height: 1 !important;
  text-transform: capitalize !important;
}
.form-bookmark a:hover {
  background-color: initial !important;
}
.form-bookmark input#index_var {
  display: none;
}
.form-bookmark input,
.form-bookmark select {
  font-size: 14px;
}
.form-bookmark .select2-container .select2-selection--single {
  border-color: #f8f8f8;
  border-color: var(--avatar-preview-border);
}
[data-theme="dark"]
  .form-bookmark
  .select2-container
  .select2-selection--single {
  background: #f9fafc;
  background: var(--body-color);
  border-color: #f9fafc;
  border-color: var(--body-color);
}
.form-bookmark .select2 {
  width: 100% !important;
}
.form-bookmark .error {
  color: #c42a02 !important;
  font-size: 11px;
  margin: 0 !important;
}
.form-bookmark button {
  margin-top: 10px;
}
@keyframes displayTransition {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.bookmark-tabcontent .details-bookmark {
  height: auto;
  min-height: 359px;
}
.bookmark-tabcontent .details-bookmark .bookmark-card {
  position: relative;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
  background-color: #0003;
  border-radius: 4px;
  opacity: 0;
  padding: 3px;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 30px;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon i {
  color: #fff;
  font-size: 16px;
  vertical-align: text-bottom;
}
.bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card
  .favourite-icon.favourite
  i {
  color: #ffa800;
  color: var(--star-color);
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data {
  width: 100%;
}
.bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card
  .desciption-data
  .content-general {
  display: none;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
  transition: 0.5s;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
  border-top: 1px solid #f4f5f8;
  padding: 15px;
  position: relative;
  text-align: left;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .h6,
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark h6 {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark p {
  animation: displayTransition 1s;
}
.bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card
  .title-bookmark
  .hover-block {
  left: 0;
  opacity: 0;
  padding: 15px;
  position: absolute;
  top: 30px;
  width: 100%;
}
.bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card
  .title-bookmark
  .hover-block
  ul
  li {
  display: inline-block;
}
.bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card
  .title-bookmark
  .hover-block
  ul
  li
  + li {
  margin-left: 5px;
}
.bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card
  .title-bookmark
  .hover-block
  ul
  li
  svg {
  color: #898989;
  color: var(--dark-gray);
  height: 16px;
  width: 16px;
}
@media (max-width: 767px) {
  .bookmark-tabcontent
    .details-bookmark
    .bookmark-card.card
    .title-bookmark
    .hover-block {
    padding-top: 0;
  }
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover {
  box-shadow: 1px 4px 16px 3px #0000000a;
  transition: 0.5s;
}
.bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card:hover
  .title-bookmark
  p {
  opacity: 0;
}
.bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card:hover
  .title-bookmark
  .hover-block {
  animation: displayTransition 2s;
  opacity: 1;
}
.bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card:hover
  .favourite-icon {
  opacity: 1;
}
.bookmark-tabcontent .details-bookmark.list-bookmark .row > div {
  flex: 0 0 100%;
  max-width: 100%;
}
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card
  .desciption-data
  .content-general {
  display: block;
}
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card
  .details-website {
  align-items: center;
  display: flex;
}
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card
  .details-website
  .title-bookmark
  p {
  opacity: 1;
}
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card
  .details-website
  .title-bookmark
  .hover-block {
  opacity: 1;
  position: absolute;
  right: 30px;
  text-align: right;
}
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card
  .details-website:hover
  .title-bookmark
  .hover-block {
  animation: displayTransition 0s;
  opacity: 1;
}
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card.card
  .title-bookmark {
  border-top: none;
}
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card.card
  .title-bookmark
  .h6,
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card.card
  .title-bookmark
  h6,
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card.card
  .title-bookmark
  p {
  display: inline-block;
  margin-top: 0;
}
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card.card
  .title-bookmark
  .h6,
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card.card
  .title-bookmark
  h6 {
  padding-right: 15px;
  position: relative;
}
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card.card
  .title-bookmark
  .h6:after,
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card.card
  .title-bookmark
  h6:after {
  color: #898989;
  color: var(--dark-gray);
  content: "-";
  position: absolute;
  right: 0;
}
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card.card
  .title-bookmark
  .content-general {
  margin-top: 5px;
}
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card.card
  .title-bookmark
  .content-general
  p {
  margin-right: 20px;
  width: 68%;
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
  width: 20%;
}
.bookmark-tabcontent .tab-content .card .d-flex {
  align-items: center;
  justify-content: space-between;
}
.bookmark-tabcontent .tab-content .card .d-flex svg {
  height: 18px;
  vertical-align: middle;
  width: 18px;
}
.bookmark-tabcontent .tab-content .card .d-flex ul li {
  display: inline-block;
}
.bookmark-tabcontent .tab-content .card .d-flex ul li + li {
  margin-left: 5px;
}
.bookmark-tabcontent .tab-content .tab-pane > .card {
  box-shadow: none;
}
@media only screen and (max-width: 1660px) {
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card.card
    .title-bookmark
    .content-general
    p {
    display: none;
  }
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card.card
    .title-bookmark
    .hover-block {
    margin-top: 6px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .bookmark-wrap .left-bookmark ul li .btn-block svg {
    display: none;
  }
}
@media only screen and (max-width: 1366px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 40%;
  }
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card.card
    .title-bookmark
    .hover-block {
    top: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmark-wrap .left-bookmark {
    height: auto;
  }
  .bookmark-tabcontent .details-bookmark {
    min-height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card
    .details-website
    .title-bookmark
    p {
    max-width: 172px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card
    .details-website:hover
    .title-bookmark
    .hover-block
    p {
    display: none;
  }
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card
    .details-website:hover
    .title-bookmark
    .hover-block
    ul {
    position: relative;
    right: auto;
    top: auto;
  }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 45%;
  }
}
@media only screen and (max-width: 575px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 100%;
  }
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card
    .details-website {
    display: block;
  }
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card
    .details-website
    .title-bookmark {
    padding-left: 15px;
  }
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card
    .details-website
    .title-bookmark
    .hover-block {
    padding: 0;
    position: relative;
    right: auto;
    text-align: left;
    top: auto;
  }
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card
    .details-website
    .title-bookmark
    .content-general {
    display: none;
  }
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card
    .details-website
    .title-bookmark
    .h6,
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card
    .details-website
    .title-bookmark
    h6,
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card
    .details-website
    .title-bookmark
    p {
    display: block;
  }
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card
    .details-website
    .title-bookmark
    .h6:after,
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card
    .details-website
    .title-bookmark
    h6:after {
    display: none;
  }
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card
    .details-website
    .title-bookmark
    p {
    margin-top: 15px;
  }
  .modal-bookmark .modal-body,
  .modal-bookmark .modal-header {
    padding: 15px;
  }
}
.email-wrap .row .col-xl-3 + .col-xl-3 {
  padding-right: 0;
}
.email-wrap .row .col-xl-6 {
  padding-left: 0;
}
.email-wrap .dropdown .dropdown-toggle {
  background-color: #7366ff14;
  border-radius: 10px;
  color: var(--theme-default);
  padding: 5px 10px;
  text-align: left;
  width: 100px;
}
[dir="rtl"] .email-wrap .dropdown .dropdown-toggle {
  text-align: right;
}
.email-wrap .dropdown .dropdown-toggle:after {
  border: none;
  content: "\f107";
  font-family: FontAwesome;
  font-size: 18px;
  margin: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
[dir="rtl"] .email-wrap .dropdown .dropdown-toggle:after {
  left: 10px;
  right: auto;
}
.email-wrap .dropdown .dropdown-menu {
  border: none;
  box-shadow: 0 0 20px #59667a1a;
  padding: 0;
}
.email-wrap .dropdown .dropdown-menu .dropdown-item {
  background: #fff;
  border-top: 1px solid #f4f5f8;
  border-top: 1px solid var(--light-color);
  color: #2b2b2b;
  font-size: 13px;
  line-height: 19px;
  opacity: 0.6;
  padding: 6px 12px;
}
.email-wrap .dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #fff;
}
.email-wrap .email-app-sidebar .media img {
  border: 2px solid #eee;
  border: 2px solid var(--light-gray);
}
.email-wrap .email-app-sidebar .main-menu > li {
  text-align: left;
  width: 100%;
}
.email-wrap .email-app-sidebar .main-menu > li a {
  border-radius: 3px;
  line-height: 2.2;
  text-transform: uppercase;
}
.email-wrap .email-app-sidebar .main-menu > li a i {
  margin-right: 10px;
}
.email-wrap .email-app-sidebar .main-menu > li a.active > a {
  color: #000;
}
.email-wrap .email-app-sidebar .main-menu > li a:hover {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
  text-decoration: none;
}
.email-wrap .email-app-sidebar ul li a {
  align-items: center;
  display: flex;
  padding-left: 20px;
}
.email-wrap .email-app-sidebar ul li a > .title {
  color: #2c2c31;
  width: 100%;
}
[data-theme="dark"] .email-wrap .email-app-sidebar ul li a > .title {
  color: #767676;
  color: var(--light-font);
}
.email-wrap .email-app-sidebar ul li a > .badge {
  align-self: center;
  color: #898989;
  color: var(--dark-gray);
}
@media (min-width: 1200px) and (max-width: 1327px) {
  .email-wrap .email-app-sidebar .d-flex .flex-grow-1 {
    margin-top: 15px;
  }
}
.email-wrap .email-left-aside {
  float: left;
  width: 100%;
}
.email-wrap .email-left-aside .card-body {
  padding: 15px;
}
@media (min-width: 1200px) {
  .email-wrap .email-right-aside .email-body .pr-0 {
    padding-right: 0;
  }
  [dir="rtl"] .email-wrap .email-right-aside .email-body .pr-0 {
    padding-left: 0;
    padding-right: 12px;
  }
  .email-wrap .email-right-aside .email-body .pl-0 {
    padding-left: 0;
  }
  [dir="rtl"] .email-wrap .email-right-aside .email-body .pl-0 {
    padding-left: 12px;
    padding-right: 0;
  }
}
.email-wrap .email-right-aside .email-body .inbox {
  overflow: auto;
}
@media (max-width: 1199.98px) {
  .email-wrap .email-right-aside .email-body .inbox {
    display: flex;
    flex-wrap: wrap;
  }
}
.email-wrap .email-right-aside .email-body .inbox .media {
  padding: 20px;
}
.email-wrap .email-right-aside .email-body .inbox .media.active {
  background-color: #fff;
}
.email-wrap .email-right-aside .radius-left {
  border-radius: 8px;
  height: 100%;
}
.email-wrap .btn-mail {
  border-radius: 2px;
  letter-spacing: 1px;
  line-height: 12px !important;
  margin: 20px 0;
  padding: 13px 15px;
  text-align: left;
}
.email-wrap p {
  color: #898989;
  color: var(--dark-gray);
  margin-bottom: 0;
}
.email-wrap .media-body {
  margin-top: 5px;
}
.email-wrap .media-body .h6,
.email-wrap .media-body h6 {
  color: #3d3d47;
  color: var(--body-font-color);
  margin-bottom: 2px;
  margin-top: 3px;
}
.email-wrap .media-body .h6 .small,
.email-wrap .media-body .h6 small,
.email-wrap .media-body h6 .small,
.email-wrap .media-body h6 small {
  font-size: 12px;
}
.email-wrap .media-body .h6 .small span,
.email-wrap .media-body .h6 small span,
.email-wrap .media-body h6 .small span,
.email-wrap .media-body h6 small span {
  color: #767676;
  color: var(--light-font);
}
.email-wrap .media-body p {
  color: #52526c;
  font-size: 12px;
}
.email-wrap .email-top {
  border-bottom: 1px solid #0000001a;
  line-height: 49px;
  padding: 20px;
}
.email-wrap .email-top i {
  cursor: pointer;
}
.email-wrap .email-top .h5,
.email-wrap .email-top h5 {
  margin-bottom: 0;
  padding: 12px 0;
}
.email-wrap .email-top .d-flex {
  padding: 13px 0;
}
.email-wrap .email-wrapper {
  padding: 20px;
}
.email-wrap .email-wrapper hr {
  margin-bottom: 20px;
  margin-top: 0;
}
.email-wrap .email-wrapper .d-inline-block {
  width: 100%;
}
.email-wrap .email-wrapper .h6,
.email-wrap .email-wrapper h6 {
  float: left;
  margin-bottom: 11px;
}
.email-wrap .email-wrapper .right-download {
  float: right;
}
.email-wrap .email-wrapper .h5,
.email-wrap .email-wrapper h5,
.email-wrap .email-wrapper p + p {
  margin-bottom: 20px;
}
.email-wrap .email-body .attachment ul li img {
  height: 80px;
  margin-bottom: 20px;
  object-fit: cover;
  width: 80px;
}
.email-wrap .email-body .attachment .list-inline .list-inline-item {
  padding-right: 13px;
}
.email-wrap .email-body .email-compose .cke_contents.cke_reset {
  border: 1px solid #eee;
  border: 1px solid var(--light-gray);
  max-height: 178px;
  width: 100%;
}
.email-wrap .email-body .email-compose .email-top .h4,
.email-wrap .email-body .email-compose .email-top h4 {
  padding: 11px 0;
}
.alert-contactadd {
  background-color: #fff;
  border: 1px solid var(--theme-default);
  padding: 10px;
  width: 12%;
}
.updateimg {
  left: 15px;
  line-height: 93px;
  opacity: 0;
  position: absolute;
  top: 32px;
  width: 100px;
}
#right-history {
  background-color: #fff;
  box-shadow: 0 0 9px #f8f9fa5c;
  height: 100%;
  position: fixed;
  right: -320px;
  top: 81px;
  transition: 0.5s;
  width: 320px;
  z-index: 9;
}
[data-theme="dark"] #right-history {
  background: #f9fafc;
  background: var(--body-color);
}
[dir="rtl"] #right-history {
  left: -320px;
  right: auto;
}
#right-history .h6 span a,
#right-history h6 span a {
  color: #2f2f3b;
}
[data-theme="dark"] #right-history .h6 span a,
[data-theme="dark"] #right-history h6 span a {
  color: #767676;
  color: var(--light-font);
}
#right-history.show {
  right: 0;
  transition: 0.3s;
}
[dir="rtl"] #right-history.show {
  left: 0;
  right: auto;
}
[data-theme="dark"] .swal-modal {
  background: #f9fafc;
  background: var(--body-color);
}
[data-theme="dark"] .swal-button,
[data-theme="dark"] .swal-text,
[data-theme="dark"] .swal-title {
  color: #767676;
  color: var(--light-font);
}
[data-theme="dark"] .swal-button {
  background: #fff;
  background: var(--card-color);
}
.history-details .text-center {
  align-items: center;
  display: flex;
  justify-content: center;
}
.history-details .text-center i {
  margin: 0 6px;
}
.history-details > div {
  padding: 30px 0;
}
.history-details .d-flex {
  align-items: flex-start;
  border-top: 1px solid #f4f5f8;
  gap: 12px;
  padding: 30px 15px;
}
[data-theme="dark"] .history-details .d-flex {
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.history-details .d-flex i {
  align-items: center;
  background: #ffa800;
  background: var(--star-color);
  border-radius: 100%;
  color: #fff;
  display: flex;
  height: 30px;
  justify-content: center;
  padding: 5px;
  width: 30px;
}
.history-details .d-flex .h6,
.history-details .d-flex h6 {
  margin-bottom: 5px;
}
.delete-contact {
  display: none;
}
.more-data {
  animation: displayTransition 1s;
}
.more-data select option {
  background-color: #fff;
  background-color: var(--card-color);
}
.contact-editform {
  animation: displayTransition 1s;
  padding: 30px;
}
.contact-editform a {
  display: block;
}
.contact-editform button {
  margin-top: 30px;
}
.contact-editform .select2-container .select2-selection--single {
  height: 39px !important;
}
#deletemodal .modal-header {
  border-bottom: none;
}
#deletemodal .modal-header .delete-data span svg {
  margin-right: 15px;
  vertical-align: middle;
}
.contact-options li .btn-category {
  border-radius: 3px;
  color: var(--theme-default);
  font-weight: 500;
  line-height: 39px;
  padding-left: 40px !important;
  padding: 0;
}
.list-persons p {
  font-family: Outfit, sans-serif;
}
.list-persons .profile-mail {
  padding: 30px 0;
}
.list-persons .profile-mail .d-flex img {
  height: 100px;
}
.list-persons .profile-mail .d-flex .flex-grow-1 .h5,
.list-persons .profile-mail .d-flex .flex-grow-1 h5 {
  margin-bottom: 5px;
}
.list-persons .profile-mail .d-flex .flex-grow-1 ul {
  margin-top: 5px;
}
.list-persons .profile-mail .d-flex .flex-grow-1 ul li {
  display: inline-block;
}
.list-persons .profile-mail .d-flex .flex-grow-1 ul li a {
  font-size: 13px;
}
.list-persons .profile-mail .d-flex .flex-grow-1 ul li + li {
  border-left: 2px solid #f4f5f8;
  border-left: 2px solid var(--light-color);
  margin-left: 5px;
  padding-left: 10px;
}
.list-persons .profile-mail .email-general {
  padding-top: 50px;
}
.list-persons .profile-mail .email-general ul {
  padding-right: 20px;
}
.list-persons .profile-mail .email-general ul li {
  color: #898989;
  color: var(--dark-gray);
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.list-persons .profile-mail .email-general ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.list-persons .profile-mail .email-general ul li > span {
  float: right;
}
.list-persons .profile-mail .email-general p span {
  margin-left: 30px;
}
.list-persons .profile-mail .email-general .gender {
  margin-top: 30px;
}
.contacts-tabs .nav-pills {
  border-right: 1px solid #f4f5f8;
  border-right: 1px solid var(--light-color);
  height: 100%;
}
.contacts-tabs .nav-pills .nav-link.active,
.contacts-tabs .nav-pills .nav-link > .nav-link,
.contacts-tabs .nav-pills .show.active,
.contacts-tabs .nav-pills .show > .nav-link {
  background-color: #43b9b20d;
  color: #2f2f3b;
}
.contacts-tabs .nav-pills .nav-link {
  color: #2f2f3b;
  padding: 0;
}
.contacts-tabs .nav-pills .nav-link .d-flex .img-50 {
  height: 50px;
}
.contacts-tabs .nav-pills .nav-link + .nav-link {
  border-top: 1px solid #f4f5f8;
  border-top: 1px solid var(--light-color);
}
.contacts-tabs .nav-pills .d-flex {
  padding: 20px;
}
.contacts-tabs .tab-content .tab-content-child {
  animation: displayTransition 1s;
}
@media only screen and (max-width: 991px) {
  #right-history {
    top: 60px;
  }
  .updateimg {
    top: 21px;
  }
  .list-persons .profile-mail {
    padding: 20px;
  }
  .contact-editform button,
  .list-persons .profile-mail .email-general .gender {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-editform {
    padding: 20px;
  }
  .contact-editform.pl-0 {
    padding-left: 20px !important;
  }
  .contacts-tabs .nav-pills {
    border-bottom: 1px solid #f4f5f8;
    border-bottom: 1px solid var(--light-color);
    border-right: none;
  }
}
@media only screen and (max-width: 575px) {
  #right-history {
    width: 270px;
  }
  .updateimg {
    left: 29px;
    top: 16px;
  }
  .contacts-tabs .d-flex img.m-r-20 {
    margin-right: 15px;
  }
  .contacts-tabs .nav-pills .d-flex,
  .list-persons .profile-mail {
    padding: 15px;
  }
  .list-persons .profile-mail .email-general .gender {
    margin-top: 15px;
  }
  .list-persons .nav-pills .nav-link .d-flex .flex-grow-1 {
    text-align: left;
  }
  .contact-editform {
    padding: 15px;
  }
  .contact-editform button {
    margin-top: 15px;
  }
  .contact-editform.pl-0 {
    padding-left: 15px !important;
  }
  .contact-editform form .row > div .row > div > div,
  .contact-options form .row > div .row > div > div {
    margin-bottom: 0;
  }
  .contact-editform form .row > div .row > div + div,
  .contact-options form .row > div .row > div + div {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 360px) {
  .updateimg {
    line-height: 73px;
    width: 80px;
  }
  .list-persons .profile-mail .email-general p span {
    margin-left: 10px;
  }
  .list-persons .profile-mail .d-flex {
    display: block;
  }
  .list-persons .profile-mail .d-flex img {
    height: 80px;
    margin-bottom: 15px;
    width: 80px !important;
  }
}
.dark-contact .nav .nav-link .d-flex .flex-grow-1 .h6,
.dark-contact .nav .nav-link .d-flex .flex-grow-1 h6 {
  color: #3d3d47;
  color: var(--body-font-color);
}
.email-right-aside .email-list {
  display: block;
}
.email-right-aside .email-list.hide,
.email-right-aside .email-read {
  display: none;
}
.email-right-aside .email-read.show {
  display: block;
}
.email-right-aside .modal-footer {
  text-align: end;
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-item.active,
.email-main-wrapper .email-app-sidebar .nav-pills .nav-item:active {
  border-radius: 5px;
}
.email-main-wrapper
  .email-app-sidebar
  .nav-pills
  .nav-item:last-child
  .nav-link {
  padding-bottom: 0;
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link {
  color: #52526ccc;
  font-size: 16px;
  font-weight: 500;
  gap: 13px;
  padding: 8px 20px;
  position: relative;
  text-transform: capitalize;
}
[data-theme="dark"]
  .email-main-wrapper
  .email-app-sidebar
  .nav-pills
  .nav-link {
  color: #767676;
  color: var(--light-font);
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link:hover {
  background-color: initial;
  color: var(--theme-default);
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active,
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
  border-radius: 5px;
  color: var(--theme-default);
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active svg,
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active svg {
  stroke: #43b9b2cc;
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active:after,
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active:after {
  border-right: 3px solid var(--theme-default);
  border: 2px solid var(--theme-default);
  border-radius: 100px 0 0 100px;
  content: "";
  height: 35px;
  position: absolute;
  right: 0;
  top: 9px;
  width: 4px;
}
@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active:after,
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active:after {
    height: 28px;
    top: 8px;
  }
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link .stroke-icon {
  height: 18px;
  width: 18px;
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link div {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: calc(100% - 31px);
}
[data-theme="dark"]
  .email-main-wrapper
  .email-app-sidebar
  .nav-pills
  .nav-link
  div {
  color: var(--theme-default);
}
@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link div {
    font-size: 15px;
  }
}
.email-main-wrapper .email-app-sidebar span {
  background-color: var(--theme-default);
  border-radius: 20px;
  color: #fff;
  padding: 5px 13px;
}
@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar span {
    padding: 3px 10px;
  }
}
.email-main-wrapper .email-app-sidebar .compose-mail {
  display: block;
  text-align: center;
}
.email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active {
  background-color: var(--theme-default);
  color: #fff;
  padding: 15px;
}
@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active {
    padding: 10px;
  }
}
.email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active:before {
  content: normal;
}
.email-main-wrapper .email-app-sidebar .compose-mail .nav-link i {
  font-size: 13px;
}
@media (max-width: 1400px) {
  .email-main-wrapper
    .email-app-sidebar
    .email-category.nav-pills
    .nav-item
    .nav-link,
  .email-main-wrapper
    .email-app-sidebar
    .taged-mail.nav-pills
    .nav-item
    .nav-link {
    padding: 3px 20px;
  }
}
.email-main-wrapper
  .email-app-sidebar
  .taged-mail.nav-pills
  .nav-item:first-child
  a {
  margin-top: 16px;
}
.email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item svg {
  height: 24px;
  width: 24px;
}
.email-main-wrapper .email-app-sidebar .emailbox.btn {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
  padding: 12px;
  width: 100%;
}
@media (max-width: 576px) {
  .email-main-wrapper .email-app-sidebar .emailbox.btn {
    padding: 7px;
  }
}
.email-main-wrapper .email-app-sidebar .emailbox.btn i {
  padding-right: 12px;
}
.email-body .mail-header-wrapper {
  align-items: center;
  box-shadow: 0 5px 10px 0 #00000014;
  display: flex;
  justify-content: space-between;
  padding: 16px;
}
@media (max-width: 1468px) {
  .email-body .mail-header-wrapper {
    padding: 12px;
  }
}
@media (max-width: 600px) {
  .email-body .mail-header-wrapper {
    align-items: flex-start;
    flex-direction: column;
  }
}
.email-body .mail-header-wrapper .mail-header .form-check {
  align-items: center;
  display: flex;
}
@media (max-width: 420px) {
  .email-body .mail-header-wrapper .mail-header .form-check {
    align-items: flex-start;
  }
}
.email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
  height: 18px;
  margin-top: 9px;
  width: 18px;
}
@media (max-width: 1468px) {
  .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
    margin-right: 8px;
    margin-top: 2px;
  }
}
.email-body
  .mail-header-wrapper
  .mail-header
  .form-check
  .form-check-input:focus {
  border: 1px solid var(--theme-default);
  box-shadow: none;
}
@media (max-width: 424px) {
  .email-body .mail-header-wrapper .mail-header ul {
    gap: 12px;
  }
}
@media (max-width: 351px) {
  .email-body .mail-header-wrapper .mail-header ul {
    flex-direction: column;
  }
}
.email-body .mail-header-wrapper .mail-header ul li a {
  align-items: center;
  color: #52526ccc;
  display: flex;
  gap: 9px;
  padding-bottom: 0;
  position: relative;
}
@media (max-width: 1468px) {
  .email-body .mail-header-wrapper .mail-header ul li a {
    padding: 7px;
  }
}
.email-body .mail-header-wrapper .mail-header ul li a:before {
  background-color: var(--theme-default);
  bottom: -23px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  transition: all 0.1s ease-in;
  width: 0;
}
@media (max-width: 1468px) {
  .email-body .mail-header-wrapper .mail-header ul li a:before {
    bottom: -15px;
  }
}
@media (max-width: 991px) {
  .email-body .mail-header-wrapper .mail-header ul li a:before {
    bottom: -13px;
  }
}
@media (max-width: 351px) {
  .email-body .mail-header-wrapper .mail-header ul li a:before {
    bottom: -2px;
  }
}
.email-body .mail-header-wrapper .mail-header ul li a.active {
  color: var(--theme-default);
}
.email-body .mail-header-wrapper .mail-header ul li a.active:before {
  transition: all 0.1s ease-in;
  width: 100%;
}
.email-body .mail-header-wrapper .mail-header ul li a svg {
  height: 22px;
  width: 22px;
}
@media (max-width: 424px) {
  .email-body .mail-header-wrapper .mail-header ul li a svg {
    display: none;
  }
}
.email-body .mail-header-wrapper .mail-body {
  display: flex;
  gap: 12px;
}
@media (max-width: 1500px) {
  .email-body .mail-header-wrapper .mail-body {
    justify-content: end;
  }
}
@media (max-width: 600px) {
  .email-body .mail-header-wrapper .mail-body {
    display: none;
  }
}
.email-body .mail-header-wrapper .mail-body .mail-search {
  position: relative;
}
@media (max-width: 1500px) {
  .email-body .mail-header-wrapper .mail-body .mail-search {
    width: 55%;
  }
}
@media (max-width: 1468px) {
  .email-body .mail-header-wrapper .mail-body .mail-search {
    width: 48%;
  }
}
@media (max-width: 1400px) {
  .email-body .mail-header-wrapper .mail-body .mail-search {
    display: none;
  }
}
.email-body .mail-header-wrapper .mail-body .mail-search .form-control {
  display: inline-block;
  padding: 8px 30px;
}
.email-body .mail-header-wrapper .mail-body .mail-search .form-control:focus {
  border: 1px solid #52526c33;
  border: 1px solid var(--chart-dashed-border);
  box-shadow: none;
}
@media (max-width: 1504px) {
  .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
    max-width: 165px;
  }
}
.email-body .mail-header-wrapper .mail-body .mail-search i {
  left: 11px;
  position: absolute;
  top: 10px;
}
[data-theme="dark"] .email-body .mail-header-wrapper .mail-body .mail-search i {
  color: #767676;
  color: var(--light-font);
}
.email-body .mail-header-wrapper .mail-body .light-square i {
  color: #3d3d47;
  color: var(--body-font-color);
}
.email-body .light-square {
  align-items: center;
  background-color: #f5f6f9;
  background-color: var(--light2);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 39px;
  justify-content: center;
  width: 40px;
}
[data-theme="dark"] .email-body .light-square {
  background: #f9fafc;
  background: var(--body-color);
}
@media (max-width: 992px) {
  .email-body .light-square {
    height: 35px;
    width: 34px;
  }
}
.email-body .light-square.dropdown-toggle:after {
  content: "";
  display: none;
}
.email-body .light-square .dropdown-menu .dropdown-item {
  border-top: 0;
}
.email-body .light-square .dropdown-menu .dropdown-item:hover {
  background-color: #ccc;
}
.email-body .light-square .dropdown-menu .dropdown-item i {
  padding-right: 12px;
}
.email-body .mail-body-wrapper ul li {
  align-items: center;
  border-bottom: 1px dashed #6a71854d;
  border-bottom: var(--light-border);
  cursor: pointer;
  display: flex;
  padding: 16px;
}
.email-body .mail-body-wrapper ul li:hover {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
}
.email-body .mail-body-wrapper ul li:hover .inbox-message .email-timing {
  display: none;
  transition: all 0.3s ease-in-out;
}
.email-body .mail-body-wrapper ul li:hover .inbox-message .email-options {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: flex-end;
  min-width: 100px;
  transition: all 0.3s ease-in-out;
}
.email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i {
  font-size: 18px;
}
@media (max-width: 375px) {
  .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i {
    font-size: 16px;
  }
}
.email-body .mail-body-wrapper ul li:hover .inbox-message .show {
  display: block;
}
.email-body .mail-body-wrapper ul li:hover .inbox-message .hide {
  display: none;
}
@media (max-width: 460px) {
  .email-body .mail-body-wrapper ul li.inbox-data {
    display: block;
  }
}
.email-body .mail-body-wrapper ul li:last-child {
  border-bottom: initial;
}
.email-body .mail-body-wrapper ul li .inbox-user {
  align-items: center;
  display: flex;
  gap: 12px;
  min-width: 290px;
}
@media (max-width: 1400px) {
  .email-body .mail-body-wrapper ul li .inbox-user {
    min-width: 280px;
  }
}
@media (max-width: 576px) {
  .email-body .mail-body-wrapper ul li .inbox-user {
    min-width: 260px;
  }
}
.email-body .mail-body-wrapper ul li .inbox-user .form-check-input {
  height: 18px;
  width: 18px;
}
.email-body .mail-body-wrapper ul li .inbox-user .form-check-input:focus {
  box-shadow: none;
}
.email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
  align-items: center;
  border: 2px solid #52526c33;
  border: 2px solid var(--chart-dashed-border);
  border-radius: 100%;
  display: flex;
  height: 50px;
  justify-content: center;
  width: 50px;
}
@media (max-width: 1400px) {
  .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
    height: 42px;
    width: 42px;
  }
}
@media (max-width: 355px) {
  .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
    display: none;
  }
}
.email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div {
  background-color: #c3f7f4;
  border-radius: 100%;
  height: 40px;
  width: 40px;
}
@media (max-width: 1400px) {
  .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div {
    height: 32px;
    width: 32px;
  }
}
.email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div p {
  align-items: center;
  display: flex;
  font-weight: 900;
  height: 100%;
  justify-content: center;
  padding-top: 3px;
}
@media (max-width: 1200px) {
  .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div p {
    font-size: 13px;
  }
}
.email-body
  .mail-body-wrapper
  ul
  li
  .inbox-user
  .rounded-border
  .circle-success {
  background-color: #17a6001a;
}
.email-body .mail-body-wrapper ul li .inbox-user .rounded-border img {
  border-radius: 100%;
  height: 38px;
}
@media (max-width: 1400px) {
  .email-body .mail-body-wrapper ul li .inbox-user .rounded-border img {
    height: 32px;
  }
}
.email-body .mail-body-wrapper ul li .inbox-message {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 700px) {
  .email-body .mail-body-wrapper ul li .inbox-message {
    display: block;
  }
}
.email-body .mail-body-wrapper ul li .inbox-message .email-data span {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #52526c;
  display: -webkit-box;
  font-weight: 500;
  letter-spacing: 0.3;
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-theme="dark"]
  .email-body
  .mail-body-wrapper
  ul
  li
  .inbox-message
  .email-data
  span {
  color: #767676;
  color: var(--light-font);
}
.email-body .mail-body-wrapper ul li .inbox-message .email-data span span {
  font-weight: 400;
  line-height: 1.9;
}
.email-body .mail-body-wrapper ul li .inbox-message .email-data .badge {
  border-radius: 20px;
}
@media (max-width: 1236px) {
  .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge {
    margin-bottom: 5px;
  }
}
.email-body
  .mail-body-wrapper
  ul
  li
  .inbox-message
  .email-data
  .badge:last-child {
  margin-bottom: 0;
}
.email-body .mail-body-wrapper ul li .inbox-message .email-timing {
  align-items: center;
  display: flex;
  min-width: 80px;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .email-body .mail-body-wrapper ul li .inbox-message .email-timing {
    height: 18px;
    justify-content: flex-end;
  }
}
.email-body .mail-body-wrapper ul li .inbox-message .email-timing span {
  color: #767676;
  color: var(--light-font);
}
.email-body .mail-body-wrapper ul li .inbox-message .email-options {
  display: none;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .email-body .mail-body-wrapper ul li .inbox-message .email-options {
    height: 18px;
  }
}
.email-body .mail-body-wrapper ul li .inbox-message .email-options .show {
  display: block;
}
.email-body .mail-body-wrapper ul li .inbox-message .email-options .hide {
  display: none;
}
.email-body .mail-body-wrapper ul li .inbox-message .email-options i {
  color: #767676;
  color: var(--light-font);
}
.email-body .mail-body-wrapper ul li.page-item {
  padding: 0;
}
.email-body .mail-body-wrapper .hidden {
  display: none !important;
}
.email-body .mail-pagination {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  padding: 16px;
}
.email-body .mail-pagination .pagination-button,
.email-body .mail-pagination .pagination-number {
  border: initial;
  border-radius: 10px;
  height: 35px;
  padding: 0 12px;
  width: 35px;
}
[data-theme="dark"] .email-body .mail-pagination .pagination-button,
[data-theme="dark"] .email-body .mail-pagination .pagination-number {
  background: #f9fafc;
  background: var(--body-color);
  color: #767676;
  color: var(--light-font);
}
.email-body .mail-pagination .pagination-button.disabled {
  background-color: #d7e2e9;
  color: #3d3d47;
  color: var(--body-font-color);
  opacity: 1;
}
[data-theme="dark"] .email-body .mail-pagination .pagination-button.disabled {
  background: #f9fafc;
  background: var(--body-color);
  color: #767676;
  color: var(--light-font);
}
.email-body .mail-pagination .pagination-number {
  padding: 6px 12px;
}
.email-body .mail-pagination .pagination-number.active {
  background-color: var(--theme-default);
  color: #fff;
}
.email-body .mail-pagination .pagination-index {
  display: flex;
  gap: 12px;
}
.compose-modal form .form-control {
  position: relative;
}
.compose-modal form .add-bcc {
  position: absolute;
  right: 25px;
  top: 79px;
}
.compose-modal form .add-bcc .btn {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
  color: var(--theme-default);
  padding: 5px 8px;
}
.mail-header-wrapper.header-wrapper1 {
  flex-direction: row;
}
@media (max-width: 440px) {
  .mail-header-wrapper.header-wrapper1 {
    flex-direction: column;
    gap: 10px;
  }
}
.mail-header-wrapper .mail-header1 {
  align-items: center;
  display: flex;
  gap: 18px;
}
.mail-header-wrapper .mail-header1 span {
  color: #3d3d47;
  color: var(--body-font-color);
  font-weight: 500;
}
.mail-header-wrapper .mail-header1 .btn-email {
  stroke: #3d3d47;
  stroke: var(--body-font-color);
  height: 20px;
  width: 20px;
}
.mail-header-wrapper .mail-body1 {
  display: flex;
  gap: 10px;
}
.mail-header-wrapper .mail-body1 svg {
  height: 20px;
  width: 20px;
}
@media (max-width: 480px) {
  .mail-header-wrapper .mail-body1 svg {
    height: 18px;
    width: 18px;
  }
}
.mail-body-wrapper .user-mail-wrapper {
  padding: 16px;
}
.mail-body-wrapper .user-mail-wrapper .user-title {
  align-items: center;
  border-bottom: 1px solid #52526c33;
  border-bottom: 1px solid var(--chart-dashed-border);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 390px) {
  .mail-body-wrapper .user-mail-wrapper .user-title {
    align-items: normal;
    flex-direction: column;
    justify-content: normal;
    padding-bottom: 12px;
  }
}
.mail-body-wrapper .user-mail-wrapper .user-title > div {
  align-items: center;
  display: flex;
  gap: 12px;
  padding-bottom: 12px;
}
.mail-body-wrapper .user-mail-wrapper .user-title > div .rounded-border {
  align-items: center;
  border: 2px solid #52526c33;
  border: 2px solid var(--chart-dashed-border);
  border-radius: 100%;
  display: flex;
  height: 50px;
  justify-content: center;
  width: 50px;
}
.mail-body-wrapper .user-mail-wrapper .user-title > div .rounded-border img {
  border-radius: 100%;
  height: 38px;
}
.mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown {
  cursor: pointer;
  position: relative;
}
.mail-body-wrapper
  .user-mail-wrapper
  .user-title
  > div
  .onhover-dropdown
  .dropdown-button {
  align-items: center;
  color: #98a6ad;
  display: flex;
  gap: 8px;
}
.mail-body-wrapper
  .user-mail-wrapper
  .user-title
  > div
  .onhover-dropdown
  .dropdown-button
  svg {
  height: 16px;
  width: 16px;
}
.mail-body-wrapper
  .user-mail-wrapper
  .user-title
  > div
  .onhover-dropdown
  .inbox-security {
  box-shadow: 0 0 40px #0815420d;
  box-shadow: var(--card-hover-box-shadow);
  min-width: 350px;
  padding: 16px;
}
.mail-body-wrapper
  .user-mail-wrapper
  .user-title
  > div
  .onhover-dropdown
  .inbox-security
  p {
  margin-bottom: 8px;
}
.mail-body-wrapper
  .user-mail-wrapper
  .user-title
  > div
  .onhover-dropdown
  .inbox-security
  p:last-child {
  margin-bottom: 0;
}
.mail-body-wrapper
  .user-mail-wrapper
  .user-title
  > div
  .onhover-dropdown
  .inbox-security
  p
  span {
  color: #3d3d47;
  color: var(--body-font-color);
}
.mail-body-wrapper
  .user-mail-wrapper
  .user-title
  > div
  .onhover-dropdown
  .inbox-security.onhover-show-div {
  background-color: #fff;
  background-color: var(--card-color);
  box-shadow: 0 0 20px #59667a1a;
  left: 0;
  opacity: 0;
  position: absolute;
  transform: translateY(30px);
  transition: all 0.3s linear;
  visibility: hidden;
  z-index: 8;
}
@media (max-width: 475px) {
  .mail-body-wrapper
    .user-mail-wrapper
    .user-title
    > div
    .onhover-dropdown
    .inbox-security.onhover-show-div {
    left: -27px;
  }
}
@media (max-width: 445px) {
  .mail-body-wrapper
    .user-mail-wrapper
    .user-title
    > div
    .onhover-dropdown
    .inbox-security.onhover-show-div {
    left: -70px;
  }
}
@media (max-width: 395px) {
  .mail-body-wrapper
    .user-mail-wrapper
    .user-title
    > div
    .onhover-dropdown
    .inbox-security.onhover-show-div {
    min-width: 270px;
  }
}
.mail-body-wrapper
  .user-mail-wrapper
  .user-title
  > div
  .onhover-dropdown:hover
  .onhover-show-div {
  border-radius: 5px;
  opacity: 1;
  overflow: hidden;
  transform: translateY(0);
  visibility: visible;
}
.mail-body-wrapper
  .user-mail-wrapper
  .user-title
  > div
  .onhover-dropdown:hover
  .onhover-show-div:before {
  border-bottom: 7px solid #fff;
  border-left: 7px solid #0000;
  border-right: 7px solid #0000;
  content: "";
  height: 0;
  left: 10px;
  position: absolute;
  top: 30px;
  top: -7px;
  width: 0;
  z-index: 1;
  z-index: 2;
}
@media (max-width: 575px) {
  .mail-body-wrapper
    .user-mail-wrapper
    .user-title
    > div
    .onhover-dropdown:hover
    .onhover-show-div {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 475px) {
  .mail-body-wrapper
    .user-mail-wrapper
    .user-title
    > div
    .onhover-dropdown:hover
    .onhover-show-div {
    left: -27px;
  }
}
@media (max-width: 445px) {
  .mail-body-wrapper
    .user-mail-wrapper
    .user-title
    > div
    .onhover-dropdown:hover
    .onhover-show-div {
    left: -70px;
  }
}
@media (max-width: 395px) {
  .mail-body-wrapper
    .user-mail-wrapper
    .user-title
    > div
    .onhover-dropdown:hover
    .onhover-show-div {
    min-width: 270px;
  }
}
@media (max-width: 390px) {
  .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options {
    padding-bottom: 0;
  }
}
.mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span {
  color: #98a6ad;
}
@media (max-width: 623px) {
  .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span {
    display: none;
  }
}
.mail-body-wrapper .user-mail-wrapper .user-title .inbox-options svg {
  height: 18px;
  width: 18px;
}
.mail-body-wrapper
  .user-mail-wrapper
  .user-title
  .inbox-options
  .light-square
  .dropdown-toggle:after {
  content: normal;
}
.mail-body-wrapper .user-mail-wrapper .user-body {
  border-bottom: 1px solid #52526c33;
  border-bottom: 1px solid var(--chart-dashed-border);
  padding: 14px 0;
}
.mail-body-wrapper .user-mail-wrapper .user-body p:first-child {
  padding-bottom: 14px;
}
.mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(2),
.mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(4) {
  line-height: 1.8;
  margin-bottom: 10px;
}
.mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent {
  padding-top: 14px;
}
.mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent p {
  padding-bottom: 0;
}
.mail-body-wrapper .user-mail-wrapper .user-footer {
  border-bottom: 1px solid #52526c33;
  border-bottom: 1px solid var(--chart-dashed-border);
  padding: 14px 0;
}
.mail-body-wrapper .user-mail-wrapper .user-footer > div:not(.toolbar-box) {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 8px;
  padding-bottom: 12px;
}
.mail-body-wrapper .user-mail-wrapper .user-footer #editor {
  height: 21vh;
  width: 600vh;
}
.mail-body-wrapper .user-mail-wrapper .user-footer svg {
  fill: none;
  stroke: #9999a9cc;
  stroke: var(--text-gray);
  height: 20px;
  width: 20px;
}
@media (max-width: 480px) {
  .mail-body-wrapper .user-mail-wrapper .user-footer svg {
    height: 18px;
    width: 18px;
  }
}
.mail-body-wrapper .user-mail-wrapper .user-footer .attchment-file {
  align-items: center;
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
  gap: 30px;
  padding: 12px;
}
.mail-body-wrapper
  .user-mail-wrapper
  .user-footer
  .attchment-file
  .common-flex
  img {
  height: 36px;
}
.mail-body-wrapper .user-mail-wrapper .send-btn {
  padding-top: 14px;
  text-align: end;
}
.mail-body-wrapper .user-mail-wrapper .send-btn i {
  font-size: 12px;
  margin-left: 8px;
}
.toolbar-box {
  border: 1px solid #52526c33;
  border: 1px solid var(--chart-dashed-border);
  border-radius: 5px;
  display: block;
  padding: 0;
}
[data-theme="dark"] .toolbar-box {
  background: #f9fafc;
  background: var(--body-color);
}
.toolbar-box .ql-toolbar.ql-snow {
  border: 0;
}
.toolbar-box .ql-container.ql-snow {
  border: 0;
  min-height: 100px;
}
.toolbar-box .ql-editor p:nth-child(3),
.toolbar-box .ql-editor p:nth-child(8),
.toolbar-box .ql-editor p:nth-child(9) {
  margin: 12px 0;
}
.toolbar-box .ql-bold:hover,
.toolbar-box .ql-image:hover,
.toolbar-box .ql-indent:hover,
.toolbar-box .ql-italic:hover,
.toolbar-box .ql-link:hover,
.toolbar-box .ql-list:hover,
.toolbar-box .ql-strike:hover,
.toolbar-box .ql-stroke:hover,
.toolbar-box .ql-underline:hover {
  color: var(--theme-default);
}
.toolbar-box .ql-bold button.ql-active .ql-stroke,
.toolbar-box .ql-bold:hover svg .ql-fill,
.toolbar-box .ql-bold:hover svg .ql-stroke,
.toolbar-box .ql-image button.ql-active .ql-stroke,
.toolbar-box .ql-image:hover svg .ql-fill,
.toolbar-box .ql-image:hover svg .ql-stroke,
.toolbar-box .ql-indent button.ql-active .ql-stroke,
.toolbar-box .ql-indent:hover svg .ql-fill,
.toolbar-box .ql-indent:hover svg .ql-stroke,
.toolbar-box .ql-italic button.ql-active .ql-stroke,
.toolbar-box .ql-italic:hover svg .ql-fill,
.toolbar-box .ql-italic:hover svg .ql-stroke,
.toolbar-box .ql-link button.ql-active .ql-stroke,
.toolbar-box .ql-link:hover svg .ql-fill,
.toolbar-box .ql-link:hover svg .ql-stroke,
.toolbar-box .ql-list button.ql-active .ql-stroke,
.toolbar-box .ql-list:hover svg .ql-fill,
.toolbar-box .ql-list:hover svg .ql-stroke,
.toolbar-box .ql-strike button.ql-active .ql-stroke,
.toolbar-box .ql-strike:hover svg .ql-fill,
.toolbar-box .ql-strike:hover svg .ql-stroke,
.toolbar-box .ql-stroke button.ql-active .ql-stroke,
.toolbar-box .ql-stroke:hover svg .ql-fill,
.toolbar-box .ql-stroke:hover svg .ql-stroke,
.toolbar-box .ql-underline button.ql-active .ql-stroke,
.toolbar-box .ql-underline:hover svg .ql-fill,
.toolbar-box .ql-underline:hover svg .ql-stroke {
  stroke: var(--theme-default);
}
#editor .ql-editing,
#editor1 .ql-editing {
  left: 60.375px !important;
}
#editor .ql-editing.ql-out-bottom,
#editor1 .ql-editing.ql-out-bottom {
  visibility: visible !important;
}
#editor .ql-tooltip,
#editor1 .ql-tooltip {
  left: 35.9688px !important;
}
@media (max-width: 430px) {
  #editor .ql-tooltip,
  #editor1 .ql-tooltip {
    left: 2.9688px !important;
  }
}
#editor .ql-tooltip.ql-out-bottom,
#editor1 .ql-tooltip.ql-out-bottom {
  visibility: visible !important;
}
@media (max-width: 430px) {
  #editor .ql-tooltip.ql-out-bottom input[type="text"],
  #editor1 .ql-tooltip.ql-out-bottom input[type="text"] {
    width: 94px;
  }
}
.important-mail {
  fill: #0000;
  cursor: pointer;
  height: 18px;
  width: 18px;
}
.important-mail.active,
.important-mail:active {
  fill: #f0ad4e;
  stroke: #f0ad4e;
}
.bookmark-box.active,
.bookmark-box:active {
  stroke: var(--theme-default);
}
.dropdown-subtitle > p {
  color: #3d3d47;
  color: var(--body-font-color);
  font-weight: 500;
}
.ql-snow .ql-toolbar button:hover {
  color: var(--theme-default);
}
[data-theme="dark"] .ql-snow .ql-stroke {
  stroke: #767676;
  stroke: var(--light-font);
}
[data-theme="dark"] .ql-snow .ql-fill {
  fill: #767676;
  fill: var(--light-font);
}
[data-theme="dark"] .ql-editor ol li,
[data-theme="dark"] .ql-editor ul li,
[data-theme="dark"] .ql-editor.ql-blank:before {
  color: #767676;
  color: var(--light-font);
}
.modal-open .datepickers-container {
  z-index: 1075;
}
.date-details {
  align-items: center;
}
.date-details > div + div {
  margin-left: 10px;
}
.taskadd table tr td {
  border-top: none;
  padding: 16px;
}
.taskadd table tr td:first-child {
  padding-left: 30px;
}
.taskadd table tr td:last-child {
  padding-right: 30px;
}
.taskadd table tr td svg {
  color: #59667a;
  height: 18px;
  width: 18px;
}
.taskadd table tr:first-child td {
  padding-top: 30px;
}
.taskadd table tr:last-child td {
  padding-bottom: 20px !important;
}
@media only screen and (max-width: 1660px) {
  .taskadd table tr td:first-child {
    min-width: 160px;
  }
  .taskadd table tr td:nth-child(3) {
    min-width: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .date-details {
    display: block !important;
    margin-bottom: -10px;
  }
  .date-details .d-inline-block {
    margin-bottom: 10px;
  }
  .taskadd table tr td:first-child {
    padding-left: 20px;
  }
  .taskadd table tr:first-child td {
    padding-top: 20px;
  }
  .taskadd table tr:last-child td {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .taskadd table tr td:nth-child(2) {
    min-width: 745px;
  }
}
@media only screen and (max-width: 575px) {
  .taskadd table tr td:first-child {
    padding-left: 15px;
  }
  .taskadd table tr:first-child td {
    padding-top: 15px;
  }
  .taskadd table tr:last-child td {
    padding-bottom: 15px;
  }
}
[data-theme="dark"] .pika-single {
  background: #fff;
  background: var(--card-color);
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.pika-single .pika-lendar .pika-label {
  color: var(--theme-default);
}
[data-theme="dark"] .pika-single .pika-lendar .pika-label {
  background: #fff;
  background: var(--card-color);
}
.pika-single .pika-lendar .pika-table > :not(caption) > * > * {
  border-bottom: none;
}
.pika-single .pika-lendar .pika-table abbr[title] {
  text-decoration: none;
}
.pika-single .pika-lendar .pika-table th {
  color: var(--theme-default);
}
.pika-single .pika-lendar .pika-table .is-today .pika-button {
  background-color: var(--theme-default);
  color: #fff;
  font-weight: 700;
}
.pika-single .pika-lendar .pika-table .pika-button {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
  text-align: center;
}
.pika-single .pika-lendar .pika-table .has-event .pika-button,
.pika-single .pika-lendar .pika-table .is-selected .pika-button {
  background: var(--theme-default);
  border-radius: 3px;
  box-shadow: inset 0 1px 3px var(--theme-default);
  color: #fff;
  font-weight: 700;
}
.pika-single .pika-lendar .pika-table .has-event .pika-button {
  background: var(--theme-default);
  box-shadow: inset 0 1px 3px var(--theme-default);
}
.pika-single .pika-lendar .pika-table .is-endrange .pika-button,
.pika-single .pika-lendar .pika-table .pika-button:hover,
.pika-single
  .pika-lendar
  .pika-table
  .pika-row
  .pick-whole-week:hover
  .pika-button {
  background: var(--theme-default);
  border-radius: 3px;
  box-shadow: none;
  color: #fff;
}
.fc .fc-button-primary,
.fc .fc-button-primary:disabled,
.fc .fc-button-primary:hover {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
  color: #fff;
}
.fc .fc-button-primary:focus {
  box-shadow: 0 0 0 0.2rem #43b9b280;
}
.fc .fc-button-primary:not(:disabled):active {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
  color: #fff;
}
.fc .fc-button-primary:not(:disabled):active:focus {
  box-shadow: 0 0 0 0.2rem #43b9b280;
}
.fc .fc-button-primary:not(:disabled).fc-button-active {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
  color: #fff;
}
.fc .fc-button-primary:not(:disabled).fc-button-active:focus {
  box-shadow: 0 0 0 0.2rem #43b9b280;
}
.fc .fc-list-event-dot {
  border: 5px solid var(--theme-default);
  border-radius: 5px;
  box-sizing: initial;
  display: inline-block;
  height: 0;
  width: 0;
}
.fc-h-event {
  background-color: var(--theme-default);
  border: 1px solid var(--theme-default);
  display: block;
}
.fc-h-event .fc-event-title {
  color: #fff;
}
.fc-daygrid-event-dot {
  border: 4px solid var(--theme-default);
  border-radius: 4px;
  box-sizing: initial;
  height: 0;
  margin: 0 4px;
  width: 0;
}
.fc-event-time,
.fc-event-title {
  color: var(--theme-default);
}
.fc-v-event {
  background-color: var(--theme-default);
  border: 1px solid var(--theme-default);
  display: block;
}
.fc-timegrid-event .fc-event-time,
.fc-v-event .fc-event-title {
  color: #fff;
}
.fc-list-day-side-text,
.fc-list-day-text {
  color: var(--theme-default);
}
[data-theme="dark"] .fc .fc-list-event:hover td,
[data-theme="dark"] .fc-theme-standard .fc-list-day-cushion {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.fc-theme-standard .fc-list {
  border: 1px solid #6a71854d;
  border: 1px solid var(--solid-border);
}
.user-profile .hovercard .user-image .share-icons {
  position: absolute;
  right: 100px;
  top: -27px;
}
@media (max-width: 1199.98px) {
  .user-profile .hovercard .user-image .share-icons {
    position: absolute;
    right: 45px;
    top: -22px;
  }
}
@media (max-width: 767.98px) {
  .user-profile .hovercard .user-image .share-icons {
    right: 25px;
    top: -19px;
  }
}
@media (max-width: 575.98px) {
  .user-profile .hovercard .user-image .share-icons {
    right: 15px;
  }
}
@media only screen and (max-width: 360px) {
  .user-profile .hovercard .user-image .share-icons {
    right: 6px;
    top: -15px;
  }
}
.user-profile .hovercard .user-image .share-icons li {
  display: inline-block;
  margin-right: 10px;
}
@media (max-width: 575.98px) {
  .user-profile .hovercard .user-image .share-icons li {
    margin-right: 0;
  }
}
.user-profile .hovercard .user-image .share-icons li .social-icon {
  align-items: center;
  border-radius: 100%;
  display: flex;
  height: 50px;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
  width: 50px;
}
@media (max-width: 1199.98px) {
  .user-profile .hovercard .user-image .share-icons li .social-icon {
    height: 40px;
    width: 40px;
  }
}
@media (max-width: 767.98px) {
  .user-profile .hovercard .user-image .share-icons li .social-icon {
    height: 35px;
    width: 35px;
  }
}
@media only screen and (max-width: 360px) {
  .user-profile .hovercard .user-image .share-icons li .social-icon {
    height: 25px;
    width: 25px;
  }
}
.user-profile .hovercard .user-image .share-icons li .social-icon i {
  color: #fff;
  font-size: 25px;
}
[data-theme="dark"]
  .user-profile
  .hovercard
  .user-image
  .share-icons
  li
  .social-icon
  i {
  color: #767676;
  color: var(--light-font);
}
@media (max-width: 1199.98px) {
  .user-profile .hovercard .user-image .share-icons li .social-icon i {
    font-size: 18px;
  }
}
@media only screen and (max-width: 360px) {
  .user-profile .hovercard .user-image .share-icons li .social-icon i {
    font-size: 14px;
  }
}
.user-profile .hovercard .user-image .share-icons li:last-child {
  margin-right: 0;
}
.user-profile .card-footer > div .h3,
.user-profile .card-footer > div h3 {
  font-size: 16px;
}
.market-tabs .border-tab.nav-tabs .nav-item .nav-link.active {
  border-bottom: none !important;
}
.market-tabs .nav {
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
}
.market-tabs .nav .nav-item {
  width: 100%;
}
@media (max-width: 575.98px) {
  .market-tabs .nav .nav-item {
    width: 50% !important;
  }
}
.market-tabs .nav .nav-item .nav-link {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: #3d3d47;
  color: var(--body-font-color);
  font-family: Outfit, sans-serif;
  height: 81px;
  padding-top: 30px;
  text-align: center;
}
.tabs-scoial {
  border-bottom: none;
  margin-bottom: 20px !important;
  margin-top: 20px;
}
.tabs-scoial li a {
  font-weight: 600;
}
.tabs-scoial li a svg circle {
  color: #979797;
  color: var(--light-text);
}
@media (max-width: 575.98px) {
  .tabs-scoial li:nth-child(3) {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 25px;
  }
}
.social-network span {
  display: block;
  margin-bottom: 30px;
}
.social-list .d-flex {
  align-items: center;
  display: flex;
  margin-bottom: 20px;
}
.social-list .d-flex:last-child {
  margin-bottom: 0;
}
.social-list .d-flex .flex-grow-1 a {
  color: #979797;
  color: var(--light-text);
}
.social-list .d-flex .flex-grow-1 span {
  font-weight: 600;
}
.social-list .d-flex .flex-grow-1:hover a {
  color: var(--theme-default);
}
.photos {
  margin-bottom: -15px;
}
.photos ul li {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
  width: 70px;
}
.photos ul li:nth-child(4n) {
  margin-right: 0;
}
.new-users-social {
  margin-bottom: 30px;
}
.new-users-social svg {
  cursor: pointer;
}
.new-users-social .d-flex img {
  width: 58px;
}
.new-users-social .d-flex .flex-grow-1 {
  margin-top: 10px;
}
.new-users-social svg circle {
  color: #979797;
  color: var(--light-text);
}
.like-content span i {
  font-size: 14px;
}
.timeline-content p {
  color: #979797;
  color: var(--light-text);
  margin-top: 30px;
}
.timeline-content .comment-number i {
  color: #979797;
  color: var(--light-text);
  margin-left: 10px;
  margin-right: 20px;
}
.timeline-content .comments-box {
  margin-top: 30px;
}
.timeline-content .comments-box .input-group {
  margin-top: 6px;
}
.timeline-content .comments-box .input-group .input-txt-bx {
  border: none;
}
.timeline-content .comments-box .input-group .input-txt-bx::placeholder {
  color: #979797;
  color: var(--light-text);
}
.timeline-content .comments-box .input-group .input-group-append .btn i {
  color: #979797;
  color: var(--light-text);
  display: flex;
  font-size: 20px;
}
.social-chat {
  margin-top: 30px;
}
.social-chat span span {
  color: #979797;
  color: var(--light-text);
  font-size: 12px;
  font-weight: 400;
}
.social-chat .flex-grow-1 {
  border: 1px solid #f4f5f8;
  padding: 30px;
  position: relative;
}
[data-theme="dark"] .social-chat .flex-grow-1 {
  border-color: #f9fafc;
  border-color: var(--body-color);
}
.social-chat .flex-grow-1 p {
  margin-top: 5px;
}
.social-chat .flex-grow-1:before {
  border: 7px solid #0000;
  border-right-color: #59667a;
  content: "";
  position: absolute;
  right: 100%;
  top: 19px;
}
.social-chat .flex-grow-1:after {
  border: 7px solid #0000;
  border-right-color: #fff;
  content: "";
  position: absolute;
  right: 100%;
  top: 19px;
}
[data-theme="dark"] .social-chat .flex-grow-1:after {
  border-right: 7px solid #f9fafc;
  border-right: 7px solid var(--body-color);
}
.social-chat .other-msg,
.social-chat .your-msg {
  margin-bottom: 30px;
}
.social-chat .other-msg .d-flex,
.social-chat .your-msg .d-flex {
  align-items: baseline;
}
.social-chat .other-msg {
  margin-left: 40px;
}
.socialprofile span {
  color: #979797;
  color: var(--light-text);
}
.socialprofile .social-btngroup {
  margin: 30px 0;
}
.socialprofile .likes-profile .h5 span,
.socialprofile .likes-profile h5 span {
  color: #2f2f3b;
}
.socialprofile .social-group {
  margin-top: 30px;
}
.socialprofile .social-group ul li + li {
  margin-left: -7%;
}
.socialprofile .social-group ul li:nth-child(4) {
  margin-left: -22px;
}
.social-status form .form-group .form-control-social {
  border: 1px solid #f4f5f8;
  margin-bottom: 30px;
  padding-left: 15px;
}
.social-status .d-flex {
  align-items: flex-start;
  margin-bottom: 30px;
  position: relative;
}
.social-status .d-flex:last-child {
  margin-bottom: 0;
}
.social-status .d-flex .social-status {
  background-color: #fff;
  border-radius: 100%;
  bottom: 0;
  content: "";
  height: 12px;
  left: 35px;
  position: absolute;
  width: 12px;
}
.social-status .d-flex .social-online {
  border: 3px solid #17a600;
}
.social-status .d-flex .social-busy {
  border: 3px solid #f0ad4e;
}
.social-status .d-flex .social-offline {
  border: 3px solid #59667a;
}
.social-status .d-flex .flex-grow-1 p {
  color: #979797;
  color: var(--light-text);
  margin-bottom: 5px;
}
.social-status .d-flex .flex-grow-1 .light-span,
.social-status .d-flex .flex-grow-1 span + span {
  color: #979797;
  color: var(--light-text);
}
.social-header .h5 span:first-child,
.social-header h5 span:first-child {
  line-height: 1.48;
}
.social-header .h5 span svg circle,
.social-header h5 span svg circle {
  color: #979797;
  color: var(--light-text);
}
.details-about + .details-about {
  margin-top: 30px;
}
.details-about .your-details p {
  color: #979797;
  color: var(--light-text);
}
.avatar-showcase .friend-pic {
  margin-bottom: 10px;
  margin-right: 8px;
}
.avatar-showcase .pepole-knows ul li {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 20px;
}
.avatar-showcase .pepole-knows ul li:last-child {
  margin-right: 0;
}
.avatar-showcase .pepole-knows ul li .add-friend .h6,
.avatar-showcase .pepole-knows ul li .add-friend h6 {
  margin-top: 3px;
}
.activity-log .my-activity + .my-activity {
  margin-top: 30px;
}
.activity-log .my-activity p {
  margin-bottom: 5px;
}
.activity-log .my-activity p span svg {
  height: 15px;
  width: 15px;
}
@media (max-width: 575.98px) {
  .social-app-profile .hovercard .info .tabs-scoial .user-designation {
    border-bottom: none;
    border-top: none;
    margin-bottom: 0;
    padding: 0;
  }
}
@media (max-width: 767.98px) {
  .tabs-scoial.border-tab.nav-tabs {
    display: flex;
  }
}
@media (max-width: 575.98px) {
  .social-app-profile .tabs-scoial {
    margin-bottom: 0 !important;
  }
  .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link {
    height: 60px;
    padding: 10px;
  }
}
@media (max-width: 380px) {
  .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link {
    height: 50px;
    padding: 5px;
  }
}
@media (max-width: 575.98px) {
  .tabs-scoial {
    padding-top: 80px;
    position: relative;
  }
}
.choices__inner {
  background: #f4f5f8;
  background: var(--light-color);
  border: none;
}
[data-theme="dark"] .choices[data-type*="select-one"] .choices__input,
[data-theme="dark"] .choices__list[aria-expanded] {
  background: #f9fafc;
  background: var(--body-color);
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
.choices__input {
  background: #f4f5f8;
  background: var(--light-color);
}
[data-theme="dark"] .choices__input {
  background: #f9fafc;
  background: var(--body-color);
}
[data-theme="dark"] .choices[data-type*="select-one"]:after {
  border-color: #6a71854d #0000 #0000;
  border-color: var(--solid-border) #0000 #0000;
}
[data-theme="dark"]
  .choices__list--dropdown
  .choices__item--selectable.is-highlighted,
[data-theme="dark"]
  .choices__list[aria-expanded]
  .choices__item--selectable.is-highlighted {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
}
[data-theme="dark"] .choices__heading {
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
[data-theme="dark"] .theme-form .form-control::placeholder {
  color: #767676;
  color: var(--light-font);
}
[data-theme="dark"] .choices__item.choices__item--selectable {
  color: #3d3d47;
  color: var(--body-font-color);
}
.choices__list--multiple .choices__item {
  background-color: var(--theme-default);
  border: 1px solid var(--theme-default);
  border-radius: 4px;
  color: #fff;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 2px;
  padding: 3px 12px;
}
.choices__heading {
  color: #3d3d47;
  color: var(--bs-heading-color);
  font-weight: 700;
}
.choices[data-type*="select-multiple"] .choices__button,
.choices[data-type*="text"] .choices__button {
  border-left: 0;
  margin-bottom: 0;
}
.timeline-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
}
.time-content {
  align-items: center;
  display: flex;
  gap: 4px;
}
.time-content i {
  font-size: 18px;
}
.activity .media {
  margin-bottom: 30px;
}
.activity .media:last-child {
  margin-bottom: 0;
}
.activity .media .gradient-round {
  background-image: linear-gradient(
    26deg,
    var(--theme-default) 0,
    rgba(67, 185, 178, 0.388) 100%
  );
  border-radius: 100%;
  height: 53px;
  position: relative;
  top: -18px;
  width: 53px;
}
.activity .media .gradient-round svg {
  align-items: center;
  display: flex;
  height: 18px;
  justify-content: center;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 18px;
  width: 18px;
}
.activity .media .gradient-round svg circle,
.activity .media .gradient-round svg line,
.activity .media .gradient-round svg path {
  color: #fff;
}
.activity .media .gradient-round.gradient-line-1:after {
  bottom: -77px;
  height: 62px;
}
.activity .media .gradient-round.gradient-line-1:after,
.activity .media .gradient-round.small-line:after {
  background-color: #f9fafc;
  background-color: var(--body-color);
  content: "";
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 2px;
}
.activity .media .gradient-round.small-line:after {
  bottom: -34px;
  height: 19px;
}
.activity .media .gradient-round.medium-line:after {
  background-color: #f9fafc;
  background-color: var(--body-color);
  bottom: -68px;
  content: "";
  height: 53px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 2px;
}
.activity .media .media-body .h6,
.activity .media .media-body h6 {
  font-weight: 600;
  margin-bottom: 30px;
}
.activity .media .media-body .h6 span,
.activity .media .media-body h6 span {
  color: #979797;
  color: var(--light-text);
  font-weight: 400;
}
.activity .media .media-body p {
  width: 80%;
}
.timeline-small .media {
  margin-bottom: 30px;
}
.timeline-small .media:last-child {
  margin-bottom: 0;
}
.timeline-small .media .timeline-round {
  border-radius: 100%;
  border-radius: 15px;
  height: 53px;
  position: relative;
  top: -18px;
  width: 53px;
}
.timeline-small .media .timeline-round svg {
  align-items: center;
  display: flex;
  height: 18px;
  justify-content: center;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 18px;
  width: 18px;
}
.timeline-small .media .timeline-round svg circle,
.timeline-small .media .timeline-round svg line,
.timeline-small .media .timeline-round svg path {
  color: #fff;
}
.timeline-small .media .timeline-round.timeline-line-1:after {
  bottom: -88px;
  height: 62px;
}
.timeline-small .media .timeline-round.small-line:after,
.timeline-small .media .timeline-round.timeline-line-1:after {
  background-color: #f9fafc;
  background-color: var(--body-color);
  content: "";
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 2px;
}
.timeline-small .media .timeline-round.small-line:after {
  bottom: -34px;
  height: 19px;
}
.timeline-small .media .timeline-round.medium-line:after {
  background-color: #f9fafc;
  background-color: var(--body-color);
  bottom: -68px;
  content: "";
  height: 53px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 2px;
}
.timeline-small .media .media-body .h6,
.timeline-small .media .media-body h6 {
  margin-bottom: 30px;
}
.timeline-small .media .media-body .h6 span,
.timeline-small .media .media-body h6 span {
  color: #979797;
  color: var(--light-text);
  font-weight: 400;
}
.timeline-small .media .media-body p {
  width: 80%;
}
.cd-container {
  margin: 0 auto;
  max-width: 1170px;
  width: 90%;
}
.cd-container:after {
  clear: both;
  content: "";
  display: table;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline:before {
    left: 50% !important;
    margin-left: -2px;
  }
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
  .cd-timeline-block:nth-child(2n) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(2n) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cd-timeline-block:nth-child(2n) .cd-timeline-content:before {
    border-color: #0000 #f4f5f8 #0000 #0000;
    left: auto;
    right: 100%;
    top: 24px;
  }
  [data-theme="dark"]
    .cd-timeline-block:nth-child(2n)
    .cd-timeline-content:before {
    border-right-color: #f9fafc;
    border-right-color: var(--body-color);
  }
  .cd-timeline-img {
    height: 60px;
    left: 50%;
    margin-left: -30px;
    width: 60px;
  }
  .cd-timeline-img > i {
    font-size: 18px;
    left: 50%;
    padding: 3px;
    top: 50%;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  [data-theme="dark"] .cssanimations .cd-timeline-img.is-hidden {
    color: #767676;
    color: var(--light-font);
  }
  .cssanimations .cd-timeline-img.bounce-in {
    animation: cd-bounce-1 0.6s;
    visibility: visible;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    animation: cd-bounce-2 0.6s;
    visibility: visible;
  }
  .cssanimations
    .cd-timeline-block:nth-child(2n)
    .cd-timeline-content.bounce-in {
    animation: cd-bounce-2-inverse 0.6s;
  }
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  .cd-timeline-content .cd-date {
    font-size: 16px;
    left: 122%;
    position: absolute;
    top: 6px;
    width: 100%;
  }
  .cd-timeline-content:before {
    border-color: #0000 #0000 #0000 #fff;
    left: 100%;
    top: 24px;
  }
}
#cd-timeline {
  padding: 2em 0;
  position: relative;
}
#cd-timeline:before {
  background: #f4f5f8;
  content: "";
  font-size: 1.5rem;
  height: 100%;
  left: -15px;
  position: absolute;
  top: 0;
  width: 2px;
}
[data-theme="dark"] #cd-timeline:before {
  background: #f9fafc;
  background: var(--body-color);
}
.cd-timeline-block {
  margin: 30px 0;
  position: relative;
}
.cd-timeline-block:after {
  clear: both;
  content: "";
  display: table;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
.cd-timeline-img {
  -webkit-backface-visibility: hidden;
  border-radius: 50px;
  height: 40px;
  left: 51%;
  margin-left: -30px;
  position: absolute;
  top: 0;
  -webkit-transform: translateZ(0);
  width: 40px;
}
.cd-timeline-img i {
  color: #fff;
  display: block;
  font-size: 20px;
  left: 45%;
  margin-left: -12px;
  margin-top: -12px;
  position: relative;
  top: 44%;
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
.cd-timeline-content {
  background: #f4f5f8;
  border-radius: 4px;
  box-shadow: 1px 1px 2px 1px #00000014;
  padding: 30px;
  position: relative;
}
[data-theme="dark"] .cd-timeline-content {
  background: #f9fafc;
  background: var(--body-color);
}
.cd-timeline-content p {
  padding-top: 9px;
}
.cd-timeline-content .h4,
.cd-timeline-content h4 {
  margin-bottom: 0;
}
.cd-timeline-content:after {
  clear: both;
  content: "";
  display: table;
}
.cd-timeline-content audio {
  width: 100%;
}
.cd-timeline-content .cd-date {
  display: inline-block;
  float: left;
  font-size: 13px;
  opacity: 0.7;
  padding: 0.8em 0 0;
}
.cd-timeline-content:before {
  border: 15px solid #0000;
  border-left-color: #f4f5f8;
  content: "";
  height: 0;
  position: absolute;
  right: 100%;
  top: 28px;
  width: 0;
}
[dir="rtl"] .cd-timeline-content:before {
  border-left: initial !important;
}
[data-theme="dark"] [dir="rtl"] .cd-timeline-content:before,
[dir="rtl"] .cd-timeline-content:before {
  border-right: 15px solid #f9fafc;
  border-right: 15px solid var(--body-color);
}
[data-theme="dark"] .cd-timeline-content:before {
  border-left: 15px solid #f9fafc;
  border-left: 15px solid var(--body-color);
}
@media (max-width: 1169px) {
  .cd-timeline-content:before {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .cd-timeline-content .cd-date {
    font-size: 14px;
    padding-bottom: 0;
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    transform: translateX(20px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    transform: translateX(-20px);
  }
  to {
    transform: translateX(0);
  }
}
@media only screen and (max-width: 1169px) {
  .cd-timeline-block .cd-timeline-img {
    height: 30px;
    left: -2px;
    margin-left: -30px;
    top: 14px;
    width: 30px;
    z-index: 7;
  }
  .cd-timeline-block .cd-timeline-img > i {
    font-size: 15px;
    left: 17px;
    padding: 3px;
    top: 16px;
  }
  .landing-main #cd-timeline:before {
    left: -39px;
  }
  .landing-main .cd-timeline-block .cd-timeline-img {
    height: 50px;
    left: -34px;
    top: 1px;
    width: 50px;
    z-index: 8;
  }
  .landing-main .cd-timeline-block .cd-timeline-img > i {
    font-size: 23px;
    left: 7px;
    padding: 3px;
    top: 21px;
  }
}
@media only screen and (max-width: 576px) {
  .cd-timeline-content {
    padding: 15px;
  }
  .cd-timeline-content .h4,
  .cd-timeline-content h4 {
    font-size: 18px;
  }
}
.main-timeline ul:before {
  left: 5px !important;
}
[dir="rtl"] .main-timeline ul:before {
  left: auto;
  right: 5px;
}
.square-timeline {
  position: relative;
}
.square-timeline:before {
  border: 1px dashed #ccc;
  content: "";
  height: 100%;
  left: 18px;
  margin-left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}
[dir="rtl"] .square-timeline:before {
  left: auto;
  margin-left: 0;
  margin-right: 0;
  right: 18px;
}
.square-timeline .timeline-event {
  position: relative;
}
.square-timeline .timeline-event:hover .timeline-event-icon {
  background-color: var(--theme-default);
  transform: rotate(-105deg);
}
.square-timeline
  .timeline-event:hover
  .timeline-event-wrapper
  .timeline-thumbnail {
  box-shadow: inset 40em 0 0 0 #43b9b240;
}
.square-timeline .timeline-event .timeline-event-wrapper {
  left: 38px;
  padding: 0 0 0 14px;
  position: relative;
  top: -7px;
  width: 95%;
}
[dir="rtl"] .square-timeline .timeline-event .timeline-event-wrapper {
  left: auto;
  padding: 0 14px 0 0;
  right: 38px;
}
@media (max-width: 1200px) {
  .square-timeline .timeline-event .timeline-event-wrapper {
    width: calc(84% + 1.25vw - 4px);
  }
}
.square-timeline .timeline-event .timeline-event-wrapper .designer-details {
  padding: 20px 0;
}
.square-timeline .timeline-event .timeline-event-wrapper .timeline-thumbnail {
  background-color: #43b9b240;
  box-shadow: inset 0 0 0 0 #2e8dd340;
  display: inline-block;
  margin-bottom: 12px;
  padding: 2px 25px;
  transition: box-shadow 0.5s ease-in 0.1s;
}
.square-timeline
  .timeline-event
  .timeline-event-wrapper
  .list-group-item-action:active,
.square-timeline
  .timeline-event
  .timeline-event-wrapper
  .list-group-item-action:focus,
.square-timeline
  .timeline-event
  .timeline-event-wrapper
  .list-group-item-action:hover {
  background-color: initial;
}
.square-timeline .timeline-event .timeline-event-wrapper > div {
  display: inline-block;
  width: 100%;
}
.square-timeline .timeline-event .timeline-event-icon {
  background-color: var(--theme-default);
  display: block;
  height: 10px;
  left: 14px;
  margin: 0;
  outline: 6px solid #43b9b240;
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  transition: 0.2s ease-in;
  width: 10px;
}
[dir="rtl"] .square-timeline .timeline-event .timeline-event-icon {
  left: auto;
  right: 14px;
}
[data-theme="dark"] .square-timeline .list-group-item {
  background-color: initial;
}
.list-inline {
  display: flex;
  justify-content: center;
}
.list-inline.events .event-list {
  display: block;
  margin-right: 0;
  padding-top: 70px;
  position: relative;
  text-align: center;
}
.list-inline.events .event-list p {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  margin-bottom: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-inline.events .event-list .event-date {
  border-radius: 4px;
  left: 0;
  margin: 0 auto;
  padding: 2px 4px;
  position: absolute;
  right: 0;
  top: 38px;
  width: 75px;
}
.list-inline.events .event-list .event-date p {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-height: 1.5;
  margin-top: 7px;
  overflow: hidden;
}
.timeline-list.timeline-border {
  border-bottom: 1px solid #f4f5f8;
  border-bottom: 1px solid var(--light-color);
}
.timeline-list.list-inline {
  padding-bottom: 0;
}
.timeline-list.list-inline.events .event-list {
  padding-top: 35px;
}
.timeline-list.list-inline.events .event-list:before {
  border-right: initial;
  content: "";
  height: 0;
}
.timeline-list.list-inline.events .event-list .event-date {
  top: 2px;
}
.timeline-list.list-inline.events .event-list .event-date p {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-height: 1.5;
  margin-top: 7px;
  overflow: hidden;
}
.timeline-list.list-inline.events .event-list .read-more-btn {
  margin-bottom: 3px;
  position: relative;
}
.timeline-list.list-inline .vertical-line {
  border: 1px dashed var(--theme-default);
  height: 45px;
  margin: 0 auto;
  position: relative;
  width: 1px;
}
.list-group.main-lists-content {
  padding-top: 20px;
}
@media (max-width: 1218px) {
  .list-group .list-group-item .timeline-icon {
    display: none;
  }
}
@media (max-width: 1400px) {
  .horizontal-timeline {
    display: none;
  }
}
.notification ul {
  position: relative;
}
.notification ul:before {
  border: 1px dashed #52526c;
  content: "";
  height: calc(100% - 12px);
  left: 2px;
  opacity: 0.3;
  position: absolute;
  top: 12px;
}
[dir="rtl"] .notification ul:before {
  left: auto;
  right: 2px;
}
.notification li {
  padding-bottom: 22px;
}
.notification div[class*="activity-dot-"] {
  animation: round 1.3s ease-in-out infinite;
  margin-top: 12px;
}
.notification .card .d-flex .w-100 p .badge {
  color: #fff;
  font-weight: 500;
  margin-left: 10px;
}
.notification .card .d-flex .w-100 .h6,
.notification .card .d-flex .w-100 h6 {
  margin-bottom: 5px;
  position: relative;
}
.notification .card .d-flex .w-100 .h6 ~ p,
.notification .card .d-flex .w-100 h6 ~ p {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  overflow: hidden;
  -webkit-text-emphasis: inherit;
  text-emphasis: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 260px;
}
@media (max-width: 767px) {
  .notification .card .d-flex .w-100 .h6 ~ p,
  .notification .card .d-flex .w-100 h6 ~ p {
    -webkit-line-clamp: unset;
    display: block;
    overflow: visible;
    -webkit-text-emphasis: initial;
    text-emphasis: initial;
    text-overflow: clip;
    white-space: inherit;
    width: auto;
  }
}
@keyframes round {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
.notification .card .d-flex:nth-child(2) .media-body .h6 .dot-notification,
.notification .card .d-flex:nth-child(2) .media-body h6 .dot-notification {
  background-color: #f0ad4e;
  border: 5px solid #fceedb;
}
.notification .card .d-flex:last-child {
  margin-bottom: 0 !important;
}
.notification .date-content {
  border-radius: 5px;
  padding: 4px 8px;
}
@media only screen and (max-width: 991px) {
  .notification li {
    padding-bottom: 20px;
  }
  .notification .card .card-body .d-flex .w-100 p {
    margin: 0;
  }
  .notification .card .card-body .d-flex .w-100 .h6,
  .notification .card .card-body .d-flex .w-100 h6 {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 575px) {
  .notification li {
    padding-bottom: 15px;
  }
}
.activity-dot-primary {
  border-radius: 100%;
  height: 6px;
  min-width: 6px;
}
.activity-dot-primary,
.timeline-dot-primary {
  background-color: var(--theme-default);
  outline: 5px solid #43b9b240;
  position: relative;
  z-index: 2;
}
.timeline-dot-primary {
  height: 12px;
  min-width: 12px;
}
.activity-dot-secondary {
  border-radius: 100%;
  height: 6px;
  min-width: 6px;
}
.activity-dot-secondary,
.timeline-dot-secondary {
  background-color: #c280d2;
  outline: 5px solid #c280d240;
  position: relative;
  z-index: 2;
}
.timeline-dot-secondary {
  height: 12px;
  min-width: 12px;
}
.activity-dot-success {
  border-radius: 100%;
  height: 6px;
  min-width: 6px;
}
.activity-dot-success,
.timeline-dot-success {
  background-color: #17a600;
  outline: 5px solid #17a60040;
  position: relative;
  z-index: 2;
}
.timeline-dot-success {
  height: 12px;
  min-width: 12px;
}
.activity-dot-danger {
  border-radius: 100%;
  height: 6px;
  min-width: 6px;
}
.activity-dot-danger,
.timeline-dot-danger {
  background-color: #c42a02;
  outline: 5px solid #c42a0240;
  position: relative;
  z-index: 2;
}
.timeline-dot-danger {
  height: 12px;
  min-width: 12px;
}
.activity-dot-info {
  border-radius: 100%;
  height: 6px;
  min-width: 6px;
}
.activity-dot-info,
.timeline-dot-info {
  background-color: #2e8dd3;
  outline: 5px solid #2e8dd340;
  position: relative;
  z-index: 2;
}
.timeline-dot-info {
  height: 12px;
  min-width: 12px;
}
.activity-dot-light {
  border-radius: 100%;
  height: 6px;
  min-width: 6px;
}
.activity-dot-light,
.timeline-dot-light {
  background-color: #f4f5f8;
  outline: 5px solid #f4f5f840;
  position: relative;
  z-index: 2;
}
.timeline-dot-light {
  height: 12px;
  min-width: 12px;
}
.activity-dot-dark {
  border-radius: 100%;
  height: 6px;
  min-width: 6px;
}
.activity-dot-dark,
.timeline-dot-dark {
  background-color: #2c2c31;
  outline: 5px solid #2c2c3140;
  position: relative;
  z-index: 2;
}
.timeline-dot-dark {
  height: 12px;
  min-width: 12px;
}
.activity-dot-warning {
  border-radius: 100%;
  height: 6px;
  min-width: 6px;
}
.activity-dot-warning,
.timeline-dot-warning {
  background-color: #f0ad4e;
  outline: 5px solid #f0ad4e40;
  position: relative;
  z-index: 2;
}
.timeline-dot-warning {
  height: 12px;
  min-width: 12px;
}
.recent-images {
  margin-top: 10px;
}
.recent-images ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.recent-images li {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 2px;
  padding: 3px;
}
.recent-images li .recent-img-wrap {
  align-items: center;
  background: #f5f6f9;
  background: var(--light2);
  display: flex;
  height: 50px;
  justify-content: center;
  width: 50px;
}
.recent-images li .recent-img-wrap img {
  height: 50px;
  width: 50px;
}
.notification li .recent-images ul:before {
  display: none;
}
.notification li .recent-images li {
  padding-bottom: 3px;
}
.auto-slider .card-body {
  margin-bottom: 50px;
}
@media (max-width: 1399.98px) {
  .auto-slider .card-body {
    margin-bottom: 35px;
  }
}
@media (max-width: 767.98px) {
  .auto-slider .card-body {
    margin-bottom: 30px;
  }
}
.auto-slider .card-body .swiper .swiper-wrapper .swiper-slide img {
  border-radius: 5px;
  display: block;
  width: 100%;
}
.auto-slider .card-body .swiper-pagination {
  bottom: 22px;
  z-index: 1;
}
.auto-slider .card-body .swiper-pagination .swiper-pagination-bullet {
  background-color: var(--theme-default);
  height: 10px;
  width: 10px;
}
@media (max-width: 767.98px) {
  .auto-slider .card-body .swiper-pagination .swiper-pagination-bullet {
    height: 8px;
    width: 8px;
  }
}
.auto-slider .card-body .mouse-pagination {
  bottom: 22px;
  position: absolute;
  z-index: 1;
}
.auto-slider .card-body .mouse-pagination .swiper-pagination-bullet {
  background-color: var(--theme-default);
  height: 10px;
  width: 10px;
}
@media (max-width: 767.98px) {
  .auto-slider .card-body .mouse-pagination .swiper-pagination-bullet {
    height: 8px;
    width: 8px;
  }
}
.carousel-item .carousel-caption {
  background-color: #26293282;
  bottom: 0;
  left: 0;
  padding: 26px 10px;
  right: 0;
  width: 100%;
}
.carousel-item .carousel-caption .h5,
.carousel-item .carousel-caption h5 {
  color: #fff !important;
}
[data-theme="dark"] .carousel-item .carousel-caption .h5,
[data-theme="dark"] .carousel-item .carousel-caption h5 {
  color: #767676 !important;
  color: var(--light-font) !important;
}
.carousel-item .carousel-opacity {
  background-color: #f4f5f882;
}
.carousel-dark .carousel-caption .h5,
.carousel-dark .carousel-caption h5 {
  color: #000 !important;
}
[data-theme="dark"] .carousel-dark .carousel-caption .h5,
[data-theme="dark"] .carousel-dark .carousel-caption h5 {
  color: #767676 !important;
  color: var(--light-font) !important;
}
.carousel .carousel-control-next-icon,
.carousel .carousel-control-prev-icon {
  height: calc(21.2px + 0.5625vw);
  width: calc(21.2px + 0.5625vw);
}
.carousel .carousel-indicators {
  margin-bottom: 3px;
}
@media screen and (max-width: 1660px) and (min-width: 1200px) {
  .auto-slider .swiper .swiper-wrapper .swiper-slide img {
    margin: 0 auto;
    max-width: 420px;
  }
}
.icon-lists.whether-icon svg {
  height: 50px;
  width: 50px;
}
.climacon_component-stroke {
  fill: #dcdada;
  stroke-width: 1px;
  stroke: #717171;
}
.climacon_component-fill {
  fill: hsla(0, 0%, 44%, 0.251);
  stroke-width: 0;
  stroke: #ddd;
}
svg.climacon {
  shape-rendering: geometricPrecision;
  display: inline-block;
  height: 80px;
  width: 80px;
}
circle,
g,
path,
rect {
  animation-direction: normal;
  animation-duration: 18s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform-origin: 50% 50%;
}
.climacon_componentWrap-sun {
  animation-name: rotate;
}
.climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke {
  animation-direction: alternate;
  animation-duration: 4.5s;
  animation-name: scale;
}
.climacon_componentWrap_sunSpoke
  .climacon_component-stroke_sunSpoke:nth-child(2n) {
  animation-delay: 4.5s;
}
.climacon_componentWrap-moon {
  animation-direction: alternate;
  animation-duration: 18s;
  animation-name: partialRotate;
}
.climacon_componentWrap-wind {
  animation-direction: alternate;
  animation-duration: 6s;
  animation-name: translateWind;
  animation-timing-function: ease-in-out;
}
.climacon_componentWrap-snowflake {
  animation-direction: normal;
  animation-duration: 54s;
  animation-name: rotate;
}
.climacon_componentWrap-sun_cloud {
  animation-delay: 0, 4.5s;
  animation-duration: 4.5s, 18s;
  animation-iteration-count: 1, infinite;
  animation-name: behindCloudMove, rotate;
  animation-timing-function: ease-out, linear;
}
.climacon_componentWrap-sun_cloud
  .climacon_componentWrap_sunSpoke
  .climacon_component-stroke_sunSpoke {
  fill-opacity: 0;
  animation-delay: 4.5s, 0;
  animation-fill-mode: both;
  animation-iteration-count: 1, infinite;
  animation-name: fillOpacity, scale;
}
.climacon_componentWrap-sun_cloud
  .climacon_componentWrap_sunSpoke
  .climacon_component-stroke_sunSpoke:nth-child(2n) {
  animation-delay: 4.5s;
}
.climacon_componentWrap-moon_cloud {
  animation-delay: 0, 4.5s;
  animation-duration: 4.5s, 18s;
  animation-iteration-count: 1, infinite;
  animation-name: behindCloudMove, partialRotate;
  animation-timing-function: ease-out, linear;
}
.climacon_component-stroke_drizzle {
  fill-opacity: 0;
  animation-duration: 1.5s;
  animation-name: drizzleFall, fillOpacity2;
  animation-timing-function: ease-in;
}
.climacon_component-stroke_drizzle:first-child {
  animation-delay: 0s;
}
.climacon_component-stroke_drizzle:nth-child(2) {
  animation-delay: 0.9s;
}
.climacon_component-stroke_drizzle:nth-child(3) {
  animation-delay: 1.8s;
}
.climacon_component-stroke_rain {
  fill-opacity: 0;
  animation-duration: 3s;
  animation-name: rainFall, fillOpacity2;
  animation-timing-function: ease-in;
}
.climacon_component-stroke_rain:nth-child(n + 4),
.climacon_component-stroke_rain_alt:nth-child(2) {
  animation-delay: 1.5s;
}
.climacon_component-stroke_hailAlt {
  fill-opacity: 1;
  animation-duration: 1s;
  animation-timing-function: ease-in;
}
.climacon_component-stroke_hailAlt-left {
  animation-name: hailLeft, fillOpacity2;
}
.climacon_component-stroke_hailAlt-middle {
  animation-name: hailMiddle, fillOpacity2;
}
.climacon_component-stroke_hailAlt-middle:nth-child(2) {
  animation-name: hailMiddle2, fillOpacity2;
}
.climacon_component-stroke_hailAlt-right {
  animation-name: hailRight, fillOpacity2;
}
.climacon_component-stroke_hailAlt:first-child {
  animation-delay: 0s;
}
.climacon_component-stroke_hailAlt:nth-child(2) {
  animation-delay: 0.1666666667s;
}
.climacon_component-stroke_hailAlt:nth-child(3) {
  animation-delay: 0.3333333333s;
}
.climacon_component-stroke_hailAlt:nth-child(4) {
  animation-delay: 0.5s;
}
.climacon_component-stroke_hailAlt:nth-child(5) {
  animation-delay: 0.6666666667s;
}
.climacon_component-stroke_hailAlt:nth-child(6) {
  animation-delay: 0.8333333333s;
}
.climacon_component-stroke_snow {
  fill-opacity: 0;
  animation-duration: 9s;
  animation-name: snowFall, fillOpacity2;
  animation-timing-function: ease-in-out;
}
.climacon_component-stroke_snow:nth-child(3) {
  animation-name: snowFall2, fillOpacity2;
}
.climacon_component-stroke_snow:first-child {
  animation-delay: 0s;
}
.climacon_component-stroke_snow:nth-child(2) {
  animation-delay: 3s;
}
.climacon_component-stroke_snow:nth-child(3) {
  animation-delay: 6s;
}
.climacon_wrapperComponent-snowAlt {
  fill-opacity: 0;
  animation-duration: 9s;
  animation-name: snowFall, fillOpacity2;
  animation-timing-function: ease-in-out;
}
.climacon_component-stroke_fogLine {
  fill-opacity: 0.5;
  animation-direction: normal;
  animation-duration: 18s;
  animation-iteration-count: infinite;
  animation-name: translateFog, fillOpacityFog;
  animation-timing-function: ease-in;
}
.climacon_component-stroke_fogLine:nth-child(2n) {
  animation-delay: 9s;
}
.climacon_component-stroke_lightning {
  fill-opacity: 0;
  animation-direction: normal;
  animation-duration: 18s;
  animation-iteration-count: infinite;
  animation-name: fillOpacityLightning;
  animation-timing-function: ease-out;
}
.climacon_component-stroke_tornadoLine {
  animation-direction: alternate;
  animation-duration: 18s;
  animation-iteration-count: infinite;
  animation-name: translateTornado1;
  animation-timing-function: ease-in-out;
}
.climacon_component-stroke_tornadoLine:first-child {
  animation-name: translateTornado1;
}
.climacon_component-stroke_tornadoLine:nth-child(2) {
  animation-name: translateTornado2;
}
.climacon_component-stroke_tornadoLine:nth-child(3) {
  animation-name: translateTornado3;
}
.climacon_component-stroke_tornadoLine:nth-child(4) {
  animation-name: translateTornado4;
}
.climacon_component-stroke_tornadoLine:nth-child(5) {
  animation-name: translateTornado5;
}
.climacon_component-stroke_tornadoLine:nth-child(6) {
  animation-name: translateTornado6;
}
.climacon_componentWrap-sunsetAlt {
  animation-duration: 4.5s;
  animation-timing-function: ease-out;
}
.climacon_iconWrap-sun .climacon_component-stroke_sunSpoke,
.climacon_iconWrap-sunFill .climacon_component-stroke_sunSpoke {
  fill-opacity: 1;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 3s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: scale;
}
.climacon_iconWrap-sun .climacon_component-stroke_sunSpoke:nth-child(2n),
.climacon_iconWrap-sunFill .climacon_component-stroke_sunSpoke:nth-child(2n) {
  animation-delay: 4.5s;
}
.climacon-iconWrap_sunFill .climacon_component-stroke_sunSpoke {
  fill-opacity: 1;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: scale;
}
.climacon-iconWrap_sunFill .climacon_component-stroke_sunSpoke:nth-child(2n) {
  animation-delay: 4.5s;
}
.climacon_component-stroke_arrow-up {
  fill-opacity: 0;
  animation-duration: 4.5s;
  animation-name: fillOpacity2, translateArrowUp;
}
.climacon_component-stroke_arrow-down {
  fill-opacity: 0;
  animation-duration: 4.5s;
  animation-name: fillOpacity2, translateArrowDown;
}
.climacon_componentWrap-sunrise .climacon_component-stroke_sunSpoke,
.climacon_componentWrap-sunset .climacon_component-stroke_sunSpoke {
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 4.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: scale;
}
.climacon_componentWrap-sunrise
  .climacon_component-stroke_sunSpoke:nth-child(2n),
.climacon_componentWrap-sunset
  .climacon_component-stroke_sunSpoke:nth-child(2n) {
  animation-delay: 4.5s;
}
.climacon_componentWrap-sunriseAlt {
  animation-direction: normal;
  animation-duration: 18s, 9s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-name: translateSunrise, fillOpacity;
}
.climacon_componentWrap-sunriseAlt .climacon_component-stroke_sunSpoke {
  fill-opacity: 0;
  animation-delay: 4.5s, 0;
  animation-direction: normal, alternate;
  animation-duration: 4.5s;
  animation-fill-mode: both;
  animation-iteration-count: 1, infinite;
  animation-name: fillOpacity, scale;
}
.climacon_componentWrap-sunriseAlt
  .climacon_component-stroke_sunSpoke:nth-child(2n) {
  animation-delay: 4.5s, 4.5s;
}
.climacon_componentWrap-sunsetAlt {
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 18s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-name: translateSunset;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes partialRotate {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-15deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(15deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes scale {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(0.5);
  }
}
@keyframes behindCloudMove {
  0% {
    transform: translateX(-1.75px) translateY(1.75px);
  }
  to {
    transform: translateX(0) translateY(0);
  }
}
@keyframes drizzleFall {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(21px);
  }
}
@keyframes rainFall {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(14px);
  }
}
@keyframes rainFall2 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(14px);
  }
  to {
    transform: translateX(14px) translateY(14px);
  }
}
@keyframes hailLeft {
  50% {
    transform: translateY(17.5px);
  }
  51% {
    transform: translateY(17.5px) translateX(-0.3px);
  }
  53% {
    transform: translateY(16.4033342063px) translateX(-0.9px);
  }
  55% {
    transform: translateY(15.3239634873px) translateX(-1.5px);
  }
  57% {
    transform: translateY(14.278910164px) translateX(-2.1px);
  }
  59% {
    transform: translateY(13.2846553516px) translateX(-2.7px);
  }
  61% {
    transform: translateY(12.3568790424px) translateX(-3.3px);
  }
  63% {
    transform: translateY(11.5102128231px) translateX(-3.9px);
  }
  65% {
    transform: translateY(10.7580091257px) translateX(-4.5px);
  }
  67% {
    transform: translateY(10.1121306519px) translateX(-5.1px);
  }
  69% {
    transform: translateY(9.5827632909px) translateX(-5.7px);
  }
  71% {
    transform: translateY(9.1782554824px) translateX(-6.3px);
  }
  73% {
    transform: translateY(8.9049865561px) translateX(-6.9px);
  }
  75% {
    transform: translateY(8.7672661263px) translateX(-7.5px);
  }
  77% {
    transform: translateY(8.7672661263px) translateX(-8.1px);
  }
  79% {
    transform: translateY(8.9049865561px) translateX(-8.7px);
  }
  81% {
    transform: translateY(9.1782554824px) translateX(-9.3px);
  }
  83% {
    transform: translateY(9.5827632909px) translateX(-9.9px);
  }
  85% {
    transform: translateY(10.1121306519px) translateX(-10.5px);
  }
  87% {
    transform: translateY(10.7580091257px) translateX(-11.1px);
  }
  89% {
    transform: translateY(11.5102128231px) translateX(-11.7px);
  }
  91% {
    transform: translateY(12.3568790424px) translateX(-12.3px);
  }
  93% {
    transform: translateY(13.2846553516px) translateX(-12.9px);
  }
  95% {
    transform: translateY(14.278910164px) translateX(-13.5px);
  }
  97% {
    transform: translateY(15.3239634873px) translateX(-14.1px);
  }
  99% {
    transform: translateY(16.4033342063px) translateX(-14.7px);
  }
}
@keyframes hailMiddle {
  50% {
    transform: translateY(17.5px);
  }
  51% {
    transform: translateY(17.5px) translateX(-0.15px);
  }
  53% {
    transform: translateY(16.4033342063px) translateX(-0.45px);
  }
  55% {
    transform: translateY(15.3239634873px) translateX(-0.75px);
  }
  57% {
    transform: translateY(14.278910164px) translateX(-1.05px);
  }
  59% {
    transform: translateY(13.2846553516px) translateX(-1.35px);
  }
  61% {
    transform: translateY(12.3568790424px) translateX(-1.65px);
  }
  63% {
    transform: translateY(11.5102128231px) translateX(-1.95px);
  }
  65% {
    transform: translateY(10.7580091257px) translateX(-2.25px);
  }
  67% {
    transform: translateY(10.1121306519px) translateX(-2.55px);
  }
  69% {
    transform: translateY(9.5827632909px) translateX(-2.85px);
  }
  71% {
    transform: translateY(9.1782554824px) translateX(-3.15px);
  }
  73% {
    transform: translateY(8.9049865561px) translateX(-3.45px);
  }
  75% {
    transform: translateY(8.7672661263px) translateX(-3.75px);
  }
  77% {
    transform: translateY(8.7672661263px) translateX(-4.05px);
  }
  79% {
    transform: translateY(8.9049865561px) translateX(-4.35px);
  }
  81% {
    transform: translateY(9.1782554824px) translateX(-4.65px);
  }
  83% {
    transform: translateY(9.5827632909px) translateX(-4.95px);
  }
  85% {
    transform: translateY(10.1121306519px) translateX(-5.25px);
  }
  87% {
    transform: translateY(10.7580091257px) translateX(-5.55px);
  }
  89% {
    transform: translateY(11.5102128231px) translateX(-5.85px);
  }
  91% {
    transform: translateY(12.3568790424px) translateX(-6.15px);
  }
  93% {
    transform: translateY(13.2846553516px) translateX(-6.45px);
  }
  95% {
    transform: translateY(14.278910164px) translateX(-6.75px);
  }
  97% {
    transform: translateY(15.3239634873px) translateX(-7.05px);
  }
  99% {
    transform: translateY(16.4033342063px) translateX(-7.35px);
  }
}
@keyframes hailMiddle2 {
  50% {
    transform: translateY(17.5px);
  }
  51% {
    transform: translateY(17.5px) translateX(0.15px);
  }
  53% {
    transform: translateY(16.4033342063px) translateX(0.45px);
  }
  55% {
    transform: translateY(15.3239634873px) translateX(0.75px);
  }
  57% {
    transform: translateY(14.278910164px) translateX(1.05px);
  }
  59% {
    transform: translateY(13.2846553516px) translateX(1.35px);
  }
  61% {
    transform: translateY(12.3568790424px) translateX(1.65px);
  }
  63% {
    transform: translateY(11.5102128231px) translateX(1.95px);
  }
  65% {
    transform: translateY(10.7580091257px) translateX(2.25px);
  }
  67% {
    transform: translateY(10.1121306519px) translateX(2.55px);
  }
  69% {
    transform: translateY(9.5827632909px) translateX(2.85px);
  }
  71% {
    transform: translateY(9.1782554824px) translateX(3.15px);
  }
  73% {
    transform: translateY(8.9049865561px) translateX(3.45px);
  }
  75% {
    transform: translateY(8.7672661263px) translateX(3.75px);
  }
  77% {
    transform: translateY(8.7672661263px) translateX(4.05px);
  }
  79% {
    transform: translateY(8.9049865561px) translateX(4.35px);
  }
  81% {
    transform: translateY(9.1782554824px) translateX(4.65px);
  }
  83% {
    transform: translateY(9.5827632909px) translateX(4.95px);
  }
  85% {
    transform: translateY(10.1121306519px) translateX(5.25px);
  }
  87% {
    transform: translateY(10.7580091257px) translateX(5.55px);
  }
  89% {
    transform: translateY(11.5102128231px) translateX(5.85px);
  }
  91% {
    transform: translateY(12.3568790424px) translateX(6.15px);
  }
  93% {
    transform: translateY(13.2846553516px) translateX(6.45px);
  }
  95% {
    transform: translateY(14.278910164px) translateX(6.75px);
  }
  97% {
    transform: translateY(15.3239634873px) translateX(7.05px);
  }
  99% {
    transform: translateY(16.4033342063px) translateX(7.35px);
  }
}
@keyframes hailRight {
  50% {
    transform: translateY(17.5px);
  }
  51% {
    transform: translateY(17.5px) translateX(0.3px);
  }
  53% {
    transform: translateY(16.4033342063px) translateX(0.9px);
  }
  55% {
    transform: translateY(15.3239634873px) translateX(1.5px);
  }
  57% {
    transform: translateY(14.278910164px) translateX(2.1px);
  }
  59% {
    transform: translateY(13.2846553516px) translateX(2.7px);
  }
  61% {
    transform: translateY(12.3568790424px) translateX(3.3px);
  }
  63% {
    transform: translateY(11.5102128231px) translateX(3.9px);
  }
  65% {
    transform: translateY(10.7580091257px) translateX(4.5px);
  }
  67% {
    transform: translateY(10.1121306519px) translateX(5.1px);
  }
  69% {
    transform: translateY(9.5827632909px) translateX(5.7px);
  }
  71% {
    transform: translateY(9.1782554824px) translateX(6.3px);
  }
  73% {
    transform: translateY(8.9049865561px) translateX(6.9px);
  }
  75% {
    transform: translateY(8.7672661263px) translateX(7.5px);
  }
  77% {
    transform: translateY(8.7672661263px) translateX(8.1px);
  }
  79% {
    transform: translateY(8.9049865561px) translateX(8.7px);
  }
  81% {
    transform: translateY(9.1782554824px) translateX(9.3px);
  }
  83% {
    transform: translateY(9.5827632909px) translateX(9.9px);
  }
  85% {
    transform: translateY(10.1121306519px) translateX(10.5px);
  }
  87% {
    transform: translateY(10.7580091257px) translateX(11.1px);
  }
  89% {
    transform: translateY(11.5102128231px) translateX(11.7px);
  }
  91% {
    transform: translateY(12.3568790424px) translateX(12.3px);
  }
  93% {
    transform: translateY(13.2846553516px) translateX(12.9px);
  }
  95% {
    transform: translateY(14.278910164px) translateX(13.5px);
  }
  97% {
    transform: translateY(15.3239634873px) translateX(14.1px);
  }
  99% {
    transform: translateY(16.4033342063px) translateX(14.7px);
  }
}
@keyframes fillOpacity {
  0% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  to {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
}
@keyframes fillOpacity2 {
  0% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  50% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  to {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
}
@keyframes lightningFlash {
  0% {
    fill-opacity: 0;
  }
  1% {
    fill-opacity: 1;
  }
  2% {
    fill-opacity: 0;
  }
  50% {
    fill-opacity: 0;
  }
  51% {
    fill-opacity: 1;
  }
  52% {
    fill-opacity: 0;
  }
  53% {
    fill-opacity: 1;
  }
  54% {
    fill-opacity: 0;
  }
  to {
    fill-opacity: 0;
  }
}
@keyframes snowFall {
  0% {
    transform: translateY(0) translateX(0);
  }
  2% {
    transform: translateY(0.35px) translateX(0.7534862344px);
  }
  4% {
    transform: translateY(0.7px) translateX(1.441332186px);
  }
  6% {
    transform: translateY(1.05px) translateX(2.0611944604px);
  }
  8% {
    transform: translateY(1.4px) translateX(2.6112438152px);
  }
  10% {
    transform: translateY(1.75px) translateX(3.0901699437px);
  }
  12% {
    transform: translateY(2.1px) translateX(3.4971832505px);
  }
  14% {
    transform: translateY(2.45px) translateX(3.8320136241px);
  }
  16% {
    transform: translateY(2.8px) translateX(4.0949062299px);
  }
  18% {
    transform: translateY(3.15px) translateX(4.2866143598px);
  }
  20% {
    transform: translateY(3.5px) translateX(4.4083893922px);
  }
  22% {
    transform: translateY(3.85px) translateX(4.4619679282px);
  }
  24% {
    transform: translateY(4.2px) translateX(4.4495561885px);
  }
  26% {
    transform: translateY(4.55px) translateX(4.3738117645px);
  }
  28% {
    transform: translateY(4.9px) translateX(4.2378228353px);
  }
  30% {
    transform: translateY(5.25px) translateX(4.0450849719px);
  }
  32% {
    transform: translateY(5.6px) translateX(3.7994756648px);
  }
  34% {
    transform: translateY(5.95px) translateX(3.5052267202px);
  }
  36% {
    transform: translateY(6.3px) translateX(3.1668946836px);
  }
  38% {
    transform: translateY(6.65px) translateX(2.7893294577px);
  }
  40% {
    transform: translateY(7px) translateX(2.3776412907px);
  }
  42% {
    transform: translateY(7.35px) translateX(1.9371663223px);
  }
  44% {
    transform: translateY(7.7px) translateX(1.4734308761px);
  }
  46% {
    transform: translateY(8.05px) translateX(0.9921147013px);
  }
  48% {
    transform: translateY(8.4px) translateX(0.4990133642px);
  }
  50% {
    transform: translateY(8.75px) translateX(0);
  }
  52% {
    transform: translateY(9.1px) translateX(-0.4990133642px);
  }
  54% {
    transform: translateY(9.45px) translateX(-0.9921147013px);
  }
  56% {
    transform: translateY(9.8px) translateX(-1.4734308761px);
  }
  58% {
    transform: translateY(10.15px) translateX(-1.9371663223px);
  }
  60% {
    transform: translateY(10.5px) translateX(-2.3776412907px);
  }
  62% {
    transform: translateY(10.85px) translateX(-2.7893294577px);
  }
  64% {
    transform: translateY(11.2px) translateX(-3.1668946836px);
  }
  66% {
    transform: translateY(11.55px) translateX(-3.5052267202px);
  }
  68% {
    transform: translateY(11.9px) translateX(-3.7994756648px);
  }
  70% {
    transform: translateY(12.25px) translateX(-4.0450849719px);
  }
  72% {
    transform: translateY(12.6px) translateX(-4.2378228353px);
  }
  74% {
    transform: translateY(12.95px) translateX(-4.3738117645px);
  }
  76% {
    transform: translateY(13.3px) translateX(-4.4495561885px);
  }
  78% {
    transform: translateY(13.65px) translateX(-4.4619679282px);
  }
  80% {
    transform: translateY(14px) translateX(-4.4083893922px);
  }
  82% {
    transform: translateY(14.35px) translateX(-4.2866143598px);
  }
  84% {
    transform: translateY(14.7px) translateX(-4.0949062299px);
  }
  86% {
    transform: translateY(15.05px) translateX(-3.8320136241px);
  }
  88% {
    transform: translateY(15.4px) translateX(-3.4971832505px);
  }
  90% {
    transform: translateY(15.75px) translateX(-3.0901699438px);
  }
  92% {
    transform: translateY(16.1px) translateX(-2.6112438152px);
  }
  94% {
    transform: translateY(16.45px) translateX(-2.0611944605px);
  }
  96% {
    transform: translateY(16.8px) translateX(-1.441332186px);
  }
  98% {
    transform: translateY(17.15px) translateX(-0.7534862344px);
  }
  to {
    transform: translateY(17.5px) translateX(-1e-10px);
  }
}
@keyframes snowFall2 {
  0% {
    transform: translateY(0) translateX(0);
  }
  2% {
    transform: translateY(0.35px) translateX(-0.7534862344px);
  }
  4% {
    transform: translateY(0.7px) translateX(-1.441332186px);
  }
  6% {
    transform: translateY(1.05px) translateX(-2.0611944604px);
  }
  8% {
    transform: translateY(1.4px) translateX(-2.6112438152px);
  }
  10% {
    transform: translateY(1.75px) translateX(-3.0901699437px);
  }
  12% {
    transform: translateY(2.1px) translateX(-3.4971832505px);
  }
  14% {
    transform: translateY(2.45px) translateX(-3.8320136241px);
  }
  16% {
    transform: translateY(2.8px) translateX(-4.0949062299px);
  }
  18% {
    transform: translateY(3.15px) translateX(-4.2866143598px);
  }
  20% {
    transform: translateY(3.5px) translateX(-4.4083893922px);
  }
  22% {
    transform: translateY(3.85px) translateX(-4.4619679282px);
  }
  24% {
    transform: translateY(4.2px) translateX(-4.4495561885px);
  }
  26% {
    transform: translateY(4.55px) translateX(-4.3738117645px);
  }
  28% {
    transform: translateY(4.9px) translateX(-4.2378228353px);
  }
  30% {
    transform: translateY(5.25px) translateX(-4.0450849719px);
  }
  32% {
    transform: translateY(5.6px) translateX(-3.7994756648px);
  }
  34% {
    transform: translateY(5.95px) translateX(-3.5052267202px);
  }
  36% {
    transform: translateY(6.3px) translateX(-3.1668946836px);
  }
  38% {
    transform: translateY(6.65px) translateX(-2.7893294577px);
  }
  40% {
    transform: translateY(7px) translateX(-2.3776412907px);
  }
  42% {
    transform: translateY(7.35px) translateX(-1.9371663223px);
  }
  44% {
    transform: translateY(7.7px) translateX(-1.4734308761px);
  }
  46% {
    transform: translateY(8.05px) translateX(-0.9921147013px);
  }
  48% {
    transform: translateY(8.4px) translateX(-0.4990133642px);
  }
  50% {
    transform: translateY(8.75px) translateX(0);
  }
  52% {
    transform: translateY(9.1px) translateX(0.4990133642px);
  }
  54% {
    transform: translateY(9.45px) translateX(0.9921147013px);
  }
  56% {
    transform: translateY(9.8px) translateX(1.4734308761px);
  }
  58% {
    transform: translateY(10.15px) translateX(1.9371663223px);
  }
  60% {
    transform: translateY(10.5px) translateX(2.3776412907px);
  }
  62% {
    transform: translateY(10.85px) translateX(2.7893294577px);
  }
  64% {
    transform: translateY(11.2px) translateX(3.1668946836px);
  }
  66% {
    transform: translateY(11.55px) translateX(3.5052267202px);
  }
  68% {
    transform: translateY(11.9px) translateX(3.7994756648px);
  }
  70% {
    transform: translateY(12.25px) translateX(4.0450849719px);
  }
  72% {
    transform: translateY(12.6px) translateX(4.2378228353px);
  }
  74% {
    transform: translateY(12.95px) translateX(4.3738117645px);
  }
  76% {
    transform: translateY(13.3px) translateX(4.4495561885px);
  }
  78% {
    transform: translateY(13.65px) translateX(4.4619679282px);
  }
  80% {
    transform: translateY(14px) translateX(4.4083893922px);
  }
  82% {
    transform: translateY(14.35px) translateX(4.2866143598px);
  }
  84% {
    transform: translateY(14.7px) translateX(4.0949062299px);
  }
  86% {
    transform: translateY(15.05px) translateX(3.8320136241px);
  }
  88% {
    transform: translateY(15.4px) translateX(3.4971832505px);
  }
  90% {
    transform: translateY(15.75px) translateX(3.0901699438px);
  }
  92% {
    transform: translateY(16.1px) translateX(2.6112438152px);
  }
  94% {
    transform: translateY(16.45px) translateX(2.0611944605px);
  }
  96% {
    transform: translateY(16.8px) translateX(1.441332186px);
  }
  98% {
    transform: translateY(17.15px) translateX(0.7534862344px);
  }
  to {
    transform: translateY(17.5px) translateX(1e-10px);
  }
}
@keyframes translateTornado1 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(3.997px);
  }
  75% {
    transform: translateX(-3.997px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes translateTornado2 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(2.002px);
  }
  75% {
    transform: translateX(-2.002px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes translateTornado3 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(8.001px);
  }
  75% {
    transform: translateX(-8.001px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes translateTornado4 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(5.999px);
  }
  75% {
    transform: translateX(-5.999px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes translateTornado5 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(10.003px);
  }
  75% {
    transform: translateX(-10.003px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes translateTornado6 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(5.999px);
  }
  75% {
    transform: translateX(-5.999px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes fillOpacityLightning {
  0% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  1% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  7% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  50% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  51% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  53% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  54% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  60% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  to {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
}
@keyframes translateFog {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(2.499px);
  }
  75% {
    transform: translateX(-2.499px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes fillOpacityFog {
  0% {
    fill-opacity: 0.5;
    stroke-opacity: 0.5;
  }
  50% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  to {
    fill-opacity: 0.5;
    stroke-opacity: 0.5;
  }
}
@keyframes translateSunrise {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-16.002px);
  }
  to {
    transform: translateY(-16.002px);
  }
}
@keyframes translateSunset {
  0% {
    transform: translateY(-16.002px);
  }
  25% {
    transform: translateY(-3.997px);
  }
  to {
    transform: translateY(-3.997px);
  }
}
@keyframes translateArrowDown {
  0% {
    transform: translateY(2.002px);
  }
  to {
    transform: translateY(4.998px);
  }
}
@keyframes translateArrowUp {
  0% {
    transform: translateY(-2.002px);
  }
  to {
    transform: translateY(-4.998px);
  }
}
@keyframes translateWind {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(4.998px);
  }
  75% {
    transform: translateX(-4.998px);
  }
  to {
    transform: translateX(0);
  }
}
@media (max-width: 991.98px) {
  .todo .todo-list-wrapper .mark-all-tasks {
    right: 20px;
    top: 20px;
  }
}
@media (max-width: 575.98px) {
  .todo .todo-list-wrapper .mark-all-tasks {
    right: 15px;
  }
  .todo .todo-list-wrapper .mark-all-tasks .mark-all-tasks-container {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .todo .todo-list-wrapper #todo-list li .task-container .task-label {
    min-width: 460px;
  }
}
@media (max-width: 575.98px) {
  .todo .todo-list-wrapper #todo-list li .task-container .task-label {
    font-size: 14px;
  }
}
.todo
  .todo-list-wrapper
  #todo-list
  li
  .task-container
  .task-action-btn
  .action-box:hover {
  background: #fff;
  background: var(--card-color);
  border-color: #6a71854d;
  border-color: var(--solid-border);
}
[data-theme="dark"]
  .todo
  .todo-list-wrapper
  #todo-list
  li
  .task-container:hover
  .h4,
[data-theme="dark"]
  .todo
  .todo-list-wrapper
  #todo-list
  li
  .task-container:hover
  h4 {
  color: #3d3d47;
  color: var(--body-font-color);
}
[data-theme="dark"]
  .todo
  .todo-list-wrapper
  .todo-list-footer
  .new-task-wrapper
  textarea {
  background-color: #f9fafc;
  background-color: var(--body-color);
  border-color: #f9fafc;
  border-color: var(--body-color);
}
@media (max-width: 1800px) {
  .todo .todo-list-body .task-container div.d-flex {
    justify-content: flex-end;
    min-width: 240px;
  }
}
@media (max-width: 575.98px) {
  .todo .action-box.large {
    height: 25px;
    width: 25px;
  }
  .todo .action-box.large .icon {
    font-size: 14px;
    vertical-align: -3px;
  }
}
@media (max-width: 1199.98px) {
  .jvector-map-height {
    height: 280px;
  }
}
@media (max-width: 767.98px) {
  .jvector-map-height {
    height: 150px;
  }
}
@media (max-width: 575.98px) {
  .jvector-map-height {
    height: 250px;
  }
}
.jsgrid .jsgrid-grid-body .jsgrid-cell {
  padding: 12px;
  padding-bottom: 12px !important;
}
.jsgrid .jsgrid-pager-container {
  text-align: right;
}
@media (max-width: 767.98px) {
  .jsgrid .jsgrid-pager-container {
    text-align: center;
  }
}
@media (max-width: 575.98px) {
  .jsgrid .jsgrid-pager-container {
    margin-bottom: 0;
  }
}
.jsgrid .jsgrid-pager {
  margin-top: 20px;
  padding: 0;
}
.jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button {
  margin-right: -5px;
}
.jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button:first-child {
  border-radius: 5px 0 0 5px;
}
@media only screen and (max-width: 360px) {
  .jsgrid .jsgrid-pager .jsgrid-pager-page {
    padding: 0.5em 0.62em;
  }
}
.jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button {
  margin-left: -5px;
}
.jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button:last-child {
  border-radius: 0 5px 5px 0;
}
.jsgrid .jsgrid-pager [class*="jsgrid-pager"] {
  border: 1px dashed #6a71854d;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
}
.jsgrid .jsgrid-pager .jsgrid-pager-current-page,
.jsgrid .jsgrid-pager .jsgrid-pager-page a {
  color: #2c2c31;
}
.jsgrid .jsgrid-selected-row > .jsgrid-cell {
  background: #f4f5f8;
  border-color: #6a71854d;
  border-bottom: 1px dashed #6a71854d;
}
.jsgrid .jsgrid-header-row > .jsgrid-header-cell {
  font-weight: 500;
  padding: 0.75rem;
}
[data-theme="dark"] .jsgrid-row > .jsgrid-cell {
  background: #fff;
  background: var(--card-color);
}
[data-theme="dark"] .jsgrid-alt-row > .jsgrid-cell {
  background: #f9fafc;
  background: var(--body-color);
}
[data-theme="dark"] .jsgrid-filter-row > .jsgrid-cell,
[data-theme="dark"] .jsgrid-header-row > .jsgrid-header-cell {
  background: #fff;
  background: var(--card-color);
}
[data-theme="dark"] .jsgrid-filter-row input {
  background: #f9fafc;
  background: var(--body-color);
}
[data-theme="dark"] .jsgrid-grid-header {
  background-color: #6a71854d;
  background-color: var(--solid-border);
  overflow: hidden;
}
.card .card-header .card-header-right {
  background-color: #fff;
  display: inline-block;
  float: right;
  padding: 8px 0;
  position: absolute;
  right: 19px;
  top: 12px;
  z-index: 1;
}
[data-theme="dark"] .card .card-header .card-header-right {
  background-color: #fff;
  background-color: var(--card-color);
}
@media (max-width: 575.98px) {
  .card .card-header .card-header-right {
    top: 16px;
  }
}
.card .card-header .card-header-right .card-option {
  height: 20px;
  overflow: hidden;
  text-align: right;
  transition: 0.3s ease-in-out;
  width: 35px;
}
.card .card-header .card-header-right .card-option li {
  display: inline-block;
}
.card .card-header .card-header-right .card-option li:first-child i {
  transition: 1s;
}
.card .card-header .card-header-right .card-option li:first-child i.icofont {
  color: inherit;
}
.card .card-header .card-header-right i {
  cursor: pointer;
  line-height: 20px;
  margin: 0 5px;
}
[data-theme="dark"] .card .card-header .card-header-right i {
  color: #767676;
  color: var(--light-font);
}
.card .card-header .card-header-right i.icofont-refresh {
  font-size: 13px;
}
.starter-main .card-body p {
  font-size: 14px;
  margin-bottom: 16px;
}
.starter-main .card-body ul {
  list-style-type: disc;
  margin-bottom: 15px;
  padding-left: 30px;
}
.starter-main .card-body ul li {
  display: list-item;
}
.starter-main .card-body .h4,
.starter-main .card-body h4 {
  font-size: 18px;
}
.starter-main .card-body pre {
  padding: 30px;
  white-space: pre-line;
}
.starter-main .card-body .alert-primary.inverse:before {
  top: 32px;
}
.starter-main .alert i {
  align-items: center;
  display: flex;
}
.starter-kit-fix .page-body {
  margin-bottom: 52px;
}
.starter-main .alert-primary.inverse {
  border-color: var(--theme-default);
  padding: 13px 20px 13px 65px;
}
[dir="rtl"] .starter-main .alert-primary.inverse {
  padding: 13px 65px 13px 20px;
}
.starter-main .alert-primary.inverse:before {
  border-bottom: 7px solid #0000;
  border-left: 7px solid var(--theme-default);
  border-top: 7px solid #0000;
  content: "";
  height: 0;
  left: 54px;
  position: absolute;
  width: 0;
}
[dir="rtl"] .starter-main .alert-primary.inverse:before {
  border-left: initial;
  border-right: 7px solid var(--theme-default);
}
.starter-main .alert-primary.inverse i {
  align-items: center;
  background-color: var(--theme-default);
  border-radius: 3px 0 0 3px;
  color: #fff;
  display: flex;
  height: 100%;
  left: 0;
  padding: 17px 20px;
  position: absolute;
  top: 0;
}
[dir="rtl"] .starter-main .alert-primary.inverse i {
  left: auto;
  margin-left: 5px;
  margin-right: 0;
  right: 0;
}
.card.card-load .card-loader {
  align-items: center;
  background-color: #ffffffb3;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 8;
}
.card.card-load .card-loader i {
  color: var(--theme-default);
  font-size: 20px;
  margin: 0 auto;
}
.general-widget .dropdown.icon-dropdown {
  position: absolute;
  right: 19px;
  top: 19px;
}
.general-widget .dropdown.icon-dropdown .dropdown-toggle {
  background: #0000;
  border: none;
  color: #52526c;
  padding: 0;
  width: auto;
}
.general-widget .dropdown.icon-dropdown .dropdown-toggle i {
  color: #767676;
  color: var(--light-font);
}
.general-widget .dropdown.icon-dropdown .dropdown-toggle:after {
  display: none;
}
.general-widget .dropdown.icon-dropdown .dropdown-menu .dropdown-item {
  line-height: 1.5 !important;
}
@media (max-width: 1300px) and (min-width: 1200px) {
  .general-widget .schedule-card .icon-dropdown {
    display: none;
  }
  .general-widget .schedule-card .monthly-time {
    display: none !important;
  }
}
.general-widget .schedule-card .schedule-wrapper {
  border: 0;
  justify-content: space-between;
  margin-bottom: 20px;
}
.general-widget .schedule-card .schedule-wrapper li a {
  background-color: #f4f5f8;
  background-color: var(--light-color);
  border: 0;
  border-radius: 5px;
  padding: 10px 14px;
}
@media (min-width: 1200px) and (max-width: 1800px) {
  .general-widget .schedule-card .schedule-wrapper li a {
    padding: 10px;
  }
}
.general-widget .schedule-card .schedule-wrapper li a span {
  color: #767676;
  color: var(--light-font);
  font-size: 13px;
}
.general-widget .schedule-card .schedule-wrapper li a .h6,
.general-widget .schedule-card .schedule-wrapper li a h6 {
  color: #3d3d47;
  color: var(--body-font-color);
  font-weight: 600;
}
.general-widget .schedule-card .schedule-wrapper li a.active {
  background-color: var(--theme-default);
}
.general-widget .schedule-card .schedule-wrapper li a.active .h6,
.general-widget .schedule-card .schedule-wrapper li a.active h6,
.general-widget .schedule-card .schedule-wrapper li a.active span {
  color: #fff;
  color: var(--white);
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .general-widget .schedule-card .schedule-wrapper li:nth-child(4) {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .general-widget .schedule-card .schedule-wrapper li:nth-child(5) {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .general-widget .schedule-card .schedule-wrapper li:nth-child(5) {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .general-widget .schedule-card .schedule-wrapper li:nth-child(6) {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .general-widget .schedule-card .schedule-wrapper li:nth-child(6) {
    display: none;
  }
}
.general-widget .schedule-card ul.activity-update li {
  border-width: 2px !important;
}
.general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1 {
  margin-left: 14px;
}
[dir="rtl"]
  .general-widget
  .schedule-card
  ul.activity-update
  li.d-flex
  .flex-grow-1 {
  margin-left: 0;
  margin-right: 14px;
}
.general-widget
  .schedule-card
  ul.activity-update
  li.d-flex
  .flex-grow-1
  > span {
  color: #767676;
  color: var(--light-font);
  font-size: 13px;
}
@media (max-width: 1300px) and (min-width: 1200px) {
  .general-widget
    .schedule-card
    ul.activity-update
    li.d-flex
    .flex-grow-1
    > span {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
.general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1 .h5,
.general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1 h5 {
  font-size: 14px;
  margin-bottom: 4px;
}
@media (max-width: 1600px) {
  .general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1 .h5,
  .general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1 h5 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
.general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1 .h6,
.general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1 h6 {
  color: var(--theme-default);
  font-size: 13px;
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1 .h6,
  .general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1 h6 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
.general-widget .schedule-card ul.activity-update li + li {
  margin-top: 16px;
}
@media (max-width: 1660px) {
  .general-widget .schedule-card ul.activity-update li + li {
    margin-top: 15px;
  }
}
@media (max-width: 1360px) and (min-width: 1200px) {
  .general-widget .schedule-card ul.activity-update li + li {
    margin-top: 19px;
  }
}
@media (max-width: 1300px) and (min-width: 1200px) {
  .general-widget .invest-card .icon-dropdown {
    display: none;
  }
}
.general-widget
  .invest-card
  .apexcharts-tooltip
  .apexcharts-tooltip-goals-group,
.general-widget
  .invest-card
  .apexcharts-tooltip
  .apexcharts-tooltip-text-y-label,
.general-widget .invest-card .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none;
}
@media (max-width: 1530px) {
  .general-widget .summary-card .col-xl-8 {
    width: 70%;
  }
}
@media (max-width: 1400px) and (min-width: 1200px) {
  .general-widget .summary-card .col-xl-8 {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .general-widget .summary-card .col-xl-8 {
    width: 100%;
  }
}
@media (max-width: 1530px) {
  .general-widget .summary-card .col-xl-4 {
    width: 30%;
  }
}
@media (max-width: 1400px) and (min-width: 1200px) {
  .general-widget .summary-card .col-xl-4 {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .general-widget .summary-card .col-xl-4 {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .general-widget .summary-card .col-xl-4 .h5,
  .general-widget .summary-card .col-xl-4 h5 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
.general-widget .summary-card [class*="col-"] > .h5,
.general-widget .summary-card [class*="col-"] > h5 {
  margin-bottom: 24px;
}
.general-widget .summary-card .project-cost {
  border-right: 1px dashed #6a71854d;
  border-right: var(--light-border);
}
@media (max-width: 1880px) {
  .general-widget .summary-card .project-cost {
    margin-right: -15px;
  }
}
@media (min-width: 1200px) and (max-width: 1420px) {
  .general-widget .summary-card .project-cost {
    margin-right: -22px;
  }
}
@media (max-width: 1400px) and (min-width: 1200px) {
  .general-widget .summary-card .project-cost {
    border-right: 0;
    margin-right: 0 !important;
    text-align: center;
  }
}
@media (max-width: 991.98px) {
  .general-widget .summary-card .project-cost {
    border-right: 0;
    margin-right: 0 !important;
    text-align: center;
  }
}
.general-widget .summary-card .project-cost span svg {
  transform: rotate(-45deg);
  vertical-align: -3px;
}
.general-widget .summary-card .project-cost ul li {
  width: 106px;
}
@media (min-width: 1200px) and (max-width: 1800px) {
  .general-widget .summary-card .project-cost ul li {
    width: 95px;
  }
}
@media (min-width: 1200px) and (max-width: 1660px) {
  .general-widget .summary-card .project-cost ul li {
    width: 88px;
  }
}
@media (min-width: 1200px) and (max-width: 1470px) {
  .general-widget .summary-card .project-cost ul li {
    width: 81px;
  }
}
@media (max-width: 1400px) and (min-width: 1200px) {
  .general-widget .summary-card .project-cost ul li {
    width: 95px;
  }
}
.general-widget .summary-card ul.d-flex {
  gap: 26px;
  margin: 24px 0 14px;
}
@media (max-width: 1600px) {
  .general-widget .summary-card ul.d-flex {
    gap: 16px;
  }
}
@media (max-width: 1400px) and (min-width: 1200px) {
  .general-widget .summary-card ul.d-flex {
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 991.98px) {
  .general-widget .summary-card ul.d-flex {
    align-items: center;
    justify-content: center;
  }
}
.general-widget .summary-card ul.d-flex li > .d-flex {
  align-items: center;
  padding: 12px 16px;
  text-align: center;
}
@media (max-width: 1199.98px) {
  .general-widget .summary-card ul.d-flex li > .d-flex {
    padding: 12px 2px;
  }
}
.general-widget .summary-card ul.d-flex li > .d-flex .flex-shrink-0 {
  align-items: center;
  border-radius: 11px;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 42px;
}
@media (max-width: 1400px) and (min-width: 1200px) {
  .general-widget .summary-card ul.d-flex li > .d-flex .flex-shrink-0 {
    height: 34px;
    width: 34px;
  }
}
.general-widget .summary-card ul.d-flex li > .d-flex .flex-grow-1 {
  margin-top: 10px;
}
.general-widget .summary-card ul.d-flex li > .d-flex .flex-grow-1 .h6,
.general-widget .summary-card ul.d-flex li > .d-flex .flex-grow-1 h6 {
  margin-bottom: 6px;
}
.general-widget .summary-card ul.d-flex li > .d-flex.light {
  border: 2px solid #f4f5f8;
  border: 2px solid var(--light-color);
  box-shadow: 0 3px 18px 0 #f4f5f8;
  box-shadow: 0 3px 18px 0 var(--light-color);
}
@media (max-width: 1400px) and (min-width: 1200px) {
  .general-widget .summary-card .task-bottom {
    justify-content: center;
  }
}
@media (max-width: 991.98px) {
  .general-widget .summary-card .task-bottom {
    justify-content: center;
  }
}
@media (max-width: 1800px) {
  .general-widget .summary-card .task-bottom .h5,
  .general-widget .summary-card .task-bottom h5 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
.general-widget .summary-card .task-bottom .badge {
  border-radius: 0;
  padding: 5px 2px;
}
@media (max-width: 1750px) {
  .general-widget .summary-card .task-bottom .badge {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .general-widget .summary-card .team-member .h5,
  .general-widget .summary-card .team-member h5 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
@media (min-width: 1200px) and (max-width: 1578px) {
  .general-widget .summary-card .team-member .customers ul li:nth-child(3) img {
    display: none;
  }
}
@media (max-width: 1530px) {
  .general-widget .summary-card .team-member .customers ul li:nth-child(2) img,
  .general-widget .summary-card .team-member .customers ul li:nth-child(3) img {
    display: none;
  }
}
.general-widget .summary-card .team-member .d-flex {
  align-items: center;
  margin-top: 26px;
  padding: 12px 18px;
  text-align: center;
}
@media (min-width: 1200px) and (max-width: 1530px) {
  .general-widget .summary-card .team-member .d-flex {
    margin-top: 10px;
    padding: 0 18px;
  }
}
@media (max-width: 1199.98px) {
  .general-widget .summary-card .team-member .d-flex {
    padding: 3px 18px;
  }
}
@media (max-width: 1530px) {
  .general-widget .summary-card .team-member .d-flex .flex-grow-1 {
    display: none;
  }
}
.general-widget .summary-card .team-member #team-chart {
  margin: -20px 0 0;
  min-height: 64px !important;
}
@media (min-width: 1200px) and (max-width: 1530px) {
  .general-widget .summary-card .team-member #team-chart {
    margin: -6px -11px;
    min-height: 0 !important;
  }
}
@media (min-width: 1200px) and (max-width: 1530px) and (max-width: 1199.98px) {
  .general-widget .summary-card .team-member #team-chart {
    margin: -6px -11px;
  }
}
.general-widget .esatae-card .card-body .esatae-body {
  padding: 3px 0;
}
@media (min-width: 1200px) and (max-width: 1700px) {
  .general-widget .esatae-card .card-body .esatae-body {
    padding: 2px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .general-widget .esatae-card .card-body .esatae-body {
    padding: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1490px) {
  .general-widget .esatae-card .card-body .esatae-body {
    gap: 18px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .general-widget .esatae-card .card-body .esatae-body {
    gap: 5px !important;
  }
}
@media (max-width: 480px) {
  .general-widget .esatae-card .card-body .esatae-body,
  .general-widget .esatae-card .card-body .esatae-body .gap-3 {
    gap: 10px !important;
  }
}
.general-widget .esatae-card .card-body .esatae-body .gap-3 .flex-grow-1 span {
  color: #9b9b9b;
  color: var(--text-light-gray);
}
@media (max-width: 360px) {
  .general-widget .esatae-card .card-body .esatae-body .gap-3 .flex-grow-1 {
    display: none;
  }
}
.general-widget .esatae-card .card-body .esatae-body .flex-shrink-0 {
  align-items: center;
  border-radius: 11px;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 42px;
}
.general-widget
  .esatae-card
  .card-body
  .esatae-body
  .flex-shrink-0.bg-tertiary {
  filter: drop-shadow(-6px 6px 10px rgba(253, 126, 64, 0.25));
}
@media (min-width: 1200px) and (max-width: 1685px) {
  .general-widget
    .esatae-card
    .card-body
    .esatae-body
    .flex-shrink-0.bg-tertiary {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .general-widget
    .esatae-card
    .card-body
    .esatae-body
    .flex-shrink-0.bg-tertiary {
    display: none;
  }
}
.general-widget
  .esatae-card
  .card-body
  .esatae-body
  .flex-shrink-0.bg-secondary {
  filter: drop-shadow(-6px 6px 10px rgba(194, 128, 210, 0.25));
}
@media (min-width: 1200px) and (max-width: 1685px) {
  .general-widget
    .esatae-card
    .card-body
    .esatae-body
    .flex-shrink-0.bg-secondary {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .general-widget
    .esatae-card
    .card-body
    .esatae-body
    .flex-shrink-0.bg-secondary {
    display: none;
  }
}
.general-widget .esatae-card .card-body .esatae-body .flex-shrink-0.bg-primary {
  filter: drop-shadow(-6px 6px 10px rgba(67, 185, 178, 0.25));
}
@media (min-width: 1200px) and (max-width: 1685px) {
  .general-widget
    .esatae-card
    .card-body
    .esatae-body
    .flex-shrink-0.bg-primary {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .general-widget
    .esatae-card
    .card-body
    .esatae-body
    .flex-shrink-0.bg-primary {
    display: none;
  }
}
.general-widget .esatae-card .card-body .esatae-body .flex-shrink-0 svg {
  fill: #fff;
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .general-widget .esatae-card .card-body .esatae-body .customer {
    display: none !important;
  }
}
.general-widget
  .esatae-card
  .card-body
  .esatae-body
  .customer.avatar-group
  ul
  li
  + li {
  margin-left: -12px;
}
@media (min-width: 1200px) and (max-width: 1730px) {
  .general-widget
    .esatae-card
    .card-body
    .esatae-body
    .customer.avatar-group
    ul
    li
    + li {
    margin-left: -20%;
  }
}
@media (max-width: 991.98px) {
  .general-widget
    .esatae-card
    .card-body
    .esatae-body
    .customer.avatar-group
    ul
    li:nth-child(2) {
    display: none !important;
  }
}
.general-widget
  .esatae-card
  .card-body
  .esatae-body
  .customer.avatar-group
  ul
  li:last-child
  span {
  align-items: center;
  background-color: #fff;
  background-color: var(--card-color);
  border: 2px solid #f4f5f8;
  border: 2px solid var(--light-color);
  display: flex;
  font-weight: 500;
  height: 40px;
  justify-content: center;
  vertical-align: middle;
  width: 40px;
}
@media (min-width: 1200px) and (max-width: 1417px) {
  .general-widget
    .esatae-card
    .card-body
    .esatae-body
    .customer.avatar-group
    ul
    li:last-child
    span {
    height: 35px;
    width: 35px !important;
  }
}
@media (max-width: 480px) {
  .general-widget
    .esatae-card
    .card-body
    .esatae-body
    .customer.avatar-group
    ul
    li:last-child
    span {
    height: 30px;
    width: 30px !important;
  }
}
.general-widget
  .esatae-card
  .card-body
  .esatae-body
  .customer.avatar-group
  ul
  li
  img {
  border: 2px solid #fff;
  transition: 0.5s;
}
[data-theme="dark"]
  .general-widget
  .esatae-card
  .card-body
  .esatae-body
  .customer.avatar-group
  ul
  li
  img {
  border-color: #f9fafc;
  border-color: var(--body-color);
}
@media (min-width: 1200px) and (max-width: 1417px) {
  .general-widget
    .esatae-card
    .card-body
    .esatae-body
    .customer.avatar-group
    ul
    li
    img {
    width: 35px !important;
  }
}
@media (max-width: 480px) {
  .general-widget
    .esatae-card
    .card-body
    .esatae-body
    .customer.avatar-group
    ul
    li
    img {
    width: 30px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1385px) {
  .general-widget .esatae-card .card-body .esatae-body .flex-grow-1 {
    width: 70px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .general-widget .esatae-card .card-body .esatae-body .flex-grow-1 {
    width: 53px !important;
  }
}
@media (max-width: 380px) {
  .general-widget .esatae-card .card-body .esatae-body .flex-grow-1 {
    width: 60px !important;
  }
}
@media (max-width: 1880px) {
  .general-widget .esatae-card .card-body .esatae-body .flex-grow-1 .h6,
  .general-widget .esatae-card .card-body .esatae-body .flex-grow-1 h6 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
@media (max-width: 1600px) {
  .general-widget .esatae-card .card-body .esatae-body .flex-grow-1 span {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
.general-widget .esatae-card .card-body .esatae-body .flex-grow-1 .d-flex {
  align-items: center;
  justify-content: space-between;
}
.general-widget .esatae-card .card-body .esatae-body .flex-grow-1 .progress {
  height: 10px;
}
.general-widget .progress-items .stroke-danger {
  stroke: #c42a02 !important;
}
.general-widget .progress-items .stroke-success {
  stroke: #17a600 !important;
}
.general-widget .progress-items .flex-shrink-0 {
  align-items: center;
  display: flex;
  height: 45px;
  justify-content: center;
  width: 49px;
}
.general-widget .progress-items .flex-shrink-0.bg-light-primary {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: linear-gradient(180deg, #43b9b230 7.29%, #43b9b200);
}
.general-widget .progress-items .flex-shrink-0.bg-light-secondary {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: linear-gradient(180deg, #c280d230 7.29%, #c280d200);
}
.general-widget .progress-items .flex-shrink-0.bg-light-tertiary {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: linear-gradient(180deg, #fd7e4030 7.29%, #fd7e4000);
}
@media (min-width: 1200px) and (max-width: 1339.98px) {
  .general-widget .progress-items .flex-shrink-0 {
    height: 35px;
    width: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1260px) {
  .general-widget .progress-items .flex-shrink-0 {
    height: 27px;
    width: 25px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .general-widget .progress-items .flex-shrink-0 {
    height: 37px;
    width: 39px;
  }
}
@media (max-width: 575.98px) {
  .general-widget .progress-items .flex-shrink-0 {
    height: 39px;
    width: 39px;
  }
}
.general-widget .progress-items .progress-card {
  align-items: end;
  display: flex;
  gap: 6px;
  justify-content: space-between;
}
.general-widget .progress-items .progress-card .order-chart {
  margin: -47px -10px -40px -20px;
}
@media (max-width: 991.98px) {
  .general-widget .progress-items .progress-card .order-chart {
    margin: -41px 0 -40px 17px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .general-widget .progress-items .progress-card p {
    display: none;
  }
  .general-widget .progress-items .progress-card {
    display: block !important;
    width: 100% !important;
  }
}
@media (min-width: 1200px) and (max-width: 1570px) {
  .general-widget .progress-items .badge {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .general-widget .progress-items .badge {
    display: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 1339.98px) {
  .general-widget .progress-items .h3,
  .general-widget .progress-items h3 {
    font-size: 21px !important;
    margin-top: 6px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1269.98px) {
  .general-widget .progress-items .h3,
  .general-widget .progress-items h3 {
    font-size: 18px !important;
  }
}
@media (max-width: 991.98px) {
  .general-widget .progress-items .h3,
  .general-widget .progress-items h3 {
    font-size: 21px !important;
    margin-top: 6px !important;
  }
}
[data-theme="dark"] .general-widget .progress-items .h3,
[data-theme="dark"] .general-widget .progress-items h3 {
  color: #767676;
  color: var(--light-font);
}
@media (min-width: 1200px) and (max-width: 1379.98px) {
  .general-widget .sales-summary .card-header {
    padding-bottom: 0;
  }
}
@media (max-width: 1199.98px) {
  .general-widget .sales-summary .card-header {
    padding-bottom: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1379.98px) {
  .general-widget .sales-summary .card-body {
    padding-top: 0;
  }
}
@media (max-width: 1199.98px) {
  .general-widget .sales-summary .card-body {
    padding-top: 0;
  }
}
.general-widget .product-offer .dropdown-menu {
  z-index: 9;
}
@media (max-width: 1300px) and (min-width: 1200px) {
  .general-widget .product-offer .icon-dropdown {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  .general-widget .product-offer .card-body {
    padding-top: 0 !important;
  }
}
.general-widget .product-offer .swiper .swiper-slide {
  align-items: center;
  display: flex;
  justify-content: center;
}
.general-widget .product-offer .swiper .swiper-slide .item .product-gif {
  height: 58px;
  position: absolute;
  right: 0;
  top: 0;
  width: 58px;
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  .general-widget .product-offer .swiper .swiper-slide .item .product-gif {
    height: 49px;
    width: 49px;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .general-widget .product-offer .swiper .swiper-slide .item .product-gif {
    height: 32px;
    width: 32px;
  }
}
@media (max-width: 1199.98px) {
  .general-widget .product-offer .swiper .swiper-slide .item .product-gif {
    height: 70px;
    width: 70px;
  }
}
@media (max-width: 420px) {
  .general-widget .product-offer .swiper .swiper-slide .item .product-gif {
    height: 50px;
    width: 50px;
  }
}
.general-widget .product-offer .swiper .swiper-slide .item .product-content {
  margin-top: 20px;
}
@media (min-width: 1200px) and (max-width: 1379.98px) {
  .general-widget .product-offer .swiper .swiper-slide .item .product-content {
    margin-top: 1px;
  }
}
[data-theme="dark"]
  .general-widget
  .product-offer
  .swiper
  .swiper-slide
  .item
  .product-content
  .h4
  a,
[data-theme="dark"]
  .general-widget
  .product-offer
  .swiper
  .swiper-slide
  .item
  .product-content
  h4
  a {
  color: #767676;
  color: var(--light-font);
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  .general-widget .product-offer .swiper .swiper-wrapper {
    padding-bottom: 20px !important;
  }
}
.general-widget .product-offer .swiper .swiper-pagination {
  bottom: 110px !important;
  display: inline-grid;
  left: auto;
  margin-bottom: -10px;
  margin-top: 25px;
  position: absolute;
  right: 0;
  top: 35%;
  width: auto !important;
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  .general-widget .product-offer .swiper .swiper-pagination {
    bottom: 10px !important;
    display: inline !important;
    display: initial !important;
    left: 50% !important;
    top: auto !important;
    transform: translateX(-50%) !important;
  }
}
.general-widget
  .product-offer
  .swiper
  .swiper-pagination
  .swiper-pagination-bullet {
  background-color: var(--theme-default);
  height: 7px;
  width: 7px;
}
.general-widget
  .product-offer
  .swiper
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-radius: 10px;
  height: 25px;
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  .general-widget
    .product-offer
    .swiper
    .swiper-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-radius: 10px;
    height: 7px;
    width: 25px;
  }
}
.landing-page .fluid-space {
  padding: 0 calc(88.88889px + 3.7037vw);
}
@media (max-width: 1399px) {
  .landing-page .fluid-space {
    padding: 0 80px;
  }
}
@media (max-width: 575px) {
  .landing-page .fluid-space {
    padding: 0 50px;
  }
}
@media (max-width: 480px) {
  .landing-page .fluid-space {
    padding: 0 35px;
  }
}
.landing-page .section-py-space {
  padding-bottom: 70px;
  padding-top: 70px;
}
@media (max-width: 1199.98px) {
  .landing-page .section-py-space {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
@media (max-width: 991.98px) {
  .landing-page .section-py-space {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}
@media (max-width: 767.98px) {
  .landing-page .section-py-space {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
.landing-page .main-title {
  color: #3d3d47;
  color: var(--body-font-color);
  font-family: Outfit, sans-serif;
  font-size: calc(21.03704px + 0.98765vw);
  font-weight: 600;
  line-height: 0.8;
  text-transform: capitalize;
}
.landing-page .description-title {
  color: #767676;
  color: var(--light-font);
  font-family: Outfit, sans-serif;
  font-size: calc(13.44444px + 0.18519vw);
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 38px;
  margin-left: auto;
  margin-right: auto;
  width: 32%;
}
@media (max-width: 1199.98px) {
  .landing-page .description-title {
    width: 45%;
  }
}
@media (max-width: 767.98px) {
  .landing-page .description-title {
    width: 68%;
  }
}
@media (max-width: 575.98px) {
  .landing-page .description-title {
    width: 88%;
  }
}
.landing-page .landing-header {
  left: 0;
  padding: 16px 0;
  top: 0;
  width: 100%;
  z-index: 6;
}
.landing-page .landing-header,
.landing-page .landing-header.sticky {
  background-color: #edf8f7;
  background-color: var(--landing-header-bg);
  transition: all 0.5s ease-in-out;
}
@media (max-width: 1399.98px) {
  .landing-page .landing-header {
    padding: 15px 0;
  }
}
@media (max-width: 991.98px) {
  .landing-page .landing-header {
    padding: 5px 0;
  }
}
@media (max-width: 767.98px) {
  .landing-page .landing-header .navbar-brand {
    padding: 0;
  }
}
@media (max-width: 480px) {
  .landing-page .landing-header .navbar-brand .logo-size {
    width: 90px;
  }
}
@media (max-width: 991.98px) {
  .landing-page .landing-header ul.landing-menu.open {
    right: 0;
  }
}
.landing-page .landing-header ul.landing-menu li.nav-item.menu-back {
  border-bottom: 1px solid #ecf3fa;
  cursor: pointer;
  display: none;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
  padding: 22px 20px;
  text-align: right;
  text-transform: uppercase;
}
.landing-page .landing-header ul.landing-menu li.nav-item.menu-back i {
  font-size: 16px;
  margin-left: 10px;
}
@media (max-width: 991.98px) {
  .landing-page .landing-header ul.landing-menu li.nav-item.menu-back {
    display: block;
  }
}
.landing-page .landing-header ul.landing-menu li.nav-item a.nav-link {
  color: #3d3d47;
  color: var(--body-font-color);
  font-family: Outfit, sans-serif;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 30px;
  position: relative;
  text-transform: uppercase;
}
.landing-page
  .landing-header
  ul.landing-menu
  li.nav-item
  a.nav-link:hover:after {
  width: 26px;
}
@media (max-width: 1440px) {
  .landing-page .landing-header ul.landing-menu li.nav-item a.nav-link {
    padding: 10px 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .landing-page .landing-header ul.landing-menu li.nav-item a.nav-link {
    font-size: 14px;
    padding: 10px;
  }
}
@media (max-width: 991.98px) {
  .landing-page .landing-header ul.landing-menu li.nav-item a.nav-link {
    padding: 10px 20px;
  }
}
@media (max-width: 575.98px) {
  .landing-page .landing-header ul.landing-menu li.nav-item a.nav-link {
    text-align: left;
  }
}
.landing-page .landing-header ul.landing-menu li.nav-item a.nav-link:after {
  background-color: var(--theme-default);
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  transition: 0.2s ease-in;
  width: 0;
}
.landing-page .landing-header ul.landing-menu li.nav-item:hover a.nav-link {
  color: var(--theme-default);
}
@media (max-width: 991.98px) {
  .landing-page .landing-header ul.landing-menu {
    background-color: #fff;
    display: block;
    height: 100vh;
    position: fixed;
    right: -320px;
    top: 0;
    transition: all 0.5s ease;
    width: 300px;
  }
}
.landing-page .landing-header .buy-block {
  align-items: center;
  display: flex;
}
.landing-page .landing-header .buy-block .toggle-menu {
  cursor: pointer;
  display: none;
  margin-left: 20px;
}
.landing-page .landing-header .buy-block .toggle-menu i {
  color: #000;
  font-size: 24px;
}
@media (max-width: 575.98px) {
  .landing-page .landing-header .buy-block .toggle-menu i {
    font-size: 18px;
  }
}
@media (max-width: 991.98px) {
  .landing-page .landing-header .buy-block .toggle-menu {
    display: block;
  }
}
@media (max-width: 480px) {
  .landing-page .landing-header .buy-block .toggle-menu {
    margin-left: 10px;
  }
}
.landing-page .btn-landing {
  align-items: center;
  background-color: var(--theme-default);
  border-radius: 7px;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  padding: 12px 39px;
  text-transform: uppercase;
  transition: all 0.5s ease;
}
@media (max-width: 1199.98px) {
  .landing-page .btn-landing {
    font-size: 14px !important;
    padding: 10px 15px;
  }
}
@media (max-width: 575.98px) {
  .landing-page .btn-landing {
    padding: 9px 12px;
  }
}
.landing-page .landing-home {
  background-color: #fff;
  background-image: url(/mbanking/static/media/homebg.d0e21011c5f3e12d39a5.png);
  background-position: bottom;
  background-repeat: no-repeat;
  height: calc(100vh - 92.5px);
}
@media (max-width: 1700px) {
  .landing-page .landing-home {
    background-position: right 67% bottom -25%;
  }
}
@media (max-width: 1640px) {
  .landing-page .landing-home {
    background-position: right 84% bottom -19%;
  }
}
@media (max-width: 1500px) {
  .landing-page .landing-home {
    background-position: right 34% bottom -48%;
  }
}
@media (max-width: 1199.98px) {
  .landing-page .landing-home {
    background-position: right 100% bottom 0;
    height: auto;
  }
}
@media (max-width: 991.98px) {
  .landing-page .landing-home {
    background-position: right 100% bottom -60%;
  }
}
@media (max-width: 575.98px) {
  .landing-page .landing-home {
    background-position: right 99% bottom 29%;
  }
}
.landing-page .landing-home .home-left {
  align-items: center;
  display: flex;
}
@media (max-width: 1199.98px) {
  .landing-page .landing-home .home-left {
    padding: 100px 0;
  }
}
@media (max-width: 991.98px) {
  .landing-page .landing-home .home-left {
    justify-content: center;
    padding: 60px 0;
    text-align: center;
  }
}
@media (max-width: 575.98px) {
  .landing-page .landing-home .home-left {
    padding: 30px 0 60px;
  }
}
.landing-page .landing-home .home-left .landing-title .sub-title {
  align-items: center;
  display: flex;
  font-family: Outfit, sans-serif;
  font-size: calc(13.2px + 0.25vw);
  font-weight: 400;
  padding-bottom: 10px;
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .landing-page .landing-home .home-left .landing-title .sub-title {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .landing-page .landing-home .home-left .landing-title .sub-title {
    justify-content: center;
    padding-bottom: 0;
    text-align: center;
  }
  .landing-page .landing-home .home-left .landing-title .sub-title .html-gif {
    width: 25px !important;
  }
}
.landing-page .landing-home .home-left .landing-title .header-title {
  color: #3d3d47;
  color: var(--body-font-color);
  font-family: Outfit, sans-serif;
  font-size: calc(11.4px + 2.0625vw);
  font-weight: 600;
  line-height: 1.2;
}
.landing-page
  .landing-home
  .home-left
  .landing-title
  .header-title
  .gradient-1 {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(92deg, var(--theme-default) 2.7%, #c280d2 53.71%);
  background: linear-gradient(
    92deg,
    var(--theme-default) 2.7%,
    var(--theme-secondary) 53.71%
  );
  -webkit-background-clip: text;
  font-weight: 600;
}
.landing-page .landing-home .home-left .landing-title p {
  color: #767676;
  color: var(--light-font);
  font-family: Outfit, sans-serif;
  font-size: calc(13.6px + 0.125vw);
  font-weight: 400;
  line-height: 1.4;
  padding-bottom: 34px;
  padding-top: 10px;
}
@media (max-width: 1640px) {
  .landing-page .landing-home .home-left .landing-title p {
    padding-bottom: 20px;
  }
}
@media (max-width: 1199.98px) {
  .landing-page .landing-home .home-left .landing-title .doc-btn {
    font-size: 14px;
    padding: 5px 10px !important;
  }
}
@media (max-width: 575.98px) {
  .landing-page .landing-home .home-left .landing-title .doc-btn svg {
    height: 15px !important;
    margin-right: 5px !important;
    width: 15px !important;
  }
}
.landing-page .landing-home .home-left .landing-title .html-btn {
  background-color: #ff6150 !important;
  background-color: var(--landing-btn) !important;
  border-color: #ff6150 !important;
  border-color: var(--landing-btn) !important;
  font-family: Outfit, sans-serif;
  padding: 10px 14px !important;
}
@media (max-width: 575.98px) {
  .landing-page .landing-home .home-left .landing-title .html-btn {
    padding: 5px 10px !important;
  }
}
.landing-page .landing-home .home-right {
  align-items: center;
  display: flex;
}
@media (max-width: 1199.98px) {
  .landing-page .landing-home .home-right {
    padding: 100px 0;
  }
}
@media (max-width: 991.98px) {
  .landing-page .landing-home .home-right {
    justify-content: center;
    padding-bottom: 0;
    text-align: center;
  }
}
@media (max-width: 575.98px) {
  .landing-page .landing-home .home-right {
    display: none !important;
  }
}
.landing-page .landing-home .home-right .landing-image {
  position: relative;
  z-index: 1;
}
@media (max-width: 1240px) {
  .landing-page .landing-home .home-right .landing-image .home-img {
    width: 600px;
  }
}
@media (max-width: 1199.98px) {
  .landing-page .landing-home .home-right .landing-image .home-img {
    width: 450px;
  }
}
@media (max-width: 991.98px) {
  .landing-page .landing-home .home-right .landing-image .home-img {
    width: 400px;
  }
}
@media (max-width: 767.98px) {
  .landing-page .landing-home .home-right .landing-image .home-img {
    width: 340px;
  }
}
.landing-page .landing-home .home-right .landing-image .animate-img .right-img {
  animation: up-down 5s infinite;
  position: absolute;
  right: -8%;
  top: -22%;
  z-index: -1;
}
@media (max-width: 1820px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .right-img {
    right: -8%;
  }
}
@media (max-width: 1710px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .right-img {
    right: -10%;
    top: -29%;
  }
}
@media (max-width: 1580px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .right-img {
    top: -34%;
  }
}
@media (max-width: 1500px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .right-img {
    right: -14%;
    top: -37%;
  }
}
@media (max-width: 1399.98px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .right-img {
    right: -10%;
    top: -35%;
  }
}
@media (max-width: 1280px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .right-img {
    right: -12%;
    top: -38%;
  }
}
@media (max-width: 1240px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .right-img {
    right: -10%;
    top: -41%;
  }
}
@media (max-width: 1199.98px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .right-img {
    right: -18%;
    top: -42%;
  }
}
@media (max-width: 991.98px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .right-img {
    right: -27%;
  }
}
@media (max-width: 1199.98px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .right-img
    img {
    width: 250px;
  }
}
.landing-page .landing-home .home-right .landing-image .animate-img .left-img {
  animation: up-down 4s infinite;
  box-shadow: 0 0 37px #0815420d;
  box-shadow: var(--login-box-shadow);
  left: -14%;
  position: absolute;
  top: 75%;
  z-index: -1;
}
@media (max-width: 1860px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-img {
    left: -18%;
    top: 74%;
  }
}
@media (max-width: 1820px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-img {
    left: -16%;
    top: 76%;
  }
}
@media (max-width: 1760px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-img {
    left: -19%;
  }
}
@media (max-width: 1590px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-img {
    left: -20%;
  }
}
@media (max-width: 1460px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-img {
    left: -24%;
  }
}
@media (max-width: 1265px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-img {
    left: -23%;
  }
}
@media (max-width: 1220px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-img {
    top: 79%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-img {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-img {
    left: -37%;
    top: 49%;
  }
}
@media (max-width: 767.98px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-img {
    left: -37%;
    top: 57%;
  }
}
@media (max-width: 600px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-img {
    left: -32%;
    top: 57%;
  }
}
@media (max-width: 1399.98px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-img
    img {
    width: 200px;
  }
}
@media (max-width: 1265px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-img
    img {
    width: 185px;
  }
}
@media (max-width: 1240px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-img
    img {
    width: 165px;
  }
}
@media (max-width: 767.98px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-img
    img {
    width: 140px;
  }
}
.landing-page .landing-home .home-right .landing-image .animate-img .left-gif {
  animation: up-down 4s infinite;
  height: 50px;
  position: absolute;
  right: 92%;
  top: 77%;
  width: 50px;
}
@media (max-width: 1860px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-gif {
    right: 96%;
    top: 76%;
  }
}
@media (max-width: 1820px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-gif {
    right: 93%;
    top: 78%;
  }
}
@media (max-width: 1780px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-gif {
    right: 92%;
  }
}
@media (max-width: 1760px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-gif {
    right: 95%;
  }
}
@media (max-width: 1700px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-gif {
    right: 94%;
  }
}
@media (max-width: 1590px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-gif {
    right: 93%;
  }
}
@media (max-width: 1560px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-gif {
    right: 92%;
  }
}
@media (max-width: 1500px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-gif {
    right: 93%;
  }
}
@media (max-width: 1460px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-gif {
    right: 95%;
  }
}
@media (max-width: 1399.98px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-gif {
    height: 45px;
    right: 98%;
    width: 45px;
  }
}
@media (max-width: 1300px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-gif {
    right: 95%;
  }
}
@media (max-width: 1265px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-gif {
    height: 40px;
    right: 95%;
    width: 40px;
  }
}
@media (max-width: 1240px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-gif {
    height: 35px;
    right: 97%;
    width: 35px;
  }
}
@media (max-width: 1220px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-gif {
    top: 82%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-gif {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-gif {
    right: 97%;
    top: 51%;
  }
}
@media (max-width: 767.98px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-gif {
    right: 97%;
    top: 59%;
  }
}
@media (max-width: 600px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .left-gif {
    right: 93%;
    top: 59%;
  }
}
.landing-page .landing-home .home-right .landing-image .animate-img .sub-title {
  left: 11%;
  position: absolute;
  top: -23%;
}
.landing-page
  .landing-home
  .home-right
  .landing-image
  .animate-img
  .sub-title
  span {
  color: #fd7e40;
  font-family: Caveat, cursive;
  font-size: calc(8.2px + 1.8125vw);
  font-weight: 700;
  text-align: center;
}
@media (max-width: 1860px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .sub-title {
    top: -28%;
  }
}
@media (max-width: 1580px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .sub-title {
    top: -33%;
  }
}
@media (max-width: 1590px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .sub-title {
    top: -32%;
  }
}
.landing-page
  .landing-home
  .home-right
  .landing-image
  .animate-img
  .arrow-decore {
  left: 28%;
  position: absolute;
  top: -12%;
  z-index: -1;
}
@media (max-width: 1860px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .arrow-decore {
    top: -15%;
  }
}
@media (max-width: 1580px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .arrow-decore {
    top: -18%;
  }
}
@media (max-width: 1240px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .arrow-decore
    img {
    width: 90px;
  }
}
.landing-page
  .landing-home
  .home-right
  .landing-image
  .animate-img
  .outline-text {
  bottom: -33%;
  position: absolute;
  right: -8%;
}
@media (max-width: 1860px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .outline-text {
    bottom: -27%;
  }
}
@media (max-width: 1630px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .outline-text {
    bottom: -40%;
    right: -18%;
  }
}
@media (max-width: 1500px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .outline-text {
    bottom: -44%;
    right: -11%;
  }
}
@media (max-width: 1399.98px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .outline-text {
    bottom: -42%;
    right: -6%;
  }
}
@media (max-width: 1300px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .outline-text {
    bottom: -47%;
    right: -7%;
  }
}
@media (max-width: 1240px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .outline-text {
    bottom: -55%;
    right: -10%;
  }
}
@media (max-width: 1199.98px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .outline-text {
    bottom: -36%;
    right: -19%;
  }
}
@media (max-width: 991.98px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .outline-text {
    display: none;
  }
}
.landing-page
  .landing-home
  .home-right
  .landing-image
  .animate-img
  .outline-text
  .h2,
.landing-page
  .landing-home
  .home-right
  .landing-image
  .animate-img
  .outline-text
  h2 {
  -webkit-text-stroke: 1px #fff6;
  -webkit-text-stroke: 1px var(--landing-outline-text);
  -webkit-text-fill-color: #0000;
  color: #fff6;
  color: var(--landing-outline-text);
  font-family: Roboto, sans-serif;
  font-size: 120px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 1860px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .outline-text
    .h2,
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .outline-text
    h2 {
    font-size: 90px;
  }
}
@media (max-width: 1760px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .outline-text
    .h2,
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .outline-text
    h2 {
    font-size: 80px;
  }
}
@media (max-width: 1199.98px) {
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .outline-text
    .h2,
  .landing-page
    .landing-home
    .home-right
    .landing-image
    .animate-img
    .outline-text
    h2 {
    font-size: 60px;
  }
}
.landing-page .landing-page-design {
  background-color: #fff;
}
.landing-page .landing-page-design .layout-box .img-wrraper {
  border: 18px solid #43b9b21a;
  border: 18px solid var(--theme-default-light-bg);
  border-bottom: initial;
  border-radius: 10px 10px 0 0;
  filter: drop-shadow(0 4px 18px rgba(0, 0, 0, 0.1));
  transition: all 0.5s ease;
}
.landing-page .landing-page-design .layout-box .img-wrraper .layout-img {
  border: 5px solid #fff;
}
.landing-page .landing-page-design .layout-box .layout-btn {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 30px;
  transition: all 0.5s ease;
}
.landing-page .landing-page-design .layout-box .layout-btn .btn {
  padding: 7px 40px !important;
}
@media (max-width: 767.98px) {
  .landing-page .landing-page-design .layout-box .layout-btn .btn {
    padding: 5px 20px !important;
  }
}
.landing-page .landing-page-design .layout-box:hover .img-wrraper {
  transform: scale(1.02);
}
.landing-page .framework-section {
  background-color: #43b9b20f;
  overflow: hidden;
  scroll-behavior: smooth;
}
.landing-page .framework-section .framworks-list {
  display: flex;
  flex-wrap: wrap;
  gap: 55px;
  justify-content: center;
  text-align: center;
}
@media (max-width: 767.98px) {
  .landing-page .framework-section .framworks-list {
    gap: 30px;
  }
}
.landing-page .framework-section .framworks-list li {
  align-items: center;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px 0 #43b9b233;
  display: inline-block;
  display: flex;
  gap: 10px;
  min-width: 222px;
  padding: 12px 30px 12px 12px;
  position: relative;
  width: fit-content;
}
.landing-page .framework-section .framworks-list li div {
  align-items: center;
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
  border-radius: 6px;
  display: flex;
  height: 70px;
  justify-content: center;
  width: 70px;
}
.landing-page .framework-section .framworks-list li div img {
  height: calc(24px + 1.25vw);
  object-fit: cover;
  transition: all 0.3s ease;
  width: calc(24px + 1.25vw);
}
@media (max-width: 767px) {
  .landing-page .framework-section .framworks-list li div {
    height: 60px;
    width: 60px;
  }
}
.landing-page .framework-section .framworks-list li:last-child,
.landing-page .framework-section .framworks-list li:nth-child(13) {
  margin-bottom: 0;
}
.landing-page .framework-section .framworks-list li:hover {
  background-color: #fff;
}
.landing-page .framework-section .framworks-list li:hover:before {
  border-radius: 10px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.landing-page .framework-section .framworks-list li:hover img {
  animation: swing 2s ease infinite;
  transform: scale(0.7);
}
.landing-page .framework-section .framworks-list li .h5,
.landing-page .framework-section .framworks-list li h5 {
  color: #3d3d47;
  color: var(--body-font-color);
  font-family: Outfit, sans-serif;
}
.landing-page .application-section {
  background-color: #fff;
}
.landing-page .application-section .application .application-block {
  justify-content: center;
  padding: 0 28px;
}
.landing-page .application-section .application .application-block .demo-box {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 9px 3px #a9b8c826;
  box-shadow: 0 3px 9px 3px var(--application-shadow);
  padding-bottom: 0 !important;
  padding: 20px;
  transition: all 0.5s ease;
}
.landing-page
  .application-section
  .application
  .application-block
  .demo-box
  .img-wrraper {
  border: 10px solid #43b9b21a;
  border: 10px solid var(--theme-default-light-bg);
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.landing-page
  .application-section
  .application
  .application-block
  .demo-box
  .img-wrraper
  img {
  transition: all 0.5s ease;
  width: 100%;
}
.landing-page
  .application-section
  .application
  .application-block
  .demo-box
  .demo-detail {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 20px;
}
.landing-page
  .application-section
  .application
  .application-block
  .demo-box
  .demo-detail
  .btn {
  border-bottom: initial !important;
  border-radius: 15px 15px 0 0 !important;
}
.landing-page
  .application-section
  .application
  .application-block
  .demo-box:hover
  .img-wrraper
  img {
  transform: scale(1.05);
  transition: all 0.5s;
}
.landing-page .features-section {
  background-color: #43b9b20f;
  overflow: hidden;
  scroll-behavior: smooth;
}
.landing-page .features-section .feature-content .feature-box {
  align-items: center;
  background: #fcfcfd;
  background: var(--features-bg);
  border: 2px solid #fff;
  border-radius: 10px;
  box-shadow: 0 9px 20px 0 #00666608;
  box-shadow: 0 9px 20px 0 var(--features-box-shadow);
  display: flex;
  justify-content: center;
  padding: 20px 38px;
  position: relative;
  text-align: center;
  transition: all 0.2s ease;
}
.landing-page .features-section .feature-content .feature-box .icon-wrraper {
  align-items: center;
  border-radius: 60px;
  display: flex;
  height: 50px;
  justify-content: center;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  transition: all 0.2s ease;
  width: 50px;
}
.landing-page
  .features-section
  .feature-content
  .feature-box
  .icon-wrraper
  svg {
  transition: all 0.2s ease;
}
.landing-page
  .features-section
  .feature-content
  .feature-box
  .icon-wrraper.bg-1 {
  background-color: #ffe8ea;
  background-color: var(--features-bg-1);
}
.landing-page
  .features-section
  .feature-content
  .feature-box
  .icon-wrraper.bg-1
  svg {
  fill: #f94646;
  fill: var(--features-svg-1);
}
.landing-page
  .features-section
  .feature-content
  .feature-box
  .icon-wrraper.bg-2 {
  background-color: #fff3e5;
  background-color: var(--features-bg-2);
}
.landing-page
  .features-section
  .feature-content
  .feature-box
  .icon-wrraper.bg-2
  svg {
  fill: #ff993a;
  fill: var(--features-svg-2);
}
.landing-page
  .features-section
  .feature-content
  .feature-box
  .icon-wrraper.bg-3 {
  background-color: #def1ff;
  background-color: var(--features-bg-3);
}
.landing-page
  .features-section
  .feature-content
  .feature-box
  .icon-wrraper.bg-3
  svg {
  fill: #43bcff;
  fill: var(--features-svg-3);
}
.landing-page
  .features-section
  .feature-content
  .feature-box
  .icon-wrraper.bg-4 {
  background-color: #d4f5ed;
  background-color: var(--features-bg-4);
}
.landing-page
  .features-section
  .feature-content
  .feature-box
  .icon-wrraper.bg-4
  svg {
  fill: #60b158;
  fill: var(--features-svg-4);
}
.landing-page
  .features-section
  .feature-content
  .feature-box
  .icon-wrraper.bg-5 {
  background-color: #fff3e5;
  background-color: var(--features-bg-5);
}
.landing-page
  .features-section
  .feature-content
  .feature-box
  .icon-wrraper.bg-5
  svg {
  fill: #ff993a;
  fill: var(--features-svg-5);
}
.landing-page
  .features-section
  .feature-content
  .feature-box
  .icon-wrraper.bg-6 {
  background-color: #ffe8ea;
  background-color: var(--features-bg-6);
}
.landing-page
  .features-section
  .feature-content
  .feature-box
  .icon-wrraper.bg-6
  svg {
  fill: #f94646;
  fill: var(--features-svg-6);
}
.landing-page
  .features-section
  .feature-content
  .feature-box
  .icon-wrraper.bg-7 {
  background-color: #ffeade;
  background-color: var(--features-bg-7);
}
.landing-page
  .features-section
  .feature-content
  .feature-box
  .icon-wrraper.bg-7
  svg {
  fill: #ff843e;
  fill: var(--features-svg-7);
}
.landing-page
  .features-section
  .feature-content
  .feature-box
  .icon-wrraper.bg-8 {
  background-color: #f7e7ff;
  background-color: var(--features-bg-8);
}
.landing-page
  .features-section
  .feature-content
  .feature-box
  .icon-wrraper.bg-8
  svg {
  fill: #a93aff;
  fill: var(--features-svg-8);
}
.landing-page .features-section .feature-content .feature-box .h4,
.landing-page .features-section .feature-content .feature-box h4 {
  color: #3d3d47;
  color: var(--body-font-color);
  font-family: Outfit, sans-serif;
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 1740px) {
  .landing-page .features-section .feature-content .feature-box .h4,
  .landing-page .features-section .feature-content .feature-box h4 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
.landing-page .features-section .feature-content .feature-box p {
  color: #767676;
  color: var(--light-font);
  font-size: calc(13.62963px + 0.12346vw);
  margin-bottom: 0;
}
@media (max-width: 1860px) {
  .landing-page .features-section .feature-content .feature-box p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .landing-page .features-section .feature-content .feature-box p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
.landing-page .features-section .feature-content .feature-box:hover {
  background-color: var(--theme-default);
  box-shadow: 0 10px 20px #43b9b230, 0 6px 6px #43b9b23b;
}
.landing-page
  .features-section
  .feature-content
  .feature-box:hover
  .icon-wrraper {
  background-color: #fff;
}
.landing-page
  .features-section
  .feature-content
  .feature-box:hover
  .icon-wrraper
  svg {
  fill: var(--theme-default);
  transition: all 0.2s ease;
}
.landing-page .features-section .feature-content .feature-box:hover .h4,
.landing-page .features-section .feature-content .feature-box:hover h4,
.landing-page .features-section .feature-content .feature-box:hover p {
  color: #fff;
}
.landing-page .support-section {
  background-color: #fff;
}
.landing-page .support-section .fluid-space {
  padding: 0 calc(143.33333px + 5.55556vw) !important;
}
@media (max-width: 1399px) {
  .landing-page .support-section .fluid-space {
    padding: 0 180px !important;
  }
}
@media (max-width: 1199.98px) {
  .landing-page .support-section .fluid-space {
    padding: 0 100px !important;
  }
}
@media (max-width: 575.98px) {
  .landing-page .support-section .fluid-space {
    padding: 0 40px !important;
  }
}
@media (max-width: 480px) {
  .landing-page .support-section .fluid-space {
    padding: 0 35px !important;
  }
}
.landing-page .support-section .landing-title .sub-title {
  font-family: Caveat, cursive;
  font-size: 40px;
  font-size: calc(18.85185px + 1.04938vw);
  font-weight: 700;
}
.landing-page .support-section .landing-title .h2,
.landing-page .support-section .landing-title h2 {
  color: #3d3d47;
  color: var(--body-font-color);
  font-family: Outfit, sans-serif;
  font-size: calc(18.85185px + 1.04938vw);
  font-weight: 600;
  text-transform: capitalize;
}
.landing-page .support-section .landing-title p {
  color: #767676;
  color: var(--light-font);
  font-family: Outfit, sans-serif;
  font-size: calc(13.62963px + 0.12346vw);
  font-weight: 400;
  line-height: 1.4;
  padding-bottom: 34px;
  padding-top: 10px;
}
@media (max-width: 1199.98px) {
  .landing-page .support-section .landing-title p {
    padding-bottom: 22px;
  }
}
.landing-page .support-section .landing-title .support-button {
  border-radius: 7px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  padding: 12px 39px;
  text-transform: uppercase;
  transition: all 0.5s ease;
}
@media (max-width: 1199.98px) {
  .landing-page .support-section .landing-title .support-button {
    font-size: 14px;
    padding: 9px 28px;
  }
}
.landing-page .support-section .support-img {
  margin-bottom: -2px;
  position: relative;
}
.landing-page .support-section .support-img .img-1 {
  width: 600px;
}
@media (max-width: 1600px) {
  .landing-page .support-section .support-img .img-1 {
    width: 500px;
  }
}
@media (max-width: 1399.98px) {
  .landing-page .support-section .support-img .img-1 {
    width: 450px;
  }
}
@media (max-width: 1199.98px) {
  .landing-page .support-section .support-img .img-1 {
    width: 430px;
  }
}
@media (max-width: 991.98px) {
  .landing-page .support-section .support-img .img-1 {
    width: 400px;
  }
}
@media (max-width: 930px) {
  .landing-page .support-section .support-img .img-1 {
    width: 370px;
  }
}
@media (max-width: 767.98px) {
  .landing-page .support-section .support-img .img-1 {
    width: 350px;
  }
}
@media (max-width: 460px) {
  .landing-page .support-section .support-img .img-1 {
    width: 300px;
  }
}
@media (max-width: 360px) {
  .landing-page .support-section .support-img .img-1 {
    width: 250px;
  }
}
.landing-page .support-section .support-img .img-2 {
  bottom: 13%;
  left: 4%;
  position: absolute;
}
@media (max-width: 1700px) {
  .landing-page .support-section .support-img .img-2 {
    left: -1%;
  }
}
@media (max-width: 1600px) {
  .landing-page .support-section .support-img .img-2 {
    left: 4%;
    width: 100px;
  }
}
@media (max-width: 1460px) {
  .landing-page .support-section .support-img .img-2 {
    left: -1%;
  }
}
@media (max-width: 1399.98px) {
  .landing-page .support-section .support-img .img-2 {
    left: 4%;
  }
}
@media (max-width: 1260px) {
  .landing-page .support-section .support-img .img-2 {
    left: -3%;
  }
}
@media (max-width: 1199.98px) {
  .landing-page .support-section .support-img .img-2 {
    left: 1%;
  }
}
@media (max-width: 1040px) {
  .landing-page .support-section .support-img .img-2 {
    left: -1%;
    width: 88px;
  }
}
@media (max-width: 991.98px) {
  .landing-page .support-section .support-img .img-2 {
    bottom: 2%;
    left: 17%;
    transform: rotate(136deg);
  }
}
@media (max-width: 930px) {
  .landing-page .support-section .support-img .img-2 {
    left: 14%;
  }
}
@media (max-width: 840px) {
  .landing-page .support-section .support-img .img-2 {
    display: none;
  }
}
.landing-page .landing-footer {
  align-items: center;
  background-color: #292e37;
  background-color: var(--footer-bg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding-top: 0 !important;
  position: relative;
}
.landing-page .landing-footer .triangle {
  border-left: 50vw solid #292e37;
  border-left: 50vw solid var(--footer-bg);
  border-right: 50vw solid #292e37;
  border-right: 50vw solid var(--footer-bg);
  border-top: 80px solid #fff;
  height: 0;
  width: auto;
}
@media (max-width: 480px) {
  .landing-page .landing-footer .triangle {
    border-top-width: 45px !important;
  }
}
.landing-page .landing-footer .shape .shape1 {
  bottom: -18%;
  left: 24%;
  position: absolute;
}
.landing-page .landing-footer .shape .shape1 img {
  width: 130px;
}
@media (max-width: 991.98px) {
  .landing-page .landing-footer .shape .shape1 img {
    width: 90px;
  }
}
.landing-page .landing-footer .shape .shape2 {
  bottom: 17%;
  filter: brightness(0.5);
  left: 37%;
  position: absolute;
}
.landing-page .landing-footer .shape .shape3 {
  left: 17%;
  position: absolute;
  top: 71%;
}
.landing-page .landing-footer .shape .shape4 {
  filter: brightness(0.5);
  position: absolute;
  right: 36%;
  top: 70%;
}
.landing-page .landing-footer .shape .shape5 {
  position: absolute;
  right: 24%;
}
.landing-page .landing-footer .shape .shape6 {
  left: 2%;
  position: absolute;
  top: 29%;
}
.landing-page .landing-footer .shape .shape6 img {
  width: 230px;
}
@media (max-width: 1199.98px) {
  .landing-page .landing-footer .shape .shape6 img {
    width: 150px;
  }
}
@media (max-width: 480px) {
  .landing-page .landing-footer .shape .shape6 img {
    width: 80px;
  }
  .landing-page .landing-footer .shape .shape6 {
    top: 43%;
  }
}
.landing-page .landing-footer .shape .shape7 {
  position: absolute;
  right: -4%;
  top: 43%;
}
@media (max-width: 991.98px) {
  .landing-page .landing-footer .shape .shape7 img {
    width: 100px;
  }
}
@media (max-width: 480px) {
  .landing-page .landing-footer .shape .shape7 {
    display: none;
  }
}
.landing-page .landing-footer .shape .shape8 {
  left: -2%;
  position: absolute;
  top: -8%;
}
.landing-page .landing-footer .shape .shape8 img {
  width: 100px;
}
.landing-page .landing-footer .shape .shape9 {
  left: 27%;
  position: absolute;
  top: 22%;
}
.landing-page .landing-footer .shape .shape10 {
  position: absolute;
  right: 17%;
  top: 67%;
}
.landing-page .landing-footer .footer-logo {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 9%;
  transform: translateX(-50%);
}
@media (max-width: 991.98px) {
  .landing-page .landing-footer .footer-logo {
    top: 12%;
  }
}
@media (max-width: 480px) {
  .landing-page .landing-footer .footer-logo {
    top: 6%;
  }
}
.landing-page .landing-footer .footer-logo img {
  height: 75px;
  width: 75px;
}
@media (max-width: 991.98px) {
  .landing-page .landing-footer .footer-logo img {
    height: 65px;
    width: 65px;
  }
}
@media (max-width: 480px) {
  .landing-page .landing-footer .footer-logo img {
    height: 50px;
    width: 50px;
  }
}
.landing-page .landing-footer .star-rate {
  margin-bottom: 20px;
  margin-top: 70px;
}
@media (max-width: 991.98px) {
  .landing-page .landing-footer .star-rate {
    margin-top: 50px;
  }
}
.landing-page .landing-footer .star-rate li {
  display: inline-block;
}
.landing-page .landing-footer .star-rate li i {
  font-size: 20px;
}
.landing-page .landing-footer .h2,
.landing-page .landing-footer h2 {
  color: #fff;
  font-family: Outfit, sans-serif;
  font-size: calc(15.4px + 0.8125vw);
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 32%;
}
@media (max-width: 1670px) {
  .landing-page .landing-footer .h2,
  .landing-page .landing-footer h2 {
    width: 42%;
  }
}
@media (max-width: 1150px) {
  .landing-page .landing-footer .h2,
  .landing-page .landing-footer h2 {
    width: 60%;
  }
}
@media (max-width: 991.98px) {
  .landing-page .landing-footer .h2,
  .landing-page .landing-footer h2 {
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .landing-page .landing-footer .h2,
  .landing-page .landing-footer h2 {
    font-size: 14px;
  }
}
@media (max-width: 650px) {
  .landing-page .landing-footer .h2,
  .landing-page .landing-footer h2 {
    width: 80%;
  }
}
.landing-page .landing-footer .btn-footer {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}
.landing-page .landing-footer .btn-footer .btn {
  transition: all 0.5s ease;
}
@media (max-width: 991.98px) {
  .landing-page .landing-footer .btn-footer .btn {
    font-size: 16px;
  }
}
@media (max-width: 767.98px) {
  .landing-page .landing-footer .btn-footer .btn {
    font-size: 14px;
  }
}
@keyframes up-down {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  to {
    transform: translateY(0);
  }
}
@media (max-width: 1199.98px) {
  .overlay {
    background: #000;
    background: var(--black);
    height: 100vh;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100vw;
    z-index: 2;
  }
  .overlay.active {
    opacity: 0.5;
    visibility: visible;
  }
}
.page-sidebar {
  background: #fff;
  background: var(--card-color);
  border-top: 2px solid #f9fafc;
  border-top: 2px solid var(--body-color);
  box-shadow: 0 36px 35px #0000001a;
  height: 100vh;
  left: 0;
  margin-top: 78px;
  position: fixed;
  top: 0;
  transition: all 0.5s;
  width: 253px;
  z-index: 11;
}
[dir="rtl"] .page-sidebar {
  left: auto;
  right: 0;
}
@media (max-width: 991.98px) {
  .page-sidebar {
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .page-sidebar {
    margin-top: 66px;
  }
}
@media (max-width: 575.98px) {
  .page-sidebar {
    width: 240px;
  }
}
@media (max-width: 480px) {
  .page-sidebar {
    margin-top: 60px;
  }
}
.page-sidebar li {
  display: block;
  padding: 0 16px;
}
.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n + 1) .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 1)
  .stroke-icon {
  stroke: #fd4516;
}
.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n + 2) .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 2)
  .stroke-icon {
  stroke: #6dafe0;
}
.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n + 3) .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 3)
  .stroke-icon {
  stroke: #feb18c;
}
.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n + 4) .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 4)
  .stroke-icon {
  stroke: #fd4516;
}
.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n + 5) .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 5)
  .stroke-icon {
  stroke: #22f300;
}
.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n + 6) .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 6)
  .stroke-icon {
  stroke: #505059;
}
.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n + 7) .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 7)
  .stroke-icon {
  stroke: #feb18c;
}
.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n + 8) .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 8)
  .stroke-icon {
  stroke: #f6ce95;
}
.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n + 9) .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 9)
  .stroke-icon {
  stroke: #fd4516;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 10)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 10)
  .stroke-icon {
  stroke: #505059;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 11)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 11)
  .stroke-icon {
  stroke: #6dafe0;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 12)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 12)
  .stroke-icon {
  stroke: #fd4516;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 13)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 13)
  .stroke-icon {
  stroke: #ddb8e6;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 14)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 14)
  .stroke-icon {
  stroke: #22f300;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 15)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 15)
  .stroke-icon {
  stroke: #fd4516;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 16)
  .stroke-icon,
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 17)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 16)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 17)
  .stroke-icon {
  stroke: #feb18c;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 18)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 18)
  .stroke-icon {
  stroke: #6dafe0;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 19)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 19)
  .stroke-icon {
  stroke: #22f300;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 20)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 20)
  .stroke-icon {
  stroke: #6dafe0;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 21)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 21)
  .stroke-icon {
  stroke: #f6ce95;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 22)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 22)
  .stroke-icon {
  stroke: #feb18c;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 23)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 23)
  .stroke-icon {
  stroke: #ddb8e6;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 24)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 24)
  .stroke-icon {
  stroke: #22f300;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 25)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 25)
  .stroke-icon {
  stroke: #7acfca;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 26)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 26)
  .stroke-icon {
  stroke: #6dafe0;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 27)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 27)
  .stroke-icon {
  stroke: #feb18c;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 28)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 28)
  .stroke-icon {
  stroke: #fd4516;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 29)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 29)
  .stroke-icon {
  stroke: #f6ce95;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 30)
  .stroke-icon,
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 31)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 30)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 31)
  .stroke-icon {
  stroke: #feb18c;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 32)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 32)
  .stroke-icon {
  stroke: #505059;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 33)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 33)
  .stroke-icon {
  stroke: #6dafe0;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 34)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 34)
  .stroke-icon {
  stroke: #ddb8e6;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 35)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 35)
  .stroke-icon {
  stroke: #505059;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 36)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 36)
  .stroke-icon {
  stroke: #22f300;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 37)
  .stroke-icon,
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 38)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 37)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 38)
  .stroke-icon {
  stroke: #6dafe0;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 39)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 39)
  .stroke-icon {
  stroke: #fd4516;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 40)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 40)
  .stroke-icon {
  stroke: #6dafe0;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 41)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 41)
  .stroke-icon {
  stroke: #f6ce95;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 42)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 42)
  .stroke-icon {
  stroke: #fd4516;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 43)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 43)
  .stroke-icon {
  stroke: #6dafe0;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 44)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 44)
  .stroke-icon {
  stroke: #ddb8e6;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 45)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 45)
  .stroke-icon {
  stroke: #f6ce95;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 46)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 46)
  .stroke-icon {
  stroke: #22f300;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 47)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 47)
  .stroke-icon {
  stroke: #feb18c;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 48)
  .stroke-icon,
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 49)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 48)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 49)
  .stroke-icon {
  stroke: #ddb8e6;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 50)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 50)
  .stroke-icon {
  stroke: #7acfca;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 51)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 51)
  .stroke-icon {
  stroke: #feb18c;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 52)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 52)
  .stroke-icon {
  stroke: #6dafe0;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 53)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 53)
  .stroke-icon {
  stroke: #f6ce95;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 54)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 54)
  .stroke-icon {
  stroke: #fd4516;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 55)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 55)
  .stroke-icon {
  stroke: #ddb8e6;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 56)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 56)
  .stroke-icon {
  stroke: #fd4516;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 57)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 57)
  .stroke-icon {
  stroke: #f6ce95;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 58)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 58)
  .stroke-icon {
  stroke: #505059;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 59)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 59)
  .stroke-icon {
  stroke: #feb18c;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 60)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 60)
  .stroke-icon {
  stroke: #6dafe0;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 61)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 61)
  .stroke-icon {
  stroke: #7acfca;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 62)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 62)
  .stroke-icon {
  stroke: #feb18c;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 63)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 63)
  .stroke-icon {
  stroke: #6dafe0;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 64)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 64)
  .stroke-icon {
  stroke: #505059;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 65)
  .stroke-icon,
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 66)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 65)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 66)
  .stroke-icon {
  stroke: #f6ce95;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 67)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 67)
  .stroke-icon {
  stroke: #6dafe0;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 68)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 68)
  .stroke-icon {
  stroke: #505059;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 69)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 69)
  .stroke-icon {
  stroke: #fd4516;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 70)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 70)
  .stroke-icon {
  stroke: #7acfca;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 71)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 71)
  .stroke-icon {
  stroke: #feb18c;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 72)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 72)
  .stroke-icon {
  stroke: #22f300;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 73)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 73)
  .stroke-icon {
  stroke: #7acfca;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 74)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 74)
  .stroke-icon {
  stroke: #f6ce95;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 75)
  .stroke-icon,
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 76)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 75)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 76)
  .stroke-icon {
  stroke: #ddb8e6;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 77)
  .stroke-icon,
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 78)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 77)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 78)
  .stroke-icon {
  stroke: #feb18c;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 79)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 79)
  .stroke-icon {
  stroke: #ddb8e6;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 80)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 80)
  .stroke-icon {
  stroke: #fd4516;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 81)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 81)
  .stroke-icon {
  stroke: #22f300;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 82)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 82)
  .stroke-icon {
  stroke: #505059;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 83)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 83)
  .stroke-icon {
  stroke: #7acfca;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 84)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 84)
  .stroke-icon {
  stroke: #505059;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 85)
  .stroke-icon,
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 86)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 85)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 86)
  .stroke-icon {
  stroke: #6dafe0;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 87)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 87)
  .stroke-icon {
  stroke: #505059;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 88)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 88)
  .stroke-icon {
  stroke: #7acfca;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 89)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 89)
  .stroke-icon {
  stroke: #6dafe0;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 90)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 90)
  .stroke-icon {
  stroke: #f6ce95;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 91)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 91)
  .stroke-icon {
  stroke: #fd4516;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 92)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 92)
  .stroke-icon {
  stroke: #22f300;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 93)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 93)
  .stroke-icon {
  stroke: #7acfca;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 94)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 94)
  .stroke-icon {
  stroke: #22f300;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 95)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 95)
  .stroke-icon {
  stroke: #feb18c;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 96)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 96)
  .stroke-icon {
  stroke: #ddb8e6;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 97)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 97)
  .stroke-icon {
  stroke: #6dafe0;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 98)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 98)
  .stroke-icon {
  stroke: #ddb8e6;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 99)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 99)
  .stroke-icon {
  stroke: #6dafe0;
}
.page-sidebar.iconcolor-sidebar
  .sidebar-menu
  li:nth-child(8n + 100)
  .stroke-icon,
.page-sidebar[sidebar-layout="iconcolor-sidebar"]
  .sidebar-menu
  li:nth-child(8n + 100)
  .stroke-icon {
  stroke: #fd4516;
}
.page-sidebar .sidebar-menu {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 70px);
  overflow: auto;
  padding: 24px 0;
  position: relative;
}
.page-sidebar .sidebar-menu .shape {
  margin-bottom: -6px;
  margin-top: 10px;
}
.page-sidebar .sidebar-menu .shape1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  width: 11px;
  z-index: 1;
}
.page-sidebar .sidebar-menu .shape1 .line {
  background-color: #fff;
  background-color: var(--white);
  border: 1px solid #6a7185;
  border: 1px solid var(--shape-border);
  border-radius: 5px;
  height: 40px;
  position: relative;
  width: 4px;
}
.page-sidebar .sidebar-menu .shape1 .line:after,
.page-sidebar .sidebar-menu .shape1 .line:before {
  background-color: #000;
  background-color: var(--black);
  border-radius: 100%;
  content: "";
  display: inline-block;
  height: 8px;
  left: -4px;
  margin-left: 0.5px;
  position: absolute;
  width: 8px;
  z-index: -1;
}
.page-sidebar .sidebar-menu .shape1 .line:before {
  top: -5px;
}
.page-sidebar .sidebar-menu .shape1 .line:after {
  bottom: -5px;
}
.page-sidebar .sidebar-menu .shape1-left {
  left: 11%;
}
.page-sidebar .sidebar-menu .shape1-right {
  right: 15.5%;
}
.page-sidebar .sidebar-menu .shape1-right .line:after,
.page-sidebar .sidebar-menu .shape1-right .line:before {
  left: -3px;
}
.page-sidebar .sidebar-menu .line {
  border-top: 1px dashed #6a71854d;
  border-top: var(--light-border);
  margin: 20px 0;
}
.page-sidebar .sidebar-menu .svg-menu {
  stroke-width: 0.1;
  stroke: #767676;
  stroke: var(--light-font);
  height: 16px;
  margin-right: 12px;
  width: 16px;
}
[dir="rtl"] .page-sidebar .sidebar-menu .svg-menu {
  margin-left: 12px;
  margin-right: 0;
  transform: rotate(180deg);
}
.page-sidebar .sidebar-menu .pin-title {
  display: none;
  order: -1;
}
.page-sidebar .sidebar-menu .pin-title ~ .pin-line {
  display: none;
}
.page-sidebar .sidebar-menu .pin-title.show,
.page-sidebar .sidebar-menu .pin-title.show ~ .pin-line {
  display: block;
}
.page-sidebar .sidebar-menu .sidebar-block {
  padding: 0 16px;
}
.page-sidebar .sidebar-menu .sidebar-list {
  position: relative;
}
.page-sidebar .sidebar-menu .sidebar-list svg.stroke-icon {
  stroke: #767676;
  stroke: var(--light-font);
}
.page-sidebar .sidebar-menu .sidebar-list svg.fill-icon {
  fill: #767676;
  fill: var(--light-font);
  stroke: none;
}
.page-sidebar .sidebar-menu .sidebar-list:hover .pinned-icon {
  display: block;
}
.page-sidebar .sidebar-menu .sidebar-list.pined {
  order: -1 !important;
}
.page-sidebar .sidebar-menu .sidebar-list.pined .pinned-icon {
  stroke: var(--theme-default);
  transform: rotate(0);
}
.page-sidebar .sidebar-menu .sidebar-list .pinned-icon {
  stroke: #767676;
  stroke: var(--light-font);
  cursor: pointer;
  display: none;
  height: 16px;
  position: absolute;
  right: 20px;
  top: 12px;
  transform: rotate(-45deg);
  width: 16px;
}
.page-sidebar .sidebar-menu .sidebar-list:not(.active) .sidebar-submenu {
  display: none;
}
.page-sidebar
  .sidebar-menu
  .sidebar-list
  .sidebar-submenu
  > li.active
  .submenu-title {
  color: #3d3d47;
  color: var(--body-font-color);
}
.page-sidebar .sidebar-menu .sidebar-list .sidebar-submenu > li svg.feather {
  height: 14px;
  width: 14px;
}
.page-sidebar
  .sidebar-menu
  .sidebar-list.active
  .sidebar-submenu
  > li.active
  .submenu-title
  .feather {
  transform: rotate(90deg);
}
.page-sidebar .sidebar-menu .sidebar-list.active .sidebar-link {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
}
.page-sidebar .sidebar-menu .sidebar-list.active .sidebar-link svg,
.page-sidebar .sidebar-menu .sidebar-list.active .sidebar-link svg.stroke-icon {
  stroke: var(--theme-default);
}
.page-sidebar .sidebar-menu .sidebar-list.active .sidebar-link svg.feather {
  transform: rotate(90deg);
}
.page-sidebar .sidebar-menu .sidebar-list.active .sidebar-link svg.pinned-icon {
  stroke: #767676;
  stroke: var(--light-font);
}
.page-sidebar .sidebar-menu .sidebar-list.active .sidebar-link span {
  color: var(--theme-default);
}
@media (max-width: 767px) {
  .page-sidebar .sidebar-menu {
    overflow-x: hidden;
  }
}
.page-sidebar .sidebar-main-title {
  color: var(--theme-default);
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
  padding: 0 40px;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .page-sidebar .sidebar-main-title {
    font-size: 15px;
  }
}
.page-sidebar .sidebar-submenu {
  animation: fadeIn 0.4s;
  flex-direction: column;
  margin-top: 10px;
}
.page-sidebar .sidebar-submenu .submenu-title {
  align-items: center;
  display: flex;
}
.page-sidebar .sidebar-submenu .submenu-title .feather {
  height: 16px;
  margin-left: auto;
  width: 16px;
}
.page-sidebar .sidebar-submenu .according-submenu {
  margin-left: 16px;
  margin-top: 4px;
}
[dir="rtl"] .page-sidebar .sidebar-submenu .according-submenu {
  margin-left: 0;
  margin-right: 16px;
}
.page-sidebar .sidebar-submenu .according-submenu.active {
  display: block;
}
.page-sidebar .sidebar-submenu .according-submenu:not(.active) {
  display: none;
}
.page-sidebar .sidebar-submenu .according-submenu li a {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  width: 130px;
}
.page-sidebar .sidebar-submenu a {
  color: #767676;
  color: var(--light-font);
  display: block;
  font-size: 14px;
  letter-spacing: 0.5px;
  padding: 4px 4px 4px 8px;
  position: relative;
}
.page-sidebar .sidebar-submenu a.active {
  color: var(--theme-default);
}
.page-sidebar .sidebar-submenu a.active svg {
  stroke: var(--theme-default);
}
.page-sidebar .sidebar-link {
  align-items: center;
  border-radius: 0;
  display: flex;
  font-weight: 500;
  gap: 10px;
  padding: 10px 20px;
}
@media (max-width: 767.98px) {
  .page-sidebar .sidebar-link {
    padding: 10px 16px;
  }
}
.page-sidebar .sidebar-link:hover svg {
  stroke: var(--theme-default);
  animation: swing 0.5s ease-in-out 1 alternate;
}
.page-sidebar .sidebar-link:hover svg.stroke-icon {
  stroke: var(--theme-default);
}
.page-sidebar .sidebar-link:hover span {
  color: var(--theme-default);
}
.page-sidebar .sidebar-link.active {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
}
.page-sidebar .sidebar-link.active svg {
  stroke: var(--theme-default);
}
.page-sidebar .sidebar-link.active svg.feather {
  transform: rotate(90deg);
}
.page-sidebar .sidebar-link.active span {
  color: var(--theme-default);
}
.page-sidebar .sidebar-link .badge {
  margin-left: auto;
}
[dir="rtl"] .page-sidebar .sidebar-link .badge {
  margin-left: 0;
  margin-right: auto;
}
.page-sidebar .sidebar-link .badge ~ .feather {
  margin-left: 0;
}
.page-sidebar .sidebar-link svg {
  stroke: #767676;
  stroke: var(--light-font);
  height: 18px;
  transition: color 0.3s;
  vertical-align: sub;
  width: 18px;
}
.page-sidebar .sidebar-link svg.feather {
  height: 16px;
  margin-left: auto;
  width: 16px;
}
[dir="rtl"] .page-sidebar .sidebar-link svg.feather {
  margin-left: 0;
  margin-right: auto;
}
.page-sidebar .sidebar-link .arrow {
  height: 15px;
  margin-left: auto;
  transition: all 0.5s;
  width: 15px;
}
[dir="rtl"] .page-sidebar .sidebar-link .arrow {
  margin-left: 0;
  margin-right: auto;
}
.page-sidebar .sidebar-link span {
  font-size: 16px;
  font-weight: 400;
  margin: -2px 0;
}
@media (max-width: 991.98px) {
  .page-sidebar .sidebar-link span {
    font-size: 15px;
  }
}
.page-wrapper {
  position: relative;
}
.page-wrapper.sidebar-close .page-sidebar {
  left: -263px;
  transition: all 0.5s;
}
.page-sidebar .left-arrow,
.page-sidebar .right-arrow {
  display: none;
}
.page-sidebar .sidebar-menu .sidebar-list .sidebar-link.active svg.stroke-icon {
  stroke: var(--theme-default);
}
[data-theme="dark-sidebar"]
  .page-wrapper.horizontal-sidebar
  .page-header
  .logo-wrapper {
  background-color: #fff !important;
}
[data-theme="dark-sidebar"]
  .page-wrapper.horizontal-sidebar
  .page-header
  .logo-wrapper
  .for-light {
  display: block;
}
[data-theme="dark-sidebar"]
  .page-wrapper.horizontal-sidebar
  .page-header
  .logo-wrapper
  .for-dark {
  display: none;
}
@media (min-width: 1200px) {
  .page-wrapper.horizontal-sidebar .page-header .close-btn {
    display: none;
  }
}
.page-wrapper.horizontal-sidebar .page-body-wrapper {
  margin-left: 0 !important;
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar {
  background: #fff;
  background: var(--card-color);
  border-top: 0;
  box-shadow: 0 9px 24px #59667a0d;
  height: 50px;
  line-height: inherit;
  margin-top: 79px;
  overflow-x: hidden;
  overflow-y: visible;
  position: fixed;
  width: 100vw;
  z-index: 1;
  z-index: 3;
}
[data-theme="dark"]
  .page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar {
  border-top: 1px solid #6a71854d;
  border-top: 1px solid var(--solid-border);
}
.page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar
  .sidebar-menu {
  flex-direction: row !important;
  height: auto;
  overflow: hidden;
  padding: 0 !important;
}
.page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar
  .sidebar-menu
  .line,
.page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar
  .sidebar-menu
  .sidebar-main-title {
  display: none;
}
.page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar
  .sidebar-menu
  .sidebar-list {
  display: inline-block;
  padding: 10px 0;
  position: relative;
}
.page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar
  .sidebar-menu
  .sidebar-list:hover
  .sidebar-submenu {
  display: block !important;
}
.page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar
  .sidebar-menu
  .sidebar-list
  .sidebar-link {
  border-radius: 5px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 23px;
  margin: 0 3px;
  padding: 5px 15px;
  position: relative;
  text-decoration: none;
  text-transform: capitalize;
  transition: all 0.3s ease;
  white-space: nowrap;
}
.page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar
  .sidebar-menu
  .sidebar-list
  .sidebar-link
  .feather {
  transform: rotate(90deg) !important;
}
.page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar
  .sidebar-menu
  .sidebar-list
  .sidebar-link.active {
  background-color: initial !important;
}
.page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar
  .sidebar-menu
  .sidebar-list
  .sidebar-link
  .badge {
  display: none;
}
.page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar
  .sidebar-menu
  .sidebar-list
  .pinned-icon {
  color: var(--theme-default);
  position: absolute;
  right: 0;
  top: 19px;
  visibility: hidden;
}
.page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar
  .sidebar-menu
  .sidebar-list
  .sidebar-submenu {
  background: #fff;
  background: var(--card-color);
  border: 1 solid #6a71854d;
  border: 1 solid var(--solid-border);
  box-shadow: 0 0 5px #0f223a26;
  display: none !important;
  margin-top: 10px;
  padding: 15px;
  position: fixed;
  z-index: 4;
}
.page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar
  .sidebar-menu
  .sidebar-list
  .sidebar-submenu
  li {
  padding: 0;
  position: relative;
}
.page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar
  .sidebar-menu
  .sidebar-list
  .sidebar-submenu
  li
  a.active {
  color: var(--theme-default);
}
.page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar
  .sidebar-menu
  .sidebar-list
  .sidebar-submenu
  li
  a.active
  .svg-menu {
  stroke: var(--theme-default);
}
.page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar
  .sidebar-menu
  .sidebar-list
  .sidebar-submenu
  li
  a:hover {
  color: var(--theme-default);
  letter-spacing: 1.5px;
  transition: all 0.3s ease;
}
.page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar
  .sidebar-menu
  .sidebar-list
  .sidebar-submenu
  li
  .according-submenu {
  display: none !important;
}
.page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar
  .sidebar-menu
  .sidebar-list
  .sidebar-submenu
  li:hover
  .according-submenu {
  background: #fff;
  background: var(--card-color);
  border: 1 solid #6a71854d;
  border: 1 solid var(--solid-border);
  box-shadow: 0 0 5px #0f223a26;
  display: block !important;
  left: 165px;
  margin-left: 0;
  margin-top: 0;
  padding: 15px;
  position: absolute;
  top: 0;
}
.page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar
  .sidebar-menu
  .sidebar-list
  .sidebar-submenu
  li:hover
  .according-submenu
  li
  a {
  background: #0000;
  display: block;
  font-weight: 500;
  letter-spacing: 0.06em;
  padding: 4px 10px;
  transition: all 0.3s ease;
  white-space: nowrap;
}
.page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar
  .sidebar-menu
  .sidebar-list
  .sidebar-submenu
  li:hover
  .according-submenu
  li
  a:hover {
  color: var(--theme-default);
  letter-spacing: 1.5px;
  transition: all 0.3s ease;
}
@media (min-width: 992px) {
  .page-wrapper.horizontal-sidebar
    .page-body-wrapper
    .page-sidebar
    .sidebar-menu
    .simplebar-wrapper
    .simplebar-mask {
    top: 0;
  }
}
.page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar
  .sidebar-menu
  .simplebar-wrapper
  .simplebar-mask
  .simplebar-content {
  display: flex;
}
[dir="rtl"]
  .page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar
  .sidebar-menu
  a {
  padding-left: 0;
  padding-right: 8px;
}
[dir="rtl"]
  .page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar
  .sidebar-menu
  .svg-menu {
  margin-left: 0;
  margin-right: 12px;
  transform: none;
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .left-arrow {
  align-items: center;
  background: #fff;
  background: var(--card-color);
  bottom: 0;
  color: #3d3d47;
  color: var(--body-font-color);
  cursor: pointer;
  display: flex;
  justify-content: center;
  left: 0;
  padding: 10px;
  position: absolute;
  top: 0;
  z-index: 1;
}
.page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar
  .left-arrow.disabled {
  display: none;
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .right-arrow {
  align-items: center;
  background: #fff;
  background: var(--card-color);
  bottom: 0;
  color: #3d3d47;
  color: var(--body-font-color);
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar
  .right-arrow.disabled {
  display: none;
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-body {
  margin-top: 50px;
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.page-wrapper.compact-wrapper
  .page-body-wrapper
  .page-sidebar
  .sidebar-menu
  .simplebar-wrapper
  .simplebar-content {
  display: grid;
}
.page-wrapper.compact-wrapper
  .page-body-wrapper
  .page-sidebar
  .sidebar-menu
  .simplebar-wrapper
  .simplebar-content
  .sidebar-list.pined {
  order: -1 !important;
}
.page-wrapper .page-body-wrapper,
.page-wrapper .page-body-wrapper .page-body {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.page-wrapper .page-body-wrapper .page-body {
  min-height: calc(100vh - 136px);
  padding: 0 18px;
  position: relative;
  transition: 0.5s;
}
@media (max-width: 1199.98px) {
  .page-wrapper .page-body-wrapper .page-body {
    padding: 0 12px;
  }
}
@media (max-width: 575.98px) {
  .page-wrapper .page-body-wrapper .page-body {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .page-wrapper .page-body-wrapper {
    margin-left: 253px;
    transition: all 0.5s;
  }
  [dir="rtl"] .page-wrapper .page-body-wrapper {
    margin-left: 0;
    margin-right: 253px;
  }
  .page-wrapper.sidebar-close .page-body-wrapper {
    margin-left: 0;
    transition: all 0.5s;
  }
  [dir="rtl"] .page-wrapper.sidebar-close .page-body-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}
.page-header {
  box-shadow: 0 4px 34px #0a4b550d;
  margin: 0;
  width: 100%;
}
.page-header .svg-color {
  cursor: pointer;
  height: 20px;
  width: 20px;
}
.page-header .svg-color.circle-color {
  animation: ring 4s ease-in-out 0.7s infinite;
}
.page-header .page-main-header {
  background-color: #fff;
  background-color: var(--card-color);
  display: flex;
  justify-content: space-between;
  padding: 15px 34px;
}
@media (max-width: 1199.98px) {
  .page-header .page-main-header {
    align-items: center;
    padding: 15px 20px;
  }
}
@media (max-width: 991.98px) {
  .page-header .page-main-header {
    justify-content: flex-end;
    padding: 15px 14px;
  }
}
@media (max-width: 575.98px) {
  .page-header .page-main-header {
    padding: 15px 10px;
  }
}
.page-header .logo-wrapper {
  background-color: #fff;
  background-color: var(--card-color);
  justify-content: space-between;
  padding: 15px 16px;
  width: 253px;
}
@media (max-width: 420px) {
  [data-theme="dark"] .page-header .logo-wrapper .for-dark {
    display: none !important;
  }
}
.page-header .logo-wrapper .close-btn {
  align-items: center;
  background-color: #f4f5f8;
  background-color: var(--light-color);
  display: flex;
  height: 45px;
  justify-content: center;
  width: 45px;
}
@media (max-width: 767.98px) {
  .page-header .logo-wrapper .close-btn {
    height: 38px;
    width: 38px;
  }
}
@media (max-width: 480px) {
  .page-header .logo-wrapper .close-btn {
    height: 32px;
    width: 32px;
  }
}
.page-header .logo-wrapper .close-btn .toggle-sidebar {
  cursor: pointer;
  display: inline-block;
  height: 18px;
  position: relative;
  width: 18px;
}
@media (max-width: 575.98px) {
  .page-header .logo-wrapper .close-btn .toggle-sidebar {
    height: 16px;
    width: 16px;
  }
}
.page-header .logo-wrapper .close-btn .toggle-sidebar .line {
  background: #3d3d47;
  background: var(--body-font-color);
  border-radius: 0.1875rem;
  display: block;
  height: 2px;
  margin: 2px auto 4px 0;
  transition: all 0.3s ease-in-out;
}
[dir="rtl"] .page-header .logo-wrapper .close-btn .toggle-sidebar .line {
  margin: 2px 0 4px auto;
}
@media (max-width: 480px) {
  .page-header .logo-wrapper .close-btn .toggle-sidebar .line {
    margin: 2px auto 3px 0;
  }
}
.page-header .logo-wrapper .close-btn .toggle-sidebar.close {
  transform: rotate(-90deg);
}
.page-header .logo-wrapper .close-btn .toggle-sidebar.close .line {
  position: relative;
}
.page-header .logo-wrapper .close-btn .toggle-sidebar.close .line:first-child {
  left: 2px;
  position: absolute;
  top: 4px;
  transform: rotate(90deg);
  transition-delay: 0.1s;
  width: 16px;
}
@media (max-width: 480px) {
  .page-header
    .logo-wrapper
    .close-btn
    .toggle-sidebar.close
    .line:first-child {
    left: 0;
    top: 6px;
  }
}
.page-header .logo-wrapper .close-btn .toggle-sidebar.close .line:nth-child(2) {
  left: 2px;
  position: absolute;
  top: 11px;
  transform: rotate(45deg);
  transition-delay: 50ms;
  width: 10px;
}
@media (max-width: 480px) {
  .page-header
    .logo-wrapper
    .close-btn
    .toggle-sidebar.close
    .line:nth-child(2) {
    left: 0;
  }
}
.page-header .logo-wrapper .close-btn .toggle-sidebar.close .line:nth-child(3) {
  left: 8px;
  position: absolute;
  top: 11px;
  transform: rotate(-45deg);
  transition-delay: 0.1s;
  width: 10px;
}
@media (max-width: 480px) {
  .page-header
    .logo-wrapper
    .close-btn
    .toggle-sidebar.close
    .line:nth-child(3) {
    left: 6px;
  }
}
@media (max-width: 767.98px) {
  .page-header .logo-wrapper img {
    width: 100px;
  }
}
@media (max-width: 575.98px) {
  .page-header .logo-wrapper img {
    width: 90px;
  }
}
@media (max-width: 420px) {
  .page-header .logo-wrapper img {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .page-header .logo-wrapper {
    width: 230px;
  }
}
@media (max-width: 767.98px) {
  .page-header .logo-wrapper {
    padding: 14px 0 14px 14px;
    width: 190px;
  }
  [dir="rtl"] .page-header .logo-wrapper {
    padding: 14px 14px 14px 0;
  }
  .page-header .logo-wrapper {
    width: 170px;
  }
}
@media (max-width: 480px) and (min-width: 420px) {
  .page-header .logo-wrapper {
    width: 154px;
  }
}
@media (max-width: 420px) {
  .page-header .logo-wrapper {
    width: auto;
  }
}
header {
  position: sticky;
  top: 0;
  z-index: 9;
}
header ul[class*="header-"] {
  align-items: center;
  display: flex;
}
@media (max-width: 991.98px) {
  header ul[class*="header-"] {
    justify-content: flex-end;
  }
}
header ul[class*="header-"] > li {
  position: relative;
}
@media (max-width: 1199.98px) {
  header ul[class*="header-"] > li {
    padding: 4px 10px;
  }
}
@media (max-width: 767.98px) {
  header ul[class*="header-"] > li {
    padding: 4px 6px;
  }
}
header ul[class*="header-"] > li .badge {
  padding: 3px 6px 5px;
  position: absolute;
  right: -4px;
  top: -4px;
}
@media (max-width: 575.98px) {
  header ul[class*="header-"] > li .badge {
    padding: 1px 4px 3px;
  }
}
header ul[class*="header-"] > li:nth-child(n + 2) {
  align-items: center;
  background-color: #f4f5f8;
  background-color: var(--light-color);
  border-radius: 0;
  display: flex;
  height: 40px;
  justify-content: center;
  margin-left: 14px;
  padding: 0;
  width: 40px;
}
[dir="rtl"] header ul[class*="header-"] > li:nth-child(n + 2) {
  margin-left: 0;
  margin-right: 14px;
}
@media (max-width: 991.98px) {
  header ul[class*="header-"] > li:nth-child(n + 2) {
    margin-left: 8px;
  }
  [dir="rtl"] header ul[class*="header-"] > li:nth-child(n + 2) {
    margin-left: 0;
    margin-right: 8px;
  }
}
@media (max-width: 767.98px) {
  header ul[class*="header-"] > li:nth-child(n + 2) {
    height: 35px;
    width: 35px;
  }
}
@media (max-width: 575.98px) {
  header ul[class*="header-"] > li:nth-child(n + 2) {
    background-color: initial;
    height: auto;
    width: auto;
  }
}
header ul[class*="header-"] > li.modes {
  align-items: center;
  background-color: #f4f5f8;
  background-color: var(--light-color);
  border-radius: 0;
  height: 40px;
  justify-content: center;
  padding: 0;
  width: 40px;
}
@media (max-width: 767.98px) {
  header ul[class*="header-"] > li.modes {
    height: 35px;
    width: 35px;
  }
}
@media (max-width: 575.98px) {
  header ul[class*="header-"] > li.modes {
    background-color: initial;
    height: auto;
    width: auto;
  }
}
header ul[class*="header-"] > li.modes a:hover {
  color: #3d3d47;
  color: var(--body-font-color);
}
header ul[class*="header-"] > li.modes a:hover .svg-color {
  stroke: #3d3d47;
  stroke: var(--body-font-color);
}
header ul[class*="header-"] > li.modes a.dark-mode .svg-color {
  fill: #fff;
  fill: var(--white);
  cursor: pointer;
  height: 20px;
  width: 20px;
}
@media (max-width: 767.98px) {
  header ul[class*="header-"] > li.modes a.dark-mode .svg-color {
    height: 20px;
    width: 18px;
  }
}
@media (max-width: 480px) {
  header ul[class*="header-"] > li.modes a.dark-mode .svg-color {
    height: 18px;
    width: 16px;
  }
}
header ul[class*="header-"] > li.profile-dropdown {
  background-color: initial;
  height: auto;
  width: auto;
}
header ul[class*="header-"] > li.profile-dropdown .d-flex .flex-grow-1 {
  margin-left: 10px;
}
[dir="rtl"]
  header
  ul[class*="header-"]
  > li.profile-dropdown
  .d-flex
  .flex-grow-1 {
  margin-left: 0;
  margin-right: 10px;
}
header ul[class*="header-"] > li.profile-dropdown .d-flex .flex-grow-1 .h5,
header ul[class*="header-"] > li.profile-dropdown .d-flex .flex-grow-1 h5 {
  font-weight: 600;
}
header ul[class*="header-"] > li.profile-dropdown .d-flex .flex-grow-1 span {
  color: #767676;
  color: var(--light-font);
  font-size: 12px;
}
@media (max-width: 767.98px) {
  header ul[class*="header-"] > li .search-icon > .svg-color,
  header ul[class*="header-"] > li > a > .svg-color {
    cursor: pointer;
    height: 20px;
    width: 18px;
  }
}
@media (max-width: 480px) {
  header ul[class*="header-"] > li .search-icon > .svg-color,
  header ul[class*="header-"] > li > a > .svg-color {
    height: 18px;
    width: 16px;
  }
}
header a .svg-color {
  transition: all 0.5s;
}
header a:hover .svg-color {
  stroke: var(--theme-default);
  transition: all 0.5s;
}
header .search-form {
  position: relative;
}
header .search-form .input-group {
  position: relative;
  width: 595px;
}
header .search-form .input-group input {
  background-color: #f4f5f8;
  background-color: var(--light-color);
  border: none;
  border-radius: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.21;
  padding: 16px;
}
header .search-form .input-group input::placeholder {
  color: #767676 !important;
  color: var(--light-font) !important;
}
[dir="rtl"] header .search-form .input-group input {
  border-radius: 0;
}
header .search-form .input-group .input-group-text {
  background-color: #f4f5f8;
  background-color: var(--light-color);
  border-radius: 0;
  padding-left: 18px;
}
[dir="rtl"] header .search-form .input-group .input-group-text {
  border-radius: 0;
  padding-left: 0 !important;
  padding-right: 18px !important;
}
@media (max-width: 1399.98px) {
  header .search-form .input-group {
    width: 350px;
  }
}
@media (max-width: 1199.98px) {
  header .search-form .input-group {
    width: 196px;
  }
}
@media (max-width: 1410px) and (min-width: 1400px) {
  header .search-form .input-group {
    width: 560px;
  }
}
@media (max-width: 575.98px) {
  header .search-form .input-group {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 30px;
    transform: translateY(-40px) scaleY(0);
    transition: all 0.5s;
    visibility: hidden;
    z-index: 1;
  }
  [dir="rtl"] header .search-form .input-group {
    left: auto;
    right: 0;
  }
  header .search-form .input-group.show {
    opacity: 1;
    transform: translateY(0) scaleY(1);
    transition: all 0.5s;
    visibility: visible;
  }
}
header .header-right .h6 .svg-color,
header .header-right h6 .svg-color,
header .profile-name .svg-color {
  height: 12px;
  width: 12px;
}
header .profile-box {
  align-items: center;
  background: #fff;
  background: var(--white);
  border: 1px solid #6a7185;
  border: 1px solid var(--shape-border);
  border-radius: 0;
  cursor: pointer;
  gap: 4px;
  padding: 6px 12px;
}
@media (max-width: 1199.98px) {
  header .profile-box {
    border: none;
    box-shadow: none;
    padding: 0;
  }
  header .profile-box .profile-name {
    display: none;
  }
}
@media (max-width: 575.98px) {
  header .profile-box img {
    height: 25px;
    width: 25px;
  }
}
header .profile-menu li {
  padding: 10px 12px;
}
header .profile-menu li a {
  display: flex;
  gap: 10px;
}
@media (max-width: 1199.98px) {
  header .profile-menu {
    min-width: 150px;
  }
}
header .profile-menu:not(.language-menu) {
  top: 55px;
}
@media (max-width: 1199.98px) {
  header .profile-menu:not(.language-menu) {
    top: 40px;
  }
}
@media (max-width: 575.98px) {
  header .profile-menu:not(.language-menu) {
    top: 45px;
  }
}
header .language-menu {
  min-width: 80px;
}
header .language-menu li:nth-child(n + 2) {
  border-top: 1px solid #6a7185;
  border-top: 1px solid var(--shape-border);
}
header .custom-menu .h5,
header .custom-menu .h6,
header .custom-menu h5,
header .custom-menu h6 {
  font-weight: 500;
}
header .custom-dropdown .title.h5,
header .custom-dropdown h5.title {
  /* border-bottom: 1px dashed #6a71854d; */
  /* border-bottom: var(--light-border); */
  font-size: 16px;
}
header .title {
  align-items: center;
  display: flex;
  gap: 10px;
}
header .custom-menu .bg-primary-light {
  padding: 18px;
}
header .cart-dropdown {
  min-width: 335px;
}
header .cart-dropdown .h5,
header .cart-dropdown h5 {
  justify-content: space-between;
}
header .cart-dropdown ul {
  padding: 18px;
}
header .cart-dropdown ul li {
  align-items: center;
  border-radius: 5px;
  padding: 13px;
  position: relative;
}
header .cart-dropdown ul li .flex-shrink-0 {
  align-items: center;
  border-radius: 11px;
  display: flex;
  height: 42px;
  justify-content: center;
  width: 42px;
}
header .cart-dropdown ul li .touchpin-details {
  margin-left: 15px;
}
[dir="rtl"] header .cart-dropdown ul li .touchpin-details {
  margin-left: 0;
  margin-right: 15px;
}
header .cart-dropdown ul li .touchpin-details span {
  background-color: initial;
  color: #767676;
  color: var(--light-font);
}
header .cart-dropdown ul li .touchpin-details .touchspin-wrapper {
  border: 1px dashed #6a71854d;
  border: var(--light-border);
  border-radius: 3px;
  display: flex;
  margin-top: 6px;
  position: relative;
  width: 80px;
}
header
  .cart-dropdown
  ul
  li
  .touchpin-details
  .touchspin-wrapper
  .btn-touchspin {
  align-items: center;
  background-color: initial;
  border: none;
  border-radius: 8px;
  color: #767676;
  color: var(--light-font);
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  height: auto;
  line-height: 1.5;
  padding: 7px;
  text-align: center;
  white-space: nowrap;
  width: auto;
}
header
  .cart-dropdown
  ul
  li
  .touchpin-details
  .touchspin-wrapper
  .btn-touchspin:focus-visible {
  outline: none;
}
header .cart-dropdown ul li .touchpin-details .touchspin-wrapper input {
  background-color: #fff;
  background-color: var(--white);
  border-bottom: 0;
  border-left: 1px dashed #6a71854d;
  border-left: var(--light-border);
  border-radius: 0 !important;
  border-right: 1px dashed #6a71854d;
  border-right: var(--light-border);
  border-top: 0;
  height: auto;
  padding: 0;
  text-align: center;
  width: 30px;
}
header .cart-dropdown ul li .touchpin-details .touchspin-wrapper .svg-color {
  height: 10px;
  width: 10px;
}
header .cart-dropdown ul li .touchpin-details button.btn {
  font-size: 10px;
  padding: 4px;
  position: absolute;
  right: 14px;
  top: 14px;
}
[dir="rtl"] header .cart-dropdown ul li .touchpin-details button.btn {
  left: 14px;
  right: auto;
}
header .cart-dropdown ul li .touchpin-details button.btn:focus {
  box-shadow: none;
}
header .cart-dropdown ul li .badge {
  right: 20px;
  top: 20px;
}
[dir="rtl"] header .cart-dropdown ul li .badge {
  left: 20px;
  right: auto;
}
header .cart-dropdown ul li + li {
  margin-top: 15px;
}
header .message-dropdown {
  min-width: 335px;
}
header .message-dropdown ul {
  padding: 18px;
}
header .message-dropdown ul li {
  border: 2px solid #f4f5f8;
  border: 2px solid var(--light-color);
  border-top-width: 2px !important;
  padding: 10px;
  position: relative;
}
header .message-dropdown ul li .h5,
header .message-dropdown ul li h5 {
  font-size: 14px;
  margin-bottom: 5px;
}
header .message-dropdown ul li .h6,
header .message-dropdown ul li h6 {
  align-items: center;
  color: #767676;
  color: var(--light-font);
  display: flex;
  font-size: 12px;
}
header .message-dropdown ul li .badge {
  position: absolute;
  right: 10px;
  top: 20px;
}
[dir="rtl"] header .message-dropdown ul li .badge {
  left: 10px;
  right: auto;
}
header .message-dropdown ul li .feather {
  height: 12px;
  padding-top: 0;
  width: 12px;
}
header .message-dropdown ul li + li {
  margin-top: 15px;
}
@media (max-width: 991.98px) {
  header .profile-dropdown .d-flex img {
    height: 35px;
    width: 35px;
  }
}
@media (max-width: 480px) {
  header .profile-dropdown .d-flex img {
    height: 26px;
    width: 26px;
  }
}
@media (max-width: 767.98px) {
  header .profile-dropdown .d-flex .flex-grow-1 {
    display: none;
  }
}
@media (max-width: 991.98px) {
  header .profile-dropdown .d-flex .flex-grow-1 .h5,
  header .profile-dropdown .d-flex .flex-grow-1 h5 {
    font-size: 14px;
  }
}
header .profile-dropdown .custom-menu {
  padding: 18px;
  width: 158px;
}
header .profile-dropdown .custom-menu ul li {
  padding: 10px 0;
}
header .profile-dropdown .custom-menu ul li:hover a,
header .profile-dropdown .custom-menu ul li:hover svg {
  stroke: var(--theme-default);
  color: var(--theme-default);
}
header .profile-dropdown .custom-menu ul li svg {
  height: 18px;
  width: 18px;
}
header .profile-dropdown .custom-menu ul li + li {
  border-top: 1px dashed #6a71854d;
  border-top: var(--light-border);
}
header .profile-dropdown .custom-menu ul li:first-child {
  padding-top: 0;
}
header .profile-dropdown .custom-menu ul li:last-child {
  padding-bottom: 0;
}
header .notification-dropdown {
  min-width: 335px;
}
header .notification-dropdown .title {
  justify-content: space-between;
}
header .notification-dropdown .title span {
  font-size: 14px;
}
header .notification-dropdown ul.activity-update {
  padding: 18px;
}
header .notification-dropdown ul.activity-update li {
  border-width: 2px !important;
}
header .notification-dropdown ul.activity-update li.d-flex .flex-grow-1 {
  margin-left: 14px;
}
[dir="rtl"]
  header
  .notification-dropdown
  ul.activity-update
  li.d-flex
  .flex-grow-1 {
  margin-left: 0;
  margin-right: 14px;
}
header .notification-dropdown ul.activity-update li.d-flex .flex-grow-1 > span {
  color: #767676;
  color: var(--light-font);
  font-size: 13px;
}
header .notification-dropdown ul.activity-update li.d-flex .flex-grow-1 .h5,
header .notification-dropdown ul.activity-update li.d-flex .flex-grow-1 h5 {
  font-size: 14px;
  margin-bottom: 4px;
}
header .notification-dropdown ul.activity-update li.d-flex .flex-grow-1 .h6,
header .notification-dropdown ul.activity-update li.d-flex .flex-grow-1 h6 {
  color: var(--theme-default);
  font-size: 13px;
}
header .notification-dropdown ul.activity-update li + li {
  margin-top: 15px;
}
header .bookmark-dropdown {
  min-width: 300px;
}
header .bookmark-dropdown .input-group {
  border: none;
}
header .bookmark-dropdown .input-group .form-control {
  border: none;
}
header .bookmark-dropdown .input-group .form-control,
header .bookmark-dropdown .input-group .input-group-text {
  background-color: #f4f5f8;
  background-color: var(--light-color);
  border-radius: 0;
}
header .bookmark-dropdown ul {
  padding: 18px;
}
header .bookmark-dropdown ul li {
  display: block;
}
header .bookmark-dropdown ul li:hover .d-flex a {
  color: var(--theme-default);
}
header .bookmark-dropdown ul li .d-flex a {
  font-weight: 600;
}
header .bookmark-dropdown ul li:nth-child(n + 2) {
  border-top: none;
  padding: 12px;
}
header .bookmark-dropdown ul li:nth-child(n + 3) {
  margin-top: 12px;
}
header .bookmark-dropdown ul li .icon-star {
  height: 16px;
  width: 16px;
}
header .bookmark-dropdown ul li .flex-shrink-0 a {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
header .bookmark-dropdown a {
  justify-content: space-between;
}
header .bookmark-dropdown .h5,
header .bookmark-dropdown a,
header .bookmark-dropdown h5 {
  align-items: center;
  display: flex;
  gap: 10px;
}
header .bookmark-dropdown .icon-star {
  cursor: pointer;
  height: 16px;
  width: 16px;
}
header .bookmark-dropdown .starred {
  stroke: #f0ad4e;
}
header .bookmark-dropdown .input-group {
  box-shadow: none;
}
@media (max-width: 575.98px) {
  header .custom-menu {
    min-width: 0;
    min-width: auto;
    position: fixed;
    right: 10px;
    top: 45px;
    width: calc(100% - 30px);
  }
  [dir="rtl"] header .custom-menu {
    left: 10px;
    right: auto;
  }
}
@media (max-width: 991.98px) {
  .nav-right .header-right .serchinput .search-form {
    margin-left: 12px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 60px;
    transform: translateY(-35px) scaleY(0);
    transition: all 0.3s linear;
    visibility: hidden;
    width: 180px;
  }
}
@media (max-width: 420px) {
  .nav-right .header-right .serchinput .search-form {
    right: -80px;
    top: 38px;
  }
}
@media (max-width: 991.98px) {
  .nav-right .header-right .serchinput .search-form.open {
    margin-left: 12px;
    opacity: 1;
    position: absolute;
    top: 60px;
    transform: translateY(0) scaleY(1);
    transition: all 0.3s linear;
    visibility: visible;
    width: 180px;
  }
}
@media (max-width: 575.98px) {
  .nav-right .header-right .serchinput .search-form.open {
    top: 50px;
  }
}
@media (max-width: 991.98px) {
  .nav-right .header-right .serchinput .search-form input {
    background-color: #fff;
    background-color: var(--card-color);
    border: 1px solid #6a71854d;
    border: 1px solid var(--solid-border);
    border-radius: 30px;
    padding: 10px 15px;
  }
  .nav-right .header-right .serchinput .search-form input:focus-visible {
    outline: none;
  }
}
@media (max-width: 575.98px) {
  .nav-right .header-right .serchinput .search-form input {
    width: 200px;
  }
}
@media (max-width: 420px) {
  .nav-right .header-right .serchinput .search-form input {
    width: 140px;
  }
}
@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);
  }
  to {
    transform: rotate(0);
  }
}
footer {
  background-color: #fff;
  background-color: var(--card-color);
  bottom: 0;
  left: 0;
  padding: 20px;
}
footer p {
  font-size: 14px;
  font-weight: 500;
}
footer p .footer-icon {
  stroke: #ff3636;
  stroke: var(--footer-icon);
  fill: #ff3636;
  fill: var(--footer-icon);
  height: 18px;
  width: 22px;
}
@media (max-width: 767.98px) {
  footer {
    padding: 14px 6px;
  }
  footer .row p {
    text-align: center;
  }
  footer .row p.float-end {
    float: none !important;
  }
}
@media (max-width: 575.98px) {
  footer p {
    font-size: 13px;
  }
}
.page-wrapper.sidebar-close {
  margin-left: 0;
  transition: all 0.5s;
}
.page-wrapper.sidebar-close .footer {
  left: -263px;
  transition: all 0.5s;
}
.dropzone.dropzone-secondary {
  border: 2px dashed #c280d2;
}
.dropzone.dropzone-secondary i {
  color: #c280d2;
  color: var(--theme-secondary);
}
@media (max-width: 360px) {
  .dropzone .note {
    min-width: 0 !important;
    min-width: auto !important;
  }
}
.dropzone .dz-preview {
  box-shadow: none;
  margin: 28px 18px !important;
  z-index: 1;
}
.dropzone .dz-preview .dz-details {
  background-color: initial;
  bottom: -6px;
  padding-bottom: 1px;
  padding-top: 0 !important;
  position: relative;
  top: auto;
}
[dir="rtl"] .dropzone .dz-preview .dz-details {
  left: auto;
  right: 32px;
}
.dropzone .dz-preview:hover .dz-error-message {
  display: none !important;
}
.dropzone .dz-error-mark .dz-remove {
  position: relative;
}
.dz-preview .dz-remove {
  cursor: pointer;
}
.dropzone-secondary .dz-preview .dz-remove {
  color: #c280d2;
}
.select2 {
  max-width: 100%;
}
.add-post #cke_text-box {
  border: 1px solid #efefef;
  border: 1px solid var(--light-semi-gray);
}
.add-post form .m-checkbox-inline label {
  margin-bottom: 0;
}
.add-post form .form-control {
  border: 1px solid #efefef;
  border: 1px solid var(--light-semi-gray);
}
[data-theme="dark"] .add-post form .form-control::placeholder {
  color: #767676;
  color: var(--light-font);
}
[data-theme="dark"] .add-post form .form-control {
  border-color: #f4f5f8;
  border-color: var(--light-color);
}
.add-post form .col-form-label {
  padding-bottom: 0;
  padding-top: 0;
}
.add-post form .col-form-label .select2-container--default {
  margin-top: 10px;
  max-width: 100%;
}
.add-post
  form
  .col-form-label
  .select2-container--default
  .selection
  .select2-selection
  .select2-search__field {
  padding: 2px;
}
.add-post
  form
  .col-form-label
  .select2-container--default
  .select2-selection--multiple {
  border: 1px solid #efefef;
  border: 1px solid var(--light-semi-gray);
  max-width: 100%;
}
.add-post
  form
  .col-form-label
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered
  li {
  margin-top: 6px !important;
}
.add-post
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: var(--theme-default);
  border: 1px solid var(--theme-default);
  color: #fff;
}
.add-post
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice
  .select2-selection__choice__remove {
  color: #fff;
  color: var(--white);
  float: right;
  margin-left: 0.5rem;
}
[dir="rtl"]
  .add-post
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice
  .select2-selection__choice__remove {
  float: left;
  margin-left: 0;
  margin-right: 0.5rem;
}
.add-post .dropzone {
  margin-bottom: 30px;
}
.select2-container--open .select2-dropdown {
  z-index: 7;
}
.select2-container {
  width: 100% !important;
}
.select2-container.select2 .selection {
  display: block !important;
}
.select2-drpdwn .select2-selection {
  border-color: #f4f5f8 !important;
  border-radius: 0 !important;
  height: 40px !important;
  padding: 5px;
}
.select2-drpdwn .form-control {
  border-radius: 5px;
}
.select2-drpdwn .form-control-primary {
  border-color: var(--theme-default);
  color: var(--theme-default);
}
.select2-drpdwn .form-control-secondary {
  border-color: #c280d2;
  color: #c280d2;
}
.select2-drpdwn .form-control-success {
  border-color: #17a600;
  color: #17a600;
}
.select2-drpdwn .form-control-info {
  border-color: #2e8dd3;
  color: #2e8dd3;
}
.select2-drpdwn .form-control-warning {
  border-color: #f0ad4e;
  color: #f0ad4e;
}
.select2-drpdwn .form-control-danger {
  border-color: #c42a02;
  color: #c42a02;
}
.select2-drpdwn .form-control-inverse {
  border-color: #2c2c31;
  color: #2c2c31;
}
.select2-drpdwn .form-control-primary-fill {
  background-color: var(--theme-default);
  color: #fff;
}
.select2-drpdwn .form-control-secondary-fill {
  background-color: #c280d2;
  background-color: var(--theme-secondary);
  color: #fff;
}
.select2-drpdwn .form-control-success-fill {
  background-color: #17a600;
  color: #fff;
}
.select2-drpdwn .form-control-info-fill {
  background-color: #2e8dd3;
  color: #fff;
}
.select2-drpdwn .form-control-warning-fill {
  background-color: #f0ad4e;
  color: #fff;
}
.select2-drpdwn .form-control-danger-fill {
  background-color: #c42a02;
  color: #fff;
}
.select2-drpdwn .form-control-inverse-fill {
  background-color: #2c2c31;
  color: #fff;
}
.filepond--drop-label .filepond--label-action {
  color: #c42a02;
  text-decoration: none;
}
.filepond--list .filepond--file {
  background-color: var(--theme-default);
}
.customLook {
  border: none;
  display: inline-block;
  min-width: 0;
}
.customLook .tagify__tag {
  margin-top: 0;
}
.customLook .tagify__tag:only-of-type .tagify__tag__removeBtn {
  display: none;
}
.customLook .tagify__tag:hover .tagify__tag__removeBtn {
  margin-left: -1ch;
  opacity: 1;
  transform: none;
}
.customLook .tagify__tag__removeBtn {
  margin-left: -3ch;
  opacity: 0;
  transform: translateX(-6px) scale(0.5);
  transition: 0.12s;
}
.customLook + button {
  background: none;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 2px inset var(--theme-default);
  color: var(--theme-default);
  cursor: pointer;
  font: 700 1.4em/1.65 Arial;
  height: 1.65em;
  margin: 0 0 0 5px;
  outline: none;
  transition: 0.1s ease-out;
  vertical-align: initial;
  width: 1.65em;
}
.customLook + button:hover {
  box-shadow: 0 0 0 5px inset var(--theme-default);
}
.customLook .tagify__input {
  display: none;
}
.tagify--empty .tagify__input:before {
  color: #3d3d47;
  color: var(--body-font-color);
}
.customSuggestionsList > div {
  border: 2px solid #52526c33;
  border: 2px solid var(--chart-dashed-border);
  max-height: 300px;
  min-height: 50px;
  overflow: auto;
}
.customSuggestionsList .empty {
  color: var(--theme-default);
  font-size: 20px;
  padding: 1em;
  text-align: center;
}
.tagify__dropdown.extra-properties .tagify__dropdown__item > img {
  border-radius: 2px;
  display: inline-block;
  height: 20px;
  margin-right: 5px;
  transform: scale(0.75);
  transition: 0.12s ease-out;
  vertical-align: middle;
}
.tagify__dropdown.extra-properties .tagify__dropdown__item--active > img,
.tagify__dropdown.extra-properties .tagify__dropdown__item:hover > img {
  margin-right: 12px;
  transform: none;
}
.tagify.countries .tagify__input {
  min-width: 175px;
}
.tagify.countries tag {
  white-space: nowrap;
}
.tagify.countries tag img {
  border-radius: 2px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  pointer-events: none;
}
.tagify--select {
  width: 100%;
}
.tagify__dropdown__wrapper {
  background: #fff;
  border-color: #52526c4d;
  border-color: var(--recent-dashed-border);
}
.tagify__dropdown__item--active {
  background-color: #ccc;
  color: #3d3d47;
  color: var(--body-font-color);
}
.tagify {
  --tags-focus-border-color: $gray-60;
}
.tagify__input {
  color: #2c2c31;
}
.tagify--select:after {
  color: #3d3d47;
  color: var(--body-font-color);
}
[dir="rtl"] .tagify--select:after {
  left: 0;
  right: auto;
  transform: translate(150%, -50%) scaleX(1.2) rotate(90deg);
}
[dir="rtl"] .tagify--select .tagify__tag {
  left: 1.8em;
  right: auto;
}
[dir="rtl"] .tagify--select[aria-expanded="true"]:after {
  transform: translate(150%, -50%) rotate(270deg) scale(1.2);
}
.international-num input {
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 10px;
  width: calc(238px + 0.625vw);
}
.international-num input:focus {
  outline-color: #ccc;
}
.international-num input::placeholder {
  color: #ccc;
}
.international-num .results ul {
  border: 1px solid #ccc;
  line-height: 1.9;
  margin-top: 12px;
  padding: 8px;
}
.iti--allow-dropdown .iti__flag {
  background-image: url(/mbanking/static/media/flags.59a9215520b0d0e3aecd.png);
}
.select-box {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 400px;
}
.select-box .options-container {
  background: #43b9b21a;
  background: var(--theme-default-light-bg);
  border-radius: 0 0 8px 8px;
  color: #3d3d47;
  color: var(--body-font-color);
  max-height: 0;
  opacity: 0;
  order: 1;
  overflow: hidden;
  transition: all 0.4s;
  width: 100%;
}
.select-box .options-container::-webkit-scrollbar {
  width: 8px;
}
.select-box .options-container::-webkit-scrollbar,
.select-box .options-container::-webkit-scrollbar-thumb {
  background: #ecf3fa80;
  background: var(--view-grid-bg);
  border-radius: 0 8px 8px 0;
}
.select-box .options-container.active {
  margin-top: 53px;
  max-height: 240px;
  opacity: 1;
  overflow-y: scroll;
}
@media (min-width: 1007px) and (max-width: 1920px) {
  .select-box .options-container.active {
    max-width: calc(116.10077px + 14.78642vw);
  }
}
@media (min-width: 768px) and (max-width: 1006px) {
  .select-box .options-container.active {
    max-width: calc(62.28992px + 23.10924vw);
  }
}
@media (max-width: 767px) {
  .select-box .options-container.active {
    margin-top: 46px;
    max-width: calc(118.15213px + 38.70246vw);
  }
}
.select-box .options-container.active + .selected-box:after {
  top: -6px;
  transform: rotateX(180deg);
}
.select-box .options-container.active ~ .search-box input {
  opacity: 1;
  pointer-events: auto;
}
.select-box .selection-option {
  cursor: pointer;
  padding: 12px 24px;
}
.select-box .selection-option:hover {
  background: #ccc;
}
.select-box .selection-option .radio {
  display: none;
}
.select-box label,
.selected-box {
  cursor: pointer;
}
.selected-box {
  background: #f5f6f9;
  background: var(--light2);
  color: .selected-box #fff;
  order: 0;
  padding: 12px 24px;
  position: relative;
}
[data-theme="dark"] .selected-box {
  background: #f9fafc;
  background: var(--body-color);
  border-color: #f9fafc;
  border-color: var(--body-color);
}
@media (min-width: 1007px) and (max-width: 1920px) {
  .selected-box {
    max-width: calc(116.10077px + 14.78642vw);
  }
}
@media (min-width: 768px) and (max-width: 1006px) {
  .selected-box {
    max-width: calc(62.28992px + 23.10924vw);
  }
}
@media (max-width: 767px) {
  .selected-box {
    max-width: calc(118.15213px + 38.70246vw);
  }
}
.selected-box:after {
  content: "\f078";
  font-family: FontAwesome;
  height: 100%;
  position: absolute;
  right: 10px;
  top: 12px;
  transition: all 0.4s;
  width: 32px;
}
[dir="rtl"] .selected-box:after {
  left: 10px;
  right: auto;
}
.search-box input {
  border: 2px solid #52526c33;
  border: 2px solid var(--chart-dashed-border);
  border-radius: 6px;
  font-size: 16px;
  opacity: 0;
  padding: 12px 16px;
  pointer-events: none;
  position: absolute;
  transition: all 0.4s;
  width: 100%;
  z-index: 1;
}
[data-theme="dark"] .search-box input {
  background: #f9fafc;
  background: var(--body-color);
  border-color: #f9fafc;
  border-color: var(--body-color);
}
@media (min-width: 1007px) and (max-width: 1920px) {
  .search-box input {
    max-width: calc(116.10077px + 14.78642vw);
  }
}
@media (min-width: 768px) and (max-width: 1006px) {
  .search-box input {
    max-width: calc(62.28992px + 23.10924vw);
  }
}
@media (max-width: 767px) {
  .search-box input {
    max-width: calc(118.15213px + 38.70246vw);
    padding: 9px 16px;
  }
}
.search-box input:focus {
  outline: none;
}
body.modal-open .select2-container--open .select2-dropdown {
  z-index: 1076;
}
.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--theme-default);
  color: #fff;
}
[data-theme="dark"]
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #767676;
  color: var(--light-font);
}
[data-theme="dark"]
  .select2-container--default
  .select2-search--dropdown
  .select2-search__field,
[data-theme="dark"] .select2-search--dropdown {
  background: #f9fafc;
  background: var(--body-color);
}
.tagify__tag:hover:not([readonly]) div:before {
  --tag-bg-inset: 0px;
}
.tagify {
  border: none;
}
[data-theme="dark"] .tagify__dropdown__wrapper {
  background: #f9fafc;
  background: var(--body-color);
}
[data-theme="dark"] .tagify__tag-text {
  color: #fff;
}
[data-theme="dark"] .international-num input {
  background: #f9fafc;
  background: var(--body-color);
  border-color: #f9fafc;
  border-color: var(--body-color);
}
.international-num input:focus {
  outline: none;
}
.select-box .selection-option:hover,
.tagify__dropdown__item.tagify__dropdown__item--active {
  background: #f9fafc;
  background: var(--body-color);
}
[data-theme="dark"] .tagify__tag {
  --tag-bg: #22262c;
  --tag-hover: #22262c;
  --tag-remove-btn-color: $white;
}
.typeahead-page .theme-form input[type="date"],
.typeahead-page .theme-form input[type="datetime-local"],
.typeahead-page .theme-form input[type="email"],
.typeahead-page .theme-form input[type="file"],
.typeahead-page .theme-form input[type="month"],
.typeahead-page .theme-form input[type="number"],
.typeahead-page .theme-form input[type="password"],
.typeahead-page .theme-form input[type="tel"],
.typeahead-page .theme-form input[type="text"],
.typeahead-page .theme-form input[type="time"],
.typeahead-page .theme-form input[type="url"],
.typeahead-page .theme-form input[type="week"],
.typeahead-page .theme-form select,
.typeahead-page .theme-form textarea {
  padding: 0;
}
.typeahead-page .theme-form input[type="search"] {
  padding: 4px 0 4px 2px;
}
[data-theme="dark"] .typeahead-page .theme-form input[type="search"] {
  background-color: #f9fafc;
  background-color: var(--body-color);
}
.search-page .d-flex .flex-grow-1 {
  overflow: hidden;
}
.search-page .theme-form input {
  border: 1px solid var(--theme-default);
  border-radius: 10px 0 0 10px;
  flex: 1 1 auto;
  padding-left: 20px;
}
.search-page .theme-form input::placeholder {
  color: var(--theme-default);
}
.search-page .theme-form input:focus {
  outline: none;
}
.search-page .theme-form .input-group .btn {
  font-size: 16px;
  line-height: 32px;
}
.search-page .theme-form .input-group .btn:hover {
  color: #fff;
}
.search-page .theme-form .input-group .form-control-plaintext {
  background: #0000;
}
.search-page .theme-form .btn {
  border-radius: 0 5px 5px 0 !important;
}
[dir="rtl"] .search-page .theme-form .btn {
  border-radius: 5px 0 0 5px !important;
}
.search-page .h6,
.search-page h6 {
  line-height: 1.4;
}
.search-page .nav-link {
  font-weight: 500;
  text-transform: uppercase;
}
.search-page .border-tab.nav-tabs .material-border {
  border-bottom-width: 1px;
}
.search-page .border-tab.nav-tabs .nav-item .nav-link {
  font-size: 15px;
  padding: 10px 18px;
}
.search-page .media .media-body {
  overflow: hidden;
}
.search-page .info-block {
  border: 1px solid #6a71854d;
  border: 1px solid var(--solid-border);
  border-radius: 15px;
  padding: 30px;
}
@media (max-width: 991.98px) {
  .search-page .info-block {
    flex-wrap: wrap;
  }
}
@media (max-width: 575.98px) {
  .search-page .info-block {
    display: block;
  }
}
@media only screen and (max-width: 360px) {
  .search-page .info-block {
    padding: 20px;
  }
}
.search-page .info-block a {
  color: #979797;
  color: var(--light-text);
  display: block;
  margin-bottom: 3px;
}
.search-page .info-block .h6,
.search-page .info-block h6 {
  color: var(--theme-default);
}
@media (max-width: 991.98px) {
  .search-page .info-block .flex-grow-1 {
    flex: 1 1;
    overflow: hidden;
  }
}
@media (max-width: 767.98px) {
  .search-page .info-block .flex-grow-1 {
    flex: initial;
  }
}
.search-page .info-block + .info-block {
  margin-top: 20px;
}
.search-page .border-tab.nav-tabs {
  align-items: left;
  justify-content: end;
}
.search-page .border-tab.nav-tabs .nav-item {
  width: auto;
}
.search-page .search-links .h6,
.search-page .search-links h6 {
  margin-bottom: 10px;
}
.search-page p {
  color: #979797;
  color: var(--light-text);
  margin-bottom: 0;
  text-transform: lowercase;
}
.search-page ul.search-info li {
  color: #979797;
  color: var(--light-text);
  display: inline-block;
  font-size: 12px;
  line-height: 1;
}
.search-page ul.search-info li + li {
  border-left: 1px solid #aaaab2;
  margin-left: 8px;
  padding-left: 8px;
}
.search-page ul.search-info li i {
  color: #f0ad4e;
}
.search-page ul.search-info li i:not(:last-child) {
  margin-right: 4px;
}
.search-page #video-links .embed-responsive + .embed-responsive {
  margin-top: 30px;
}
.search-list {
  border: none;
  border-radius: 10px;
  display: inline-flex;
  margin-bottom: 30px;
  overflow: hidden;
  width: auto;
}
@media (max-width: 991.98px) {
  .search-list {
    justify-content: center;
  }
}
.search-list .nav-item {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
}
.search-list .nav-item .nav-link {
  border: none;
  opacity: 0.5;
  padding: 0.7rem 1.5rem;
}
.search-list .nav-item .nav-link.active {
  color: var(--theme-default);
  opacity: 1;
}
.search-list .nav-item .nav-link.active,
.search-list .nav-item.active,
.search-list .nav-item.show {
  background-color: #43b9b21a;
  background-color: var(--theme-default-light-bg);
}
@media (max-width: 575.98px) {
  .nav {
    border-bottom: none;
    display: inherit;
    text-align: center;
  }
}
.box-layout {
  background-blend-mode: overlay;
  background-color: #ffffff80;
  background-image: url(/mbanking/static/media/boxbg.0efa90f4f2210ed69bc8.jpg);
}
@media only screen and (min-width: 1280px) {
  .box-layout .contact .md-sidebar .md-sidebar-aside {
    z-index: 1090;
  }
  .box-layout .learning-filter {
    order: -1;
  }
  .box-layout .job-accordion .card {
    margin-bottom: 15px;
  }
  .box-layout .job-cards-view .md-sidebar .job-sidebar.open {
    background-color: #fff;
    background-color: var(--card-color);
    padding: 20px 20px 0;
  }
  .box-layout .md-sidebar .md-sidebar-toggle {
    display: block;
  }
  .box-layout .md-sidebar .md-sidebar-aside {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 40px;
    visibility: hidden;
    width: 280px;
    z-index: 3;
  }
  .box-layout .md-sidebar .md-sidebar-aside.open {
    opacity: 1;
    visibility: visible;
  }
  .box-layout .whishlist-main [class*="col-"] {
    width: 25%;
  }
  .box-layout .feedback li:not(:last-child) {
    margin-right: 8px;
  }
  .box-layout .choropleth-map,
  .box-layout .data-basic-map {
    margin-left: -97px;
    transform: scale(0.6);
  }
  .box-layout .data-map-glob svg {
    margin-left: -280px;
    transform: scale(0.9);
  }
  .box-layout .data-map svg {
    margin-left: -404px;
    transform: scale(0.7);
  }
  .box-layout .sourced-data-table table.dataTable tbody tr td:first-child {
    min-width: 110px;
  }
  .box-layout .sourced-data-table table.dataTable tbody tr td:nth-child(2) {
    min-width: 195px;
  }
  .box-layout .sourced-data-table table.dataTable tbody tr td:nth-child(4) {
    min-width: 95px;
  }
  .box-layout .page-wrapper.compact-wrapper,
  .box-layout.page-wrapper.compact-wrapper {
    margin-top: 40px;
  }
  .box-layout .page-wrapper.compact-wrapper .page-body-wrapper,
  .box-layout.page-wrapper.compact-wrapper .page-body-wrapper {
    box-shadow: 4px 11px 25px #00000012;
    margin: 0 auto;
    width: 1280px;
  }
  .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-sidebar,
  .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-sidebar {
    height: auto;
    left: auto;
    margin-top: 0;
    top: 119px;
  }
  .box-layout
    .page-wrapper.compact-wrapper
    .page-body-wrapper
    .page-sidebar
    .sidebar-menu,
  .box-layout.page-wrapper.compact-wrapper
    .page-body-wrapper
    .page-sidebar
    .sidebar-menu {
    height: calc(100vh - 162px);
    overflow-x: hidden;
  }
  .box-layout
    .page-wrapper.compact-wrapper
    .page-body-wrapper
    .page-sidebar.close_icon
    ~ footer,
  .box-layout.page-wrapper.compact-wrapper
    .page-body-wrapper
    .page-sidebar.close_icon
    ~ footer {
    left: 47%;
    width: 1200px;
  }
  .box-layout
    .page-wrapper.compact-wrapper
    .page-body-wrapper
    .page-sidebar.close_icon
    ~ .footer-fix,
  .box-layout.page-wrapper.compact-wrapper
    .page-body-wrapper
    .page-sidebar.close_icon
    ~ .footer-fix {
    padding-left: 0;
  }
  .box-layout
    .page-wrapper.compact-wrapper
    .page-body-wrapper
    .page-sidebar.close_icon
    .page-sidebar
    .sidebar-menu,
  .box-layout.page-wrapper.compact-wrapper
    .page-body-wrapper
    .page-sidebar.close_icon
    .page-sidebar
    .sidebar-menu {
    height: calc(100vh - 196px);
  }
  .box-layout
    .page-wrapper.compact-wrapper
    .page-body-wrapper
    .page-sidebar
    .logo-wrapper,
  .box-layout.page-wrapper.compact-wrapper
    .page-body-wrapper
    .page-sidebar
    .logo-wrapper {
    box-shadow: 0 8px 6px -6px #59667a1a;
  }
  .box-layout
    .page-wrapper.compact-wrapper
    .page-body-wrapper
    .page-sidebar
    .page-sidebar
    .sidebar-menu,
  .box-layout.page-wrapper.compact-wrapper
    .page-body-wrapper
    .page-sidebar
    .page-sidebar
    .sidebar-menu {
    height: calc(100vh - 191px);
    margin-bottom: 20px;
    margin-top: 10px;
  }
  .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body,
  .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin-left: 260px;
    margin-top: 0;
    max-height: calc(100vh - 220px);
    min-height: calc(100vh - 160px);
    overflow: scroll;
    padding-bottom: 50px;
  }
  .box-layout
    .page-wrapper.compact-wrapper
    .page-body-wrapper
    .page-body::-webkit-scrollbar-track,
  .box-layout.page-wrapper.compact-wrapper
    .page-body-wrapper
    .page-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ecf3fa;
  }
  .box-layout
    .page-wrapper.compact-wrapper
    .page-body-wrapper
    .page-body::-webkit-scrollbar,
  .box-layout.page-wrapper.compact-wrapper
    .page-body-wrapper
    .page-body::-webkit-scrollbar {
    width: 6px;
  }
  .box-layout
    .page-wrapper.compact-wrapper
    .page-body-wrapper
    .page-body::-webkit-scrollbar-thumb,
  .box-layout.page-wrapper.compact-wrapper
    .page-body-wrapper
    .page-body::-webkit-scrollbar-thumb {
    background-color: #43b9b226;
  }
  .box-layout .page-wrapper.compact-wrapper .page-body-wrapper footer,
  .box-layout.page-wrapper.compact-wrapper .page-body-wrapper footer {
    left: 50%;
    margin: 0 auto;
    margin-bottom: 40px !important;
    padding-left: 280px;
    position: fixed;
    transform: translate(-50%);
    width: 1280px;
    z-index: 9;
  }
  .box-layout .page-wrapper.horizontal-sidebar .page-body-wrapper,
  .box-layout.page-wrapper.horizontal-sidebar .page-body-wrapper {
    margin: 0 auto !important;
    overflow-x: visible;
    overflow-x: initial;
    position: relative;
    width: 1280px;
  }
  .box-layout .page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar,
  .box-layout.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar {
    margin: 0;
    overflow-x: hidden;
    position: relative;
    width: 1280px;
  }
  .box-layout
    .page-wrapper.horizontal-sidebar
    .page-body-wrapper
    .page-sidebar
    .sidebar-menu
    .sidebar-list
    .sidebar-link,
  .box-layout.page-wrapper.horizontal-sidebar
    .page-body-wrapper
    .page-sidebar
    .sidebar-menu
    .sidebar-list
    .sidebar-link {
    gap: 8px;
    padding: 5px 10px;
  }
  .box-layout .page-wrapper.horizontal-sidebar .page-body-wrapper .page-body,
  .box-layout.page-wrapper.horizontal-sidebar .page-body-wrapper .page-body {
    margin-top: 0;
    max-height: calc(100vh - 230px);
    min-height: calc(100vh - 310px);
    overflow: scroll;
  }
  .box-layout .page-wrapper.horizontal-sidebar .page-body-wrapper .footer,
  .box-layout.page-wrapper.horizontal-sidebar .page-body-wrapper .footer {
    left: 50%;
    margin: 0 auto;
    margin-bottom: 40px !important;
    position: fixed;
    transform: translate(-50%);
    width: 1280px;
  }
  .box-layout .page-wrapper .page-header,
  .box-layout.page-wrapper .page-header {
    left: 0;
    margin: 40px auto 0;
    max-width: 1280px;
    right: 0;
    transition: 0.5s;
    width: auto;
  }
  .box-layout .page-wrapper .page-header.close_icon,
  .box-layout.page-wrapper .page-header.close_icon {
    margin-left: auto;
    padding-left: 0;
    transition: 0.5s;
    width: 100%;
  }
  .box-layout
    .page-wrapper
    .page-header
    .page-main-header
    .header-left
    .search-form
    .input-group,
  .box-layout.page-wrapper
    .page-header
    .page-main-header
    .header-left
    .search-form
    .input-group {
    width: 350px;
  }
  .box-layout .page-wrapper.sidebar-close,
  .box-layout.page-wrapper.sidebar-close {
    transition: all 0.5s;
  }
  .box-layout .page-wrapper.sidebar-close .page-body-wrapper .page-sidebar,
  .box-layout.page-wrapper.sidebar-close .page-body-wrapper .page-sidebar {
    left: -263px !important;
    transition: all 0.3s;
  }
  .box-layout .page-wrapper.sidebar-close .page-body-wrapper .page-body,
  .box-layout.page-wrapper.sidebar-close .page-body-wrapper .page-body {
    margin-left: 0;
    transition: all 0.5s;
  }
  .box-layout .page-wrapper.sidebar-close .page-body-wrapper .footer,
  .box-layout.page-wrapper.sidebar-close .page-body-wrapper .footer {
    padding-left: 20px;
    transition: all 0.5s;
  }
  .box-layout .page-wrapper.advance-layout .page-header,
  .box-layout.page-wrapper.advance-layout .page-header {
    box-shadow: 0 0 10px #00000012;
  }
  .box-layout .page-wrapper.advance-layout .page-body-wrapper,
  .box-layout.page-wrapper.advance-layout .page-body-wrapper {
    margin-top: 0;
  }
  .box-layout
    .page-wrapper
    .page-body-wrapper
    .todo
    .todo-list-wrapper
    #todo-list
    li
    .task-responsive,
  .box-layout.page-wrapper
    .page-body-wrapper
    .todo
    .todo-list-wrapper
    #todo-list
    li
    .task-responsive {
    min-width: 1087px;
    overflow: auto;
  }
  .box-layout .page-wrapper .page-body-wrapper .active-order-table,
  .box-layout.page-wrapper .page-body-wrapper .active-order-table {
    max-width: 443px;
    overflow: auto;
  }
  .box-layout
    .page-wrapper
    .page-body-wrapper
    .active-order-table
    table
    tbody
    tr
    td
    p,
  .box-layout.page-wrapper
    .page-body-wrapper
    .active-order-table
    table
    tbody
    tr
    td
    p {
    width: 100px;
  }
  .box-layout
    .page-wrapper
    .page-body-wrapper
    .activity
    .media
    .gradient-round.gradient-line-1:after,
  .box-layout.page-wrapper
    .page-body-wrapper
    .activity
    .media
    .gradient-round.gradient-line-1:after {
    bottom: -64px;
    height: 57px;
  }
  .box-layout
    .page-wrapper
    .page-body-wrapper
    .activity
    .media
    .gradient-round.small-line:after,
  .box-layout.page-wrapper
    .page-body-wrapper
    .activity
    .media
    .gradient-round.small-line:after {
    bottom: -43px;
    height: 36px;
  }
  .box-layout
    .page-wrapper
    .page-body-wrapper
    .activity
    .media
    .gradient-round.medium-line:after,
  .box-layout.page-wrapper
    .page-body-wrapper
    .activity
    .media
    .gradient-round.medium-line:after {
    bottom: -48px;
    height: 40px;
  }
  .box-layout .page-wrapper .page-body-wrapper .blockquote-footer,
  .box-layout.page-wrapper .page-body-wrapper .blockquote-footer {
    margin-left: 0;
    width: 100%;
  }
  .box-layout .page-wrapper .page-body-wrapper .footer-fix,
  .box-layout.page-wrapper .page-body-wrapper .footer-fix {
    padding-left: 230px;
  }
  .box-layout .page-wrapper .page-body-wrapper canvas#myLineCharts,
  .box-layout.page-wrapper .page-body-wrapper canvas#myLineCharts {
    width: 100%;
  }
  .box-layout .page-wrapper .page-body-wrapper .caller-img,
  .box-layout.page-wrapper .page-body-wrapper .caller-img {
    left: 15px;
    max-width: 100%;
    position: absolute;
    width: 100%;
  }
  .box-layout .page-wrapper .page-body-wrapper .caller-img img,
  .box-layout.page-wrapper .page-body-wrapper .caller-img img {
    opacity: 0.7;
  }
  .box-layout .page-wrapper .page-body-wrapper .browser-widget img,
  .box-layout.page-wrapper .page-body-wrapper .browser-widget img {
    height: 65px;
  }
  .box-layout .page-wrapper .page-body-wrapper .custom-card .card-header img,
  .box-layout.page-wrapper .page-body-wrapper .custom-card .card-header img {
    margin-top: -73px;
  }
  .box-layout .page-wrapper .page-body-wrapper .custom-card .card-profile img,
  .box-layout.page-wrapper .page-body-wrapper .custom-card .card-profile img {
    height: 130px;
    top: -17px;
  }
  .box-layout .page-wrapper .page-body-wrapper .select2,
  .box-layout.page-wrapper .page-body-wrapper .select2 {
    width: 901.781px;
  }
  .box-layout .page-wrapper ul.close_icon > li label,
  .box-layout.page-wrapper ul.close_icon > li label {
    padding: 0;
  }
  .box-layout .page-wrapper ul.close_icon > li label:after,
  .box-layout.page-wrapper ul.close_icon > li label:after {
    display: none;
  }
  .box-layout .page-wrapper .bookmark ul,
  .box-layout.page-wrapper .bookmark ul {
    margin-right: -1px;
  }
  .box-layout
    .page-wrapper
    #batchDelete
    .jsgrid-grid-header
    .jsgrid-table
    tr
    th
    .btn,
  .box-layout.page-wrapper
    #batchDelete
    .jsgrid-grid-header
    .jsgrid-table
    tr
    th
    .btn {
    padding-left: 20px;
    padding-right: 20px;
  }
  .box-layout .page-wrapper .alert.inverse p,
  .box-layout.page-wrapper .alert.inverse p {
    display: block;
    max-width: 238px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .box-layout .page-wrapper .auth-bg-video video,
  .box-layout.page-wrapper .auth-bg-video video {
    min-width: 67%;
    width: 67%;
  }
  .box-layout .page-wrapper .card .blog-box.blog-grid.set-min-height,
  .box-layout.page-wrapper .card .blog-box.blog-grid.set-min-height {
    min-height: 400px;
  }
  .box-layout
    .page-wrapper
    .flot-chart-placeholder#donut-color-chart-morris-daily,
  .box-layout.page-wrapper
    .flot-chart-placeholder#donut-color-chart-morris-daily {
    min-height: 430px;
  }
  .box-layout .page-wrapper .box-col-12,
  .box-layout.page-wrapper .box-col-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .box-layout .page-wrapper .box-col-6,
  .box-layout.page-wrapper .box-col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .box-layout .page-wrapper .box-col-3,
  .box-layout.page-wrapper .box-col-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .box-layout .page-wrapper .box-col-7,
  .box-layout.page-wrapper .box-col-7 {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .box-layout .page-wrapper .box-col-5,
  .box-layout.page-wrapper .box-col-5 {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .box-layout .page-wrapper .box-col-8,
  .box-layout.page-wrapper .box-col-8 {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .box-layout .page-wrapper .box-col-4e,
  .box-layout.page-wrapper .box-col-4e {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .box-layout .page-wrapper .box-col-4,
  .box-layout.page-wrapper .box-col-4 {
    flex: 0 0 33.33%;
    max-width: 33%;
  }
  .box-layout .page-wrapper .box-col-8,
  .box-layout .page-wrapper .box-col-8e,
  .box-layout.page-wrapper .box-col-8,
  .box-layout.page-wrapper .box-col-8e {
    flex: 0 0 66.67%;
    max-width: 66.67%;
  }
  .box-layout .page-wrapper .box-col-none,
  .box-layout.page-wrapper .box-col-none {
    display: none !important;
  }
  .box-layout
    .page-wrapper
    .email-wrap
    .email-body
    .email-compose
    .cke_contents.cke_reset,
  .box-layout.page-wrapper
    .email-wrap
    .email-body
    .email-compose
    .cke_contents.cke_reset {
    max-height: 165px;
  }
  .box-layout .page-wrapper .email-wrap .row .col-xl-6,
  .box-layout.page-wrapper .email-wrap .row .col-xl-6 {
    padding-left: 12px;
  }
  .box-layout .page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3,
  .box-layout.page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3 {
    padding-right: 12px;
  }
  .box-layout .page-wrapper .email-wrap .email-right-aside .email-body .inbox,
  .box-layout.page-wrapper .email-wrap .email-right-aside .email-body .inbox {
    height: 644px;
  }
  .box-layout .page-wrapper .todo .notification-popup,
  .box-layout.page-wrapper .todo .notification-popup {
    right: 320px;
  }
  .box-layout .page-wrapper .touchspin,
  .box-layout.page-wrapper .touchspin {
    padding: 0 10px;
  }
  .box-layout .page-wrapper .comingsoon video,
  .box-layout.page-wrapper .comingsoon video {
    min-width: 67%;
    width: 67%;
  }
  .box-layout .faq-accordion.default-according {
    margin-bottom: 0;
  }
  .box-layout .default-dashboard .profile-greeting .h1,
  .box-layout .default-dashboard .profile-greeting h1 {
    font-size: 25px !important;
  }
  .box-layout .default-dashboard .profile-greeting p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: auto !important;
  }
  .box-layout .default-dashboard .profile-greeting .card-body {
    background-image: none !important;
    height: 251px;
    padding: 15px !important;
  }
  .box-layout .default-dashboard .profile-greeting .card-body .img-overlay {
    background-color: #43b9b240;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-evenly;
    padding: 20px 11px !important;
    text-align: center;
  }
  .box-layout .default-dashboard .profile-greeting .btn {
    margin-top: 0;
  }
  .box-layout .default-dashboard .project-card .card-header .icon-dropdown {
    display: none;
  }
  .box-layout .default-dashboard .project-card .card-body .h4,
  .box-layout .default-dashboard .project-card .card-body h4 {
    font-size: 18px !important;
  }
  .box-layout .default-dashboard .project-card .card-body .col-xl-5 {
    width: 100%;
  }
  .box-layout .default-dashboard .client-card .card-body .custom-width-1,
  .box-layout .default-dashboard .project-card .card-body ul {
    display: none;
  }
  .box-layout .default-dashboard .client-card .card-body .custom-width-2 {
    width: 100%;
  }
  .box-layout .default-dashboard .client-card .card-body .client,
  .box-layout .default-dashboard .client-card .card-body .project {
    margin: 0 9px;
  }
  .box-layout .default-dashboard .investing-card .investing {
    margin: 15px 0 -24px;
  }
  .box-layout .default-dashboard .custom-margin {
    display: none;
    width: 0;
  }
  .box-layout .default-dashboard .custom-margin + .custom-margin {
    display: block !important;
    width: 41.66%;
  }
  .box-layout
    .default-dashboard
    .task-card
    .card-body
    ul
    li.d-flex
    .flex-grow-1
    .h5,
  .box-layout
    .default-dashboard
    .task-card
    .card-body
    ul
    li.d-flex
    .flex-grow-1
    .h6,
  .box-layout
    .default-dashboard
    .task-card
    .card-body
    ul
    li.d-flex
    .flex-grow-1
    h5,
  .box-layout
    .default-dashboard
    .task-card
    .card-body
    ul
    li.d-flex
    .flex-grow-1
    h6 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: 100px;
  }
  .box-layout .default-dashboard .task-card .card-body ul li.d-flex .feather {
    display: none !important;
  }
  .box-layout .default-dashboard .task-card .card-body ul li + li {
    margin-top: 15px;
  }
  .box-layout .default-dashboard .invest-card .card-body ul li .h5,
  .box-layout .default-dashboard .invest-card .card-body ul li h5 {
    font-size: 14px;
  }
  .box-layout .default-dashboard .invest-card .card-body ul li .h6,
  .box-layout .default-dashboard .invest-card .card-body ul li h6 {
    font-size: 11px;
  }
  .box-layout
    .default-dashboard
    .invoice-card
    .datatable-wrapper
    table
    tr
    th:first-child,
  .box-layout
    .default-dashboard
    .invoice-card
    .datatable-wrapper
    table
    tr
    th:nth-child(2),
  .box-layout
    .default-dashboard
    .invoice-card
    .datatable-wrapper
    table
    tr
    th:nth-child(4),
  .box-layout
    .default-dashboard
    .invoice-card
    .datatable-wrapper
    table
    tr
    th:nth-child(5) {
    display: none;
  }
  .box-layout .default-dashboard .invoice-card .datatable-wrapper table tr td {
    padding: 6px 10px !important;
  }
  .box-layout .default-dashboard .course-table table tr th:nth-child(3),
  .box-layout .default-dashboard .course-table table tr th:nth-child(4),
  .box-layout
    .default-dashboard
    .invoice-card
    .datatable-wrapper
    table
    tr
    td:first-child,
  .box-layout
    .default-dashboard
    .invoice-card
    .datatable-wrapper
    table
    tr
    td:nth-child(2),
  .box-layout
    .default-dashboard
    .invoice-card
    .datatable-wrapper
    table
    tr
    td:nth-child(4),
  .box-layout
    .default-dashboard
    .invoice-card
    .datatable-wrapper
    table
    tr
    td:nth-child(5) {
    display: none;
  }
  .box-layout .default-dashboard .course-table table tr td {
    padding: 9px 12px;
  }
  .box-layout .default-dashboard .course-table table tr td .flex-grow-1 .h6,
  .box-layout .default-dashboard .course-table table tr td .flex-grow-1 h6 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
  .box-layout .default-dashboard .course-table table tr td:nth-child(3),
  .box-layout .default-dashboard .course-table table tr td:nth-child(4),
  .box-layout
    .default-dashboard
    .schedule-card
    .schedule-wrapper
    li:nth-child(4),
  .box-layout
    .default-dashboard
    .schedule-card
    .schedule-wrapper
    li:nth-child(5),
  .box-layout
    .default-dashboard
    .schedule-card
    .schedule-wrapper
    li:nth-child(6) {
    display: none;
  }
  .box-layout
    .default-dashboard
    .schedule-card
    ul.activity-update
    li.d-flex
    .flex-grow-1
    span {
    display: none !important;
  }
  .box-layout
    .default-dashboard
    .schedule-card
    ul.activity-update
    li.d-flex
    .flex-grow-1
    .h5,
  .box-layout
    .default-dashboard
    .schedule-card
    ul.activity-update
    li.d-flex
    .flex-grow-1
    .h6,
  .box-layout
    .default-dashboard
    .schedule-card
    ul.activity-update
    li.d-flex
    .flex-grow-1
    h5,
  .box-layout
    .default-dashboard
    .schedule-card
    ul.activity-update
    li.d-flex
    .flex-grow-1
    h6 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
  .box-layout .default-dashboard .notification-card .d-flex {
    padding: 14px 16px;
  }
  .box-layout .default-dashboard .notification-card .d-flex .flex-shrink-0 {
    display: none !important;
  }
  .box-layout .default-dashboard .notification-card .d-flex .flex-grow-1 .h6,
  .box-layout .default-dashboard .notification-card .d-flex .flex-grow-1 h6,
  .box-layout .default-dashboard .notification-card .d-flex .flex-grow-1 span {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
  .box-layout
    .default-dashboard
    .notification-card
    .d-flex
    .flex-grow-1
    .d-flex
    button {
    padding: 4px 10px;
  }
  .box-layout .ecommerce-dashboard .manage-order table tr td {
    padding: 16px 0;
  }
  .box-layout .ecommerce-dashboard .manage-order table tr td .d-block,
  .box-layout .ecommerce-dashboard .selling-table table thead tr th:first-child,
  .box-layout
    .ecommerce-dashboard
    .selling-table
    table
    thead
    tr
    th:nth-child(3),
  .box-layout
    .ecommerce-dashboard
    .selling-table
    table
    thead
    tr
    th:nth-child(4),
  .box-layout
    .ecommerce-dashboard
    .selling-table
    table
    thead
    tr
    th:nth-child(5) {
    display: none !important;
  }
  .box-layout .ecommerce-dashboard .selling-table table tbody tr td {
    padding: 10px 3px !important;
  }
  .box-layout .ecommerce-dashboard .selling-table table tbody tr td:first-child,
  .box-layout
    .ecommerce-dashboard
    .selling-table
    table
    tbody
    tr
    td:nth-child(3),
  .box-layout
    .ecommerce-dashboard
    .selling-table
    table
    tbody
    tr
    td:nth-child(4),
  .box-layout
    .ecommerce-dashboard
    .selling-table
    table
    tbody
    tr
    td:nth-child(5) {
    display: none !important;
  }
  .box-layout
    .ecommerce-dashboard
    .selling-table
    table
    tbody
    tr
    td
    .flex-grow-1
    .h6,
  .box-layout
    .ecommerce-dashboard
    .selling-table
    table
    tbody
    tr
    td
    .flex-grow-1
    h6 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
  .box-layout .ecommerce-dashboard .category ul {
    display: none !important;
  }
  .box-layout .ecommerce-dashboard .category .col-xl-6 {
    width: 100% !important;
  }
  .box-layout .ecommerce-dashboard .seller-table table thead th:first-child {
    max-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .box-layout .ecommerce-dashboard .seller-table table thead th:nth-child(3),
  .box-layout .ecommerce-dashboard .seller-table table thead th:nth-child(4) {
    display: none;
  }
  .box-layout .ecommerce-dashboard .seller-table table tbody tr td {
    padding: 17px 8px;
  }
  .box-layout
    .ecommerce-dashboard
    .seller-table
    table
    tbody
    tr
    td:first-child
    .h6,
  .box-layout
    .ecommerce-dashboard
    .seller-table
    table
    tbody
    tr
    td:first-child
    h6,
  .box-layout
    .ecommerce-dashboard
    .seller-table
    table
    tbody
    tr
    td:first-child
    span,
  .box-layout .ecommerce-dashboard .seller-table table tbody tr td:nth-child(3),
  .box-layout
    .ecommerce-dashboard
    .seller-table
    table
    tbody
    tr
    td:nth-child(4) {
    display: none;
  }
  .box-layout .ecommerce-dashboard .discount-product .discount-title {
    font-size: 15px;
  }
  .box-layout .ecommerce-dashboard .discount-product .discount-content {
    font-size: 16px;
  }
  .box-layout .ecommerce-dashboard .discount-product .d-flex .bg-light-primary,
  .box-layout
    .ecommerce-dashboard
    .discount-product
    .d-flex
    .bg-light-secondary {
    display: none;
  }
  .box-layout .ecommerce-dashboard .track-order .card-body {
    background-image: none;
  }
  .box-layout .ecommerce-dashboard .track-order .card-body .h5,
  .box-layout .ecommerce-dashboard .track-order .card-body h5 {
    margin-bottom: 4px;
  }
  .box-layout .ecommerce-dashboard .sale-product .col-5 {
    width: 100% !important;
  }
  .box-layout .ecommerce-dashboard .sale-product select {
    display: none !important;
  }
  .box-layout .ecommerce-dashboard .sale-product table {
    margin-top: 10px;
  }
  .box-layout
    .ecommerce-dashboard
    .sale-product
    table
    thead
    tr
    th:nth-child(3) {
    display: none;
  }
  .box-layout .ecommerce-dashboard .sale-product table tbody tr td {
    padding: 10px 1px 20px;
  }
  .box-layout .ecommerce-dashboard .sale-product table tbody tr td:last-child {
    min-width: 47px;
  }
  .box-layout
    .ecommerce-dashboard
    .sale-product
    table
    tbody
    tr
    td:nth-child(3) {
    display: none;
  }
  .box-layout
    .ecommerce-dashboard
    .sale-product
    table
    tbody
    tr:nth-child(n + 2)
    td {
    padding: 10px 1px 20px;
  }
  .box-layout .list-products table thead th:nth-child(3) {
    min-width: 110px;
  }
  .box-layout .list-products table thead th:nth-child(5) {
    min-width: 120px;
  }
  .box-layout .list-products table thead th:last-child {
    min-width: 135px;
  }
  .box-layout .autofill-datatable table.table thead th:after {
    top: 33px !important;
  }
  .box-layout .autofill-datatable table.table thead th:nth-child(2),
  .box-layout .autofill-datatable table.table thead th:nth-child(5),
  .box-layout .autofill-datatable table.table thead th:nth-child(7) {
    min-width: 100px;
  }
  .box-layout .complex-table table thead tr th:first-child {
    min-width: 115px;
  }
  .box-layout .complex-table table thead tr + tr th:first-child {
    min-width: 190px;
  }
  .box-layout .complex-table table thead tr + tr th:nth-child(3) {
    min-width: 100px;
  }
  .box-layout .support-ticket table thead th .datatable-sorter:before {
    bottom: 2px;
  }
  .box-layout .support-ticket table thead th .datatable-sorter:after {
    top: 2px;
  }
  .box-layout .support-ticket table thead th:nth-child(2) {
    min-width: 112px;
  }
  .box-layout .support-ticket table thead th:last-child,
  .box-layout .support-ticket table thead th:nth-child(5),
  .box-layout .support-ticket table thead th:nth-child(6) {
    min-width: 100px;
  }
  .box-layout .support-ticket table tbody td .d-flex {
    align-items: flex-start;
  }
  .box-layout .project-dashboard .total-project .col-6 {
    width: 100%;
  }
  .box-layout .project-dashboard .total-project .customer-chart {
    margin-bottom: 0;
  }
  .box-layout .project-dashboard .total-project .project-details {
    display: none;
  }
  .box-layout .project-dashboard .client-card .card-body .client-btn {
    margin-top: 21px;
  }
  .box-layout .project-dashboard .client-card .card-body .client-btn .px-5 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .box-layout .project-dashboard .project-chart .project {
    display: none;
  }
  .box-layout .project-dashboard .task-table .table {
    overflow: hidden;
  }
  .box-layout .project-dashboard .task-table .table tbody tr td {
    padding: 17px 0;
  }
  .box-layout .project-dashboard .task-table .table tbody tr td ul {
    column-count: 1;
    display: block;
    margin-right: 88px;
  }
  .box-layout
    .project-dashboard
    .task-table
    .table
    tbody
    tr
    td
    ul
    li:nth-child(2) {
    display: none;
  }
  .box-layout .project-dashboard .task-table .table tbody tr td:first-child {
    width: 20%;
  }
  .box-layout
    .project-dashboard
    .task-table
    .table
    tbody
    tr
    td:first-child
    .flex-shrink-0 {
    display: none !important;
  }
  .box-layout .project-dashboard .task-table .table tbody tr td:nth-child(2) {
    width: 20%;
  }
  .box-layout
    .project-dashboard
    .task-table
    .table
    tbody
    tr
    td:nth-child(2)
    .h6,
  .box-layout
    .project-dashboard
    .task-table
    .table
    tbody
    tr
    td:nth-child(2)
    h6 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
  .box-layout .project-dashboard .task-table .table tbody tr td:nth-child(3) {
    width: 50px;
  }
  .box-layout
    .project-dashboard
    .task-table
    .table
    tbody
    tr
    td:nth-child(3)
    .h6,
  .box-layout
    .project-dashboard
    .task-table
    .table
    tbody
    tr
    td:nth-child(3)
    h6 {
    display: none;
  }
  .box-layout .project-dashboard .list-card .list-item .h5,
  .box-layout .project-dashboard .list-card .list-item h5 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: 135px;
  }
  .box-layout .project-dashboard .list-card .list-item .btn {
    padding: 6px;
  }
  .box-layout .project-dashboard .calendar__header {
    padding: 15px 15px 27px;
  }
  .box-layout .project-dashboard .calendar__month,
  .box-layout .project-dashboard .calendar__year {
    font-size: 11px !important;
  }
  .box-layout .project-dashboard .calendar__btn {
    top: 10px;
  }
  .box-layout .project-dashboard .calendar__btn_prev {
    left: 0;
  }
  .box-layout .project-dashboard .calendar__btn_next {
    right: 0;
  }
  .box-layout
    .project-dashboard
    .team-table
    .table-responsive
    table
    tr
    td
    .flex-grow-1
    span,
  .box-layout
    .project-dashboard
    .team-table
    .table-responsive
    table
    tr
    td:last-child,
  .box-layout
    .project-dashboard
    .team-table
    .table-responsive
    table
    tr
    td:nth-child(3),
  .box-layout
    .project-dashboard
    .team-table
    .table-responsive
    table
    tr
    th:last-child,
  .box-layout
    .project-dashboard
    .team-table
    .table-responsive
    table
    tr
    th:nth-child(3) {
    display: none;
  }
  .box-layout .project-dashboard .timeline-items {
    padding-bottom: 35px;
    padding-top: 35px;
  }
  .box-layout .project-dashboard .timeline-items .timeline-box {
    padding: 15px 13px;
  }
  .box-layout
    .project-dashboard
    .timeline-items
    .timeline-box
    .flex-grow-1
    .f-15 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
  .box-layout .project-dashboard .timeline-items .timeline-box .team-member ul {
    display: none !important;
  }
  .box-layout .product-offer .card-body {
    padding-top: 0 !important;
  }
  .box-layout .product-offer .swiper .swiper-slide .item .product-gif {
    height: 32px;
    width: 32px;
  }
  .box-layout .product-offer .swiper .swiper-slide .item .product-content {
    margin-top: 1px;
  }
  .box-layout .product-offer .swiper .swiper-wrapper {
    padding-bottom: 20px !important;
  }
  .box-layout .product-offer .swiper .swiper-pagination {
    bottom: 10px !important;
    display: inline !important;
    display: initial !important;
    left: 50% !important;
    top: auto !important;
    transform: translateX(-50%) !important;
  }
  .box-layout
    .product-offer
    .swiper
    .swiper-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-radius: 10px;
    height: 7px;
    width: 25px;
  }
  .box-layout .card.esatae-card .card-body .esatae-body {
    gap: 5px !important;
  }
  .box-layout .card.esatae-card .card-body .esatae-body .flex-shrink-0 {
    display: none;
  }
  .box-layout .card.esatae-card .card-body .esatae-body .flex-grow-1 {
    width: 70px !important;
  }
  .box-layout .card.esatae-card .card-body .esatae-body .flex-grow-1 .h6,
  .box-layout .card.esatae-card .card-body .esatae-body .flex-grow-1 h6,
  .box-layout .card.esatae-card .card-body .esatae-body .flex-grow-1 span {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
  .box-layout
    .card.esatae-card
    .card-body
    .esatae-body
    .customer.avatar-group
    ul
    li
    img {
    width: 35px !important;
  }
  .box-layout
    .card.esatae-card
    .card-body
    .esatae-body
    .customer.avatar-group
    ul
    li
    + li {
    margin-left: -20%;
  }
  .box-layout
    .card.esatae-card
    .card-body
    .esatae-body
    .customer.avatar-group
    ul
    li:last-child {
    height: 35px;
    width: 35px !important;
  }
  .box-layout .summary-card .custom-width-1 {
    width: 100% !important;
  }
  .box-layout .summary-card .project-cost {
    border-right: 0;
    margin-right: 0 !important;
    text-align: center;
  }
  .box-layout .summary-card ul.d-flex {
    align-items: center;
    justify-content: center;
  }
  .box-layout .summary-card ul li {
    width: 95px;
  }
  .box-layout .summary-card .task-bottom {
    justify-content: center;
  }
  .box-layout .summary-card .task-bottom .h5,
  .box-layout .summary-card .task-bottom h5 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
  .box-layout .summary-card .task-bottom .badge {
    display: none;
  }
  .box-layout .summary-card .custom-width-2 {
    display: none !important;
  }
  .box-layout .invest-card .card-header .icon-dropdown {
    display: none;
  }
  .box-layout .progress-items .badge {
    display: none !important;
  }
  .box-layout .progress-items .h3,
  .box-layout .progress-items h3 {
    font-size: 18px !important;
    margin-top: 6px !important;
  }
  .box-layout .progress-items .flex-shrink-0 {
    height: 27px;
    width: 25px;
  }
  .box-layout .progress-items .progress-card p {
    display: none !important;
  }
  .box-layout .sale-progress ul li .badge,
  .box-layout .sale-progress ul li .flex-shrink-0 {
    display: none;
  }
  .box-layout .sale-progress ul li .flex-grow-1 .h5,
  .box-layout .sale-progress ul li .flex-grow-1 h5 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
  .box-layout .general-widget .schedule-card .schedule-wrapper li:nth-child(4),
  .box-layout .general-widget .schedule-card .schedule-wrapper li:nth-child(5),
  .box-layout .general-widget .schedule-card .schedule-wrapper li:nth-child(6) {
    display: none;
  }
  .box-layout
    .general-widget
    .schedule-card
    ul.activity-update
    li.d-flex
    .flex-grow-1
    .h5,
  .box-layout
    .general-widget
    .schedule-card
    ul.activity-update
    li.d-flex
    .flex-grow-1
    .h6,
  .box-layout
    .general-widget
    .schedule-card
    ul.activity-update
    li.d-flex
    .flex-grow-1
    h5,
  .box-layout
    .general-widget
    .schedule-card
    ul.activity-update
    li.d-flex
    .flex-grow-1
    h6,
  .box-layout
    .general-widget
    .schedule-card
    ul.activity-update
    li.d-flex
    .flex-grow-1
    span {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
  .box-layout
    .default-dashboard
    .project-card
    .card-body
    .align-items-center
    .custom-width {
    width: 100%;
  }
  .box-layout .job-sidebar {
    background-color: #fff;
    background-color: var(--card-color);
    box-shadow: 0 10px 44px 0 #0000001a;
    box-shadow: var(--dropdown-shadow);
    padding: 20px;
  }
}
html[dir="rtl"] .float-end {
  float: left !important;
}
html[dir="rtl"] .float-start {
  float: right !important;
}
html[dir="rtl"] .text-start {
  text-align: right !important;
}
html[dir="rtl"] .text-end,
html[dir="rtl"] .text-md-end {
  text-align: left !important;
}
html[dir="rtl"] .text-md-start {
  text-align: right !important;
}
html[dir="rtl"] .m-l-20 {
  margin-left: 0 !important;
  margin-right: 20px !important;
}
html[dir="rtl"] .p-r-0 {
  padding-left: 0;
  padding-right: 15px;
}
html[dir="rtl"] .text-sm-end {
  text-align: left !important;
}
html[dir="rtl"] .f-right {
  float: left !important;
}
html[dir="rtl"] .m-r-30 {
  margin-left: 30px;
  margin-right: 0;
}
html[dir="rtl"] .m-r-20 {
  margin-left: 20px;
  margin-right: 0;
}
html[dir="rtl"] .me-3 {
  margin-left: 1rem !important;
  margin-right: 0 !important;
}
html[dir="rtl"] .me-5 {
  margin-left: 3rem !important;
  margin-right: 0 !important;
}
html[dir="rtl"] .ms-3 {
  margin-left: 0 !important;
  margin-right: 1rem !important;
}
html[dir="rtl"] .me-4 {
  margin-left: 1.5rem !important;
  margin-right: 0 !important;
}
@media (min-width: 768px) {
  html[dir="rtl"] .float-md-end {
    float: left !important;
  }
}
html[dir="rtl"] .pe-0,
html[dir="rtl"] .ps-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html[dir="rtl"] .ms-1 {
  margin-left: 0 !important;
  margin-right: 0.25rem !important;
}
html[dir="rtl"] .pe-3 {
  padding-left: 1rem !important;
  padding-right: 0 !important;
}
html[dir="rtl"] .pe-4 {
  padding-left: 1.5rem !important;
  padding-right: 0 !important;
}
html[dir="rtl"] .me-1 {
  margin-left: 0.25rem !important;
  margin-right: 0 !important;
}
html[dir="rtl"] .p-l-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html[dir="rtl"] .m-l-10 {
  margin-left: 0 !important;
  margin-right: 10px !important;
}
html[dir="rtl"] .m-r-5 {
  margin-left: 5px;
  margin-right: 0;
}
html[dir="rtl"] .m-r-15 {
  margin-left: 15px;
  margin-right: 0;
}
html[dir="rtl"] .m-r-10 {
  margin-left: 10px;
  margin-right: 0;
}
html[dir="rtl"] .ps-4 {
  padding-left: 0 !important;
  padding-right: 1.5rem !important;
}
html[dir="rtl"] .me-2 {
  margin-left: 0.5rem !important;
  margin-right: 0 !important;
}
html[dir="rtl"] .ms-2 {
  margin-left: 0 !important;
  margin-right: 0.5rem !important;
}
html[dir="rtl"] .pe-2 {
  padding-left: 0.5rem !important;
  padding-right: 0 !important;
}
html[dir="rtl"] .float-sm-end {
  float: left !important;
}
html[dir="rtl"] .basic-wizard .stepper-horizontal .step:last-child {
  padding-left: 0;
  padding-right: 0;
}
html[dir="rtl"] .switch-wrapper .d-flex {
  margin-left: 20px;
  margin-right: 0;
}
html[dir="rtl"] .iconModal .modal-body .copy-text {
  left: 12px;
  right: auto;
}
html[dir="rtl"] .todo .notification-popup {
  left: 10px;
  opacity: 0.9;
  right: auto;
}
html[dir="rtl"] .contact-editform.ps-0 {
  padding-left: 20px !important;
}
html[dir="rtl"] .contacts-tabs .nav-pills {
  border-left: 1px solid #f4f5f8;
  border-left: 1px solid var(--light-color);
  border-right: initial;
}
html[dir="rtl"] .card-social li a {
  margin-left: 15px;
  margin-right: 0;
}
html[dir="rtl"] .collection-filter-block svg {
  margin-left: 10px;
  margin-right: 0;
}
html[dir="rtl"] .files-content li,
html[dir="rtl"] .quick-file li {
  margin-left: 20px;
  margin-right: 0;
}
html[dir="rtl"] .user-profile .border-right {
  border-left: 1px solid #979797 !important;
  border-left: 1px solid var(--light-text) !important;
  border-right: initial !important;
}
html[dir="rtl"] .offset-sm-3 {
  margin-left: 0;
  margin-right: 25%;
}
html[dir="rtl"] .card-header .card-header-right {
  left: 19px;
  right: auto;
}
html[dir="rtl"] .customers ul {
  display: inline-block;
}
html[dir="rtl"] .customers ul li + li {
  margin-left: 0;
  margin-right: -12%;
}
html[dir="rtl"] .customers.avatar-group {
  margin-right: 0;
}
html[dir="rtl"] .input-group .form-control,
html[dir="rtl"] .input-group-text {
  border-radius: 0;
}
html[dir="rtl"] .alert-dismissible {
  padding-left: 2.5rem;
  padding-right: 15px;
}
html[dir="rtl"] .alert-dismissible .btn-close {
  left: 0;
  right: auto;
}
html[dir="rtl"] .card-body .alert svg {
  margin-left: 4px;
  margin-right: 0;
  top: 15px;
}
html[dir="rtl"] .card-body .alert svg ~ p {
  padding-left: 0;
  padding-right: 20px;
}
html[dir="rtl"] .dropdown-basic button {
  border-radius: 0;
}
html[dir="rtl"] .accordion-button:after {
  margin-left: 0;
  margin-right: auto;
}
html[dir="rtl"]
  .icons-accordion
  .accordion-item
  .accordion-header
  .accordion-button:after,
html[dir="rtl"]
  .icons-accordion
  .accordion-item
  .accordion-header
  .accordion-button:before {
  left: 0;
  margin-left: 37px;
  right: auto;
}
html[dir="rtl"] .nav-tabs .nav-item .nav-link svg.svg-color {
  margin-left: 4px;
  margin-right: 0;
}
html[dir="rtl"] .list-group .list-group-item svg {
  margin-left: 10px;
}
html[dir="rtl"] .list-group img {
  margin-left: 10px;
  margin-right: 0;
}
html[dir="rtl"] .badge-list .list-group-item div {
  margin-left: auto;
  margin-right: 8px;
}
html[dir="rtl"] .breadcrumb-space .breadcrumb-item + .breadcrumb-item:before {
  padding-left: 0;
}
html[dir="rtl"] .breadcrumb-item .home-icon {
  margin-left: 10px;
  margin-right: 0;
}
html[dir="rtl"] .page-title .breadcrumb-item {
  margin-left: 0;
}
html[dir="rtl"] .page-title .breadcrumb-item + .breadcrumb-item {
  padding-left: 0;
  padding-right: 0.5rem;
}
html[dir="rtl"] .page-title .breadcrumb-item + .breadcrumb-item:before {
  float: right;
  padding-left: 0.5rem;
  padding-right: 0;
}
html[dir="rtl"] .page-item:first-child .page-link {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0;
  border-top-right-radius: 6px;
}
html[dir="rtl"] .page-item:last-child .page-link {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 0;
}
html[dir="rtl"] .heart-rating {
  text-align: right;
}
html[dir="rtl"] .like-comment .list-inline {
  padding-right: 0;
}
html[dir="rtl"] .like-comment .list-inline .list-inline-item {
  border-left: 1px dashed #ccc;
  border-right: 0;
}
html[dir="rtl"] .like-comment .list-inline .list-inline-item:not(:last-child) {
  margin-left: 0.5rem;
  margin-right: 0;
}
html[dir="rtl"] .like-comment .list-inline .list-inline-item:last-child {
  border-left: initial;
  border-right: 0;
}
html[dir="rtl"] .form-select {
  background-position: left 0.75rem center;
}
html[dir="rtl"] .datatable-sorter:after,
html[dir="rtl"] .datatable-sorter:before {
  left: 4px;
  right: auto;
}
html[dir="rtl"] .range-slider .card .card-body .slider-container,
html[dir="rtl"] .swiper {
  direction: ltr;
}
html[dir="rtl"] .docs-toggles .btn-group .btn:first-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0.25rem;
}
html[dir="rtl"] .docs-toggles .btn-group .btn:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
html[dir="rtl"] .img-cropper .btn-group button:first-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0.25rem;
}
html[dir="rtl"] .img-cropper .btn-group button:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
html[dir="rtl"] .scroll-demo .scroll-rtl .list-group-item span {
  margin-right: auto;
}
html[dir="rtl"] .card-absolute .card-header {
  left: auto;
  right: 15px;
}
html[dir="rtl"] .list-behavior-1 .flex-grow-1 {
  margin-left: 0;
  margin-right: 16px;
}
html[dir="rtl"] .main-timeline ul:before {
  left: auto !important;
  right: 5px;
}
html[dir="rtl"] .cd-timeline-img i {
  left: auto;
  margin-left: 0;
  margin-right: -10px;
  right: 40%;
}
html[dir="rtl"] .cd-timeline-content .cd-date {
  left: auto;
  right: 122%;
}
html[dir="rtl"] .cd-timeline-block:nth-child(2n) .cd-timeline-content {
  border-left: initial;
  border-right: initial;
  float: left;
}
html[dir="rtl"] .cd-timeline-block:nth-child(2n) .cd-timeline-content .cd-date {
  left: 122%;
  right: auto;
  text-align: left;
}
html[dir="rtl"] .cd-timeline-block:nth-child(2n) .cd-timeline-content:before {
  border: 15px solid #0000;
  border-left: 15px solid #f9fafc !important;
  border-left: 15px solid var(--body-color) !important;
  left: 100%;
  right: auto;
}
@media (max-width: 1870px) {
  html[dir="rtl"] .apexcharts-legend {
    margin-right: -47px;
  }
}
html[dir="rtl"] .apexcharts-canvas {
  direction: ltr;
}
html[dir="rtl"] .chart-widget-top .text-end {
  text-align: left !important;
}
html[dir="rtl"] .chart-widget-top .num .ms-1 {
  margin-right: 0.25rem !important;
}
html[dir="rtl"] .bar-chart-widget .earning-details i {
  left: -240px;
}
html[dir="rtl"] .bar-chart-widget .bottom-content .b-r-light {
  border-left: 1px solid #f4f5f8 !important;
  border-right: initial !important;
}
html[dir="rtl"] .bar-chart-widget .bottom-content .num .ms-1 {
  margin-right: 0.25rem !important;
}
html[dir="rtl"] .form-check.form-check-reverse .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: 10px;
}
html[dir="rtl"] .form-check {
  padding-left: 0;
  padding-right: 1.25rem;
}
html[dir="rtl"] .form-check .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: -1.5em;
}
html[dir="rtl"] .checkbox label {
  padding-left: 0;
  padding-right: 16px;
}
html[dir="rtl"] .checkbox label:before {
  left: auto;
  margin-left: 0;
  margin-right: -16px;
  right: 0;
}
html[dir="rtl"] .checkbox-checked input {
  margin-left: 16px;
}
html[dir="rtl"] .checkbox-wrapper li .form-check-label i,
html[dir="rtl"] .radio-wrapper li .form-check-label i {
  padding-left: 8px;
  padding-right: 0;
}
html[dir="rtl"] .rtl-input .form-check.form-switch {
  padding-right: 40px;
}
html[dir="rtl"] .rtl-input .form-check.form-switch .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: -40px;
}
html[dir="rtl"] .rtl-input .form-check.form-check-inline {
  padding: 0;
}
html[dir="rtl"] .form-check-size .d-block {
  margin: 0;
  padding-left: 0;
  padding-right: 1.25rem;
}
html[dir="rtl"] .form-check-size .d-block input {
  float: right;
  margin-left: 0;
  margin-right: -1.5em;
}
html[dir="rtl"] .mega-option .checkbox,
html[dir="rtl"] .mega-option .radio {
  margin-left: 1rem;
  margin-right: 0;
}
html[dir="rtl"] .mega-option .form-check-input {
  margin: 0 1rem;
}
html[dir="rtl"] .mega-option .form-check .form-check-input {
  margin-left: 0 !important;
  margin-right: -1.5em !important;
}
@media (max-width: 575px) {
  html[dir="rtl"] .mega-option .offset-sm-3 {
    margin-right: 0;
  }
}
html[dir="rtl"] .badge.pull-right {
  float: left;
}
html[dir="rtl"] .custom-input .form-check.form-switch .form-check-input {
  margin-left: 7px;
}
html[dir="rtl"] .tagify__tag__removeBtn {
  margin-left: 4.6666666667px;
  margin-right: auto;
}
html[dir="rtl"] .choices[data-type*="select-one"]:after {
  left: 11.5px;
  right: auto;
}
html[dir="rtl"] .table-hover tbody tr td svg {
  margin-right: 0;
}
html[dir="rtl"] .form-group label input {
  margin-left: 15px;
}
html[dir="rtl"] .btn-group .btn + .btn,
html[dir="rtl"] .btn-group .btn + .btn-group {
  border-right: none;
  margin-right: -1px;
}
html[dir="rtl"] .btn-group > .btn:not(:first-child) {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
html[dir="rtl"] .btn-group > .btn:nth-child(2) {
  border-radius: 0 !important;
}
html[dir="rtl"] .btn-group > .btn:not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0.25rem;
}
html[dir="rtl"] .dataTables_wrapper .dataTables_info,
html[dir="rtl"] .dataTables_wrapper .dataTables_length {
  float: right;
}
html[dir="rtl"] .dataTables_wrapper .dataTables_filter {
  float: left;
  margin-left: 0;
  margin-right: 15px;
}
html[dir="rtl"] .dataTables_wrapper .dataTables_filter input[type="search"] {
  margin-left: 0;
  margin-right: 10px;
}
html[dir="rtl"] table.dataTable thead .sorting:before,
html[dir="rtl"] table.dataTable thead .sorting_asc:before {
  left: 1em !important;
  right: auto !important;
}
html[dir="rtl"] table.dataTable thead > tr > th {
  padding-left: 30px;
  padding-right: 12px;
}
html[dir="rtl"] table.dataTable thead > tr > th:after {
  left: 0.5em !important;
  right: auto !important;
}
html[dir="rtl"] div.dataTables_wrapper div.dataTables_paginate {
  float: left;
  margin-left: 0 !important;
  margin-right: 15px !important;
}
html[dir="rtl"] .main .langChoice {
  left: 30px;
  right: auto;
}
html[dir="rtl"] ul.icon-lists {
  padding-right: 30px !important;
}
html[dir="rtl"] .pl-navs-inline {
  padding-right: 26px !important;
}
html[dir="rtl"] .language-xs ul li.d-flex {
  padding-right: 30px !important;
}
html[dir="rtl"]
  .wizard-4
  .anchor
  .progresscont
  .circleblocks
  .user-profile
  > div
  .user-content {
  padding-left: 0;
  padding-right: 24px;
}
html[dir="rtl"] .blog-box .blog-details .blog-social {
  padding-right: 0;
}
html[dir="rtl"] .blog-box .blog-details .blog-social li:first-child {
  border-left: 1px solid #ccc;
  border-right: initial;
  padding-left: 40px;
  padding-right: 0;
}
@media (max-width: 575.98px) {
  html[dir="rtl"] .blog-box .blog-details .blog-social li:first-child {
    margin-left: 10px;
    padding-left: 20px;
  }
}
html[dir="rtl"] .blog-box .blog-details .blog-social li + li {
  margin-left: 0;
  margin-right: 30px;
  padding-left: 0;
}
html[dir="rtl"] .blog-box .blog-details-main .blog-social li {
  border-left: 1px dotted;
  border-right: initial;
}
html[dir="rtl"] .blog-box .blog-details-main .blog-social li:last-child {
  border-left: none;
}
html[dir="rtl"] .comment-box .d-flex img {
  margin-left: 45px;
  margin-right: 0;
}
html[dir="rtl"] .comment-box .d-flex .h6,
html[dir="rtl"] .comment-box .d-flex h6 {
  text-align: right;
}
html[dir="rtl"] .comment-box .comment-social {
  float: left !important;
  text-align: left;
}
html[dir="rtl"] .comment-box ul ul {
  margin-left: 0;
  margin-right: 135px;
  padding-right: 0;
}
@media (max-width: 575.98px) {
  html[dir="rtl"] .comment-box ul ul {
    margin-right: 30px;
  }
}
html[dir="rtl"] .add-post form .m-checkbox-inline label input {
  margin-left: 20px;
}
html[dir="rtl"] .faq-accordion.default-according .card .btn-link i {
  margin-left: 10px;
  margin-right: 0;
}
html[dir="rtl"] .faq-accordion.default-according .card .faq-header i {
  left: 30px;
  right: auto;
}
html[dir="rtl"] .navigation-option ul li a {
  padding-left: 0;
  padding-right: 40px;
}
html[dir="rtl"] .navigation-option ul li a i {
  left: auto;
  right: 15px;
}
html[dir="rtl"] .updates-faq {
  margin-left: 20px;
  margin-right: 0;
}
html[dir="rtl"] .pull-right {
  float: left;
}
html[dir="rtl"] .faq-form .search-icon {
  left: 12px;
  right: auto;
}
html[dir="rtl"] .categories .learning-header {
  padding-left: 0;
  padding-right: 15px;
}
html[dir="rtl"] .ql-formats .ql-picker-label svg {
  left: 0;
  right: auto !important;
}
html[dir="rtl"] .ql-editor ol {
  padding-left: 0 !important;
  padding-right: 24px;
}
html[dir="rtl"] .ql-editor ol li:not(.ql-direction-rtl):before {
  margin-left: 0;
  margin-right: 0;
}
html[dir="rtl"] .ql-editor ul {
  padding-left: 0 !important;
  padding-right: 24px !important;
}
html[dir="rtl"] .ql-editor ul li:not(.ql-direction-rtl):before {
  margin-left: 0;
  margin-right: 0;
}
html[dir="rtl"] .project-box .badge {
  left: 30px;
  right: auto;
}
html[dir="rtl"] .file-content .form-inline i {
  padding-left: 10px;
  padding-right: 0;
}
html[dir="rtl"] .file-sidebar .btn svg {
  margin-left: 8px;
  margin-right: 0;
}
html[dir="rtl"] .grid-options {
  margin-left: 0;
  margin-right: 10px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-1 {
  left: auto;
  right: 12px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-2 {
  left: auto;
  right: 18px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-3 {
  left: auto;
  right: 36px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-4 {
  left: auto;
  right: 42px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-5 {
  left: auto;
  right: 48px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-6 {
  left: auto;
  right: 66px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-7 {
  left: auto;
  right: 72px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-8 {
  left: auto;
  right: 78px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-9 {
  left: auto;
  right: 84px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-10 {
  left: auto;
  right: 103px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-11 {
  left: auto;
  right: 109px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-12 {
  left: auto;
  right: 115px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-13 {
  left: auto;
  right: 121px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-14 {
  left: auto;
  right: 127px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-15 {
  left: auto;
  right: 133px;
}
html[dir="rtl"]
  .product-sidebar
  .filter-section
  .card
  .card-header
  .h6
  .pull-right
  i,
html[dir="rtl"]
  .product-sidebar
  .filter-section
  .card
  .card-header
  h6
  .pull-right
  i {
  left: auto;
  right: auto;
}
html[dir="rtl"] .product-filter .swiper-container .swiper-button-prev {
  left: 0;
  right: auto;
}
html[dir="rtl"] .product-filter .swiper-container .swiper-button-next {
  left: 32px;
  right: auto;
}
html[dir="rtl"] .product-wrapper-grid.list-view .product-box .product-details {
  text-align: right;
}
html[dir="rtl"] .swiper-container {
  direction: ltr;
}
html[dir="rtl"] .prooduct-details-box .btn {
  left: 15px;
  right: auto;
}
html[dir="rtl"] .prooduct-details-box .close {
  left: 10px;
  right: auto;
}
html[dir="rtl"] .order-box .qty li span,
html[dir="rtl"] .order-box .sub-total li .count,
html[dir="rtl"] .order-box .sub-total li .shopping-checkout-option {
  float: left;
}
html[dir="rtl"] .img-paypal {
  margin-left: 0;
  margin-right: 15px;
}
html[dir="rtl"]
  .email-main-wrapper
  .email-app-sidebar
  .nav-pills
  .nav-link.active:after,
html[dir="rtl"]
  .email-main-wrapper
  .email-app-sidebar
  .nav-pills
  .nav-link:active:after {
  left: 0;
  right: auto;
}
html[dir="rtl"] .email-main-wrapper .email-app-sidebar .emailbox.btn i {
  padding-left: 12px;
  padding-right: 0;
}
html[dir="rtl"]
  .mail-body-wrapper
  .user-mail-wrapper
  .user-title
  > div
  .onhover-dropdown:hover
  .onhover-show-div {
  left: auto;
  right: 0;
}
html[dir="rtl"] .mail-body-wrapper .user-mail-wrapper .send-btn i {
  margin-left: 0;
  margin-right: 8px;
}
html[dir="rtl"] .compose-modal form .add-bcc {
  left: 16px;
  right: auto;
}
html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li,
html[dir="rtl"] .toolbar-box .ql-editor {
  text-align: right;
}
html[dir="rtl"] #editor .ql-editing,
html[dir="rtl"] #editor1 .ql-editing {
  left: 0;
  right: 60.375px !important;
}
html[dir="rtl"] #editor .ql-tooltip,
html[dir="rtl"] #editor1 .ql-tooltip {
  left: 0;
  right: 35.9688px !important;
}
html[dir="rtl"]
  .email-body
  .mail-header-wrapper
  .mail-header
  .form-check
  .form-check-input {
  margin-left: 8px;
  margin-right: 0;
}
html[dir="rtl"] .email-body .mail-header-wrapper .mail-header ul li a:before {
  left: auto;
  right: 0;
}
html[dir="rtl"] .email-body .mail-header-wrapper .mail-body .mail-search i {
  left: 0;
  right: 11px;
}
html[dir="rtl"] .email-body .light-square .dropdown-menu .dropdown-item i {
  padding-left: 12px;
  padding-right: 0;
}
html[dir="rtl"] .left-sidebar-wrapper {
  border-left: initial;
}
html[dir="rtl"]
  .left-sidebar-wrapper
  .left-sidebar-chat
  .input-group
  .input-group-text {
  padding-left: 0;
  padding-right: 0;
}
html[dir="rtl"]
  .left-sidebar-wrapper
  .left-sidebar-chat
  .input-group
  .form-control {
  border-right: initial;
}
html[dir="rtl"]
  .left-sidebar-wrapper
  .advance-options
  .chats-user
  li
  .chat-time
  > div {
  text-align: right;
}
html[dir="rtl"] .left-sidebar-wrapper .advance-options .chats-user li > div {
  text-align: start;
}
html[dir="rtl"] .active-profile .status {
  left: -2px;
  right: auto;
}
html[dir="rtl"] .search-contacts i {
  left: auto;
  right: 10px;
}
html[dir="rtl"] .search-contacts svg {
  left: 10px;
  right: auto;
}
html[dir="rtl"] .right-sidebar-chat {
  border-bottom-right-radius: 0;
  border-right: initial;
  border-top-right-radius: 0;
}
html[dir="rtl"]
  .right-sidebar-title
  .common-space
  .chat-time.group-chat
  ul
  li
  + li {
  margin-left: 0;
  margin-right: -12px;
}
html[dir="rtl"] .msg-img,
html[dir="rtl"] .msg-info-name {
  margin-left: 10px;
  margin-right: 0;
}
html[dir="rtl"] .left-msg .msg-bubble,
html[dir="rtl"] .right-msg .msg-bubble {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[dir="rtl"] .msger-inputarea .dropdown-form .chat-icon {
  left: auto;
  right: 0;
}
html[dir="rtl"] .msger-send-btn {
  margin-left: 0;
  margin-right: 10px;
}
html[dir="rtl"] .fg-emoji-container {
  right: calc(-269px + 87.1875vw) !important;
}
html[dir="rtl"] .fg-emoji-picker-search .fg-emoji-picker-search-icon {
  left: 0;
  right: auto;
}
html[dir="rtl"] .email-wrap .btn-mail {
  text-align: right;
}
html[dir="rtl"] .modal-header .btn-close {
  left: 25px;
  margin: -0.5rem auto -0.5rem -0.5rem;
  top: 22px;
}
html[dir="rtl"]
  .bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card
  .favourite-icon {
  left: 15px;
  right: auto;
  text-align: center;
}
html[dir="rtl"]
  .bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card
  .title-bookmark {
  text-align: right;
}
html[dir="rtl"]
  .bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card
  .title-bookmark
  .h6,
html[dir="rtl"]
  .bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card
  .title-bookmark
  h6 {
  padding-left: 15px;
  padding-right: 0;
}
html[dir="rtl"]
  .bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card
  .title-bookmark
  .h6:after,
html[dir="rtl"]
  .bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card
  .title-bookmark
  h6:after {
  left: 0;
  right: auto;
}
html[dir="rtl"]
  .bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card
  .title-bookmark
  .hover-block
  ul
  li {
  display: inline-block;
}
html[dir="rtl"]
  .bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card
  .title-bookmark
  .hover-block
  ul
  li
  + li {
  margin-left: 0;
  margin-right: 5px;
}
html[dir="rtl"]
  .bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card
  .title-bookmark
  .content-general
  p {
  margin-left: 20px;
  margin-right: 0;
}
html[dir="rtl"]
  .bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card
  .details-website
  .title-bookmark
  .hover-block {
  left: 30px;
  right: auto;
  text-align: left;
}
html[dir="rtl"] .list-persons .profile-mail .d-flex .flex-grow-1 ul li + li {
  border-left: initial;
  border-right: 2px solid #f4f5f8;
  border-right: 2px solid var(--light-color);
  margin-left: 0;
  margin-right: 5px;
  padding-left: 0;
  padding-right: 10px;
}
html[dir="rtl"] .list-persons .profile-mail .email-general ul {
  padding-left: 20px;
  padding-right: 0;
}
html[dir="rtl"] .list-persons .profile-mail .email-general ul li > span {
  float: left;
}
html[dir="rtl"] .email-wrap .email-app-sidebar ul li a {
  padding-left: 0;
  padding-right: 20px;
}
html[dir="rtl"] .contact-options li .btn-category {
  padding-left: 0 !important;
  padding-right: 40px;
}
html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
  left: 100px;
  right: auto;
}
html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li {
  margin-left: 10px;
  margin-right: 0;
}
html[dir="rtl"]
  .user-profile
  .hovercard
  .user-image
  .share-icons
  li:last-child {
  margin-left: 0;
}
html[dir="rtl"] .timeline-content .comment-number i {
  margin-left: 20px;
  margin-right: 10px;
}
html[dir="rtl"] .social-chat .flex-grow-1:before {
  border-left: 7px solid #59667a;
  border-right: initial;
  left: 100%;
  right: auto;
}
html[dir="rtl"] .social-chat .flex-grow-1:after {
  border-left: 7px solid #f9fafc;
  border-left: 7px solid var(--body-color);
  border-right: initial;
  left: 100%;
  right: auto;
}
html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
  left: 30px;
  right: auto;
}
html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks .btn-label {
  margin-left: 5px;
  margin-right: 0;
}
html[dir="rtl"] .star-ratings ul.search-info li + li {
  border-left: initial;
  border-right: 1px solid #aaaab2;
  margin-left: 0;
  margin-right: 8px;
  padding-left: 0;
  padding-right: 8px;
}
html[dir="rtl"] .search-page .nav i {
  margin-left: 10px;
  margin-right: 0;
}
html[dir="rtl"] .card .card-header .card-header-right .list-unstyled {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html[dir="rtl"]
  .card
  .card-header
  .card-header-right
  .list-unstyled.card-option {
  text-align: left !important;
}
html[dir="rtl"] .file-manager .folder li:first-child {
  margin-bottom: 12px;
  margin-left: 12px;
}
html[dir="rtl"] .file-content .btn svg {
  margin-left: 2px;
  margin-right: 0;
}
html[dir="rtl"] .file-content .folder .folder-box .ellips {
  left: 22px;
  right: auto;
}
html[dir="rtl"] .file-sidebar .pricing-plan .bg-img {
  left: -40px;
  right: auto;
  transform: rotate(45deg);
}
html[dir="rtl"] code[class*="language-"],
html[dir="rtl"] pre[class*="language-"] {
  text-align: right;
}
html[dir="rtl"] .code-box-copy__btn {
  left: 11px;
  right: auto;
}
html[dir="rtl"] .starter-main .alert-primary.inverse:before {
  left: auto;
  right: 54px;
}
html[dir="rtl"] .starter-main .card-body ul {
  padding-left: 0;
  padding-right: 30px !important;
}
html[dir="rtl"] .customizer-links > .nav {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
html[dir="rtl"] .datatable-table > thead > tr > th {
  text-align: right;
}
html[dir="rtl"] .comment-box .comment-social li {
  padding-left: 0;
  padding-right: 20px;
}
html[dir="rtl"] .comment-box .comment-social li:first-child {
  border-left: 1px solid #efefef;
  border-left: 1px solid var(--light-semi-gray);
  border-right: initial;
  padding-left: 20px;
  padding-right: 0;
}
html[dir="rtl"] .browse .browse-articles span svg {
  margin-left: 10px;
  margin-right: 0;
}
html[dir="rtl"] .social-status .d-flex .social-status {
  content: "";
  left: auto;
  right: 35px;
}
html[dir="rtl"] .search-page .theme-form input {
  border-radius: 0 10px 10px 0 !important;
  padding-left: 0;
  padding-right: 20px;
}
html[dir="rtl"] .buttons-tab .card-wrapper .nav-link [class*="circle-dot-"] {
  margin-left: 10px;
  margin-right: 0;
}
html[dir="rtl"] .alert-dismissible .ms-auto {
  margin-right: auto !important;
}
html[dir="rtl"] .datatable-top > div:first-child {
  float: right;
}
html[dir="rtl"] .datatable-top > div:last-child {
  float: left;
}
html[dir="rtl"] .datatable-bottom > div:first-child {
  float: right;
}
html[dir="rtl"] .datatable-bottom > nav:last-child {
  float: left;
}
html[dir="rtl"] .faq-widgets .flex-grow-1 p {
  padding-left: 20px;
  padding-right: 0;
}
@media (max-width: 575.98px) {
  html[dir="rtl"] .faq-widgets svg {
    height: 40px !important;
    left: 8px;
    right: auto;
    top: 0 !important;
    width: 40px !important;
  }
}
html[dir="rtl"] .ql-toolbar.ql-snow .ql-formats {
  margin-left: 15px;
  margin-right: 0;
}
@media (max-width: 1199.98px) {
  html[dir="rtl"] .blog-single .comment-box ul.comment-social {
    float: right !important;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 991.98px) {
  html[dir="rtl"] .nav-right .header-right .serchinput .search-form {
    left: 0;
    right: auto;
  }
}
@media (max-width: 420px) {
  html[dir="rtl"] .nav-right .header-right .serchinput .search-form {
    left: -80px;
    right: auto;
  }
}
html[dir="rtl"] .left-filter .product-filter .text-start {
  text-align: left !important;
}
html[dir="rtl"] .page-sidebar .sidebar-submenu .submenu-title .feather {
  margin-left: 0;
  margin-right: auto;
}
html[dir="rtl"] .list-group-horizontal-lg > .list-group-item + .list-group-item,
html[dir="rtl"] .list-group-horizontal-md > .list-group-item + .list-group-item,
html[dir="rtl"] .list-group-horizontal-sm > .list-group-item + .list-group-item,
html[dir="rtl"] .list-group-horizontal-xl > .list-group-item + .list-group-item,
html[dir="rtl"]
  .list-group-horizontal-xxl
  > .list-group-item
  + .list-group-item {
  border-left-width: 1px;
}
html[dir="rtl"]
  .list-group-horizontal-lg
  > .list-group-item:first-child:not(:last-child),
html[dir="rtl"]
  .list-group-horizontal-md
  > .list-group-item:first-child:not(:last-child),
html[dir="rtl"]
  .list-group-horizontal-sm
  > .list-group-item:first-child:not(:last-child),
html[dir="rtl"]
  .list-group-horizontal-xl
  > .list-group-item:first-child:not(:last-child),
html[dir="rtl"]
  .list-group-horizontal-xxl
  > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.375rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0.375rem;
}
html[dir="rtl"]
  .list-group-horizontal-lg
  > .list-group-item:last-child:not(:first-child),
html[dir="rtl"]
  .list-group-horizontal-md
  > .list-group-item:last-child:not(:first-child),
html[dir="rtl"]
  .list-group-horizontal-sm
  > .list-group-item:last-child:not(:first-child),
html[dir="rtl"]
  .list-group-horizontal-xl
  > .list-group-item:last-child:not(:first-child),
html[dir="rtl"]
  .list-group-horizontal-xxl
  > .list-group-item:last-child:not(:first-child) {
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0;
}
html[dir="rtl"]
  .horizontal-list-wrapper
  .list-group
  .list-group-item[class*="b-"] {
  border-left-width: 0 !important;
  border-right-width: 2px !important;
}
@media (max-width: 575px) {
  html[dir="rtl"]
    .horizontal-list-wrapper
    .list-group
    .list-group-item[class*="b-"] {
    border-left: 1px solid #6a71854d !important;
    border-left: 1px solid var(--solid-border) !important;
  }
}
html[dir="rtl"] .breadcrumb-space .breadcrumb-item + .breadcrumb-item:before {
  margin-left: 7px;
  margin-right: 0;
}
html[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
  padding-left: 0;
  padding-right: 0.5rem;
}
html[dir="rtl"] .breadcrumb-item + .breadcrumb-item:before {
  float: right;
  padding-left: 0.5rem;
  padding-right: 0;
}
html[dir="rtl"] .border-end {
  border-left: 1px solid #6a71854d;
  border-left: 1px solid var(--solid-border);
  border-right: 0 !important;
}
html[dir="rtl"] .ql-snow.ql-toolbar button {
  float: right;
}
html[dir="rtl"] .location-checkbox span {
  padding-left: 0;
  padding-right: 50px;
}
html[dir="rtl"] .page-wrapper.sidebar-close .page-sidebar {
  left: auto;
  right: -263px;
  transition: all 0.5s;
}
html[dir="rtl"] .sidebar-pannle-main {
  left: 30px;
  right: auto;
}
html[dir="rtl"] .setting-sidebar {
  left: -400px;
  right: auto;
}
html[dir="rtl"] .setting-sidebar.open {
  left: 0;
  right: auto;
}
html[dir="rtl"] .page-wrapper.horizontal-sidebar .page-body-wrapper {
  margin-right: 0;
}
html[dir="rtl"]
  .page-wrapper.horizontal-sidebar
  .page-body-wrapper
  .page-sidebar {
  direction: ltr;
}
@media (min-width: 1200px) and (max-width: 1610px) {
  html[dir="rtl"] .default-dashboard .custom-margin {
    margin-top: -78px;
  }
}
html[dir="rtl"] .default-dashboard .visit-card ul li + li:before {
  left: auto;
  right: -13px;
}
@media (min-width: 1200px) and (max-width: 1800px) {
  html[dir="rtl"] .default-dashboard .visit-card ul li + li:before {
    right: -7px;
  }
}
@media (min-width: 1200px) and (max-width: 1570px) {
  html[dir="rtl"] .default-dashboard .visit-card ul li + li:before {
    right: -1px;
  }
}
html[dir="rtl"] .default-dashboard .summary-card .project-cost {
  border-left: 1px dashed #6a71854d;
  border-left: var(--light-border);
  border-right: initial;
}
@media (max-width: 1880px) {
  html[dir="rtl"] .default-dashboard .summary-card .project-cost {
    margin-left: -15px;
    margin-right: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  html[dir="rtl"] .default-dashboard .summary-card .project-cost {
    border-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  html[dir="rtl"] .default-dashboard .summary-card .project-cost {
    border-left: 0;
    margin-left: 0 !important;
    text-align: center;
  }
}
@media (max-width: 500px) {
  html[dir="rtl"] .default-dashboard .summary-card .project-cost {
    border-left: 0;
    margin-left: 0 !important;
    text-align: center;
  }
}
html[dir="rtl"]
  .default-dashboard
  .task-card
  ul
  li.d-flex
  .flex-shrink-0
  input {
  margin-left: 0.5rem !important;
}
html[dir="rtl"] .default-dashboard .invest-card .card-body ul li + li {
  border-left: initial;
  border-right: 1px dashed #6a71854d;
  border-right: var(--light-border);
}
html[dir="rtl"]
  .default-dashboard
  .invoice-card
  .datatable-wrapper
  .datatable-top {
  left: 48px;
  right: auto;
}
@media (min-width: 1800px) {
  html[dir="rtl"]
    .default-dashboard
    .invoice-card
    .datatable-wrapper
    table
    tr
    th {
    padding: 8px 3px !important;
  }
}
html[dir="rtl"] .default-dashboard .profile-greeting .card-body {
  background-position: center left -66%;
}
@media (min-width: 1200px) and (max-width: 1860px) {
  html[dir="rtl"] .default-dashboard .profile-greeting .card-body {
    background-position: left -65% bottom 123%;
  }
}
@media (min-width: 1200px) and (max-width: 1800px) {
  html[dir="rtl"] .default-dashboard .profile-greeting .card-body {
    background-position: left -110% bottom 123%;
  }
}
@media (min-width: 1200px) and (max-width: 1720px) {
  html[dir="rtl"] .default-dashboard .profile-greeting .card-body {
    background-position: left -162% bottom 123%;
  }
}
@media (min-width: 1200px) and (max-width: 1660px) {
  html[dir="rtl"] .default-dashboard .profile-greeting .card-body {
    background-position: left -250% bottom 123%;
  }
}
@media (min-width: 1200px) and (max-width: 1620px) {
  html[dir="rtl"] .default-dashboard .profile-greeting .card-body {
    background-position: left -300% bottom 123%;
  }
}
@media (min-width: 1200px) and (max-width: 1580px) {
  html[dir="rtl"] .default-dashboard .profile-greeting .card-body {
    background-position: left -370% bottom 123%;
  }
}
@media (min-width: 1200px) and (max-width: 1570px) {
  html[dir="rtl"] .default-dashboard .profile-greeting .card-body {
    background-position: left -262% bottom 165%;
  }
}
@media (min-width: 1200px) and (max-width: 1520px) {
  html[dir="rtl"] .default-dashboard .profile-greeting .card-body {
    background-position: left -400% bottom 165%;
  }
}
@media (min-width: 1200px) and (max-width: 1490px) {
  html[dir="rtl"] .default-dashboard .profile-greeting .card-body {
    background-position: left -600% bottom 165%;
  }
}
@media (min-width: 1200px) and (max-width: 1470px) {
  html[dir="rtl"] .default-dashboard .profile-greeting .card-body {
    background-position: left -900% bottom 165%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  html[dir="rtl"] .default-dashboard .profile-greeting .card-body {
    background-position: left -95% bottom 123%;
  }
}
@media (max-width: 991.98px) {
  html[dir="rtl"] .default-dashboard .profile-greeting .card-body {
    background-position: left -150% bottom 123%;
  }
}
@media (max-width: 960px) {
  html[dir="rtl"] .default-dashboard .profile-greeting .card-body {
    background-position: left -200% bottom 165%;
  }
}
@media (max-width: 850px) {
  html[dir="rtl"] .default-dashboard .profile-greeting .card-body {
    background-position: left -350% bottom 165%;
  }
}
@media (max-width: 500px) {
  html[dir="rtl"] .default-dashboard .profile-greeting .card-body {
    background-position: left -150% bottom 105%;
  }
}
html[dir="rtl"] .default-dashboard .project-card .card-body ul li .h5,
html[dir="rtl"] .default-dashboard .project-card .card-body ul li h5 {
  margin-left: 0;
  margin-right: 12px;
}
@media (min-width: 1200px) and (max-width: 1680px) {
  html[dir="rtl"] .default-dashboard .invoice-table table td:nth-child(2),
  html[dir="rtl"] .default-dashboard .invoice-table table th:nth-child(2) {
    display: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 1490px) {
  html[dir="rtl"] .default-dashboard .course-table table tr td {
    padding: 17px 3px;
  }
}
@media (min-width: 1200px) and (max-width: 1460px) {
  html[dir="rtl"] .default-dashboard .course-table table tr td {
    padding: 8px 3px;
  }
}
html[dir="rtl"] .default-dashboard .dropdown.icon-dropdown,
html[dir="rtl"] .ecommerce-dashboard .dropdown.icon-dropdown,
html[dir="rtl"] .project-dashboard .dropdown.icon-dropdown {
  left: 19px !important;
  right: auto;
}
html[dir="rtl"] .ecommerce-dashboard .datatable-wrapper .datatable-top {
  left: 48px;
  right: auto;
}
html[dir="rtl"] .ecommerce-dashboard .datatable-wrapper .datatable-top input {
  margin-left: 0;
  margin-right: 16px;
}
html[dir="rtl"] .ecommerce-dashboard .track-order .card-body {
  animation: none 0s ease 0s 1 normal none running;
  animation: initial;
  background-position: 3% 86%;
}
html[dir="rtl"] .ecommerce-dashboard .selling-table table thead tr th {
  padding: 12px 0 !important;
}
html[dir="rtl"]
  .ecommerce-dashboard
  .discount-product
  .row
  div[class*="col-"]
  + div[class*="col-"] {
  border-left: initial;
  border-right: 1px dashed #6a71854d;
  border-right: var(--light-border);
  padding-left: 0;
  padding-right: 22px;
}
html[dir="rtl"]
  .ecommerce-dashboard
  .progress-items
  .progress-card
  .order-chart {
  margin: -47px -20px -40px -10px;
}
@media (min-width: 1500px) and (max-width: 1800px) {
  html[dir="rtl"]
    .ecommerce-dashboard
    .progress-items
    .progress-card
    .order-chart {
    margin: -47px -20px -40px -33px;
  }
}
@media (min-width: 1200px) and (max-width: 1500px) {
  html[dir="rtl"]
    .ecommerce-dashboard
    .progress-items
    .progress-card
    .order-chart {
    margin: -47px 66px -40px -10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  html[dir="rtl"]
    .ecommerce-dashboard
    .progress-items
    .progress-card
    .order-chart {
    margin: -47px 34px -40px -10px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  html[dir="rtl"]
    .ecommerce-dashboard
    .progress-items
    .progress-card
    .order-chart {
    margin: -47px 72px -40px -10px;
  }
}
html[dir="rtl"]
  .project-dashboard
  .card.client-card
  .card-body
  .team-member
  .customers.avatar-group
  ul
  li
  + li {
  margin-left: 0;
  margin-right: -6%;
}
html[dir="rtl"]
  .project-dashboard
  .card.esatae-card
  .card-body
  .esatae-body
  .customer.avatar-group
  ul
  li
  + li {
  margin-left: 0;
  margin-right: -17px;
}
html[dir="rtl"]
  .project-dashboard
  .task-table
  .table
  tbody
  tr
  td
  .task-icon-button
  button
  i,
html[dir="rtl"]
  .project-dashboard
  .task-table
  .table
  tbody
  tr
  td
  .task-icon-button
  button
  svg {
  margin-left: 5px;
  margin-right: 0;
}
html[dir="rtl"] .project-dashboard .card-icon {
  left: 19px;
  right: auto;
}
html[dir="rtl"] .project-dashboard .calendar__year {
  margin-left: 0;
  margin-right: -5px;
}
html[dir="rtl"] .general-widget .dropdown.icon-dropdown {
  left: 19px !important;
  right: auto;
}
html[dir="rtl"]
  .general-widget
  .esatae-card
  .card-body
  .esatae-body
  .customer.avatar-group
  ul
  li
  + li {
  margin-left: 0;
  margin-right: -12px;
}
html[dir="rtl"] .general-widget .summary-card .project-cost {
  border-left: 1px dashed #6a71854d;
  border-left: var(--light-border);
  border-right: initial;
}
@media (max-width: 991.98px) {
  html[dir="rtl"] .general-widget .summary-card .project-cost {
    border-left: 0;
    margin-left: 0 !important;
  }
}
html[dir="rtl"] .general-widget .summary-card ul.d-flex {
  margin: 14px 0 24px;
}
html[dir="rtl"] .general-widget .progress-items .progress-card .order-chart {
  margin: -47px -20px -40px -10px !important;
}
@media (max-width: 991.98px) {
  html[dir="rtl"] .general-widget .progress-items .progress-card .order-chart {
    margin: -41px 50px -40px 0 !important;
  }
}
@media (max-width: 1880px) {
  html[dir="rtl"] .general-widget .summary-card .project-cost {
    margin-left: -15px;
    margin-right: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1570px) {
  html[dir="rtl"] .project-dashboard .task-table .table tbody tr td ul {
    margin-left: 88px;
    margin-right: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1630px) {
  html[dir="rtl"]
    .project-dashboard
    .card.client-card
    .card-body
    .team-member
    .customers.avatar-group
    ul
    li
    + li {
    margin-left: 0;
    margin-right: -13%;
  }
}
@media (min-width: 1200px) and (max-width: 1720px) {
  html[dir="rtl"]
    .general-widget
    .esatae-card
    .card-body
    .esatae-body
    .customer.avatar-group
    ul
    li
    + li {
    margin-left: 0;
    margin-right: -22px;
  }
}
@media (min-width: 1200px) and (max-width: 1730px) {
  html[dir="rtl"]
    .project-dashboard
    .card.esatae-card
    .card-body
    .esatae-body
    .customer.avatar-group
    ul
    li
    + li {
    margin-left: 0;
    margin-right: -23%;
  }
}
@media (max-width: 1700px) {
  html[dir="rtl"]
    .project-dashboard
    .card.client-card
    .card-body
    .team-member
    .customers.avatar-group
    ul
    li
    + li {
    margin-left: 0;
    margin-right: -12%;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  html[dir="rtl"] .general-widget .summary-card .project-cost {
    border-left: 0;
    margin-left: 0;
  }
}
@media (min-width: 860px) and (max-width: 945px) {
  html[dir="rtl"] .fg-emoji-container {
    left: auto;
    right: 417px;
  }
}
@media (min-width: 686px) and (max-width: 860px) {
  html[dir="rtl"] .fg-emoji-container {
    left: auto;
    right: 360px;
  }
}
@media (min-width: 588px) and (max-width: 770px) {
  html[dir="rtl"] .fg-emoji-container {
    left: auto;
    right: 200px;
  }
}
@media (min-width: 546px) and (max-width: 588px) {
  html[dir="rtl"] .fg-emoji-container {
    left: auto;
    right: 144px;
  }
}
@media (min-width: 500px) and (max-width: 546px) {
  html[dir="rtl"] .fg-emoji-container {
    left: auto;
    right: 88px;
  }
}
@media (max-width: 500px) {
  html[dir="rtl"] .fg-emoji-container {
    left: auto;
    right: 22px;
  }
}
@media (max-width: 475px) {
  html[dir="rtl"]
    .mail-body-wrapper
    .user-mail-wrapper
    .user-title
    > div
    .onhover-dropdown
    .inbox-security.onhover-show-div,
  html[dir="rtl"]
    .mail-body-wrapper
    .user-mail-wrapper
    .user-title
    > div
    .onhover-dropdown:hover
    .onhover-show-div {
    left: auto;
    right: -27px;
  }
}
@media (max-width: 430px) {
  html[dir="rtl"] #editor .ql-tooltip,
  html[dir="rtl"] #editor1 .ql-tooltip {
    left: 0;
    right: 2.9688px !important;
  }
}
@media (max-width: 445px) {
  html[dir="rtl"]
    .mail-body-wrapper
    .user-mail-wrapper
    .user-title
    > div
    .onhover-dropdown
    .inbox-security.onhover-show-div,
  html[dir="rtl"]
    .mail-body-wrapper
    .user-mail-wrapper
    .user-title
    > div
    .onhover-dropdown:hover
    .onhover-show-div {
    left: auto;
    right: -70px;
  }
}
html[dir="rtl"] .tap-top {
  left: 30px;
  right: auto;
}
html[dir="rtl"] .page-sidebar .sidebar-menu .sidebar-list .pinned-icon {
  left: 20px;
  right: auto;
}
html[dir="rtl"]
  .product-modal.modal
  .modal-header
  .product-box
  .product-details
  .product-size
  ul
  li:nth-child(n + 2) {
  margin-left: 0;
  margin-right: 15px;
}
html[dir="rtl"] .project-list ul li svg {
  margin-left: 5px;
  margin-right: 0;
}
html[dir="rtl"] .project-list .border-tab.nav-tabs .nav-item .nav-link {
  padding: 5px 0 5px 30px;
}
html[dir="rtl"] .left-filter .checkbox-primary {
  margin: 0 1rem;
}
html[dir="rtl"] .prooduct-details-box .d-flex {
  padding: 15px 10px 15px 0;
}
html[dir="rtl"] .ui-dropdown .btn-group > .btn:not(:last-child) {
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
html[dir="rtl"]
  .ui-dropdown
  .dropdown-basic
  .btn-group
  > .btn:not(:last-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
html[dir="rtl"] .ui-dropdown .dropdown-basic .separated-btn .btn {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 0;
}
html[dir="rtl"] .job-cards-view .checkbox-primary {
  margin: 0 1rem;
}
html[dir="rtl"]
  .input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 5px;
}
html[dir="rtl"] .theme-form .input-group button {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html[dir="rtl"]
  .input-group-page
  .input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 0 !important;
}
html[dir="rtl"] .input-group-page .btn {
  border-radius: 6px !important;
}
html[dir="rtl"]
  .input-group-page
  .input-group:not(.has-validation)
  > .dropdown-toggle:nth-last-child(n + 3),
html[dir="rtl"]
  .input-group-page
  .input-group:not(.has-validation)
  > .form-floating:not(:last-child)
  > .form-control,
html[dir="rtl"]
  .input-group-page
  .input-group:not(.has-validation)
  > .form-floating:not(:last-child)
  > .form-select,
html[dir="rtl"]
  .input-group-page
  .input-group:not(.has-validation)
  > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
html[dir="rtl"] .input-group-page .theme-form .input-group-text {
  border-radius: 5px !important;
}
html[dir="rtl"] .input-group-page .checkbox-checked input {
  margin-left: 0;
}
html[dir="rtl"] .avatars .avatar {
  margin-left: 10px;
  margin-right: 0;
}
html[dir="rtl"] .avatars .avatar:last-child {
  margin-left: 0;
}
html[dir="rtl"] .avatars .avatar .status {
  left: 4%;
  right: auto;
}
html[dir="rtl"] .radiocheckbox-page .form-check-size .d-block {
  margin-bottom: 0.5rem;
  padding-left: 0;
  padding-right: 0;
}
html[dir="rtl"] .radiocheckbox-page .form-check-size .d-block input {
  margin-left: 1rem;
  margin-right: 1rem;
}
html[dir="rtl"]
  .radiocheckbox-page
  .form-check-size
  .d-block
  input.radio-primary {
  margin-top: 5px;
}
html[dir="rtl"]
  .input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 0;
}
html[dir="rtl"] .blog-box .blog-details {
  padding-left: 20px;
  padding-right: 0;
}
html[dir="rtl"] .job-cards-view .radio-primary {
  margin: 0 1rem;
}
.sidebar-pannle-main {
  bottom: 80px;
  position: fixed;
  right: 30px;
  z-index: 9;
}
@media (max-width: 575.98px) {
  .sidebar-pannle-main {
    display: none;
  }
}
.sidebar-pannle-main ul .icon-btn {
  align-items: center;
  border: 0 !important;
  border-radius: 100%;
  box-shadow: 0 0 10px var(--theme-default);
  cursor: pointer;
  display: inline-flex;
  font-weight: 800;
  height: calc(1.4rem + 1.5em + 2px);
  justify-content: center;
  margin-bottom: 10px;
  transition: all 1s;
  width: calc(1.4rem + 1.5em + 2px);
}
.sidebar-pannle-main ul .icon-btn i {
  font-size: 22px;
}
.setting-sidebar {
  background-color: #fff;
  background-color: var(--card-color);
  border-left: 1px solid #ddd;
  border-left: 1px solid var(--photoswipe-border);
  box-shadow: 0 36px 35px #0000001a;
  height: 100%;
  position: fixed;
  right: -400px;
  top: 0;
  transition: all 0.3s ease;
  width: 370px;
  z-index: 999;
}
.setting-sidebar.open {
  right: 0;
  transition: all 0.3s ease;
}
.setting-sidebar .h4,
.setting-sidebar h4 {
  font-weight: 500;
}
.setting-sidebar .customizer-header {
  background: var(--theme-default);
  padding: 10px 20px;
}
.setting-sidebar .customizer-header .theme-title {
  align-items: center;
  display: flex;
}
.setting-sidebar .customizer-header .theme-title .h4,
.setting-sidebar .customizer-header .theme-title h4,
.setting-sidebar .customizer-header .theme-title p {
  color: #fff;
}
.setting-sidebar
  .customizer-header
  .theme-title
  .flex-grow-1
  .icon-btn.btn-outline-light {
  align-items: center;
  background-color: #fff !important;
  background-color: var(--card-color) !important;
  border: 0 !important;
  border-radius: 100%;
  color: var(--theme-default);
  cursor: pointer;
  display: inline-flex;
  font-weight: 800;
  height: 37px;
  justify-content: center;
  transition: all 1s ease;
  width: 37px;
}
.setting-sidebar
  .customizer-header
  .theme-title
  .flex-grow-1
  .icon-btn.btn-outline-light:hover {
  transform: rotate(1turn);
}
.setting-sidebar
  .customizer-header
  .theme-title
  .flex-grow-1
  .icon-btn.btn-outline-light
  i {
  font-size: 18px;
}
.setting-sidebar .customizer-body {
  max-height: calc(100vh - 125px);
  overflow-y: scroll;
  padding: 20px;
}
.setting-sidebar .customizer-body .b-t-primary {
  border-top-width: 2px !important;
}
.setting-sidebar .customizer-body .color-body .color-img {
  border: 5px solid #43b9b24d;
  border-radius: 10px;
  position: relative;
}
.setting-sidebar .customizer-body .color-body .color-img img {
  border-radius: 5px;
  left: 0;
  transition: all 1s;
}
.setting-sidebar .customizer-body .color-body .color-img img:hover {
  transform: scale(1.1);
}
.setting-sidebar .customizer-body .color-body .color-img .customizer-overlay {
  background: #0000;
  border-radius: 5px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: background 0.5s ease;
  width: 100%;
}
.setting-sidebar .customizer-body .color-body .color-img .color-btn {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.35s ease;
  width: 100%;
}
.setting-sidebar .customizer-body .color-body .color-img .color-btn a {
  border: 2px solid #fff;
  color: #fff;
  font-size: 12px;
  padding: 3px 6px;
  text-align: center;
  z-index: 1;
}
.setting-sidebar
  .customizer-body
  .color-body
  .color-img:hover
  .customizer-overlay {
  background: #0000004d;
  display: block;
}
.setting-sidebar .customizer-body .color-body .color-img:hover .color-btn {
  opacity: 1;
}
.setting-sidebar .customizer-body .radio-form {
  align-items: center;
  gap: 0;
  justify-content: space-evenly;
}
.setting-sidebar .customizer-body .sidebar-body .radio-wrapper li {
  height: auto;
  padding: 8px 15px;
  width: auto;
}
.setting-sidebar
  .customizer-body
  .sidebar-body
  .radio-wrapper
  li
  .form-check-input {
  cursor: pointer;
}
.setting-sidebar
  .customizer-body
  .sidebar-body
  .radio-wrapper
  li
  .form-check-input:checked
  ~ .form-check-label
  .stroke-icon {
  stroke: var(--theme-default);
}
.setting-sidebar
  .customizer-body
  .sidebar-body
  .radio-wrapper
  li
  .form-check-input:checked
  ~ .form-check-label
  .fill-icon {
  fill: var(--theme-default);
}
.setting-sidebar
  .customizer-body
  .sidebar-body
  .radio-wrapper
  li
  .form-check-input:checked
  ~ .form-check-label
  span {
  color: var(--theme-default);
}
.setting-sidebar
  .customizer-body
  .sidebar-body
  .radio-wrapper
  li
  .form-check-label {
  align-items: center;
  display: flex;
  margin-bottom: 0 !important;
}
.setting-sidebar
  .customizer-body
  .sidebar-body
  .radio-wrapper
  li
  .form-check-label
  .stroke-icon {
  stroke: #767676;
  stroke: var(--light-font);
}
.setting-sidebar
  .customizer-body
  .sidebar-body
  .radio-wrapper
  li
  .form-check-label
  .fill-icon {
  fill: #767676;
  fill: var(--light-font);
}
.setting-sidebar
  .customizer-body
  .sidebar-body
  .radio-wrapper
  li
  .form-check-label
  span {
  color: #767676;
  color: var(--light-font);
}
.setting-sidebar .customizer-body .customizer-color ul .color-layout {
  border: 1px solid #b8b8b8;
  border-radius: 6px;
  cursor: pointer;
  display: inline-block;
  height: 35px;
  margin-right: 3px;
  opacity: 0.9;
  padding: 3px;
  position: relative;
  width: 35px;
}
.setting-sidebar .customizer-body .customizer-color ul .color-layout > div {
  background-color: var(--theme-default);
  border-radius: 5px;
  height: 100%;
  width: 100%;
}
.setting-sidebar
  .customizer-body
  .customizer-color
  ul
  .color-layout[data-attr="color-2"]
  div {
  background-color: #0f2c59;
}
.setting-sidebar
  .customizer-body
  .customizer-color
  ul
  .color-layout[data-attr="color-3"]
  div {
  background-color: #7a3e65;
}
.setting-sidebar
  .customizer-body
  .customizer-color
  ul
  .color-layout[data-attr="color-4"]
  div {
  background-color: #025464;
}
.setting-sidebar
  .customizer-body
  .customizer-color
  ul
  .color-layout[data-attr="color-5"]
  div {
  background-color: #3e64ff;
}
.setting-sidebar
  .customizer-body
  .customizer-color
  ul
  .color-layout[data-attr="color-6"]
  div {
  background-color: #506d84;
}
.setting-sidebar .customizer-footer {
  border-top: 1px solid #cccbcb;
  padding: 10px 20px;
}
.setting-sidebar .customizer-footer .btn {
  align-items: center;
  box-shadow: 0 3px 3px 0 #34476726, 0 3px 1px -2px #34476733,
    0 1px 5px 0 #34476726;
  display: flex;
}
.setting-sidebar .customizer-footer .btn:hover {
  animation: pulse 1s infinite;
  transition: 0.3s;
}
.setting-sidebar .customizer-footer .btn:hover svg {
  animation: swing 0.5s ease-in-out 1 alternate;
}
.setting-sidebar .customizer-footer .btn svg {
  transition: color 0.3s;
}
/*# sourceMappingURL=main.acbabaa9.css.map*/