#scrollUp {
  background-image: url("scroll-top-green.webp");
  bottom: 15px;
  right: 20px;
  width: 24px;    /* Width of image */
  height: 24px;   /* Height of image */
  background-size:cover;
  cursor: pointer;
  position: fixed;
  z-index: 9;
}

.svg-home {
  display: inline-block;
  /*width: var(--icon-size, 1.25rem);
  height: var(--icon-size, 1.25rem);*/
  background-color: currentColor;
  -webkit-mask: url("/img/svg/home.svg") no-repeat center / contain;
  mask: url("/img/svg/home.svg") no-repeat center / contain;
}

.svg-mail {
  display: inline-block;
  background-color: currentColor;
  -webkit-mask: url("/img/svg/mail.svg") no-repeat center / contain;
  mask: url("/img/svg/mail.svg") no-repeat center / contain;
}

.svg-phone {
  display: inline-block;
  background-color: currentColor;
  -webkit-mask: url("/img/svg/phone.svg") no-repeat center / contain;
  mask: url("/img/svg/phone.svg") no-repeat center / contain;
}

.svg-up {
  display: inline-block;
  background-color: currentColor;
  -webkit-mask: url("/img/svg/up.svg") no-repeat center / contain;
  mask: url("/img/svg/up.svg") no-repeat center / contain;
}

.svg-down {
  display: inline-block;
  background-color: currentColor;
  -webkit-mask: url("/img/svg/down.svg") no-repeat center / contain;
  mask: url("/img/svg/down.svg") no-repeat center / contain;
}

.svg-calendar {
  cursor:pointer;
  display: inline-block;
  background-color: currentColor;
  -webkit-mask: url("/img/svg/calendar.svg") no-repeat center / contain;
  mask: url("/img/svg/calendar.svg") no-repeat center / contain;
}

.svg-search {
  cursor:pointer;
  display: inline-block;
  background-color: currentColor;
  -webkit-mask: url("/img/svg/search.svg") no-repeat center / contain;
  mask: url("/img/svg/search.svg") no-repeat center / contain;
}

.svg-user {
  cursor:pointer;
  display: inline-block;
  background-color: currentColor;
  -webkit-mask: url("/img/svg/user.svg") no-repeat center / contain;
  mask: url("/img/svg/user.svg") no-repeat center / contain;
}

.svg-plus {
  cursor:pointer;
  display: inline-block;
  background-color: currentColor;
  -webkit-mask: url("/img/svg/plus.svg") no-repeat center / contain;
  mask: url("/img/svg/plus.svg") no-repeat center / contain;
}

.svg-minus {
  cursor:pointer;
  display: inline-block;
  background-color: currentColor;
  -webkit-mask: url("/img/svg/minus.svg") no-repeat center / contain;
  mask: url("/img/svg/minus.svg") no-repeat center / contain;
}

.razorpay-button {
  border-radius: 0.25rem;
  width: 100%;
  height: 45px;
  background-color: #ffc439;
  background-image: url("/img/svg/razorpay.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 140px 30px;
  border: none;
  cursor: pointer;
}

.razorpay-button:hover {
  background-color: #F5B316;
}

.up::before {
    background-image: url("/img/svg/up.svg");
}

.down::before {
    background-image: url("/img/svg/down.svg");
}