/* form  */
.details_con {
	gap: 10px;
}

.socials {
	gap: 10px;
}

/* end of form */

section.contact .contact_form p {
	margin-bottom: 0;

	display: flex;

	flex-direction: column;

	gap: 30px;
	width: 100%;
}

section.contact .contact_form br {
	display: none;
}

section.contact .contact_form ::placeholder {
	color: var(--gray);
}

section.contact .email_number {
	display: flex;

	gap: 20px;
}

section.contact form.wpcf7-form {
	display: flex;

	flex-direction: column;

	gap: 30px;
	padding: 0;
	border: unset;
}

section.contact .d-flex.flex-column {
	gap: 50px;
}

section.contact a.details_con {
	margin: 20px 0;
}

section.contact .details_con {
	width: fit-content;
}

section.contact .socials {
	margin-top: 20px;
}

.home section.contact .socials {
	margin-bottom: 50px;
}

.contact_form,
.comment-respond {
	display: flex;

	padding: 100px 50px !important;

	flex-direction: column;

	justify-content: center;

	align-items: flex-start;

	gap: 35px;

	background: linear-gradient(to right, var(--black) 100%, transparent 100%);

	clip-path: polygon(0 0, 100% 9%, 100% 100%, 0% 91%);
}

span.wpcf7-list-item {
	margin-left: 0;

	display: flex;

	gap: 10px;

	color: var(--gray);

	font-family: Poppins B;

	align-items: center;
}

span.wpcf7-spinner {
	display: none;
}

section.contact .h3.black_txt:last-of-type {
	margin-top: 50px;
}

section.contact .h3.yellow_txt {
	margin-bottom: 0;
}

section.contact .image_container {
	position: relative;

	overflow: visible;

	margin-left: auto;
}

section.contact .image_container iframe {
	position: relative;
}

.home section.contact .image_container::before {
	background: url(../../../assets/img/homepage/welcome_img_bg.svg);

	content: "";

	position: absolute;

	right: -39px;

	top: -34px;

	width: 37%;

	height: 91%;

	background-size: cover;
}

:not(.home) section.contact .image_container {
	margin-top: 100px;
}

span.label-text {
	color: var(--gray);
	font-weight: 700;
}

label.custom-checkbox {
	display: flex;
	gap: 10px;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: start;
}

span.wpcf7-list-item-label {
	display: none;
}

@media (min-width: 992px) {
	section.contact .col-xl-5.col-lg-6.col-md-12 > div {
		width: calc(100% - 13px);
	}

	section.contact .row > div:nth-child(2) > div {
		padding: 30px;
		margin-left: auto;
	}

	.contact_form,
	.comment-respond {
		margin-top: 24px;
	}
}

@media (max-width: 1199px) {
	:not(.home) section.contact .image_container {
		margin-top: 70px;
	}
}

@media (max-width: 991px) {
	.home section.contact .image_container::before {
		right: -30px;
	}
}

@media (max-width: 767px) {
	section.contact .details_con {
		text-align: left;
	}

	section.contact .details_con img {
		align-self: start;

		margin-top: 3px;
	}

	.home section.contact .image_container::before {
		right: -20px;
	}

	:not(.home) section.contact .image_container {
		margin-top: 50px;
	}
}

@media (max-width: 575px) {
	a.details_con p {
		display: flex;

		flex-wrap: wrap;
	}

	section.contact .email_number {
		flex-wrap: wrap;
	}

	span.wpcf7-list-item {
		flex-wrap: wrap;

		text-align: left;
	}

	.contact_form,
	.comment-respond {
		padding-right: 30px !important;
		padding-left: 30px !important;
	}

	label.custom-checkbox {
		flex-direction: column;
		align-items: start;
	}
}