#ocfse-contact-form {

	display: flex;

	flex-direction: column;

	gap: 20px;

}



#ocfse-contact-form .ocfse-honeypot {

	position: absolute;

	left: -9999px;

	top: -9999px;

}



#ocfse-contact-form .ocfse-form-row {

	display: flex;

	gap: 20px;

	flex-wrap: wrap;

}



#ocfse-contact-form .ocfse-form-row > div {

	flex: 1 1 200px;

}



#ocfse-contact-form label {

	display: block;

	margin-bottom: 8px;

	font-family: Inter, sans-serif;

	font-size: 15px;

	font-weight: 500;

}



#ocfse-contact-form input[type="text"],

#ocfse-contact-form input[type="email"],

#ocfse-contact-form textarea {

	box-sizing: border-box;

	width: 100%;

	padding: 14px 18px;

	border: 1px solid #dfdfdf;

	border-radius: 8px;

	font-family: Inter, sans-serif;

	font-size: 16px;

}



#ocfse-contact-form textarea {

	resize: vertical;

}



#ocfse-contact-form-response {

	font-family: Inter, sans-serif;

	font-size: 15px;

}



#ocfse-contact-submit {

	align-self: flex-start;

	padding: 16px 36px;

	background-color: var(--wp--preset--color--primary);

	color: var(--wp--preset--color--button-1);

	border: none;

	border-radius: 50px;

	font-family: Manrope, sans-serif;

	font-size: 17px;

	font-weight: 600;

	cursor: pointer;

}



#ocfse-contact-submit:hover {

	background-color: color-mix(in srgb, var(--wp--preset--color--primary) 85%, transparent);

}



/* Contact Form 7 */



.wpcf7-form {

	display: flex;

	flex-direction: column;

	gap: 20px;

}



.wpcf7-form br {

display: none;

}



.wpcf7-form p {

	margin: 0;

}



.wpcf7-form label {

	display: block;

	margin-bottom: 8px;

	font-family: Inter, sans-serif;

	font-size: 15px;

	font-weight: 500;

}



.wpcf7-form input[type="text"],

.wpcf7-form input[type="email"],

.wpcf7-form input[type="tel"],

.wpcf7-form input[type="url"],

.wpcf7-form input[type="number"],

.wpcf7-form textarea {

	box-sizing: border-box;

	width: 100%;

	padding: 14px 18px;

	border: 1px solid #dfdfdf;

	border-radius: 8px;

	font-family: Inter, sans-serif;

	font-size: 16px;

	background-color: transparent;

}



.wpcf7-form input[type="text"]:focus,

.wpcf7-form input[type="email"]:focus,

.wpcf7-form input[type="tel"]:focus,

.wpcf7-form input[type="url"]:focus,

.wpcf7-form input[type="number"]:focus,

.wpcf7-form textarea:focus {

	outline: none;

	border-color: var(--wp--preset--color--primary);

}



.wpcf7-form textarea {

	resize: vertical;

}



.wpcf7-form input[type="submit"] {

	align-self: flex-start;

	padding: 16px 36px;

	background-color: var(--wp--preset--color--primary);

	color: var(--wp--preset--color--button-1);

	border: none;

	border-radius: 50px;

	font-family: Manrope, sans-serif;

	font-size: 17px;

	font-weight: 600;

	cursor: pointer;

}



.wpcf7-form input[type="submit"]:hover {

	background-color: color-mix(in srgb, var(--wp--preset--color--primary) 85%, transparent);

}



.wpcf7-form input[type="submit"]:disabled {

	opacity: 0.6;

	cursor: not-allowed;

}



.wpcf7-form .wpcf7-not-valid-tip {

	display: block;

	margin-top: 6px;

	font-family: Inter, sans-serif;

	font-size: 13px;

	color: #e34c4c;

}



.wpcf7-form .wpcf7-not-valid {

	border-color: #e34c4c;

}



.wpcf7-form .wpcf7-spinner {

	margin-left: 12px;

}



.wpcf7-form-control-wrap {

	display: block;

}



.wpcf7 form.invalid .wpcf7-response-output,

.wpcf7 form.unaccepted .wpcf7-response-output,

.wpcf7 form.payment-required .wpcf7-response-output {

	border-color: #e34c4c;

	color: #e34c4c;

}



.wpcf7 form.sent .wpcf7-response-output {

	border-color: var(--wp--preset--color--primary);

	color: var(--wp--preset--color--primary);

}



.wpcf7-response-output {

	margin: 0 !important;

	padding: 14px 18px !important;

	border-radius: 8px;

	font-family: Inter, sans-serif;

	font-size: 15px;

}