html {
	overflow-x: hidden;
}

p + p {
	margin-top: 18px;
}

section.row {
	--bs-gutter-y: 0;
	--bs-gutter-x: 0;
}

.sf-layout--container {
	max-width: 1440px;
	padding-right: 24px;
	padding-left: 24px;
    --bs-gutter-x: 0;
	width: 100%;
}

.sf-container-template {
	max-width: 1440px;
	padding-right: 64px;
	padding-left: 64px;
	margin: 0 auto;
}

.sf-layout--container-820 {
	max-width: 820px;
	padding-right: 24px;
	padding-left: 24px
}

.sf-layout--container-1000 {
	max-width: 1000px;
	padding-right: 24px;
	padding-left: 24px
}

body, .sf-layout--gapper {
	display: flex;
	flex-direction: column;
}

body > * { width: 100%; }

/* Default (mobile first approach) */
body, .sf-layout--gapper {
	gap: 40px !important;
}

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

.sgap-bot {
	margin-bottom: 40px !important;
}

.gap-avoid {
	margin-top: -40px;
	margin-bottom: -40px;
}

.gap-avoid-top {
	margin-top: -40px !important;
}

.gap-avoid-bot {
	margin-bottom: -40px !important;
}

.bg-white {
	background-color: #FFFFFF;
	padding: 20px;
}

/* Small */
@media (min-width: 576px) {
	body, .sf-layout--gapper {
		gap: 16px !important;
	}

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

	.sgap-bot {
		margin-bottom: 16px !important;
	}

	.gap-avoid-top {
		margin-top: -16px !important;
	}

	.gap-avoid-bot {
		margin-bottom: -16px !important;
	}

	.gap-avoid {
		margin-top: -16px !important;
		margin-bottom: -16px !important;
	}
}

/* Medium */
@media (min-width: 768px) {
	body, .sf-layout--gapper {
		gap: 32px !important;
	}

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

	.sgap-bot {
		margin-bottom: 32px !important;
	}

	.gap-avoid-top {
		margin-top: -32px !important;
	}

	.gap-avoid-bot {
		margin-bottom: -32px !important;
	}

	.gap-avoid {
		margin-top: -32px !important;
		margin-bottom: -32px !important;
	}
}

/* Large */
@media (min-width: 992px) {
	body, .sf-layout--gapper {
		gap: 56px !important;
	}

	.sgap-top {
		margin-top: 56px !important;
	}

	.sgap-bot {
		margin-bottom: 56px !important;
	}

	.gap-avoid-top {
		margin-top: -56px !important;
	}

	.gap-avoid-bot {
		margin-bottom: -56px !important;
	}

	.gap-avoid {
		margin-top: -56px !important;
		margin-bottom: -56px !important;
	}
}

/* Desktop (Extra Large) */
@media (min-width: 1200px) {
	body, .sf-layout--gapper {
		gap: 80px !important;
	}

	.sgap-top {
		margin-top: 80px !important;
	}

	.sgap-bot {
		margin-bottom: 80px !important;
	}

	.gap-avoid-top {
		margin-top: -80px !important;
	}

	.gap-avoid-bot {
		margin-bottom: -80px !important;
	}

	.gap-avoid {
		margin-top: -80px !important;
		margin-bottom: -80px !important;
	}
}

@media (min-width: 821px) {
	.sf-layout--container {
		padding-right: 64px;
		padding-left: 64px;
		margin: 0 auto
	}

	.sf-layout--container-820,
	.sf-layout--container-1000 {
		padding-right: 64px;
		padding-left: 64px;
		margin: 0 auto
	}
}

@media (max-width: 992px) {
	.sf-layout--container,
	.sf-container-template,
	.sf-layout--container-820,
	.sf-layout--container-1000 {
		padding-right: unset;
		padding-left: unset;
		margin: 0 auto
	}
}

@media (min-width: 992px) {
	.layout .layout__section--20 {
		flex: 1 1 calc(20% - 16px);
		width: calc(20% - 16px)
	}
}

@media (min-width: 992px) and (min-width: 821px) {
	.layout .layout__section--20 {
		flex: 1 1 calc(20% - 32px);
		width: calc(20% - 32px)
	}
}

@media (min-width: 992px) {
	.layout .layout__section--80 {
		flex: 1 1 calc(80% - 16px);
		width: calc(80% - 16px)
	}
}

@media (min-width: 992px) and (min-width: 821px) {
	.layout .layout__section--80 {
		flex: 1 1 calc(80% - 32px);
		width: calc(80% - 32px)
	}
}