
@use '../utils' as *;

/*---------------------------------
	1.1 Default Spacing SCSS
---------------------------------*/

// custom margin 
.section-space {
	padding-top: 110px;
	padding-bottom: 110px;
	@media #{$md} {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	@media #{$sm} {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}
.section-space-medium {
	padding-top: 80px;
	padding-bottom: 80px;
	@media #{$md} {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	@media #{$sm} {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}
.section-space-small {
	padding-top: 60px;
	padding-bottom: 60px;
	@media #{$sm} {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}
.section-space-small-bottom {
	padding-bottom: 60px;
	@media #{$sm,$xs} {
		padding-bottom: 50px;
	}
}
.section-space-top {
	padding-top: 100px;
	@media #{$md} {
		padding-top: 80px;
	}
	@media #{$sm,$xs} {
		padding-top: 70px;
	}
}

.section-space-bottom {
	padding-bottom: 100px;
	@media #{$md} {
		padding-bottom: 80px;
	}
	@media #{$sm,$xs} {
		padding-bottom: 70px;
	}
}

.section-title-space {
	margin-bottom: 45px;
}