/*
Theme Name: TD HFHG
Theme URI: https://tejaldigital.in
Author: Jaswant Lohmror
Author URI: https://tejaldigital.in
Description: Child theme for Hair Free Hair Grow website. Add all custom styles here.
Template: hello-elementor
Version: 1.0.0
Requires PHP: 5.6.0
Text Domain: td-hfhg
*/
#err-all,#err-city,#err-message,#err-name,#err-phone{display:none}.form-submit svg{height:25px}.form-submit{display:flex;justify-content:center;gap:10px;align-items:center}#crm_form .iti.iti--allow-dropdown.iti--separate-dial-code{display:flex;width:100%;gap:0;border:1px solid #2e314b;border-radius:5px;position:relative}#crm_form input#phone{border:none}#crm_form .iti__flag-container{position:static}#crm_form .iti__flag-container ul{width:100%}:root{--primary-blue:#0F2A52;--highlight-bg:#EEF2F9;--text-dark:#222222;--text-muted:#6B7280;--border-color:#E5E7EB;--gold-color:#A16207;--red-color:#DC2626;--badge-bg:#475569}.table-wrapper{width:100%;max-width:1000px;margin:0 auto;overflow-x:auto;box-shadow:0 4px 20px rgba(0,0,0,.05);background-color:#fff;border:1px solid var(--border-color)}.comparison-table{width:100%;border-collapse:collapse;min-width:650px;text-align:center;margin-bottom:0}.comparison-table th{padding:18px 16px;vertical-align:bottom}.col-feature-header{width:32%;background-color:#fafafa}.col-clinic-header{width:34%;background-color:var(--primary-blue);color:#fff}.col-clinic-header .badge{display:inline-block;background-color:rgba(255,255,255,.2);color:#fff;font-size:12px;font-weight:500;padding:4px 12px;border-radius:20px;margin-bottom:8px;text-transform:uppercase}.col-clinic-header .title{font-size:15px;font-weight:600;line-height:1.3}.col-others-header{width:34%;background-color:#f3f4f6;color:var(--text-dark)}.col-others-header .sub-title{font-size:12px;font-weight:500;color:#9ca3af;letter-spacing:.8px;margin-bottom:4px;text-transform:uppercase}.col-others-header .title{font-size:15px;font-weight:600}.comparison-table td{padding:10px 16px;border-top:1px solid var(--border-color);font-size:12px;color:var(--text-dark);vertical-align:middle}.comparison-table td.feature-title{text-align:left;font-weight:700;background-color:#fafafa;color:#1f2937}.comparison-table td.clinic-col{background-color:var(--highlight-bg);font-weight:500}.comparison-table td.others-col{background-color:#fff}.val-highlight{color:var(--primary-blue);font-weight:700;font-size:12px}.val-gold{color:var(--gold-color);font-weight:600}.val-red{color:var(--red-color);font-weight:600}.subtext{display:block;font-size:.8rem;color:var(--text-muted);font-weight:400;margin-top:2px}.check-icon,.cross-icon,.tilde-icon{font-weight:700;margin-right:4px}.check-icon{color:var(--primary-blue)}.tilde-icon{color:var(--gold-color)}.cross-icon{color:var(--red-color)}.custom-form {
    max-width: 480px;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 16px;
    padding: 32px 28px;
    border:1px solid var(--primary-blue);
}

.form-heading {
    font-size: 22px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 24px;
    text-align: center;
    position: relative;
}

.form-heading::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background: linear-gradient(90deg, #d4af37, #f5d76e);
    margin: 10px auto 0;
    border-radius: 2px;
}

.form-cont label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-bottom: 16px;
}

.required {
    color: #e74c3c;
    font-size: 14px;
    margin-left: 2px;
}

.form-input {
    width: 100%;
    margin-top: 6px;
    padding: 12px 14px;
    border: 1.5px solid #e0e0e0;
    border-radius: 10px;
    font-size: 14px;
    background: #fafafa;
    transition: all 0.25s ease;
    box-sizing: border-box;
}

.form-input:focus {
    outline: none;
    border-color: #d4af37;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15);
}

.form-input.textarea {
    resize: vertical;
    min-height: 90px;
}

.err-msg {
    display: block;
    color: #e74c3c;
    font-size: 12px;
    margin-top: 4px;
}

.form-alert {
    display: flex;
    justify-content: center;
    margin-top: 16px;
    font-size: 14px;
}

.form-alert.error {
    color: #e74c3c;
}

.form-alert.success {
    color: #2e7d32;
}

/* Mobile responsiveness */
@media (max-width: 480px) {
    .custom-form {
        padding: 24px 18px;
        border-radius: 12px;
    }
}