.elementor-46860 .elementor-element.elementor-element-354d481a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1366px){.elementor-46860 .elementor-element.elementor-element-354d481a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-667f680b *//* ============================================================
   QUOTE FORM — CUSTOM BOX MAKERS
   ============================================================ */

/* ---------- ICON SLOTS ---------- */
.qf-wrap{
  --ic-name:url("https://www.customboxmakers.com/wp-content/uploads/2026/07/Name.svg");
  --ic-email:url("https://www.customboxmakers.com/wp-content/uploads/2026/07/Email.svg");
  --ic-phone:url("https://www.customboxmakers.com/wp-content/uploads/2026/07/Phone.svg");
  --ic-length:url("https://www.customboxmakers.com/wp-content/uploads/2026/07/Length.svg");
  --ic-width:url("https://www.customboxmakers.com/wp-content/uploads/2026/07/Width.svg");
  --ic-depth:url("https://www.customboxmakers.com/wp-content/uploads/2026/07/Depth.svg");
  --ic-quantity:url("https://www.customboxmakers.com/wp-content/uploads/2026/08/hashtag-svgrepo-com.svg");
  --ic-boxstyle:url("https://www.customboxmakers.com/wp-content/uploads/2026/07/Box-Styles.svg");
  --ic-need-design:url("https://www.customboxmakers.com/wp-content/uploads/2025/03/Need-Design.svg");
  --ic-have-design:url("https://www.customboxmakers.com/wp-content/uploads/2025/11/Have-Design.png");
}
.qf-wrap .wpcf7-spinner{
    display: none !important;
}

/* ---------- THEME TOKENS ---------- */
.qf-wrap{
  --qf-orange:#F58E43;
  --qf-orange-2:#F58E43;
  --qf-border:#e2e2e2;
  --qf-card-border:#dadbdd;
  --qf-placeholder:#8a8f98;
  --qf-text:#3b3f46;
  --qf-radius:8px;
  --qf-gap:16px;

  padding:10px;
  background:#fff;
  border-radius:16px;
  box-shadow:0 10px 40px rgba(16,24,40,.08);
  font-family:'Poppins',sans-serif;
}
.qf-wrap,
.qf-wrap *,
.qf-wrap *::before,
.qf-wrap *::after{box-sizing:border-box;}

/* ---------- HEADING ---------- */
.qf-wrap .qf-title{
  position:relative;
  margin:0 0 28px;
  padding-bottom:10px;
  text-align:center;
  color:var(--qf-orange);
  font-family:'Poppins',sans-serif;
  font-weight:400;
  font-size:26px;
  line-height:1.3;
}
.qf-wrap .qf-title::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:260px;
  max-width:80%;
  height:2px;
  background:var(--qf-orange);
}

/* ---------- GRID SYSTEM ---------- */
.qf-wrap .qf-row{
  display:grid;
  gap:var(--qf-gap);
  margin-bottom:var(--qf-gap);
}
.qf-wrap .qf-cols-2{grid-template-columns:repeat(2,1fr);}
.qf-wrap .qf-cols-3{grid-template-columns:repeat(3,1fr);}
.qf-wrap .qf-cols-4{grid-template-columns:repeat(4,1fr);}
.qf-wrap .qf-cols-split{grid-template-columns:1fr 1fr;align-items:start;}
.qf-wrap .qf-col{display:flex;flex-direction:column;gap:var(--qf-gap);}

/* CF7 har field ko span mein wrap karta hai */
.qf-wrap .wpcf7-form-control-wrap{display:block;width:100%;position:relative;}
.qf-wrap form.wpcf7-form p{margin:0;}
.qf-wrap br{display:none;}

/* ---------- INPUTS ---------- */
.qf-wrap input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.qf-wrap select,
.qf-wrap textarea{
  width:100%;
  height:42px;
  border:1px solid var(--qf-border);
  border-radius:var(--qf-radius);
  background-color:#fff;
  font-family:'Poppins',sans-serif;
  font-size:16px;
  font-weight:400;
  color:var(--qf-text);
  outline:none;
  box-shadow:none;
  transition:border-color .2s ease;
}
.qf-wrap select{padding-right:34px;cursor:pointer;}
.qf-wrap textarea{height:100px;padding:12px 14px;line-height:1.5;resize:vertical;}
.qf-wrap ::placeholder{color:var(--qf-placeholder);opacity:1;}
.qf-wrap select:invalid,
.qf-wrap select option[value=""]{color:var(--qf-placeholder);}
.qf-wrap input:focus,
.qf-wrap select:focus,
.qf-wrap textarea:focus{border-color:var(--qf-orange);}

/* ---------- FIELD ICONS ---------- */
.qf-wrap .qf-ico input,
.qf-wrap .qf-ico select{
  padding-left:44px;
  background-repeat:no-repeat;
  background-position:14px center;
  background-size:18px 24px;
}
.qf-wrap .qf-ico-name     input{background-image:var(--ic-name);}
.qf-wrap .qf-ico-email    input{background-image:var(--ic-email);}
.qf-wrap .qf-ico-phone    input{background-image:var(--ic-phone);}
.qf-wrap .qf-ico-length   input{background-image:var(--ic-length);}
.qf-wrap .qf-ico-width    input{background-image:var(--ic-width);}
.qf-wrap .qf-ico-depth    input{background-image:var(--ic-depth);}
.qf-wrap .qf-ico-quantity input{background-image:var(--ic-quantity);}
.qf-wrap .qf-ico-boxstyle select{background-image:var(--ic-boxstyle);}

/* ---------- RADIO CARDS ---------- */
.qf-wrap .wpcf7-radio{display:flex;flex-direction:column;gap:var(--qf-gap);}
.qf-wrap .wpcf7-list-item{display:block;margin:0;}
.qf-wrap .wpcf7-list-item > label{
  display:flex;
  align-items:center;
  gap:12px;
  height:42px;
  margin:0;
  padding:0 14px;
  border:1px solid var(--qf-card-border);
  border-radius:6px;
  background:#fff;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease;
}
.qf-wrap .wpcf7-list-item > label::before{
  content:"";
  order:1;
  flex:0 0 18px;
  width:18px;
  height:18px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
.qf-wrap .wpcf7-list-item.first > label::before{background-image:var(--ic-need-design);}
.qf-wrap .wpcf7-list-item.last  > label::before{background-image:var(--ic-have-design);}
.qf-wrap .wpcf7-list-item-label{
  order:2;
  flex:1 1 auto;
  font-size:14px;
  color:var(--qf-text);
}
.qf-wrap .wpcf7-list-item input[type="radio"]{
  order:3;
  flex:0 0 18px;
  width:18px;
  height:18px;
  margin:0 0 0 auto;
  appearance:none;
  -webkit-appearance:none;
  border:1px solid #b9bcc2;
  border-radius:50%;
  background:#fff;
  position:relative;
  cursor:pointer;
}
.qf-wrap .wpcf7-list-item input[type="radio"]:checked{border-color:var(--qf-orange);}
.qf-wrap .wpcf7-list-item input[type="radio"]:checked::after{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:50%;
  background:var(--qf-orange);
}
.qf-wrap .wpcf7-list-item > label.qf-checked{
  border-color:var(--qf-orange);
  background:#fff8f2;
}

/* ---------- CONDITIONAL UPLOAD ---------- */
.qf-wrap .qf-upload{display:none;}
.qf-wrap .qf-upload.is-visible{display:block;}
.qf-wrap input[type="file"]{
  width:100%;
  padding:9px 12px;
  border:1px dashed var(--qf-card-border);
  border-radius:6px;
  background:#fff;
  font-family:'Poppins',sans-serif;
  font-size:13px;
  color:var(--qf-text);
  cursor:pointer;
}

/* ---------- SUBMIT ---------- */
.qf-wrap .qf-submit{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--qf-gap);
  margin-top:8px;
}
.qf-wrap input[type="submit"]{
  width:100%;
  height:44px;
  border:0;
  border-radius:8px;
  background:linear-gradient(90deg,var(--qf-orange) 0%,var(--qf-orange-2) 100%);
  color:#fff;
  font-family:'Poppins',sans-serif;
  font-size:15px;
  font-weight:600;
  letter-spacing:.2px;
  cursor:pointer;
  transition:filter .2s ease;
}
.qf-wrap input[type="submit"]:hover{filter:brightness(1.06);}

/* ---------- CF7 MESSAGES ---------- */
.qf-wrap .wpcf7-not-valid-tip{margin-top:5px;font-size:12px;color:#d63638;}
.qf-wrap .wpcf7-not-valid{border-color:#d63638 !important;}
.qf-wrap .wpcf7-response-output{
  margin:18px 0 0 !important;
  padding:12px 14px !important;
  border-radius:8px;
  font-size:14px;
}
.qf-wrap .wpcf7-spinner{margin:0 0 0 10px;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:991px){
  .qf-wrap .qf-cols-3,
  .qf-wrap .qf-cols-4{grid-template-columns:repeat(2,1fr);}
  .qf-wrap .qf-cols-split{grid-template-columns:1fr;}
  .qf-wrap .qf-submit{grid-template-columns:1fr;}
  .qf-wrap input[type="submit"]{max-width:280px;}
}

@media (max-width:600px){
  .qf-wrap{padding:20px 14px;border-radius:12px;}
  .qf-wrap .qf-title{font-size:21px;}
  .qf-wrap .qf-title::after{width:190px;}
  .qf-wrap .qf-cols-2,
  .qf-wrap .qf-cols-3,
  .qf-wrap .qf-cols-4{grid-template-columns:1fr;}
  .qf-wrap input[type="submit"]{max-width:100%;}
}/* End custom CSS */