body {
  --bs-body-font-family: Assistant, sans-serif;
}

.mt-6 {
  margin-top: 6rem;
}

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

.mt-8 {
  margin-top: 8rem;
}

.mt-9 {
  margin-top: 9rem;
}

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

.mt-11 {
  margin-top: 11rem;
}

.mt-12 {
  margin-top: 12rem;
}
.mt-13 {
  margin-top: 13rem;
}

.mt-14 {
  margin-top: 14rem;
}

.mt-15 {
  margin-top: 15rem;
}

.mt-16 {
  margin-top: 16rem;
}

.mt-17 {
  margin-top: 17rem;
}

.mt-18 {
  margin-top: 18rem;
}

.mt-19 {
  margin-top: 19rem;
}

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

.mt-21 {
  margin-top: 21rem;
}

.mt-22 {
  margin-top: 22rem;
}

.mt-23 {
  margin-top: 23rem;
}

.mt-25 {
  margin-top: 25rem;
}

.mt-30 {
  margin-top: 30rem;
}

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

.mt-42 {
  margin-top: 42rem;
}

.mt-44 {
  margin-top: 44rem;
}

/* MARGIN RIGHT CLASSES */

.mr-6 {
  margin-right: 6rem;
}

.mr-7 {
  margin-right: 7rem;
}

.mr-8 {
  margin-right: 8rem;
}

.mr-9 {
  margin-right: 9rem;
}

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

.mr-11 {
  margin-right: 11rem;
}

.mr-12 {
  margin-right: 12rem;
}
.mr-13 {
  margin-right: 13rem;
}

.mr-14 {
  margin-right: 14rem;
}

/* md screen */

@media (min-width: 576px) {
  .mt-sm-16,
  .my-sm-16 {
    margin-top: 16rem !important;
  }

  .mr-sm-16,
  .mx-sm-16 {
    margin-right: 16rem !important;
  }

  .mb-sm-16,
  .my-sm-16 {
    margin-bottom: 16rem !important;
  }

  .ml-sm-16,
  .mx-sm-16 {
    margin-left: 16rem !important;
  }
}

/* lg screen */

@media (min-width: 992px) {
  .mt-lg-20,
  .my-lg-20 {
    margin-top: 20rem !important;
  }

  .mr-lg-20,
  .mx-lg-20 {
    margin-right: 20rem !important;
  }

  .mb-lg-20,
  .my-lg-20 {
    margin-bottom: 20rem !important;
  }

  .ml-lg-20,
  .mx-lg-20 {
    margin-left: 20rem !important;
  }

  .mt-lg-6,
  .my-lg-6 {
    margin-top: 6rem !important;
  }

  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 6rem !important;
  }

  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 6rem !important;
  }

  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 6rem !important;
  }
}