.box-loader {
  z-index: 999999999;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8));
  background: -webkit-radial-gradient(
    rgba(20, 20, 20, 0.8),
    rgba(0, 0, 0, 0.8)
  );
}

.hidden{
  display: none;
}

.whitespace-nowrap{
  white-space: nowrap;
}

.none-border{
  outline:none;
  border:none;
}

.bg-light{
  background-color: var(--bs-primary);
}

.mx-auto{
  margin-right: auto;
  margin-left: auto;
}

.input-price-text{
  
  font-size:35px;
  width:100%;
  font-weight:bold;
}

/* Spinner */
.loader {
  position: relative;
  width: 48px;
  height: 48px;
  background: #de3500;
  transform: rotateX(65deg) rotate(45deg);
  /* remove bellows command for perspective change
  transform: perspective(200px) rotateX(65deg) rotate(45deg); */
  color: #fff;
  animation: layers1 1s linear infinite alternate;
}
.loader:after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.7);
  animation: layerTr 1s linear infinite alternate;
}

@keyframes layers1 {
  0% {
    box-shadow: 0px 0px 0 0px;
  }
  90%,
  100% {
    box-shadow: 20px 20px 0 -4px;
  }
}
@keyframes layerTr {
  0% {
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform: translate(-25px, -25px) scale(1);
  }
}