.contact-us {
	order: 1;
	
	.grid_wrapper {
		display: grid;
		grid-template-columns: 1fr 415px;
		grid-gap: 9.7%;
		align-items: center;
		padding: 56px 8.4%;
		border-radius: 24px;
	}
	
	.form_box {
		padding: 32px;
		background-color: #FAF7F44D;
		border-radius: 24px;
		
		br {
			display: none;
		}
		
		form:not(.invalid) [name="salons-select"] ~ span {
			position: absolute;
			top: 100%;
			left: 0;
		}
		
		[name="salons-select"] ~ span input {
			display: none !important;
		}
		
		.wpcf7-form-control-wrap {
			width: 100%;
			display: inline-block;
		}
		
		.field_box:not(:last-child) {
			margin-bottom: 16px;
		}
		
		.submit_box {
			position: relative;
			margin-top: 16px;
		}
		
		.wpcf7-spinner {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			margin: 0;
		}
		
		.wpcf7 form .wpcf7-response-output {
			margin: 24px 0 0;
			text-align: center;
		}
		
		.button {
			width: 100%;
		}
		
		.submitting {
			.button {
				opacity: .5;
				pointer-events: none;
			}
		}
	}
	
	.text_box {
		h2 {
			font-size: 32px;
			margin-bottom: 56px;
		}
		
		p:not(:last-child) {
			margin-bottom: 24px;
		}
	}
	
	@media (max-width: 1199px) {
		.grid_wrapper {
			display: grid;
			grid-template-columns: 1fr 310px;
			grid-gap: 40px;
			align-items: start;
			padding: 24px;
		}
		
		.text_box {
			h2 {
				font-size: 18px;
				margin-bottom: 32px;
			}
		}
		
		.form_box {
			padding: 16px;
		}
	}
	
	@media (max-width: 767px) {
		.grid_wrapper {
			grid-template-columns: 100%;
		}
	}
}