.elementor-8063 .elementor-element.elementor-element-f16d260{--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;--overlay-opacity:0.5;}.elementor-8063 .elementor-element.elementor-element-f16d260::before, .elementor-8063 .elementor-element.elementor-element-f16d260 > .elementor-background-video-container::before, .elementor-8063 .elementor-element.elementor-element-f16d260 > .e-con-inner > .elementor-background-video-container::before, .elementor-8063 .elementor-element.elementor-element-f16d260 > .elementor-background-slideshow::before, .elementor-8063 .elementor-element.elementor-element-f16d260 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8063 .elementor-element.elementor-element-f16d260 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-8063 .elementor-element.elementor-element-b45619e{font-weight:400;color:#FFFFFF;}.elementor-8063 .elementor-element.elementor-element-478d46d .elementor-heading-title{font-weight:700;color:#FFFFFF;}.elementor-8063 .elementor-element.elementor-element-2784140{--display:flex;}.elementor-8063 .elementor-element.elementor-element-cf909a9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8063 .elementor-element.elementor-element-cf909a9{color:#FFFFFF;}.elementor-8063 .elementor-element.elementor-element-59ca697{color:#FFFFFF;}.elementor-8063 .elementor-element.elementor-element-651ff4d{--display:flex;}body.elementor-page-8063:not(.elementor-motion-effects-element-type-background), body.elementor-page-8063 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E0E0E0;}@media(max-width:768px){.elementor-8063 .elementor-element.elementor-element-f16d260:not(.elementor-motion-effects-element-type-background), .elementor-8063 .elementor-element.elementor-element-f16d260 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://craftimus-onyx-marble.com/wp-content/uploads/2026/01/quoation-request-onyx-marble-manufacturer-2.webp");background-position:-91px -215px;}.elementor-8063 .elementor-element.elementor-element-f16d260{--min-height:175px;--overlay-opacity:0.49;}.elementor-8063 .elementor-element.elementor-element-b45619e > .elementor-widget-container{margin:28px 0px -70px 10px;}.elementor-8063 .elementor-element.elementor-element-b45619e{font-size:14px;}.elementor-8063 .elementor-element.elementor-element-478d46d > .elementor-widget-container{margin:35px 0px 0px 9px;padding:0px 0px 0px 0px;}.elementor-8063 .elementor-element.elementor-element-478d46d .elementor-heading-title{font-size:20px;}.elementor-8063 .elementor-element.elementor-element-2784140{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;}.elementor-8063 .elementor-element.elementor-element-cf909a9{width:var( --container-widget-width, 95.422px );max-width:95.422px;--container-widget-width:95.422px;--container-widget-flex-grow:0;text-align:start;font-size:13px;}.elementor-8063 .elementor-element.elementor-element-59ca697{text-align:start;font-size:13px;}}/* Start custom CSS *//* ===== Layout & Divider ===== */

/* Make sure the section is positioned so we can draw a divider */
.rfq-section {
  position: relative;
}

/* Add a thin vertical white line between columns */
.rfq-section::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 66.666%;               /* adjust if your left column isn't exactly 2/3 */
  width: 1px;
  background: #ffffff;         /* the white separator */
  pointer-events: none;
}

/* Padding & look for the completeness column */
.rfq-right {
  padding: 28px 26px !important;    /* add the breathing room you wanted */
}

/* Optional: give the right panel a subtle card look */
.rfq-right > .elementor-widget-wrap {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 8px 24px rgba(0,0,0,0.05);
  border-radius: 10px;
  padding: 22px;
}

/* Keep the left form column clean (optional) */
.rfq-left > .elementor-widget-wrap {
  background: transparent;
}

/* Mobile: remove the vertical divider & tighten spacing */
@media (max-width: 1024px) {
  .rfq-section::after { display: none; }
  .rfq-right { padding: 18px 16px !important; }
}

/* ===== Square fields (in case some still appear rounded) ===== */
.rfq-left .elementor-field,
.rfq-left .elementor-field-textual,
.rfq-left .elementor-select-wrapper select,
.rfq-left .elementor-upload-field {
  border-radius: 0 !important;
}

/* ===== Completeness circle spacing tweaks (optional) ===== */
.rfq-right #completion-circle {
  margin-top: 6px;
  margin-bottom: 14px;
}

/* ===== Logo area background white ===== */
/* If your logo is inside a section/column with the class rfq-logo-wrap */
.rfq-logo-wrap,
.rfq-logo-wrap .elementor-widget-wrap {
  background: #ffffff !important;
}

/* If you want just the left side of the header to be white,
   give that left header column the class rfq-logo-wrap and leave the right column as-is. *//* End custom CSS */