/* Start custom CSS for html, class: .elementor-element-b43bde8 */:root{
    --primary-green:#043222;
    --secondary-green:#2F7D5B;
    --accent-light:#E8F5EE;
    --text-color:#222222;
    --bg-alt:#F7F9F8;
  }
  .rd-contact-wrap *{ box-sizing:border-box; }
  .rd-contact-wrap{ font-family:'Open Sans', sans-serif; color:var(--text-color); }
 
  .rd-eyebrow{
    display:flex; align-items:center; justify-content:center; gap:14px;
    font-family:'Poppins', sans-serif; font-weight:600; font-size:13px;
    letter-spacing:2px; color:var(--secondary-green); margin-bottom:6px;
  }
  .rd-eyebrow .rd-line{ width:40px; height:1px; background:#cfd9d3; }
  .rd-eyebrow-leaf{ text-align:center; color:var(--secondary-green); margin-bottom:10px; }
 
  /* Page intro */
  .rd-contact-intro{ background:#fff; padding:80px 40px 20px; text-align:center; }
  .rd-contact-intro-inner{ max-width:800px; margin:0 auto; }
  .rd-contact-intro h1{ font-family:'Poppins', sans-serif; font-weight:700; font-size:38px; margin:0 0 14px; }
  .rd-contact-intro p{ font-size:16px; line-height:1.7; color:#555; margin:0; }
 
  /* Contact info cards */
  .rd-info-wrap{ background:#fff; padding:50px 40px 70px; }
  .rd-info-inner{ max-width:1150px; margin:0 auto; }
  .rd-info-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:22px;
  }
  .rd-info-card{
    background:var(--bg-alt);
    border-radius:14px;
    padding:30px 24px;
    text-align:center;
    transition:transform 0.25s ease, box-shadow 0.25s ease;
  }
  .rd-info-card:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 24px rgba(0,0,0,0.06);
  }
  .rd-info-icon{
    width:56px; height:56px; border-radius:50%;
    background:var(--primary-green); color:#fff;
    display:flex; align-items:center; justify-content:center;
    margin:0 auto 16px;
  }
  .rd-info-card h3{
    font-family:'Poppins', sans-serif;
    font-weight:600;
    font-size:15.5px;
    margin:0 0 8px;
  }
  .rd-info-card p, .rd-info-card a{
    font-size:13.5px;
    color:#555;
    line-height:1.55;
    text-decoration:none;
    margin:0;
  }
  .rd-info-card a:hover{ color:var(--secondary-green); }
 
  .rd-social-row{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:14px;
  }
  .rd-social-row a{
    width:32px; height:32px; border-radius:50%;
    background:var(--primary-green); color:#fff;
    display:flex; align-items:center; justify-content:center;
    transition:background 0.2s ease;
  }
  .rd-social-row a:hover{ background:var(--secondary-green); }
 
  /* Contact form section */
  .rd-form-wrap{ background:var(--bg-alt); padding:70px 40px 90px; }
  .rd-form-inner{ max-width:800px; margin:0 auto; }
  .rd-form-header{ text-align:center; margin-bottom:44px; }
  .rd-form-header h2{
    font-family:'Poppins', sans-serif;
    font-weight:700;
    font-size:30px;
    margin:0 0 12px;
  }
  .rd-form-header p{ font-size:15px; color:#555; margin:0; }
 
  .rd-form-card{
    background:#fff;
    border-radius:16px;
    box-shadow:0 10px 28px rgba(0,0,0,0.06);
    padding:40px;
  }
 
  /* Placeholder notice - remove once real CF7 form is embedded */
  .rd-form-placeholder-notice{
    background:#fff3cd;
    color:#856404;
    border-radius:8px;
    padding:14px 18px;
    font-family:'Poppins', sans-serif;
    font-weight:500;
    font-size:13px;
    margin-bottom:24px;
  }
 
  @media (max-width: 992px){
    .rd-info-grid{ grid-template-columns:repeat(2, 1fr); }
  }
  @media (max-width: 600px){
    .rd-contact-intro{ padding:60px 20px 10px; }
    .rd-contact-intro h1{ font-size:28px; }
    .rd-info-wrap, .rd-form-wrap{ padding:44px 20px; }
    .rd-info-grid{ grid-template-columns:1fr; }
    .rd-form-card{ padding:26px; }
  }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-44d9808 *//* ====================================================
   CONTACT FORM 7 THEME OVERRIDE
   This targets Contact Form 7's actual default HTML output
   (the .wpcf7-form class and its children) so the plugin's
   plain form matches the RehabDwaar green/Poppins theme.
 
   Paste this into the SAME HTML widget's Custom CSS box
   as your Contact page (or into Site Settings > Custom CSS
   if you want it to apply site-wide to every CF7 form).
   ==================================================== */
 
:root{
  --primary-green:#043222;
  --secondary-green:#2F7D5B;
  --accent-light:#E8F5EE;
  --text-color:#222222;
}
 
/* Overall form container */
.wpcf7-form{
  font-family:'Open Sans', sans-serif;
  display:flex;
  flex-direction:column;
  gap:20px;
}
 
/* CF7 wraps each field in a <p> tag by default */
.wpcf7-form p{
  margin:0;
}
 
/* Text, email, tel, and textarea inputs */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="date"],
.wpcf7-form select,
.wpcf7-form textarea{
  width:100%;
  font-family:'Open Sans', sans-serif;
  font-size:14px;
  color:var(--text-color);
  border:1.5px solid #e2e6e4;
  border-radius:8px;
  padding:13px 14px;
  outline:none;
  background:#fff;
  transition:border-color 0.2s ease;
  box-sizing:border-box;
}
 
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form input[type="date"]:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus{
  border-color:var(--secondary-green);
}
 
.wpcf7-form textarea{
  min-height:120px;
  resize:vertical;
}
 
/* Labels - since our template wraps fields in <label> tags */
.wpcf7-form label{
  display:flex;
  flex-direction:column;
  gap:8px;
  font-family:'Poppins', sans-serif;
  font-weight:600;
  font-size:13.5px;
  color:var(--text-color);
}
 
/* Submit button */
.wpcf7-form input[type="submit"]{
  background:var(--primary-green);
  color:#fff;
  font-family:'Poppins', sans-serif;
  font-weight:600;
  font-size:15px;
  padding:15px 20px;
  border-radius:8px;
  border:none;
  cursor:pointer;
  transition:background 0.2s ease;
  width:100%;
}
.wpcf7-form input[type="submit"]:hover{
  background:var(--secondary-green);
}
.wpcf7-form input[type="submit"]:disabled{
  opacity:0.7;
  cursor:not-allowed;
}
 
/* Success / error message boxes CF7 injects after submit */
.wpcf7-form .wpcf7-response-output{
  border-radius:8px;
  padding:14px 18px;
  font-size:13.5px;
  margin-top:10px !important;
  border:none !important;
}
 
.wpcf7-form.sent .wpcf7-response-output{
  background:var(--accent-light);
  color:var(--primary-green);
}
 
.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.unaccepted .wpcf7-response-output,
.wpcf7-form.payment-required .wpcf7-response-output{
  background:#fdecea;
  color:#c0392b;
}
 
/* Individual field validation error text */
.wpcf7-form .wpcf7-not-valid-tip{
  color:#c0392b;
  font-size:12px;
  margin-top:4px;
  display:block;
}
 
.wpcf7-form .wpcf7-not-valid{
  border-color:#c0392b !important;
}
 
/* Loading spinner CF7 shows during submit */
.wpcf7-form .wpcf7-spinner{
  margin-left:10px;
}
 
/* Select dropdown arrow cleanup */
.wpcf7-form select{
  appearance:none;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F7D5B' stroke-width='2'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:16px;
  padding-right:40px;
}
 
@media (max-width: 600px){
  .wpcf7-form input[type="submit"]{
    font-size:14px;
    padding:13px 18px;
  }
}/* End custom CSS */