body {
  letter-spacing: -0.04em !important;
  background-color: #f6f7fa !important;
}

::-webkit-scrollbar {
  display: none !important;
}

.my-header-bg {
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.modal {
  background: rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: blur(15px) !important;
}

.bg-pink {
  background-color: #df4271 !important;
}

.modal-close-button {
  width: 2.3rem;
  height: 2.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.object-position-top {
  object-position: top !important;
}

.object-position-right {
  object-position: right !important;
}

.colorful-text {
  background: linear-gradient(90deg, #85459b 20%, #d5384e 90%, #ed4935);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.dark-gradient-home {
  background: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0));
}

.dark-gradient {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0, 0.8) 60%,
    rgba(0, 0, 0, 1) 100%
  );
}

.bg-light-red {
  background-color: #ffe7ea !important;
}

.bg-red-primary {
  background-color: #ff5a60 !important;
}

.text-red-primary {
  color: #ff5a60 !important;
}

.gradient-section-1 {
  background: linear-gradient(90deg, #ff7e5f 0%, #feb47b 100%);
  color: #fff;
}

.otp-box {
  width: 3rem;
  height: 3rem;
  border: 1px solid #ddd;
  background: #f8f9fa;
}
.otp-box:focus {
  outline: none;
  border-color: #ff5a60;
}

.dashboard-bg {
  background-color: #f6f7fa !important;
}

.fs-dot {
  font-size: 0.3rem !important;
}

.bg-dark-gradient-right {
  background: linear-gradient(to right, rgb(0, 0, 0), rgba(0, 0, 0, 0));
}

.bg-light-gradient-right {
  background: linear-gradient(
    to right,
    rgb(255, 255, 255),
    rgba(255, 255, 255, 0)
  );
}

.header-gap {
  top: 72px !important;
}

.pill-py-2 {
  padding-bottom: 0.4rem !important;
  padding-top: 0.4rem !important;
}

.border-extralight {
  border-color: #e5e5e5 !important;
}

.rotate-90 {
  rotate: 90deg !important;
}

.width-fit-content {
  width: fit-content !important;
}

.py-chat-box {
  padding-top: 0.9rem !important;
  padding-bottom: 0.9rem !important;
}

.bg-black {
  background-color: #000 !important;
}