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

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

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

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

.mt--5 {
  margin-top: 20px !important;
}

.mt--6 {
  margin-top: 24px !important;
}

.mt--7 {
  margin-top: 28px !important;
}

.mt--8 {
  margin-top: 32px !important;
}

.mt--9 {
  margin-top: 36px !important;
}

.mt--10 {
  margin-top: 40px !important;
}

/* Margin Bottom */
.mb--1 {
  margin-bottom: 4px !important;
}

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

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

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

.mb--5 {
  margin-bottom: 20px !important;
}

.mb--6 {
  margin-bottom: 24px !important;
}

.mb--7 {
  margin-bottom: 28px !important;
}

.mb--8 {
  margin-bottom: 32px !important;
}

.mb--9 {
  margin-bottom: 36px !important;
}

.mb--10 {
  margin-bottom: 40px !important;
}

/* Margin Right */
.mr--1 {
  margin-right: 4px !important;
}

.mr--2 {
  margin-right: 8px !important;
}

.mr--3 {
  margin-right: 12px !important;
}

.mr--4 {
  margin-right: 16px !important;
}

.mr--5 {
  margin-right: 20px !important;
}

.mr--6 {
  margin-right: 24px !important;
}

.mr--7 {
  margin-right: 28px !important;
}

.mr--8 {
  margin-right: 32px !important;
}

.mr--9 {
  margin-right: 36px !important;
}

.mr--10 {
  margin-right: 40px !important;
}

/* Margin Left */
.ml--1 {
  margin-left: 4px !important;
}

.ml--2 {
  margin-left: 8px !important;
}

.ml--3 {
  margin-left: 12px !important;
}

.ml--4 {
  margin-left: 16px !important;
}

.ml--5 {
  margin-left: 20px !important;
}

.ml--6 {
  margin-left: 24px !important;
}

.ml--7 {
  margin-left: 28px !important;
}

.ml--8 {
  margin-left: 32px !important;
}

.ml--9 {
  margin-left: 36px !important;
}

.ml--10 {
  margin-left: 40px !important;
}

/* Margin X (Horizontal) */
.mx--1 {
  margin-right: 4px !important;
  margin-left: 4px !important;

}

.mx--2 {
  margin-right: 8px !important;
  margin-left: 8px !important;

}

.mx--3 {
  margin-right: 12px !important;
  margin-left: 12px !important;
}

.mx--4 {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

.mx--5 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.mx--6 {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.mx--7 {
  margin-right: 28px !important;
  margin-left: 28px !important;
}

.mx--8 {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

.mx--9 {
  margin-right: 36px !important;
  margin-left: 36px !important;
}

.mx--10 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

/* Margin Y (Vertical) */
.my--1 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.my--2 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.my--3 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.my--4 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.my--5 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.my--6 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.my--7 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.my--8 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.my--9 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.my--10 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.py--0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py--1 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.py--2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.py--3 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.py--4 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.py--5 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.py--6 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.py--7 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.py--8 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.py--9 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.py--10 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.px--1 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.px--2 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.px--3 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.px--4 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.px--5 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.px--6 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.px--7 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

.px--8 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.px--9 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}

.px--10 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.pl--1 {
  padding-left: 4px !important;
}

.pl--2 {
  padding-left: 8px !important;
}

.pl--3 {
  padding-left: 12px !important;
}

.pl--4 {
  padding-left: 16px !important;
}

.pl--5 {
  padding-left: 20px !important;
}

.pl--6 {
  padding-left: 24px !important;
}

.pl--7 {
  padding-left: 28px !important;
}

.pl--8 {
  padding-left: 32px !important;
}

.pl--9 {
  padding-left: 36px !important;
}

.pl--10 {
  padding-left: 40px !important;
}

.pb--1 {
  padding-bottom: 4px !important;
}

.pb--2 {
  padding-bottom: 8px !important;
}

.pb--3 {
  padding-bottom: 12px !important;
}

.pb--4 {
  padding-bottom: 16px !important;
}

.pb--5 {
  padding-bottom: 20px !important;
}

.pb--6 {
  padding-bottom: 24px !important;
}

.pb--7 {
  padding-bottom: 28px !important;
}

.pb--8 {
  padding-bottom: 32px !important;
}

.pb--9 {
  padding-bottom: 36px !important;
}

.pb--10 {
  padding-bottom: 40px !important;
}