::selection {
  background-color: yellow;
  color: black;
}

::-moz-selection {
  background-color: yellow;
  color: black;
}

.up-case {
  text-transform: uppercase;
}
.text-center {
  display: block;
  text-align: center;
}
.bg-primary {
  background: var(--primary);
  color: white!important;
}

.text-red {
  color: red !important;
}

.text-primary {
  color: var(--primary) !important;
}

 


.shadow {
  box-shadow: var(--shadow) 0px 6px 24px;
}

.dotted-border {
  border: 3px dotted var(--primary-dark);
  padding: 2rem;
  margin-top: 0.7rem;
}
 
.mh-1 {
  margin: 0 1rem;
}
 
.mv-1 {
  margin: 1rem 0rem;
}



.flex {
  display: flex;
}
.gap-5 {
  gap: 5px;
}

.col {
  display: flex;
  flex-direction: column;
}

.j-center {
  justify-content: center;
}
.align-center {
  align-content: center;
}
.align-items-center {
  align-items: center;
}