section.contact {
	margin-bottom: 80px;
	.section-inner {
		max-width: var(--content-width-narrow);
	}

	.contact-cols {
		display: flex;
		gap: 40px;
		margin-bottom: 40px;
	}

	.contact-map-col {
		flex: 0 1 50%;
		order: 1;

		iframe {
			width: 100%;
			height: 400px; /* or whatever height you prefer */
			display: block;
			border: 0;
		}
	}

	.contact-text-col {
		flex: 0 1 50%;
		display: flex;
		flex-direction: column;
		order: 2;

		h2,
		h3 {
			font-size: 2.1875rem;
			margin-bottom: 20px;
			font-weight: bold;
			color: var(--black-text);
		}

		.contact-phone {
			display: flex;
			align-items: center;
			gap: 8px;
			font-weight: bold;
			margin: 20px 0 10px 0;
			font-size: 1.25rem;

			a {
				color: var(--black-text);
			}
		}
		.contact-phone:before {
			content: "\f095";
			font-family: "Font Awesome 6 Free";
			font-weight: 900;
			margin-right: 8px;
			display: inline-block;
		}

		.contact-email {
			display: flex;
			align-items: center;
			gap: 8px;
			font-weight: bold;
			margin: 0 0 15px 0;
			font-size: 1.25rem;

			a {
				color: var(--black-text);
			}
		}
		.contact-email:before {
			content: "\f0e0";
			font-family: "Font Awesome 6 Free";
			font-weight: 900;
			margin-right: 8px;
			display: inline-block;
		}

		/* Social icons row */
		.soc-med {
			display: flex;
			display: none;
			flex-direction: row;
			gap: 18px;
			align-items: center;
			margin: 0;
			padding: 0;
			position: relative;
			left: -5px;
		}
		.soc-med li {
			width: 20px;
			height: 20px;
			margin: 0;
			padding: 0;
			list-style: none;
		}
		.soc-med a {
			width: 100%;
			height: 100%;
			display: block;
			background: center/contain no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
		.soc-med .li a {
			background-image: url(../images/li.svg);
		}
		.soc-med .fb a {
			background-image: url(../images/fb.svg);
		}
		.soc-med .ig a {
			background-image: url(../images/ig.svg);
		}
	}

	.contact-form {
		max-width: 800px;
		margin-bottom: 40px;
		padding: 40px;
		margin: 0 auto;
		background-color: var(--lighter-grey-bg);

		p > span {
			/* margin-bottom: 20px; */
			display: block;
		}

		input,
		select,
		textarea {
			border: 1px solid var(--dark-blue);
		}

		.wpcf7-submit {
			font-weight: bold;
			display: inline-block;
			border: 1px solid var(--dark-blue);
			border-radius: var(--radius);
			padding: 10px 20px;
			transition: all 0.3s ease;
			background-color: transparent;
			color: var(--dark-blue);

			&:hover {
				background-color: var(--dark-blue);
				color: #fff;
			}
		}
	}

	.wpcf7-list-item {
		display: inline-block;
		margin: 0 0 0 0;
	}

	.wpcf7-acceptance input[type="checkbox"] {
		/* Hide the native checkbox */
		opacity: 0;
		width: 0;
		height: 0;
		position: absolute;
	}
	.wpcf7-acceptance {
		display: flex;
		align-items: center;
		margin-bottom: 20px;
		font-size: 1rem;
		color: var(--black-text);
	}
	.wpcf7-acceptance label {
		position: relative;
		padding-left: 28px;
		cursor: pointer;
		display: inline-block;
		line-height: 20px;
	}

	.wpcf7-acceptance label::before {
		content: "";
		position: absolute;
		left: 0;
		top: 2px;
		width: 18px;
		height: 18px;
		border: 2px solid #2196f3;
		border-radius: 4px;
		background: #fff;
		box-sizing: border-box;
		transition: border-color 0.2s;
	}

	.wpcf7-acceptance input[type="checkbox"]:checked + *::before {
		border-color: #1976d2;
		background: #2196f3;
	}

	.wpcf7-acceptance input[type="checkbox"]:checked + *::after {
		content: "\f00c"; /* Font Awesome check icon */
		font-family: "Font Awesome 6 Free"; /* or "Font Awesome 5 Free" depending on your version */
		font-weight: 900; /* required for solid icons */
		position: absolute;
		left: 4px;
		top: 2px;
		font-size: 0.75rem;
		color: var(--dark-blue);
		pointer-events: none;
	}

	@media (max-width: 1100px) {
		.contact-cols {
			display: block;
			.contact-text-col {
				margin-bottom: 20px;

				h2,
				h3 {
					font-size: 1.5625rem;
				}
			}
		}
	}
}