@import url("https://fonts.googleapis.com/css2?family=Kufam:ital,wght@0,400..900;1,400..900&display=swap");

body {
  font-family: "Kufam", serif;
  color: #000;
  overflow-x: hidden;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fadeInUp {
  animation: fadeInUp 0.8s ease-out forwards;
}

.aside-scroll::-webkit-scrollbar,
.ss-list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.aside-scroll::-webkit-scrollbar-track,
.ss-list::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border-radius: 10px;
}

.aside-scroll::-webkit-scrollbar-thumb,
.ss-list::-webkit-scrollbar-thumb {
  background-color: #c5c5c5;
  border-radius: 10px;
}

.aside-scroll::-webkit-scrollbar-thumb:hover,
.ss-list::-webkit-scrollbar-thumb:hover {
  background-color: #888;
}

.bg-hero {
  background-image: url("../assets/images/banner.png");
}

.apexcharts-toolbar {
  display: none !important;
}

.white-sh {
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
}
.date-sh {
  box-shadow: 0px 4px 20px 0px rgba(94, 132, 194, 0.06);
}
.ss-search {
  display: none !important;
}
.ss-list {
  height: 120px !important;
  overflow: auto !important;
}
.ss-main {
  width: 85.396px;
  height: 44.878px;
  border-radius: 100px;
}
.select-cus {
  padding-right: 0 !important;
  padding-left: 0;
}
.ss-values {
  padding: 0 20px !important;
}
.ss-content .ss-list .ss-option.ss-highlighted,
.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected,
.ss-content .ss-list .ss-option:hover {
  background-color: #0a1730;
  color: #e5f97f;
  font-weight: 500;
}
.ss-arrow {
  position: relative;
  top: 2px;
  left: 13px;
}
.checkbox:checked ~ label .checkedIcon {
  display: block;
}
.checkbox:checked ~ label .uncheckedIcon {
  display: none;
}
.bg {
  background-image: url("../assets/images/BG.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.bg-banner {
  background-image: url("../assets/images/banner.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.form-sh {
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
}