.elementor-2172 .elementor-element.elementor-element-d4522ad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2172 .elementor-element.elementor-element-d4522ad:not(.elementor-motion-effects-element-type-background), .elementor-2172 .elementor-element.elementor-element-d4522ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-2172 .elementor-element.elementor-element-9b2f789 > .elementor-widget-container{padding:18px 18px 18px 18px;}.elementor-2172 .elementor-element.elementor-element-9b2f789{text-align:center;}.elementor-2172 .elementor-element.elementor-element-9b2f789 .elementor-heading-title{color:#FFFFFF;}.elementor-2172 .elementor-element.elementor-element-6894697{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:060px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2172 .elementor-element.elementor-element-4171c57 > .elementor-widget-container{padding:20px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-4171c57 *//* === Yara Designers | Book Consultation Form === */

.wpcf7 form {
  max-width: 550px;
  margin: 0 auto !important;
  background: #fff;
  padding: 40px 30px;
  border-radius: 18px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
  text-align: center;
}

/* Labels */
.wpcf7-form label {
  display: block;
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: 0.95rem;
  color: #222831;
  margin-bottom: 6px;
  font-weight: 500;
}

/* Input + Textarea fields */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  width: 100%;
  padding: 14px 16px;
  border-radius: 8px;
  border: 3px solid #000; /* 🔥 thick border */
  background-color: #F9F7F7;
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  color: #222831;
  outline: none;
  box-shadow: none;
  transition: none !important;
}

/* Focus effect (subtle highlight only) */
.wpcf7 input:focus,
.wpcf7 textarea:focus {
  border-color: #FF7D29;
}

/* Submit Button */
.wpcf7 input[type="submit"] {
  background-color: #222831;
  color: #fff;
  border: none;
  padding: 14px 36px;
  border-radius: 50px;
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
  display: block;              /* ✅ makes centering possible */
  margin: 20px auto 0 auto;    /* ✅ centers horizontally */
  transition: none !important;
  box-shadow: none !important;
}

/* 🚫 No hover or animation effect */
.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:active,
.wpcf7 input[type="submit"]:focus {
  background-color: #222831 !important;
  color: #fff !important;
  transform: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Response message */
.wpcf7-response-output {
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 0.95rem;
  color: #222831;
  margin-top: 15px;
}

/* 📱 Ensure center alignment on all screen sizes */
@media (max-width: 767px) {
  .wpcf7 input[type="submit"] {
    width: auto !important;
    display: block !important;
    margin: 20px auto 0 auto !important;
    text-align: center !important;
  }
}/* End custom CSS */