/* display */
.block {
  display: block !important;
}

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

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

.flex-sb {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* flex-direction */
.flex-start {
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

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

.flex-col {
  flex-direction: column !important;
}

.flex-right {
  align-items: right !important;
  justify-content: right;
}

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

/* gap */
.gap-1 {
  gap: 1rem !important;
}

.gap-1-5 {
  gap: 1.5rem !important;
}

.gap-2 {
  gap: 2rem !important;
}

.gap-2-5 {
  gap: 2rem !important;
}

.gap-3 {
  gap: 3rem !important;
}

/* padding */
.p-0 {
  padding: 0;
}

/* position */
.p-relative {
  position: relative;
}

/* margin */
.m-0 {
  margin: 0;
}

/* margin-top */
.mt-1 {
  margin-top: 1rem !important;
}

.mt-1-5 {
  margin-top: 1.5rem !important;
}

.mt-2 {
  margin-top: 2rem !important;
}

.mt-2-5 {
  margin-top: 2.5rem !important;
}

.mt-3 {
  margin-top: 3rem !important;
}

.mt-3-5 {
  margin-top: 3.5rem !important;
}

.mt-4 {
  margin-top: 4rem !important;
}

.mt-4-5 {
  margin-top: 4.5rem !important;
}

/* margin-bottom */
.mb-1 {
  margin-bottom: 1rem !important;
}

.mb-1-5 {
  margin-bottom: 1.5rem !important;
}

.mb-2 {
  margin-bottom: 2rem !important;
}

.mb-2-5 {
  margin-bottom: 2.5rem !important;
}

.mb-3 {
  margin-bottom: 3rem !important;
}

.mb-3-5 {
  margin-bottom: 3.5rem !important;
}

.mb-4 {
  margin-bottom: 4rem !important;
}

.mb-4-5 {
  margin-bottom: 4.5rem !important;
}

/* text */
.text-lowercase {
  text-transform: lowercase;
}

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

/* width */
.w-16 {
  width: 16.6666666%;
}

.w-33 {
  width: 33.3333333%;
}

.w-50 {
  width: 50%;
}

.w-66 {
  width: 66.6666667%;
}

.w-100 {
  width: 100%
}