
.lp-contact {
	padding: 80px 0;
	background: var(--primary);
}

.lp-contact__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}

.lp-contact__copy h2 {
	font-family: var(--font1);
	color: white;
	font-size: 2.25rem;
	margin: 0 0 15px;
}

.lp-contact__copy .lp-gold-underline::before, .lp-contact__copy .lp-gold-underline::after {
	background: linear-gradient(87deg, #b39a75 0%, #dccb8d 100%);
}

.lp-contact__desc {
	font-family: var(--font2);
	color: rgba(255, 255, 255, .85);
	font-size: 1.05rem;
	line-height: 1.7;
	margin: 0 0 25px;
}

.lp-contact__cta-text {
	font-family: var(--font2);
	font-weight: 600;
	color: white;
	font-size: 1.05rem;
	margin: 0 0 20px;
}

.lp-contact__phone-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: linear-gradient(87deg, #b39a75 0%, #dccb8d 100%);
	color: white;
	padding: 14px 35px;
	border-radius: 9999px;
	font-weight: 600;
	font-family: var(--font2);
	text-decoration: none;
	font-size: 1rem;
	transition: all .3s ease;
}

.lp-contact__phone-btn:hover {
	background: linear-gradient(87deg, #dccb8d 0%, #b39a75 100%);
	color: white;
}

.lp-contact__form {
	background: white;
	border-radius: 8px;
	padding: 35px 30px;
	box-shadow: 0 2px 20px rgba(0, 0, 0, .08);
}

.lp-contact__form-heading {
	font-family: var(--font1);
	color: var(--primary);
	font-size: 1.5rem;
	margin: 0 0 25px;
	text-align: center;
}

/* Hide required field indicator legend */
.lp-contact__form .gform_required_legend, .lp-contact__form .gfield_required_text, .lp-contact__form .gform_wrapper .gform_required_legend {
	display: none !important;
}

.lp-contact__form .gform_wrapper {
	margin: 0 !important;
}

.lp-contact__form .gform_wrapper .gform_fields {
	grid-row-gap: 8px !important;
	row-gap: 8px !important;
}

.lp-contact__form .gform_wrapper .gfield {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.lp-contact__form .gform_button, .lp-contact__form input[type="submit"] {
	width: 100% !important;
	background: linear-gradient(87deg, #b39a75 0%, #dccb8d 100%) !important;
	color: white !important;
	font-size: 1rem !important;
	padding: 14px !important;
	border: none !important;
	border-radius: 6px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: all .3s ease !important;
	text-transform: uppercase !important;
	letter-spacing: .5px !important;
}

.lp-contact__form .gform_button:hover, .lp-contact__form input[type="submit"]:hover {
	background: linear-gradient(87deg, #dccb8d 0%, #b39a75 100%) !important;
}

.lp-contact__form input[type="text"], .lp-contact__form input[type="email"], .lp-contact__form input[type="tel"], .lp-contact__form textarea, .lp-contact__form select {
	width: 100% !important;
	padding: 12px 15px !important;
	border: 1px solid #ddd !important;
	border-radius: 4px !important;
	font-family: var(--font2) !important;
	font-size: .95rem !important;
	/* background-color, not the shorthand: the shorthand wipes the select chevron below */
	background-color: #fff !important;
	height: auto !important;
	min-height: 0 !important;
	line-height: 1.4 !important;
}

/* Gravity Forms' orbital theme pins selects to a fixed 38px height with a 38px
   line-height. Combined with the 12px padding above, the content box collapses
   to 12px and the selected option's text is clipped out of view -- the field
   paints as an empty bordered box. Restore auto height and redraw the chevron. */
.lp-contact__form select, .lp-contact__form .gform_wrapper select {
	height: auto !important;
	min-height: 0 !important;
	line-height: 1.4 !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	padding-right: 42px !important;
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='%23686e77'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 15px center !important;
	background-size: 10px 6px !important;
}

.lp-contact__form select.nitro-lazy, .lp-contact__form .gform_wrapper select.nitro-lazy {
	background-image: none !important;
}

.lp-contact__form input:focus, .lp-contact__form textarea:focus, .lp-contact__form select:focus {
	border-color: #b39a75 !important;
	outline: none !important;
	box-shadow: 0 0 0 2px rgba(179, 154, 117, .15) !important;
}

.lp-contact__form label, .lp-contact__form .gfield_label {
	font-family: var(--font2) !important;
	font-weight: 500 !important;
	color: #333 !important;
	font-size: .9rem !important;
	margin-bottom: 5px !important;
}

@media (max-width: 991px) {
	.lp-contact__grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
}

@media (max-width: 767px) {
	.lp-contact {
		padding: 50px 0;
	}
	
	.lp-contact__copy h2 {
		font-size: 1.75rem;
	}
	
	.lp-contact__form {
		padding: 25px 20px;
	}
}
