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

.text-center {
  text-align: center;
}
/* =========== */
.m-10 {
  margin: 1rem;
}

.mx-10 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-10 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.mt-5 {
  margin-top: 0.5rem;
}

.mt-10 {
  margin-top: 1rem;
}

.mb-10 {
  margin-bottom: 1rem;
}

.ml-10 {
  margin-left: 1rem;
}

.ml-5 {
  margin-left: 0.5rem;
}

.mr-10 {
  margin-right: 1rem;
}

.mr-15 {
  margin-right: 1.5rem;
}

.ml-15 {
  margin-left: 1.5rem;
}

/* =========== */
.m-20 {
  margin: 2rem;
}

.mx-20 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-20 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mt-20 {
  margin-top: 2rem;
}

.mb-20 {
  margin-bottom: 2rem;
}

.ml-20 {
  margin-left: 2rem;
}

.mr-20 {
  margin-right: 2rem;
}

.mb-30 {
  margin-bottom: 3rem;
}

.mt-40 {
  margin-top: 4rem;
}

.mt-50 {
  margin-top: 5rem;
}

.mb-50 {
  margin-bottom: 5rem;
}

.mt-70 {
  margin-top: 7rem;
}

.mb-70 {
  margin-bottom: 7rem;
}

.mt-100 {
  margin-top: 10rem;
}

.mb-100 {
  margin-bottom: 10rem;
}

/* =========== */
.p-10 {
  padding: 1rem;
}

.px-10 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-10 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.pt-10 {
  padding-top: 1rem;
}

.pb-10 {
  padding-bottom: 1rem;
}

.pl-10 {
  padding-left: 1rem;
}

.pr-10 {
  padding-right: 1rem;
}

/* =========== */
.p-20 {
  padding: 2rem;
}

.px-20 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-20 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pt-20 {
  padding-top: 2rem;
}

.pb-20 {
  padding-bottom: 2rem;
}

.pl-20 {
  padding-left: 2rem;
}

.pr-20 {
  padding-right: 2rem;
}

.capitalize {
  text-transform: capitalize;
}

.hide {
  display: none !important;
}

.verticle-center {
  display: flex;
  align-items: center;
}

.disabled {
  background: gainsboro;
  cursor: not-allowed;
}