.elementor-754 .elementor-element.elementor-element-ea2f26a{--display:flex;}.elementor-754 .elementor-element.elementor-element-8acceec{margin:100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}/* Start custom CSS for shortcode, class: .elementor-element-8acceec *//* ---------- Contact Form 7 - Modern Travel Style ---------- */

/* Container card */
.wpcf7 {
  font-family: "Poppins", "Segoe UI", Roboto, Arial, sans-serif;
  max-width: 680px;
  margin: 30px auto;
  padding: 26px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
  border-radius: 16px;
  box-shadow: 0 8px 30px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(15,23,42,0.03);
}

/* Form heading (agar aap heading element add karte ho) */
.wpcf7 h2 {
  margin: 0 0 8px;
  font-size: 20px;
  letter-spacing: 0.2px;
  color: #14233a;
}
.wpcf7 p.lead {
  margin: 0 0 18px;
  color: #4b5563;
  font-size: 14px;
}

/* Two-column layout for larger screens */
.wpcf7 .cf-row {
  display: flex;
  gap: 14px;
  align-items: stretch;
  flex-wrap: wrap;
}
.wpcf7 .cf-col {
  flex: 1 1 48%;
  min-width: 200px;
}

/* Inputs & textarea */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 select {
  width: 100%;
  padding: 12px 14px;
  margin-bottom: 12px;
  border: 1px solid #e6e8eb;
  border-radius: 10px;
  font-size: 15px;
  color: #102330;
  background: #fff;
  box-sizing: border-box;
  transition: box-shadow 0.18s ease, border-color 0.18s ease, transform 0.08s ease;
  -webkit-appearance: none;
}

/* Placeholder style */
.wpcf7 ::-webkit-input-placeholder { color: #9aa4ae; }
.wpcf7 :-ms-input-placeholder { color: #9aa4ae; }
.wpcf7 ::placeholder { color: #9aa4ae; }

/* Focus state */
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
  outline: none;
  border-color: #ff7a1a;            /* highlight color */
  box-shadow: 0 6px 18px rgba(255,122,26,0.12);
  transform: translateY(-1px);
}

/* Labels */
.wpcf7 label {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  color: #233043;
  font-weight: 600;
}

/* Submit button */
.wpcf7 input[type="submit"],
.wpcf7 .wpcf7-submit {
  width: 100%;
  padding: 12px 16px;
  background: linear-gradient(90deg,#ff6b00,#ff8a1a);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.12s ease, box-shadow 0.12s ease, opacity 0.12s ease;
  box-shadow: 0 8px 20px rgba(255,106,20,0.16);
}
.wpcf7 input[type="submit"]:hover,
.wpcf7 .wpcf7-submit:hover {
  transform: translateY(-3px);
  opacity: 0.98;
}

/* Success & error messages */
.wpcf7 .wpcf7-response-output {
  margin-top: 12px;
  border-radius: 8px;
  padding: 10px 12px;
  font-weight: 600;
}
.wpcf7 .wpcf7-mail-sent-ok {
  background: rgba(34,197,94,0.08);
  color: #065f46;
  border: 1px solid rgba(34,197,94,0.12);
}
.wpcf7 .wpcf7-validation-errors {
  background: rgba(239,68,68,0.06);
  color: #7f1d1d;
  border: 1px solid rgba(239,68,68,0.12);
}

/* Small helper text */
.wpcf7 .cf-note {
  font-size: 13px;
  color: #6b7280;
  margin-top: 6px;
}

/* Responsive: single column on small screens */
@media (max-width: 720px) {
  .wpcf7 {
    padding: 18px;
    margin: 18px;
  }
  .wpcf7 .cf-col { flex-basis: 100%; }
}

/* Optional: add subtle icon inside inputs (phone & email) */
.wpcf7 .input-with-icon {
  position: relative;
}
.wpcf7 .input-with-icon input,
.wpcf7 .input-with-icon textarea {
  padding-left: 42px;
}
.wpcf7 .input-with-icon .cf-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #9aa4ae;
  pointer-events: none;
}

/* Example: smaller submit variant (if you want inline) */
.wpcf7 .btn-inline {
  width: auto;
  padding: 10px 18px;
}/* End custom CSS */