.elementor-408 .elementor-element.elementor-element-42b4d5b{--display:flex;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-408 .elementor-element.elementor-element-42b4d5b:not(.elementor-motion-effects-element-type-background), .elementor-408 .elementor-element.elementor-element-42b4d5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://keralaproperties.in/wp-content/uploads/2026/10/datthu-villa-6482431_1920.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-408 .elementor-element.elementor-element-42b4d5b::before, .elementor-408 .elementor-element.elementor-element-42b4d5b > .elementor-background-video-container::before, .elementor-408 .elementor-element.elementor-element-42b4d5b > .e-con-inner > .elementor-background-video-container::before, .elementor-408 .elementor-element.elementor-element-42b4d5b > .elementor-background-slideshow::before, .elementor-408 .elementor-element.elementor-element-42b4d5b > .e-con-inner > .elementor-background-slideshow::before, .elementor-408 .elementor-element.elementor-element-42b4d5b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#5C5858B8;--background-overlay:'';}.elementor-408 .elementor-element.elementor-element-a6aa614{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-408 .elementor-element.elementor-element-a6aa614 .elementor-heading-title{color:#FFFFFF;}.elementor-408 .elementor-element.elementor-element-3833465{--display:flex;}.elementor-408 .elementor-element.elementor-element-2c6e4f3{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-408 .elementor-element.elementor-element-42b4d5b:not(.elementor-motion-effects-element-type-background), .elementor-408 .elementor-element.elementor-element-42b4d5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for shortcode, class: .elementor-element-2c6e4f3 *//* =========================================================
   Kerala Properties – Post Your Property (WPUF form 404)
   FINAL – replaces all earlier CSS
   ========================================================= */
:root{
  --kp-primary:#0a9068;
  --kp-primary-dark:#077353;
  --kp-primary-soft:rgba(10,144,104,.08);
  --kp-text:#1f2937;
  --kp-muted:#6b7280;
  --kp-border:#dbe1e8;
  --kp-soft:#f7f9fb;
  --kp-danger:#dc2626;
}

/* ---------- Make Elementor parents full width ---------- */
html body .elementor-widget-shortcode:has(.wpuf-form-add),
html body .elementor-widget-shortcode:has(.wpuf-form-add) > .elementor-widget-container{
  width:100% !important; max-width:100% !important; align-self:stretch !important;
}

/* ---------- Card ---------- */
html body .wpuf-form-add{
  position:relative;
  width:100% !important;
  max-width:920px !important;
  margin:30px auto !important;
  padding:44px 40px 36px !important;
  background:#fff !important;
  border:1px solid #e6eaf0 !important;
  border-radius:20px !important;
  box-shadow:0 18px 50px rgba(15,23,42,.08) !important;
  overflow:hidden;
  box-sizing:border-box;
}
html body .wpuf-form-add *{ box-sizing:border-box; }

/* top accent bar */
html body .wpuf-form-add::before{
  content:"";
  position:absolute; top:0; left:0; right:0; height:5px;
  background:linear-gradient(90deg,var(--kp-primary),#f5a623);
}
/* nested duplicate wrapper: no extra styling */
html body .wpuf-form-add .wpuf-form-add{
  padding:0 !important; margin:0 !important; border:0 !important;
  box-shadow:none !important; background:transparent !important;
  max-width:100% !important; border-radius:0 !important;
}
html body .wpuf-form-add .wpuf-form-add::before{ display:none !important; }

/* ---------- Grid ---------- */
html body .wpuf-form-add ul.wpuf-form{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:24px 26px !important;
  list-style:none !important;
  margin:0 !important; padding:0 !important;
}
html body .wpuf-form-add ul.wpuf-form > li{
  order:10;
  margin:0 !important; padding:0 !important;
  list-style:none !important; float:none !important;
  width:auto !important; min-width:0 !important;
}

/* Title first, Description second (both full width) */
html body .wpuf-form-add ul.wpuf-form > li:has(input[name="post_title"]){ order:1; grid-column:1 / -1; }
html body .wpuf-form-add ul.wpuf-form > li:has(.wp-editor-wrap),
html body .wpuf-form-add ul.wpuf-form > li.post_content{ order:2; grid-column:1 / -1; }

/* Other full-width rows */
html body .wpuf-form-add ul.wpuf-form > li:has(.wpuf-attachment-upload-filelist),
html body .wpuf-form-add ul.wpuf-form > li:has([id*="upload-container"]),
html body .wpuf-form-add ul.wpuf-form > li.featured_image,
html body .wpuf-form-add ul.wpuf-form > li.image_upload,
html body .wpuf-form-add ul.wpuf-form > li.wpuf-submit{ grid-column:1 / -1; }
html body .wpuf-form-add ul.wpuf-form > li.wpuf-submit{ order:99; margin-top:6px !important; }

/* ---------- Labels ---------- */
html body .wpuf-form-add .wpuf-label{
  float:none !important; width:100% !important;
  margin:0 0 9px !important; padding:0 !important;
}
html body .wpuf-form-add .wpuf-label label{
  display:block !important; margin:0 !important;
  font-size:14px !important; font-weight:600 !important;
  line-height:1.4 !important; color:var(--kp-text) !important;
  letter-spacing:.2px;
}
html body .wpuf-form-add .wpuf-label .required{ color:var(--kp-danger) !important; }
html body .wpuf-form-add .wpuf-fields{ float:none !important; width:100% !important; margin:0 !important; }

/* ---------- Inputs & selects ---------- */
html body .wpuf-form-add input[type="text"],
html body .wpuf-form-add input[type="email"],
html body .wpuf-form-add input[type="url"],
html body .wpuf-form-add input[type="number"],
html body .wpuf-form-add input[type="tel"],
html body .wpuf-form-add select,
html body .wpuf-form-add textarea:not(.wp-editor-area){
  display:block !important;
  width:100% !important; max-width:100% !important;
  min-height:52px !important;
  margin:0 !important;
  padding:12px 16px !important;
  font-family:inherit;
  font-size:16px !important; line-height:1.4 !important;
  color:var(--kp-text) !important;
  background-color:var(--kp-soft) !important;
  border:1.5px solid var(--kp-border) !important;
  border-radius:12px !important;
  box-shadow:none !important; outline:0 !important;
  transition:border-color .2s, box-shadow .2s, background-color .2s;
}
html body .wpuf-form-add input:hover,
html body .wpuf-form-add select:hover{ border-color:#b9c3cf !important; }
html body .wpuf-form-add input:focus,
html body .wpuf-form-add select:focus,
html body .wpuf-form-add textarea:focus{
  background-color:#fff !important;
  border-color:var(--kp-primary) !important;
  box-shadow:0 0 0 4px rgba(10,144,104,.15) !important;
}
html body .wpuf-form-add select{
  padding-right:46px !important; cursor:pointer;
  -webkit-appearance:none; appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 18px center !important;
  background-size:14px 9px !important;
}
html body .wpuf-form-add .wpuf-help{ display:block; margin-top:6px; font-size:13px; color:var(--kp-muted) !important; }

/* ---------- Description editor (fixes the duplicate box) ---------- */
html body .wpuf-form-add .wp-editor-wrap{
  border:1.5px solid var(--kp-border) !important;
  border-radius:12px !important;
  overflow:hidden; background:#fff;
}
html body .wpuf-form-add .wp-editor-wrap:focus-within{
  border-color:var(--kp-primary) !important;
  box-shadow:0 0 0 4px rgba(10,144,104,.12);
}
html body .wpuf-form-add .wp-editor-container{ border:0 !important; }
html body .wpuf-form-add .mce-tinymce{ border:0 !important; box-shadow:none !important; width:100% !important; }
html body .wpuf-form-add .mce-edit-area{ border-top:1px solid var(--kp-border) !important; }
html body .wpuf-form-add .mce-edit-area iframe{ min-height:240px !important; }

/* hide the raw textarea while the visual editor is active */
html body .wpuf-form-add .tmce-active textarea.wp-editor-area{
  display:none !important; height:0 !important; min-height:0 !important;
  border:0 !important; padding:0 !important; margin:0 !important;
}
/* show it only in "Text" tab */
html body .wpuf-form-add .html-active textarea.wp-editor-area{
  display:block !important; width:100% !important; min-height:240px !important;
  padding:14px !important; border:0 !important; border-radius:0 !important;
  background:#fff !important; box-shadow:none !important;
}

/* ---------- Radio buttons → pills ---------- */
html body .wpuf-form-add .wpuf-fields:has(input[type="radio"]),
html body .wpuf-form-add .wpuf-fields:has(input[type="checkbox"]){
  display:flex !important; flex-wrap:wrap !important; flex-direction:row !important; gap:10px !important;
}
html body .wpuf-form-add .wpuf-fields:has(input[type="radio"]) label,
html body .wpuf-form-add .wpuf-fields:has(input[type="checkbox"]) label{
  display:inline-flex !important; align-items:center; gap:8px;
  margin:0 !important; padding:12px 20px !important;
  font-size:15px !important; font-weight:500 !important;
  color:var(--kp-text) !important;
  background:var(--kp-soft) !important;
  border:1.5px solid var(--kp-border) !important;
  border-radius:999px !important;
  cursor:pointer; transition:all .2s;
}
html body .wpuf-form-add .wpuf-fields:has(input[type="radio"]) label:hover{ border-color:var(--kp-primary) !important; }
html body .wpuf-form-add .wpuf-fields label:has(input:checked){
  background:var(--kp-primary-soft) !important;
  border-color:var(--kp-primary) !important;
  color:var(--kp-primary-dark) !important;
  font-weight:600 !important;
}
html body .wpuf-form-add input[type="radio"],
html body .wpuf-form-add input[type="checkbox"]{
  width:18px !important; height:18px !important; min-height:0 !important;
  margin:0 !important; accent-color:var(--kp-primary);
}

/* ---------- Image upload buttons ---------- */
html body .wpuf-form-add li:has(.wpuf-attachment-upload-filelist) .wpuf-fields a,
html body .wpuf-form-add li:has([id*="upload-container"]) .wpuf-fields a,
html body .wpuf-form-add .wpuf-fields a.file-.elementor-408 .elementor-element.elementor-element-2c6e4f3,
html body .wpuf-form-add .wpuf-fields a.btn{
  display:flex !important; align-items:center; justify-content:center; gap:10px;
  width:100% !important; min-height:84px; padding:18px !important;
  font-size:15px !important; font-weight:600 !important;
  color:var(--kp-primary-dark) !important;
  background:var(--kp-primary-soft) !important;
  border:2px dashed #86d1b8 !important;
  border-radius:14px !important;
  text-align:center; text-decoration:none !important;
  transition:all .2s;
}
html body .wpuf-form-add li:has(.wpuf-attachment-upload-filelist) .wpuf-fields a:hover,
html body .wpuf-form-add li:has([id*="upload-container"]) .wpuf-fields a:hover{
  background:rgba(10,144,104,.14) !important;
  border-color:var(--kp-primary) !important;
}
html body .wpuf-form-add ul.wpuf-attachment-list{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(110px,1fr));
  gap:12px; list-style:none !important; margin:14px 0 0 !important; padding:0 !important;
}
html body .wpuf-form-add ul.wpuf-attachment-list img{ width:100%; height:90px; object-fit:cover; border-radius:8px; }

/* ---------- Errors ---------- */
html body .wpuf-form-add label.error,
html body .wpuf-form-add .wpuf-error{ display:block; margin-top:6px; font-size:13px; color:var(--kp-danger) !important; }
html body .wpuf-form-add input.error,
html body .wpuf-form-add select.error{ border-color:var(--kp-danger) !important; }

/* ---------- Submit ---------- */
html body .wpuf-form-add input[type="submit"],
html body .wpuf-form-add button[type="submit"]{
  display:block !important; width:100% !important;
  min-height:58px; padding:14px 32px !important;
  font-family:inherit; font-size:17px !important; font-weight:700 !important;
  letter-spacing:.4px; color:#fff !important;
  background:linear-gradient(135deg,var(--kp-primary),var(--kp-primary-dark)) !important;
  border:0 !important; border-radius:999px !important;
  box-shadow:0 12px 26px rgba(10,144,104,.32) !important;
  cursor:pointer; transition:transform .15s, filter .2s, box-shadow .2s;
}
html body .wpuf-form-add input[type="submit"]:hover{
  transform:translateY(-2px); filter:brightness(1.07);
  box-shadow:0 16px 32px rgba(10,144,104,.4) !important;
}
html body .wpuf-form-add input[type="submit"]:active{ transform:translateY(0); }

/* =================== TABLET =================== */
@media (max-width:1024px){
  html body .e-con:has(.wpuf-form-add),
  html body .e-con-inner:has(.wpuf-form-add){
    padding-left:10px !important; padding-right:10px !important;
    --padding-left:10px !important; --padding-right:10px !important;
  }
  html body .wpuf-form-add{ max-width:100% !important; padding:34px 24px 28px !important; }
}

/* =================== MOBILE =================== */
@media (max-width:767px){
  html body .e-con:has(.wpuf-form-add),
  html body .e-con-inner:has(.wpuf-form-add),
  html body .elementor-section:has(.wpuf-form-add) > .elementor-container,
  html body .elementor-column:has(.wpuf-form-add) > .elementor-widget-wrap,
  html body .elementor-widget-shortcode:has(.wpuf-form-add),
  html body .elementor-widget-shortcode:has(.wpuf-form-add) > .elementor-widget-container{
    padding-left:0 !important; padding-right:0 !important;
    --padding-left:0px !important; --padding-right:0px !important;
    margin-left:0 !important; margin-right:0 !important;
    width:100% !important; max-width:100% !important;
  }
  html body .wpuf-form-add{
    width:calc(100vw - 12px) !important;
    max-width:calc(100vw - 12px) !important;
    margin:14px 0 14px calc(50% - 50vw + 6px) !important;
    padding:26px 14px 22px !important;
    border-radius:14px !important;
  }
  html body .wpuf-form-add .wpuf-form-add{ width:100% !important; max-width:100% !important; margin:0 !important; }

  html body .wpuf-form-add ul.wpuf-form{ grid-template-columns:1fr !important; gap:20px !important; }
  html body .wpuf-form-add ul.wpuf-form > li{ grid-column:1 / -1 !important; }

  html body .wpuf-form-add .mce-edit-area iframe{ min-height:190px !important; }
  html body .wpuf-form-add .mce-container,
  html body .wpuf-form-add .mce-container-body,
  html body .wpuf-form-add .mce-panel{ width:100% !important; max-width:100% !important; }

  html body .wpuf-form-add .wpuf-fields:has(input[type="radio"]) label{
    flex:1 1 calc(50% - 10px); padding:12px 14px !important; border-radius:12px !important;
  }
}
@media (max-width:380px){
  html body .wpuf-form-add .wpuf-fields:has(input[type="radio"]) label{ flex:1 1 100%; }
}/* End custom CSS */