.elementor-1372 .elementor-element.elementor-element-26edcae2{--display:flex;--min-height:930px;--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;--justify-content:center;--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1372 .elementor-element.elementor-element-26edcae2:not(.elementor-motion-effects-element-type-background), .elementor-1372 .elementor-element.elementor-element-26edcae2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://optimaoffice.argon-devsite.com/wp-content/uploads/2025/08/guide-page-background-optima-office.webp");background-position:center center;background-size:cover;}.elementor-1372 .elementor-element.elementor-element-523beaaa{--display:flex;--justify-content:center;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1372 .elementor-element.elementor-element-12d46261 .elementor-heading-title{font-family:"proxima-nova", Sans-serif;font-size:40px;font-weight:700;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1372 .elementor-element.elementor-element-76fd54cf{text-align:start;font-family:"proxima-nova", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-1372 .elementor-element.elementor-element-6c3ebbc5{--display:flex;--justify-content:center;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;--z-index:0;}.elementor-1372 .elementor-element.elementor-element-5ffd2949{--display:flex;--min-height:600px;--justify-content:center;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1372 .elementor-element.elementor-element-5ffd2949:not(.elementor-motion-effects-element-type-background), .elementor-1372 .elementor-element.elementor-element-5ffd2949 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1372 .elementor-element.elementor-element-40fcc2e6{text-align:center;}.elementor-1372 .elementor-element.elementor-element-40fcc2e6 .elementor-heading-title{font-family:"proxima-nova", Sans-serif;font-size:30px;font-weight:700;}@media(max-width:767px){.elementor-1372 .elementor-element.elementor-element-26edcae2:not(.elementor-motion-effects-element-type-background), .elementor-1372 .elementor-element.elementor-element-26edcae2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center left;}.elementor-1372 .elementor-element.elementor-element-26edcae2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1372 .elementor-element.elementor-element-523beaaa{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1372 .elementor-element.elementor-element-76fd54cf{font-size:14px;}.elementor-1372 .elementor-element.elementor-element-6c3ebbc5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-1372 .elementor-element.elementor-element-26edcae2{--content-width:1200px;}.elementor-1372 .elementor-element.elementor-element-523beaaa{--width:50%;}.elementor-1372 .elementor-element.elementor-element-6c3ebbc5{--width:50%;}}/* Start custom CSS for hubspot-form, class: .elementor-element-f184dc2 *//* === Optima Office – HubSpot form cleanup (scoped) === */
.oo-hs-clean .hs-form fieldset,
.oo-hs-clean .hs-form .hs-form-field {
  margin: 0;
  padding: 0;
  border: 0;
}

/* Two-column layout on desktop, stacks on mobile */
.oo-hs-clean .hs-form .form-columns-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 16px;
}
@media (max-width: 768px) {
  .oo-hs-clean .hs-form .form-columns-2 {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

/* Hide visual labels but keep them accessible */
.oo-hs-clean .hs-form .hs-form-field label {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* Required asterisk not needed when using placeholders */
.oo-hs-clean .hs-form .hs-form-field .hs-form-required {
  display: none !important;
}

/* Inputs (text, email, etc.) */
.oo-hs-clean .hs-form .input input[type="text"],
.oo-hs-clean .hs-form .input input[type="email"],
.oo-hs-clean .hs-form .input input[type="tel"],
.oo-hs-clean .hs-form .input input[type="number"],
.oo-hs-clean .hs-form .input select,
.oo-hs-clean .hs-form .input textarea {
  width: 100%;
  font: 16px/1.4 "proxima-nova", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: #333;
  padding: 12px 14px;
  border: 1px solid #cfd6dc;           /* softer, not stark black */
  border-radius: 10px;                  /* less boxy */
  background: #fff;
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
  box-shadow: 0 0 0 0 rgba(0,0,0,0);    /* remove default inner shadow */
}

/* Placeholder tone */
.oo-hs-clean .hs-form ::placeholder {
  color: #6c7a86;
  opacity: 1; /* ensure consistent in Safari */
}

/* Hover & focus states – subtle, brand-friendly */
.oo-hs-clean .hs-form .input input:hover,
.oo-hs-clean .hs-form .input textarea:hover,
.oo-hs-clean .hs-form .input select:hover {
  border-color: #9fb3c3;
}
.oo-hs-clean .hs-form .input input:focus,
.oo-hs-clean .hs-form .input textarea:focus,
.oo-hs-clean .hs-form .input select:focus {
  border-color: #2f5f7a;                /* deep blue to match site */
  box-shadow: 0 0 0 3px rgba(47,95,122,0.12);
}

/* Compact row spacing */
.oo-hs-clean .hs-form .hs-form-field .input {
  margin: 0;
}
.oo-hs-clean .hs-form .form-columns-1 .hs-form-field,
.oo-hs-clean .hs-form .form-columns-2 .hs-form-field {
  margin-bottom: 12px;
}

/* Button – full width, rounded, modern */
.oo-hs-clean .hs-form .hs-submit .actions,
.oo-hs-clean .hs-form .hs-submit {
  width: 100%;
}
.oo-hs-clean .hs-form .hs-submit input[type="submit"],
.oo-hs-clean .hs-form .hs-button.primary.large {
  display: inline-block;
  width: 100%;
  padding: 14px 16px;
  border: 0;
  border-radius: 12px;
  background: #0f5a7a;                 /* primary CTA color */
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  transition: transform .05s ease, box-shadow .15s ease, background-color .15s ease;
}
.oo-hs-clean .hs-form .hs-submit input[type="submit"]:hover,
.oo-hs-clean .hs-form .hs-button.primary.large:hover {
  background: #0c4c67;
  box-shadow: 0 8px 18px rgba(15,90,122,0.18);
}
.oo-hs-clean .hs-form .hs-submit input[type="submit"]:active,
.oo-hs-clean .hs-form .hs-button.primary.large:active {
  transform: translateY(1px);
}

/* Error states (HubSpot adds .error, .hs-error-msg etc.) */
.oo-hs-clean .hs-form .error input,
.oo-hs-clean .hs-form input.error {
  border-color: #d14343 !important;
  box-shadow: 0 0 0 3px rgba(209,67,67,0.10) !important;
}
.oo-hs-clean .hs-form .hs-error-msgs,
.oo-hs-clean .hs-form .hs-error-msg {
  color: #a53636;
  font-size: 13px;
  margin-top: 6px;
}

/* Success message spacing (if the form swaps to a thank-you) */
.oo-hs-clean .submitted-message,
.oo-hs-clean .hbspt-form .submitted-message {
  font-size: 16px;
  line-height: 1.5;
}

/* Make the two “name” fields share a row cleanly (HubSpot uses specific classes) */
.oo-hs-clean .hs-form .hs_firstname,
.oo-hs-clean .hs-form .hs_lastname,
.oo-hs-clean .hs-form .hs_email,
.oo-hs-clean .hs-form .hs_jobtitle,
.oo-hs-clean .hs-form .hs_company {
  width: 100%;
}

/* Reduce the “HTML box” look around the entire form block if Elementor wrapper adds outlines */
.oo-hs-clean .hbspt-form {
  padding: 12px 0 0 0;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
/* Flatten HubSpot's column wrappers so we can grid the whole form */
.oo-hs-clean .hs-form .form-columns-2,
.oo-hs-clean .hs-form .form-columns-1 {
  display: contents; /* lets children participate in parent grid */
}

/* Make the entire form a 2-col grid with consistent gaps */
.oo-hs-clean .hs-form form {
  display: grid;
  grid-template-columns: 1fr 1fr;  /* 2 columns */
  gap: 14px 16px;                  /* row / column gaps */
}

/* Place fields: 2 (row 1), 2 (row 2), 1 spanning full width (row 3) */
.oo-hs-clean .hs-form .hs_firstname { grid-column: 1; }
.oo-hs-clean .hs-form .hs_lastname  { grid-column: 2; }

.oo-hs-clean .hs-form .hs_email     { grid-column: 1; }
.oo-hs-clean .hs-form .hs_jobtitle  { grid-column: 2; }

.oo-hs-clean .hs-form .hs_company   { grid-column: 1 / -1; } /* full width */
.oo-hs-clean .hs-form .hs-submit    { grid-column: 1 / -1; } /* button full width */

/* Ensure inner wrappers don't add extra margins */
.oo-hs-clean .hs-form .hs-form-field,
.oo-hs-clean .hs-form .hs-form-field .input {
  margin: 0;
}

/* Mobile: stack all fields nicely */
@media (max-width: 768px) {
  .oo-hs-clean .hs-form form {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .oo-hs-clean .hs-form .hs_firstname,
  .oo-hs-clean .hs-form .hs_lastname,
  .oo-hs-clean .hs-form .hs_email,
  .oo-hs-clean .hs-form .hs_jobtitle,
  .oo-hs-clean .hs-form .hs_company,
  .oo-hs-clean .hs-form .hs-submit {
    grid-column: 1;
  }
}/* End custom CSS */