.row {
  display: flex;
}

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

.align-stretch {
  align-items: stretch;
}

.align-start {
  align-items: start;
}

.justify-center {
  justify-content: center;
}

.justify-space {
  justify-content: space-between;
}

.justify-evenly {
  justify-content: space-evenly;
}

.justify-end {
  justify-content: flex-end;
}

.align-end {
  align-items: end;
}

.gap-10 {
  gap: 10px;
}

.gap-6 {
  gap: 6px;
}

.gap-5 {
  gap: 5px;
}

.gap-3 {
  gap: 3px;
}

.gap-15 {
  gap: 15px;
}

.gap-20 {
  gap: 20px;
}

.gap-30 {
  gap: 30px;
}

.gap-50 {
  gap: 50px;
}

.gap-60 {
  gap: 60px;
}

.gap-150 {
  gap: 150px;
}

.gap-70 {
  gap: 70px;
}

.gap-100 {
  gap: 100px;
}

.gap-200 {
  gap: 200px;
}

.gap-250 {
  gap: 250px;
}

.gap-300 {
  gap: 300px;
}

.gap-180 {
  gap: 180px;
}

.gap-90 {
  gap: 90px;
}

.gap-25 {
  gap: 25px;
}

.gap-40 {
  gap: 40px;
}

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

.justify-end {
  justify-content: end;
}

.flex-wrap {
  flex-wrap: wrap;
}

.customBorderSolid {
  height: 1px;
  width: 100%;
  background-color: var(--lighter-light);
  opacity: 0.2;
}

.opacity-2 {
  opacity: 0.2;
}

.opacity-4 {
  opacity: 0.4;
}

.opacity-5 {
  opacity: 0.5;
}

.vertical-row {
  flex-direction: column;
}

.inline-flex
{
  display: inline-flex;
}