:root {
	--p-4-5: 2rem;
	--p-6: 4rem;
	--p-7: 5rem;
	--p-8: 6rem;
	--p-9: 7rem;
	--p-10: 8rem;
	--p-11: 9rem;
	--p-12: 10rem;
}

/*====================================================
	PADDING
====================================================*/
.pt-4-5 { padding-top: var(--p-4-5) !important; }
.pt-6 { padding-top: var(--p-6) !important; }
.pt-7 { padding-top: var(--p-7) !important; }
.pt-8 { padding-top: var(--p-8) !important; }
.pt-9 { padding-top: var(--p-9) !important; }
.pt-10 { padding-top: var(--p-10) !important; }
.pt-11 { padding-top: var(--p-11) !important; }
.pt-12 { padding-top: var(--p-12) !important; }

.ps-4-5 { padding-left: var(--p-4-5) !important; }
.ps-6 { padding-left: var(--p-6) !important; }
.ps-7 { padding-left: var(--p-7) !important; }
.ps-8 { padding-left: var(--p-8) !important; }
.ps-9 { padding-left: var(--p-9) !important; }
.ps-10 { padding-left: var(--p-10) !important; }
.ps-11 { padding-left: var(--p-11) !important; }
.ps-12 { padding-left: var(--p-12) !important; }

.pe-4-5 { padding-right: var(--p-4-5) !important; }
.pe-6 { padding-right: var(--p-6) !important; }
.pe-7 { padding-right: var(--p-7) !important; }
.pe-8 { padding-right: var(--p-8) !important; }
.pe-9 { padding-right: var(--p-9) !important; }
.pe-10 { padding-right: var(--p-10) !important; }
.pe-11 { padding-right: var(--p-11) !important; }
.pe-12 { padding-right: var(--p-12) !important; }

.pb-4-5 { padding-bottom: var(--p-4-5) !important; }
.pb-6 { padding-bottom: var(--p-6) !important; }
.pb-7 { padding-bottom: var(--p-7) !important; }
.pb-8 { padding-bottom: var(--p-8) !important; }
.pb-9 { padding-bottom: var(--p-9) !important; }
.pb-10 { padding-bottom: var(--p-10) !important; }
.pb-11 { padding-bottom: var(--p-11) !important; }
.pb-12 { padding-bottom: var(--p-12) !important; }

/* BREAKPOINTS */
@media screen and (min-width: 576px) {
	.pt-sm-4-5 { padding-top: var(--p-4-5) !important; }
	.pt-sm-6 { padding-top: var(--p-6) !important; }
	.pt-sm-7 { padding-top: var(--p-7) !important; }
	.pt-sm-8 { padding-top: var(--p-8) !important; }
	.pt-sm-9 { padding-top: var(--p-9) !important; }
	.pt-sm-10 { padding-top: var(--p-10) !important; }
	.pt-sm-11 { padding-top: var(--p-11) !important; }
	.pt-sm-12 { padding-top: var(--p-12) !important; }

	.ps-sm-4-5 { padding-left: var(--p-4-5) !important; }
	.ps-sm-6 { padding-left: var(--p-6) !important; }
	.ps-sm-7 { padding-left: var(--p-7) !important; }
	.ps-sm-8 { padding-left: var(--p-8) !important; }
	.ps-sm-9 { padding-left: var(--p-9) !important; }
	.ps-sm-10 { padding-left: var(--p-10) !important; }
	.ps-sm-11 { padding-left: var(--p-11) !important; }
	.ps-sm-12 { padding-left: var(--p-12) !important; }

	.pe-sm-4-5 { padding-right: var(--p-4-5) !important; }
	.pe-sm-6 { padding-right: var(--p-6) !important; }
	.pe-sm-7 { padding-right: var(--p-7) !important; }
	.pe-sm-8 { padding-right: var(--p-8) !important; }
	.pe-sm-9 { padding-right: var(--p-9) !important; }
	.pe-sm-10 { padding-right: var(--p-10) !important; }
	.pe-sm-11 { padding-right: var(--p-11) !important; }
	.pe-sm-12 { padding-right: var(--p-12) !important; }

	.pb-sm-4-5 { padding-bottom: var(--p-4-5) !important; }
	.pb-sm-6 { padding-bottom: var(--p-6) !important; }
	.pb-sm-7 { padding-bottom: var(--p-7) !important; }
	.pb-sm-8 { padding-bottom: var(--p-8) !important; }
	.pb-sm-9 { padding-bottom: var(--p-9) !important; }
	.pb-sm-10 { padding-bottom: var(--p-10) !important; }
	.pb-sm-11 { padding-bottom: var(--p-11) !important; }
	.pb-sm-12 { padding-bottom: var(--p-12) !important; }
}

@media screen and (min-width: 768px) {
	.pt-md-4-5 { padding-top: var(--p-4-5) !important; }
	.pt-md-6 { padding-top: var(--p-6) !important; }
	.pt-md-7 { padding-top: var(--p-7) !important; }
	.pt-md-8 { padding-top: var(--p-8) !important; }
	.pt-md-9 { padding-top: var(--p-9) !important; }
	.pt-md-10 { padding-top: var(--p-10) !important; }
	.pt-md-11 { padding-top: var(--p-11) !important; }
	.pt-md-12 { padding-top: var(--p-12) !important; }

	.ps-md-4-5 { padding-left: var(--p-4-5) !important; }
	.ps-md-6 { padding-left: var(--p-6) !important; }
	.ps-md-7 { padding-left: var(--p-7) !important; }
	.ps-md-8 { padding-left: var(--p-8) !important; }
	.ps-md-9 { padding-left: var(--p-9) !important; }
	.ps-md-10 { padding-left: var(--p-10) !important; }
	.ps-md-11 { padding-left: var(--p-11) !important; }
	.ps-md-12 { padding-left: var(--p-12) !important; }

	.pe-md-4-5 { padding-right: var(--p-4-5) !important; }
	.pe-md-6 { padding-right: var(--p-6) !important; }
	.pe-md-7 { padding-right: var(--p-7) !important; }
	.pe-md-8 { padding-right: var(--p-8) !important; }
	.pe-md-9 { padding-right: var(--p-9) !important; }
	.pe-md-10 { padding-right: var(--p-10) !important; }
	.pe-md-11 { padding-right: var(--p-11) !important; }
	.pe-md-12 { padding-right: var(--p-12) !important; }

	.pb-md-4-5 { padding-bottom: var(--p-4-5) !important; }
	.pb-md-6 { padding-bottom: var(--p-6) !important; }
	.pb-md-7 { padding-bottom: var(--p-7) !important; }
	.pb-md-8 { padding-bottom: var(--p-8) !important; }
	.pb-md-9 { padding-bottom: var(--p-9) !important; }
	.pb-md-10 { padding-bottom: var(--p-10) !important; }
	.pb-md-11 { padding-bottom: var(--p-11) !important; }
	.pb-md-12 { padding-bottom: var(--p-12) !important; }
}

@media screen and (min-width: 992px) {
	.pt-lg-4-5 { padding-top: var(--p-4-5) !important; }
	.pt-lg-6 { padding-top: var(--p-6) !important; }
	.pt-lg-7 { padding-top: var(--p-7) !important; }
	.pt-lg-8 { padding-top: var(--p-8) !important; }
	.pt-lg-9 { padding-top: var(--p-9) !important; }
	.pt-lg-10 { padding-top: var(--p-10) !important; }
	.pt-lg-11 { padding-top: var(--p-11) !important; }
	.pt-lg-12 { padding-top: var(--p-12) !important; }

	.ps-lg-4-5 { padding-left: var(--p-4-5) !important; }
	.ps-lg-6 { padding-left: var(--p-6) !important; }
	.ps-lg-7 { padding-left: var(--p-7) !important; }
	.ps-lg-8 { padding-left: var(--p-8) !important; }
	.ps-lg-9 { padding-left: var(--p-9) !important; }
	.ps-lg-10 { padding-left: var(--p-10) !important; }
	.ps-lg-11 { padding-left: var(--p-11) !important; }
	.ps-lg-12 { padding-left: var(--p-12) !important; }

	.pe-lg-4-5 { padding-right: var(--p-4-5) !important; }
	.pe-lg-6 { padding-right: var(--p-6) !important; }
	.pe-lg-7 { padding-right: var(--p-7) !important; }
	.pe-lg-8 { padding-right: var(--p-8) !important; }
	.pe-lg-9 { padding-right: var(--p-9) !important; }
	.pe-lg-10 { padding-right: var(--p-10) !important; }
	.pe-lg-11 { padding-right: var(--p-11) !important; }
	.pe-lg-12 { padding-right: var(--p-12) !important; }

	.pb-lg-4-5 { padding-bottom: var(--p-4-5) !important; }
	.pb-lg-6 { padding-bottom: var(--p-6) !important; }
	.pb-lg-7 { padding-bottom: var(--p-7) !important; }
	.pb-lg-8 { padding-bottom: var(--p-8) !important; }
	.pb-lg-9 { padding-bottom: var(--p-9) !important; }
	.pb-lg-10 { padding-bottom: var(--p-10) !important; }
	.pb-lg-11 { padding-bottom: var(--p-11) !important; }
	.pb-lg-12 { padding-bottom: var(--p-12) !important; }
}

@media screen and (min-width: 1200px) {
	.pt-xl-4-5 { padding-top: var(--p-4-5) !important; }
	.pt-xl-6 { padding-top: var(--p-6) !important; }
	.pt-xl-7 { padding-top: var(--p-7) !important; }
	.pt-xl-8 { padding-top: var(--p-8) !important; }
	.pt-xl-9 { padding-top: var(--p-9) !important; }
	.pt-xl-10 { padding-top: var(--p-10) !important; }
	.pt-xl-11 { padding-top: var(--p-11) !important; }
	.pt-xl-12 { padding-top: var(--p-12) !important; }

	.ps-xl-4-5 { padding-left: var(--p-4-5) !important; }
	.ps-xl-6 { padding-left: var(--p-6) !important; }
	.ps-xl-7 { padding-left: var(--p-7) !important; }
	.ps-xl-8 { padding-left: var(--p-8) !important; }
	.ps-xl-9 { padding-left: var(--p-9) !important; }
	.ps-xl-10 { padding-left: var(--p-10) !important; }
	.ps-xl-11 { padding-left: var(--p-11) !important; }
	.ps-xl-12 { padding-left: var(--p-12) !important; }

	.pe-xl-4-5 { padding-right: var(--p-4-5) !important; }
	.pe-xl-6 { padding-right: var(--p-6) !important; }
	.pe-xl-7 { padding-right: var(--p-7) !important; }
	.pe-xl-8 { padding-right: var(--p-8) !important; }
	.pe-xl-9 { padding-right: var(--p-9) !important; }
	.pe-xl-10 { padding-right: var(--p-10) !important; }
	.pe-xl-11 { padding-right: var(--p-11) !important; }
	.pe-xl-12 { padding-right: var(--p-12) !important; }

	.pb-xl-4-5 { padding-bottom: var(--p-4-5) !important; }
	.pb-xl-6 { padding-bottom: var(--p-6) !important; }
	.pb-xl-7 { padding-bottom: var(--p-7) !important; }
	.pb-xl-8 { padding-bottom: var(--p-8) !important; }
	.pb-xl-9 { padding-bottom: var(--p-9) !important; }
	.pb-xl-10 { padding-bottom: var(--p-10) !important; }
	.pb-xl-11 { padding-bottom: var(--p-11) !important; }
	.pb-xl-12 { padding-bottom: var(--p-12) !important; }
}

@media screen and (min-width: 1400px) {
	.pt-xxl-4-5 { padding-top: var(--p-4-5) !important; }
	.pt-xxl-6 { padding-top: var(--p-6) !important; }
	.pt-xxl-7 { padding-top: var(--p-7) !important; }
	.pt-xxl-8 { padding-top: var(--p-8) !important; }
	.pt-xxl-9 { padding-top: var(--p-9) !important; }
	.pt-xxl-10 { padding-top: var(--p-10) !important; }
	.pt-xxl-11 { padding-top: var(--p-11) !important; }
	.pt-xxl-12 { padding-top: var(--p-12) !important; }

	.ps-xxl-4-5 { padding-left: var(--p-4-5) !important; }
	.ps-xxl-6 { padding-left: var(--p-6) !important; }
	.ps-xxl-7 { padding-left: var(--p-7) !important; }
	.ps-xxl-8 { padding-left: var(--p-8) !important; }
	.ps-xxl-9 { padding-left: var(--p-9) !important; }
	.ps-xxl-10 { padding-left: var(--p-10) !important; }
	.ps-xxl-11 { padding-left: var(--p-11) !important; }
	.ps-xxl-12 { padding-left: var(--p-12) !important; }

	.pe-xxl-4-5 { padding-right: var(--p-4-5) !important; }
	.pe-xxl-6 { padding-right: var(--p-6) !important; }
	.pe-xxl-7 { padding-right: var(--p-7) !important; }
	.pe-xxl-8 { padding-right: var(--p-8) !important; }
	.pe-xxl-9 { padding-right: var(--p-9) !important; }
	.pe-xxl-10 { padding-right: var(--p-10) !important; }
	.pe-xxl-11 { padding-right: var(--p-11) !important; }
	.pe-xxl-12 { padding-right: var(--p-12) !important; }

	.px-xxl-4-5 { padding-bottom: var(--p-4-5) !important; }
	.pb-xxl-6 { padding-bottom: var(--p-6) !important; }
	.pb-xxl-7 { padding-bottom: var(--p-7) !important; }
	.pb-xxl-8 { padding-bottom: var(--p-8) !important; }
	.pb-xxl-9 { padding-bottom: var(--p-9) !important; }
	.pb-xxl-10 { padding-bottom: var(--p-10) !important; }
	.pb-xxl-11 { padding-bottom: var(--p-11) !important; }
	.pb-xxl-12 { padding-bottom: var(--p-12) !important; }
}