.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.filter {
  filter: blur(1.2px);
  backdrop-filter: blur(10px);
  overflow-y: hidden;
}

.block {
  display: block;
}

.hidden {
  display: none;
}

.default {
  cursor: default;
}

.pointer {
  cursor: pointer;
}

.disabled {
  opacity: .5;
  pointer-events: none;
}

.soft-opacity {
  opacity: .5;
}

.transparent {
  opacity: 0;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-y {
  overflow-y: scroll;
}

.overflow-x {
  overflow-x: scroll;
}

.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently */
}

/* Track */
.no-bar::-webkit-scrollbar {
  display: none;
}

.custom-sb::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

.custom-sb.low-bar::-webkit-scrollbar {
  height: 8px !important;
}

.custom-sb::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.custom-sb::-webkit-scrollbar-thumb {
  background: #555555;
}

/* Handle on hover */
.custom-sb::-webkit-scrollbar-thumb:hover {
  background: #555555;
}

/*colors*/
.red {
  background-color: #e74c3c;
}

.darkred {
  background-color: #c0392b;
}

.pumpkin {
  background-color: #d35400;
}

.carrot {
  background-color: #e67e22;
}

.orange {
  background-color: #f39c12;
}

.sunflower {
  background-color: #f1c40f;
}

.lightpurple {
  background-color: #8e44ad;
}

.amethyst {
  background-color: #9b59b6;
}

.lightblue {
  background-color: #3498db;
}

.ocean {
  background-color: #2980b9;
}

.midnightblue {
  background-color: #2c3e50;
}

.turquise {
  background-color: #29bb9c;
}

.seagreen {
  background-color: #16a085;
}

.emerald {
  background-color: #2ecc71;
}

.green {
  background-color: #27ae60;
}

.clouds {
  background-color: #ecf0f1;
}

.silver {
  background-color: #bdc3c7;
}

.gray {
  background-color: #7f8c8d;
}

.concrete {
  background-color: #95a5a6;
}


/* added colors*/
.gold {
  background-color: #e1b12c;
}