/* ========== PADDING ========== */

/* Varsayılan (tüm ekranlar) */
.p-6 {
	padding: 5rem !important;
}

.pt-6 {
	padding-top: 5rem !important;
}

.pr-6 {
	padding-right: 5rem !important;
}

.pb-6 {
	padding-bottom: 5rem !important;
}

.pl-6 {
	padding-left: 5rem !important;
}

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

.py-6 {
	padding-top: 5rem !important;
	padding-bottom: 5rem !important;
}

.p-7 {
	padding: 6rem !important;
}

.pt-7 {
	padding-top: 6rem !important;
}

.pr-7 {
	padding-right: 6rem !important;
}

.pb-7 {
	padding-bottom: 6rem !important;
}

.pl-7 {
	padding-left: 6rem !important;
}

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

.py-7 {
	padding-top: 6rem !important;
	padding-bottom: 6rem !important;
}

.p-8 {
	padding: 7rem !important;
}

.pt-8 {
	padding-top: 7rem !important;
}

.pr-8 {
	padding-right: 7rem !important;
}

.pb-8 {
	padding-bottom: 7rem !important;
}

.pl-8 {
	padding-left: 7rem !important;
}

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

.py-8 {
	padding-top: 7rem !important;
	padding-bottom: 7rem !important;
}

/* ========== MARGIN ========== */

/* Varsayılan (tüm ekranlar) */
.m-6 {
	margin: 5rem !important;
}

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

.mr-6 {
	margin-right: 5rem !important;
}

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

.ml-6 {
	margin-left: 5rem !important;
}

.mx-6 {
	margin-left: 5rem !important;
	margin-right: 5rem !important;
}

.my-6 {
	margin-top: 5rem !important;
	margin-bottom: 5rem !important;
}

.m-7 {
	margin: 6rem !important;
}

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

.mr-7 {
	margin-right: 6rem !important;
}

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

.ml-7 {
	margin-left: 6rem !important;
}

.mx-7 {
	margin-left: 6rem !important;
	margin-right: 6rem !important;
}

.my-7 {
	margin-top: 6rem !important;
	margin-bottom: 6rem !important;
}

.m-8 {
	margin: 7rem !important;
}

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

.mr-8 {
	margin-right: 7rem !important;
}

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

.ml-8 {
	margin-left: 7rem !important;
}

.mx-8 {
	margin-left: 7rem !important;
	margin-right: 7rem !important;
}

.my-8 {
	margin-top: 7rem !important;
	margin-bottom: 7rem !important;
}

.component-margin-top-default {
  margin-top: 12rem;
}

.component-margin-bottom-default {
  margin-bottom: 12rem;
}

.component-padding-top-default {
  padding-top: 12rem;
}

.component-padding-bottom-default {
  padding-bottom: 12rem;
}

/* ========== RESPONSIVE BREAKPOINTS ========== */

/* sm (≥576px) */
@media (min-width: 576px) {

	/* Padding */
	.p-sm-6 {
		padding: 5rem !important
	}

	.pt-sm-6 {
		padding-top: 5rem !important
	}

	.pr-sm-6 {
		padding-right: 5rem !important
	}

	.pb-sm-6 {
		padding-bottom: 5rem !important
	}

	.pl-sm-6 {
		padding-left: 5rem !important
	}

	.px-sm-6 {
		padding-left: 5rem !important;
		padding-right: 5rem !important
	}

	.py-sm-6 {
		padding-top: 5rem !important;
		padding-bottom: 5rem !important
	}

	.p-sm-7 {
		padding: 6rem !important
	}

	.pt-sm-7 {
		padding-top: 6rem !important
	}

	.pr-sm-7 {
		padding-right: 6rem !important
	}

	.pb-sm-7 {
		padding-bottom: 6rem !important
	}

	.pl-sm-7 {
		padding-left: 6rem !important
	}

	.px-sm-7 {
		padding-left: 6rem !important;
		padding-right: 6rem !important
	}

	.py-sm-7 {
		padding-top: 6rem !important;
		padding-bottom: 6rem !important
	}

	.p-sm-8 {
		padding: 7rem !important
	}

	.pt-sm-8 {
		padding-top: 7rem !important
	}

	.pr-sm-8 {
		padding-right: 7rem !important
	}

	.pb-sm-8 {
		padding-bottom: 7rem !important
	}

	.pl-sm-8 {
		padding-left: 7rem !important
	}

	.px-sm-8 {
		padding-left: 7rem !important;
		padding-right: 7rem !important
	}

	.py-sm-8 {
		padding-top: 7rem !important;
		padding-bottom: 7rem !important
	}

	/* Margin */
	.m-sm-6 {
		margin: 5rem !important
	}

	.mt-sm-6 {
		margin-top: 5rem !important
	}

	.mr-sm-6 {
		margin-right: 5rem !important
	}

	.mb-sm-6 {
		margin-bottom: 5rem !important
	}

	.ml-sm-6 {
		margin-left: 5rem !important
	}

	.mx-sm-6 {
		margin-left: 5rem !important;
		margin-right: 5rem !important
	}

	.my-sm-6 {
		margin-top: 5rem !important;
		margin-bottom: 5rem !important
	}

	.m-sm-7 {
		margin: 6rem !important
	}

	.mt-sm-7 {
		margin-top: 6rem !important
	}

	.mr-sm-7 {
		margin-right: 6rem !important
	}

	.mb-sm-7 {
		margin-bottom: 6rem !important
	}

	.ml-sm-7 {
		margin-left: 6rem !important
	}

	.mx-sm-7 {
		margin-left: 6rem !important;
		margin-right: 6rem !important
	}

	.my-sm-7 {
		margin-top: 6rem !important;
		margin-bottom: 6rem !important
	}

	.m-sm-8 {
		margin: 7rem !important
	}

	.mt-sm-8 {
		margin-top: 7rem !important
	}

	.mr-sm-8 {
		margin-right: 7rem !important
	}

	.mb-sm-8 {
		margin-bottom: 7rem !important
	}

	.ml-sm-8 {
		margin-left: 7rem !important
	}

	.mx-sm-8 {
		margin-left: 7rem !important;
		margin-right: 7rem !important
	}

	.my-sm-8 {
		margin-top: 7rem !important;
		margin-bottom: 7rem !important
	}
}

/* md (≥768px) */
@media (min-width: 768px) {

	/* Padding */
	.p-md-6 {
		padding: 5rem !important
	}

	.pt-md-6 {
		padding-top: 5rem !important
	}

	.pr-md-6 {
		padding-right: 5rem !important
	}

	.pb-md-6 {
		padding-bottom: 5rem !important
	}

	.pl-md-6 {
		padding-left: 5rem !important
	}

	.px-md-6 {
		padding-left: 5rem !important;
		padding-right: 5rem !important
	}

	.py-md-6 {
		padding-top: 5rem !important;
		padding-bottom: 5rem !important
	}

	.p-md-7 {
		padding: 6rem !important
	}

	.pt-md-7 {
		padding-top: 6rem !important
	}

	.pr-md-7 {
		padding-right: 6rem !important
	}

	.pb-md-7 {
		padding-bottom: 6rem !important
	}

	.pl-md-7 {
		padding-left: 6rem !important
	}

	.px-md-7 {
		padding-left: 6rem !important;
		padding-right: 6rem !important
	}

	.py-md-7 {
		padding-top: 6rem !important;
		padding-bottom: 6rem !important
	}

	.p-md-8 {
		padding: 7rem !important
	}

	.pt-md-8 {
		padding-top: 7rem !important
	}

	.pr-md-8 {
		padding-right: 7rem !important
	}

	.pb-md-8 {
		padding-bottom: 7rem !important
	}

	.pl-md-8 {
		padding-left: 7rem !important
	}

	.px-md-8 {
		padding-left: 7rem !important;
		padding-right: 7rem !important
	}

	.py-md-8 {
		padding-top: 7rem !important;
		padding-bottom: 7rem !important
	}

	/* Margin */
	.m-md-6 {
		margin: 5rem !important
	}

	.mt-md-6 {
		margin-top: 5rem !important
	}

	.mr-md-6 {
		margin-right: 5rem !important
	}

	.mb-md-6 {
		margin-bottom: 5rem !important
	}

	.ml-md-6 {
		margin-left: 5rem !important
	}

	.mx-md-6 {
		margin-left: 5rem !important;
		margin-right: 5rem !important
	}

	.my-md-6 {
		margin-top: 5rem !important;
		margin-bottom: 5rem !important
	}

	.m-md-7 {
		margin: 6rem !important
	}

	.mt-md-7 {
		margin-top: 6rem !important
	}

	.mr-md-7 {
		margin-right: 6rem !important
	}

	.mb-md-7 {
		margin-bottom: 6rem !important
	}

	.ml-md-7 {
		margin-left: 6rem !important
	}

	.mx-md-7 {
		margin-left: 6rem !important;
		margin-right: 6rem !important
	}

	.my-md-7 {
		margin-top: 6rem !important;
		margin-bottom: 6rem !important
	}

	.m-md-8 {
		margin: 7rem !important
	}

	.mt-md-8 {
		margin-top: 7rem !important
	}

	.mr-md-8 {
		margin-right: 7rem !important
	}

	.mb-md-8 {
		margin-bottom: 7rem !important
	}

	.ml-md-8 {
		margin-left: 7rem !important
	}

	.mx-md-8 {
		margin-left: 7rem !important;
		margin-right: 7rem !important
	}

	.my-md-8 {
		margin-top: 7rem !important;
		margin-bottom: 7rem !important
	}
}

/* lg (≥992px) */
@media (min-width: 992px) {

	/* Padding */
	.p-lg-6 {
		padding: 5rem !important
	}

	.pt-lg-6 {
		padding-top: 5rem !important
	}

	.pr-lg-6 {
		padding-right: 5rem !important
	}

	.pb-lg-6 {
		padding-bottom: 5rem !important
	}

	.pl-lg-6 {
		padding-left: 5rem !important
	}

	.px-lg-6 {
		padding-left: 5rem !important;
		padding-right: 5rem !important
	}

	.py-lg-6 {
		padding-top: 5rem !important;
		padding-bottom: 5rem !important
	}

	.p-lg-7 {
		padding: 6rem !important
	}

	.pt-lg-7 {
		padding-top: 6rem !important
	}

	.pr-lg-7 {
		padding-right: 6rem !important
	}

	.pb-lg-7 {
		padding-bottom: 6rem !important
	}

	.pl-lg-7 {
		padding-left: 6rem !important
	}

	.px-lg-7 {
		padding-left: 6rem !important;
		padding-right: 6rem !important
	}

	.py-lg-7 {
		padding-top: 6rem !important;
		padding-bottom: 6rem !important
	}

	.p-lg-8 {
		padding: 7rem !important
	}

	.pt-lg-8 {
		padding-top: 7rem !important
	}

	.pr-lg-8 {
		padding-right: 7rem !important
	}

	.pb-lg-8 {
		padding-bottom: 7rem !important
	}

	.pl-lg-8 {
		padding-left: 7rem !important
	}

	.px-lg-8 {
		padding-left: 7rem !important;
		padding-right: 7rem !important
	}

	.py-lg-8 {
		padding-top: 7rem !important;
		padding-bottom: 7rem !important
	}

	/* Margin */
	.m-lg-6 {
		margin: 5rem !important
	}

	.mt-lg-6 {
		margin-top: 5rem !important
	}

	.mr-lg-6 {
		margin-right: 5rem !important
	}

	.mb-lg-6 {
		margin-bottom: 5rem !important
	}

	.ml-lg-6 {
		margin-left: 5rem !important
	}

	.mx-lg-6 {
		margin-left: 5rem !important;
		margin-right: 5rem !important
	}

	.my-lg-6 {
		margin-top: 5rem !important;
		margin-bottom: 5rem !important
	}

	.m-lg-7 {
		margin: 6rem !important
	}

	.mt-lg-7 {
		margin-top: 6rem !important
	}

	.mr-lg-7 {
		margin-right: 6rem !important
	}

	.mb-lg-7 {
		margin-bottom: 6rem !important
	}

	.ml-lg-7 {
		margin-left: 6rem !important
	}

	.mx-lg-7 {
		margin-left: 6rem !important;
		margin-right: 6rem !important
	}

	.my-lg-7 {
		margin-top: 6rem !important;
		margin-bottom: 6rem !important
	}

	.m-lg-8 {
		margin: 7rem !important
	}

	.mt-lg-8 {
		margin-top: 7rem !important
	}

	.mr-lg-8 {
		margin-right: 7rem !important
	}

	.mb-lg-8 {
		margin-bottom: 7rem !important
	}

	.ml-lg-8 {
		margin-left: 7rem !important
	}

	.mx-lg-8 {
		margin-left: 7rem !important;
		margin-right: 7rem !important
	}

	.my-lg-8 {
		margin-top: 7rem !important;
		margin-bottom: 7rem !important
	}
}

/* xl (≥1200px) */
@media (min-width: 1200px) {

	/* Padding */
	.p-xl-6 {
		padding: 5rem !important
	}

	.pt-xl-6 {
		padding-top: 5rem !important
	}

	.pr-xl-6 {
		padding-right: 5rem !important
	}

	.pb-xl-6 {
		padding-bottom: 5rem !important
	}

	.pl-xl-6 {
		padding-left: 5rem !important
	}

	.px-xl-6 {
		padding-left: 5rem !important;
		padding-right: 5rem !important
	}

	.py-xl-6 {
		padding-top: 5rem !important;
		padding-bottom: 5rem !important
	}

	.p-xl-7 {
		padding: 6rem !important
	}

	.pt-xl-7 {
		padding-top: 6rem !important
	}

	.pr-xl-7 {
		padding-right: 6rem !important
	}

	.pb-xl-7 {
		padding-bottom: 6rem !important
	}

	.pl-xl-7 {
		padding-left: 6rem !important
	}

	.px-xl-7 {
		padding-left: 6rem !important;
		padding-right: 6rem !important
	}

	.py-xl-7 {
		padding-top: 6rem !important;
		padding-bottom: 6rem !important
	}

	.p-xl-8 {
		padding: 7rem !important
	}

	.pt-xl-8 {
		padding-top: 7rem !important
	}

	.pr-xl-8 {
		padding-right: 7rem !important
	}

	.pb-xl-8 {
		padding-bottom: 7rem !important
	}

	.pl-xl-8 {
		padding-left: 7rem !important
	}

	.px-xl-8 {
		padding-left: 7rem !important;
		padding-right: 7rem !important
	}

	.py-xl-8 {
		padding-top: 7rem !important;
		padding-bottom: 7rem !important
	}

	/* Margin */
	.m-xl-6 {
		margin: 5rem !important
	}

	.mt-xl-6 {
		margin-top: 5rem !important
	}

	.mr-xl-6 {
		margin-right: 5rem !important
	}

	.mb-xl-6 {
		margin-bottom: 5rem !important
	}

	.ml-xl-6 {
		margin-left: 5rem !important
	}

	.mx-xl-6 {
		margin-left: 5rem !important;
		margin-right: 5rem !important
	}

	.my-xl-6 {
		margin-top: 5rem !important;
		margin-bottom: 5rem !important
	}

	.m-xl-7 {
		margin: 6rem !important
	}

	.mt-xl-7 {
		margin-top: 6rem !important
	}

	.mr-xl-7 {
		margin-right: 6rem !important
	}

	.mb-xl-7 {
		margin-bottom: 6rem !important
	}

	.ml-xl-7 {
		margin-left: 6rem !important
	}

	.mx-xl-7 {
		margin-left: 6rem !important;
		margin-right: 6rem !important
	}

	.my-xl-7 {
		margin-top: 6rem !important;
		margin-bottom: 6rem !important
	}

	.m-xl-8 {
		margin: 7rem !important
	}

	.mt-xl-8 {
		margin-top: 7rem !important
	}

	.mr-xl-8 {
		margin-right: 7rem !important
	}

	.mb-xl-8 {
		margin-bottom: 7rem !important
	}

	.ml-xl-8 {
		margin-left: 7rem !important
	}

	.mx-xl-8 {
		margin-left: 7rem !important;
		margin-right: 7rem !important
	}

	.my-xl-8 {
		margin-top: 7rem !important;
		margin-bottom: 7rem !important
	}
}