.flex {
  display: flex;
}
.flex-1 {
  flex: 1;
}
.align-center {
  align-items: center;
}
.align-end {
  align-items: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-evenly {
  justify-content: space-evenly;
}
.rela {
  position: relative;
}
.gap-8 {
  gap: vh(8) vw(8);
}
.mb-6 {
  margin-bottom: vh(6) !important;
}
.ml-8 {
  margin-left: vw(8) !important;
}
.mr-8 {
  margin-right: vw(8) !important;
}
.mt-8 {
  margin-top: vw(8) !important;
}
.pt-10 {
  padding-top: vh(10) !important;
}
.pb-10 {
  padding-bottom: vh(10) !important;
}
.mb-10 {
  margin-bottom: vh(10) !important;
}
.mt-10 {
  margin-top: vh(10) !important;
}
.ml-10 {
  margin-left: vw(10) !important;
}
.mr-10 {
  margin-right: vw(10) !important;
}
.mt-20 {
  margin-top: vh(20) !important;
}
.ml-20 {
  margin-left: vw(20) !important;
}
.pt-20 {
  padding-top: vh(20) !important;
}
.pb-20 {
  padding-bottom: vh(20) !important;
}
.pr-20 {
  padding-right: vh(20) !important;
}