[name='Footer'] {
	--bg-color-footer: #454746;
	--text-color-footer: #fff;

	background-color: var(--bg-color-footer);
	color: var(--text-color-footer);
	font-size: 16px;
	width: 100%;
	// max-width: calc(100% - 40px);
	margin-inline: auto;

	a {
		text-decoration: none;
		color: var(--text-color-footer);
	}

	// Newsletter Section
	.footer-newsletter {
		padding: 40px 0;

		@media (min-width: 768px) {
			padding: 60px 0;
		}

		.col-left {
			display: flex;
			flex-direction: column;
			gap: 1rem;
		}

		.newsletter-content {

			&__title {
				font-size: 22px;
				line-height: 1.3;
				font-family: var(--font-body-bold);

				@media (min-width: 768px) {
					font-size: 26px;
				}

				@media (min-width: 992px) {
					font-size: 30px;
				}
			}

			&__description {
				font-size: 15px;
				line-height: 1.6;

				@media (min-width: 768px) {
					font-size: 16px;
				}
			}
		}

		.col-right {
			[name=Form] form input, [name=Form] form textarea {
				border-radius: 30px;
			}

			[name=Form] form [type="checkbox"],
			[name=Form] form .field.--checkbox label span  {
				--color: var(--color-white)
			}

			[name=Form] form .field.--checkbox label span::before {
				--border-color: var(--color-white);
			}

			.row {
				@media (max-width: 400px) {
					--bs-gutter-x: 10px;
				}
			}
		}
	}

	.columns-footer {
		padding-top: 40px;
		padding-bottom: 40px;

		@media (min-width: 768px) {
			padding-top: 60px;
			padding-bottom: 60px;
		}
	}

	.footer-col__title {
		font-family: var(--font-body-bold);
		margin-bottom: 1rem;
		
		@media (min-width: 992px) {
			font-size: 16px;
			line-height: 26px;
		}
	}

	.columns-footer-sub {
		padding-top: 20px;
		padding-bottom: 20px;

		@media (min-width: 768px) {
			padding-top: 40px;
			padding-bottom: 40px;
		}

		position: relative;
		line-height: 1.4;

		.row {
			--bs-gutter-y: 20px;
		}

		.footer-col__description {
			p {
				margin-block-start: 0;
			}
		}
	}

	.border-footer {
		border-block-start: 1px solid #fff;
		width: 100%;
	}
}

.mainFooter {
	z-index: 1;
    position: relative;
    margin-inline: auto;
    background-color: #ffffff;
	max-width: 2000px;
    width: 100%;
}