.elementor-698 .elementor-element.elementor-element-112faaeb{margin-top:-2vw;margin-bottom:0vw;padding:-1px -1px -1px -1px;}.elementor-698 .elementor-element.elementor-element-d0509d6{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-698 .elementor-element.elementor-element-a06de59{--display:flex;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-698 .elementor-element.elementor-element-4068e7e .elementor-field-group{padding-right:calc( 11px/2 );padding-left:calc( 11px/2 );margin-bottom:0px;}.elementor-698 .elementor-element.elementor-element-4068e7e .elementor-form-fields-wrapper{margin-left:calc( -11px/2 );margin-right:calc( -11px/2 );margin-bottom:-0px;}.elementor-698 .elementor-element.elementor-element-4068e7e .elementor-field-group.recaptcha_v3-bottomleft, .elementor-698 .elementor-element.elementor-element-4068e7e .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-698 .elementor-element.elementor-element-4068e7e .elementor-labels-inline .elementor-field-group > label{padding-left:10px;}body:not(.rtl) .elementor-698 .elementor-element.elementor-element-4068e7e .elementor-labels-inline .elementor-field-group > label{padding-right:10px;}body .elementor-698 .elementor-element.elementor-element-4068e7e .elementor-labels-above .elementor-field-group > label{padding-bottom:10px;}.elementor-698 .elementor-element.elementor-element-4068e7e .elementor-field-type-html{padding-bottom:0px;}.elementor-698 .elementor-element.elementor-element-4068e7e .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-698 .elementor-element.elementor-element-4068e7e .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-698 .elementor-element.elementor-element-4068e7e .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-698 .elementor-element.elementor-element-4068e7e .elementor-button[type="submit"]{color:#ffffff;}.elementor-698 .elementor-element.elementor-element-4068e7e .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-698 .elementor-element.elementor-element-4068e7e .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-698 .elementor-element.elementor-element-4068e7e .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-698 .elementor-element.elementor-element-4068e7e .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-698 .elementor-element.elementor-element-4068e7e .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-698 .elementor-element.elementor-element-4068e7e .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-698 .elementor-element.elementor-element-4068e7e .elementor-message.elementor-message-success{color:#FFFFFF;}.elementor-698 .elementor-element.elementor-element-4068e7e .elementor-message.elementor-message-danger{color:#CE0000;}.elementor-698 .elementor-element.elementor-element-4068e7e{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-698 .elementor-element.elementor-element-a9b659c{--display:flex;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-698 .elementor-element.elementor-element-6172f8e1{margin-top:69px;margin-bottom:0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-698 .elementor-element.elementor-element-d0509d6{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-698 .elementor-element.elementor-element-d0509d6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS *//* ============================================================
   Bark & Build — Contact page Custom CSS
   Paste into:  Contact page → Settings → Advanced → Custom CSS
   ------------------------------------------------------------
   Contains 3 parts:
   1) LAYOUT ROW  — the real mobile-overflow fix (add CSS class
      "bb-contact-row" to the Section/Container holding the two widgets)
   2) FORM STYLES — your Elementor Pro form (widget CSS ID: bbContactForm)
   3) SAFETY NET  — page-wide horizontal-overflow guard
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');

/* ===== 1) CONTACT ROW — info panel (left) + form (right), stacks on mobile ===== *
 * In Elementor: select the Section/Container that holds the info-panel HTML widget
 * and the form widget → Advanced → CSS Classes → add:  bb-contact-row               */
.bb-contact-row{width:100%;max-width:1180px;margin-left:auto;margin-right:auto}

/* modern Elementor Flexbox Container */
.bb-contact-row.e-con > .e-con-inner{
  display:grid !important;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:clamp(22px,3vw,40px);align-items:stretch;
}
/* legacy Section + Columns */
.bb-contact-row > .elementor-container{
  display:grid !important;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:clamp(22px,3vw,40px);align-items:stretch;
}
.bb-contact-row > .elementor-container > .elementor-column{width:auto !important;min-width:0 !important}

/* let every child shrink instead of pushing the page wide (kills the 218px overflow) */
.bb-contact-row .elementor-column,
.bb-contact-row .elementor-widget,
.bb-contact-row .e-con-inner > *{min-width:0 !important;max-width:100% !important}

@media(max-width:860px){
  .bb-contact-row.e-con > .e-con-inner,
  .bb-contact-row > .elementor-container{grid-template-columns:1fr !important}
}

/* ===== 2) ELEMENTOR PRO FORM (widget CSS ID: bbContactForm) ===== */
#bbContactForm .elementor-form{
  position:relative;overflow:hidden;height:100%;
  background:linear-gradient(165deg,#24386a 0%,#16233f 55%,#101a2e 100%);
  border:1px solid rgba(255,255,255,.10);border-radius:22px;
  padding:clamp(32px,4vw,50px);
  box-shadow:0 44px 90px -45px rgba(16,26,46,.6);
}
#bbContactForm .elementor-form::before{
  content:"";position:absolute;top:-100px;right:-100px;width:240px;height:240px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,124,0,.20),transparent 70%);pointer-events:none;
}
#bbContactForm .elementor-form > *{position:relative;z-index:1}
#bbContactForm .elementor-field-group > .elementor-field-label{
  font-family:'Sora',sans-serif;font-size:.64rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;
  color:rgba(255,255,255,.6);margin-bottom:9px;
}
#bbContactForm .elementor-field-textual,
#bbContactForm select.elementor-field{
  font-family:'Inter',sans-serif;font-size:1rem;color:#fff;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2);border-radius:13px;
  padding:16px;min-height:56px;transition:.2s ease;box-shadow:none;
}
#bbContactForm textarea.elementor-field{min-height:132px;padding-top:15px}
#bbContactForm .elementor-field-textual::placeholder{color:rgba(255,255,255,.45)}
#bbContactForm .elementor-field-textual:focus,
#bbContactForm select.elementor-field:focus{
  background:rgba(255,255,255,.15);border-color:#ff7c00;outline:none;
  box-shadow:0 0 0 3px rgba(255,124,0,.24);
}
#bbContactForm select.elementor-field option{color:#101a2e;background:#fff}
#bbContactForm select.elementor-field{
  appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23ffb877' stroke-width='2'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;padding-right:42px;
}
#bbContactForm .elementor-button{
  position:relative;overflow:hidden;width:100%;justify-content:center;
  background:linear-gradient(135deg,#ff8c1a,#ff7c00);color:#fff;
  font-family:'Sora',sans-serif;font-weight:700;letter-spacing:.07em;text-transform:uppercase;font-size:.84rem;
  border:none;border-radius:13px;padding:18px 28px;margin-top:6px;
  box-shadow:0 16px 34px -14px rgba(255,124,0,.6);transition:.22s ease;
}
#bbContactForm .elementor-button:hover{transform:translateY(-2px);box-shadow:0 24px 46px -14px rgba(255,124,0,.72)}
#bbContactForm .elementor-button::after{
  content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-20deg);transition:left .6s ease;pointer-events:none;
}
#bbContactForm .elementor-button:hover::after{left:150%}
#bbContactForm .elementor-field-group{margin-bottom:6px}

/* form: keep fields fluid on small screens (layout handled by the row above) */
@media(max-width:768px){
  #bbContactForm .elementor-form{padding:clamp(24px,6vw,34px)}
  #bbContactForm input,#bbContactForm select,#bbContactForm textarea{max-width:100% !important}
}

/* ===== 3) SAFETY NET — stops the ~15px scrollbar overflow from 100vw sections =====
 * clip (not hidden) so the sticky header + sticky CTA bar keep working */
html{overflow-x:clip}/* End custom CSS */