:root {
	--sf-form-blue: #0e2b6d;
	--sf-form-gray: #707070;
	--sf-form-light-gray: #F9F9F9;
	--sf-form-red: #c02b0a;
}

.salesforce-form h3 {
	color: var(--sf-form-blue);
	font-size: 1.65rem;
}

.salesforce-form .error-msg {
	color: var(--sf-form-red);
	padding-left: 2rem;
}

.salesforce-form .full-width,
.salesforce-form .form-row {
	max-width: 100%;
	margin-bottom: 2.5rem;
}

.salesforce-form .form-row .form-group label,
.salesforce-form input::placeholder,
.salesforce-form select::placeholder,
.salesforce-form textarea::placeholder {
	letter-spacing: 2px;
	line-height: 2rem;
	text-transform: uppercase;
	font-family: var(--theme-font-body);
	font-weight: 600;
	font-size: 1.5rem;
	color: var(--sf-form-blue);
	margin-bottom: 0.5rem;
	margin-left: 12px;
	text-align: left;
}

.salesforce-form .form-row .form-group label {
	padding-left: 2rem;
	padding-right: 2rem;
	margin-left: 0;
}

.salesforce-form .form-row .form-group label::after {
	content: '*';
	color: var(--sf-form-blue);
	font-size: 1.5rem;
	font-weight: 600;
	text-align: left;
	text-transform: uppercase;
}

.salesforce-form input::placeholder,
.salesforce-form select::placeholder,
.salesforce-form textarea::placeholder {
	font-size: 1.25rem;
	color: var(--sf-form-gray);
}

.salesforce-form input[type="text"],
.salesforce-form input[type="email"],
.salesforce-form input[type="number"],
.salesforce-form input[type="tel"],
.salesforce-form input[type="url"],
.salesforce-form select,
.salesforce-form textarea {
	letter-spacing: 2px;
	font-size: 1.25rem;
	line-height: 1.75rem;
	padding: 1rem 2rem;
    border-color: var(--sf-form-light-gray);
    border-radius: 9999px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    color: var(--sf-form-blue);
    font-weight: 600;
    width: 100%;
}

.salesforce-form .form-row .form-group:has(textarea) {
	position: relative;
}

.salesforce-form .form-row .form-group:has(textarea) label {
	position: absolute;
	top: 1.25rem;
	left: 0;
}

.salesforce-form textarea {
	border-radius: 1rem;
	padding-top: 4rem;
	min-height: 288px;
}