/*----contact page----*/
.contact .section-padding.contact-intro {
	padding: 2rem 0;
}

.contact-options {
	background-color: var(--st-gray-200) !important;
}

.contact-options .section-heading {
	max-width: 100%;
}

.contact-options .section-heading p {
	margin: 1rem 0 0;
}

.contact-intro,
.contact-options,
.contact-form-section {
	position: relative;
	margin: 0;
}

.contact-options,
.contact-form-section {
	overflow: visible;
}

.contact-option-card,
.contact-form-card {
	border-radius: 0.75rem;
}

.contact-option-icon,
.contact-feature-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 3.75rem;
	height: 3.75rem;
	border-radius: 50%;
	background-color: rgba(192, 0, 0, 0.1);
	color: #c00000;
	font-size: 1.5rem;
}

.contact-feature-list {
	display: grid;
	gap: 1.75rem;
	margin-top: 2rem;
}

.contact-feature {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
}

.contact-feature-icon {
	width: 3rem;
	height: 3rem;
	font-size: 1.25rem;
}

.contact-response-note {
	padding: 1rem 1.25rem;
	border-left: 0.25rem solid #c00000;
	background-color: #f4f4f4;
	color: #555555;
	line-height: 1.6;
}

/*----contact secondary field----*/
.contact-secondary-field {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.contact-form textarea {
	resize: vertical;
	min-height: 12rem;
}

@media (max-width: 991.98px) {
	.contact-feature-list {
		margin-bottom: 1rem;
	}
}