.cf-contact-form {
max-width: 720px !important;
margin: 0 auto !important;
font-family: 'Poppins', sans-serif !important;
} .cf-row {
display: flex !important;
gap: 20px !important;
}
.cf-field {
margin-bottom: 20px !important;
width: 100% !important;
}
.cf-field--half {
flex: 1 !important;
min-width: 0 !important;
} .cf-field label {
display: block !important;
margin-bottom: 6px !important;
font-size: 14px !important;
font-weight: 600 !important;
color: inherit !important;
font-family: 'Poppins', sans-serif !important;
}
.cf-required {
color: var(--cf-accent, #3452ff) !important;
} .cf-field input,
.cf-field textarea {
width: 100% !important;
padding: 12px 16px !important;
font-size: 15px !important;
line-height: 1.5 !important;
color: inherit !important;
background: transparent !important;
border: 2px solid #000 !important;
border-radius: 8px !important;
outline: none !important;
transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease !important;
box-sizing: border-box !important;
font-family: 'Poppins', sans-serif !important;
}
.cf-field input:focus,
.cf-field textarea:focus {
background: transparent !important;
border-color: var(--cf-accent, #3452ff) !important;
box-shadow: 0 0 0 3px color-mix(in srgb, var(--cf-accent, #3452ff) 15%, transparent) !important;
}
.cf-field input.cf-error,
.cf-field textarea.cf-error {
border-color: #e53935 !important;
background: transparent !important;
}
.cf-field textarea {
resize: vertical !important;
min-height: 140px !important;
} .cf-hp {
position: absolute !important;
left: -9999px !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
} .cf-turnstile-wrap {
margin-bottom: 20px !important;
} .cf-submit-wrap {
margin-bottom: 16px !important;
}
.cf-submit-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
padding: 14px 36px !important;
font-size: 15px !important;
font-weight: 600 !important;
color: #fff !important;
background: var(--cf-accent, #3452ff) !important;
border: none !important;
border-radius: 8px !important;
cursor: pointer !important;
transition: opacity 0.2s ease, transform 0.1s ease !important;
line-height: 1 !important;
font-family: 'Poppins', sans-serif !important;
}
.cf-submit-btn:hover {
opacity: 0.9 !important;
}
.cf-submit-btn:active {
transform: scale(0.98) !important;
}
.cf-submit-btn:disabled {
opacity: 0.6 !important;
cursor: not-allowed !important;
}
.cf-submit-loading {
display: none !important;
}
.cf-submit-btn.cf-loading .cf-submit-text {
display: none !important;
}
.cf-submit-btn.cf-loading .cf-submit-loading {
display: inline-flex !important;
} .cf-status {
padding: 0 !important;
font-size: 14px !important;
line-height: 1.5 !important;
border-radius: 8px !important;
transition: all 0.3s ease !important;
font-family: 'Poppins', sans-serif !important;
}
.cf-status:empty {
display: none !important;
}
.cf-status.cf-status--success {
display: block !important;
padding: 14px 18px !important;
background: #e8f5e9 !important;
color: #2e7d32 !important;
border: 1px solid #c8e6c9 !important;
}
.cf-status.cf-status--error {
display: block !important;
padding: 14px 18px !important;
background: #ffebee !important;
color: #c62828 !important;
border: 1px solid #ffcdd2 !important;
} .cf-field-error {
display: block !important;
margin-top: 4px !important;
font-size: 13px !important;
color: #e53935 !important;
font-family: 'Poppins', sans-serif !important;
} @media (max-width: 600px) {
.cf-row {
flex-direction: column !important;
gap: 0 !important;
}
.cf-submit-btn {
width: 100% !important;
}
}