.elementor-513008 .elementor-element.elementor-element-37e1142{--display:flex;}.elementor-513008 .elementor-element.elementor-element-252f2cd > .elementor-widget-container{margin:-22px 0px 0px 0px;}

/* Start custom CSS *//*******************************
  TRADE REGISTRATION — CLEAN SET
*******************************/

/* ---- Card visuals & layout (safe base) ---- */
.pb-trade-reg.reg-wrap{
  --card-max: 1200px;
  --card-radius: 24px;
  background:#e2d8cc;
  border-radius:var(--card-radius);
  width:min(100%, var(--card-max));
  margin:0 auto !important;
  display:flex;
  flex-wrap:nowrap;
  overflow:hidden;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
.pb-trade-reg .reg-left{
  flex:1 1 55%;
  position:relative;
  overflow:hidden;
  min-height:clamp(300px, 36vw, 420px);
  background-position:center;
  background-repeat:no-repeat;
  background-size:130% !important;
}
.pb-trade-reg .reg-left .elementor-widget-image,
.pb-trade-reg .reg-left .elementor-widget-image .elementor-widget-container{ height:100%; }
.pb-trade-reg .reg-left img{ display:block; width:100%; height:100%; object-fit:cover; border:0; line-height:0; }

.pb-trade-reg .reg-right{
  flex:1 1 45%;
  display:flex; align-items:stretch; justify-content:center;
  background:transparent; min-height:260px; padding:0 !important;
}
.pb-trade-reg .reg-right .elementor-widget-html,
.pb-trade-reg .reg-right .elementor-widget-shortcode,
.pb-trade-reg .reg-right > *{ width:100% !important; max-width:none !important; }

/* ---- Section cleanup: remove Elementor gaps/margins inside this section only ---- */
.pb-trade-reg-section,
.pb-trade-reg-section .elementor-container,
.pb-trade-reg-section .e-con,
.pb-trade-reg-section .elementor-column,
.pb-trade-reg-section .elementor-widget-wrap{
  margin:0 !important; padding:0 !important; gap:0 !important; row-gap:0 !important; column-gap:0 !important;
}
.pb-trade-reg-section .elementor-widget,
.pb-trade-reg-section .elementor-widget-container{
  margin:0 !important; padding:0 !important;
}

/* If the heading immediately above should be snug */
.pb-trade-reg-section .pb-tight-prev{ margin-bottom:8px !important; }

/* ---- Jotform normalisation (kills phantom space) ---- */
.pb-trade-reg .reg-right,
.pb-trade-reg .reg-right .elementor-widget-html,
.pb-trade-reg .reg-right .elementor-widget-shortcode,
.pb-trade-reg .reg-right > *{
  height:auto !important; max-height:none !important; overflow:visible !important;
  margin:0 !important; padding:0 !important; border:0 !important;
}

/* Common Jotform body.elementor-page-513008s (covers inline styles) */
.pb-trade-reg .reg-right iframe,
.pb-trade-reg .reg-right iframe[name^="JotFormIFrame"],
.pb-trade-reg .reg-right .supernova,
.pb-trade-reg .reg-right .jotform-form{
  display:block !important;
  width:100% !important;
  height:auto !important;            /* let JF autosize */
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important; padding:0 !important; border:0 !important;
}

/* ---- No inner spacing anywhere in the two halves ---- */
.pb-trade-reg .reg-left,
.pb-trade-reg .reg-right,
.pb-trade-reg .reg-left .elementor-widget-container,
.pb-trade-reg .reg-right .elementor-widget-container{
  margin:0 !important; padding:0 !important;
}

/* ---- Optional: micro-adjust pull-up for the whole card ---- */
.pb-trade-reg.pb-tight-top{ --pb-tight:-12px; margin-top:var(--pb-tight) !important; }

/* ---- Desktop baseline height for the image side ---- */
@media (min-width:768px){
  .pb-trade-reg{ align-items:stretch; }
  .pb-trade-reg .reg-left{ min-height:clamp(460px, 36vw, 560px) !important; }
}

/* ---- Mobile: stack cleanly, add small side gutter ---- */
@media (max-width:767px){
  .pb-trade-reg{ display:block !important; width:min(100% - 24px, var(--card-max)); }
  .pb-trade-reg .reg-left{ width:100% !important; margin-bottom:16px !important; min-height:clamp(220px, 55vw, 320px) !important; }
  .pb-trade-reg .reg-right,
  .pb-trade-reg .reg-right > *,
  .pb-trade-reg .reg-right iframe{ height:auto !important; max-height:none !important; overflow:visible !important; }
}





/* Make the left image fill the card height */
.pb-trade-reg .reg-left{
  position: relative !important;   /* ensure a containing block */
}

.pb-trade-reg .reg-left .elementor-widget-image{
  position: absolute !important;
  inset: 0 !important;             /* top/right/bottom/left: 0 */
}

.pb-trade-reg .reg-left .elementor-widget-image .elementor-widget-container{
  height: 100% !important;
}

.pb-trade-reg .reg-left img{
  width: 100% !important;
  height: 100% !important;         /* now resolves because parent is abs-pos */
  object-fit: cover !important;
  display: block !important;
}





498985

.page-id-498985 .sidebar,
.page-id-498985 #secondary {
  display: none !important;
}
.page-id-498985 .content-area {
  width: 100% !important;
}


/* Hide the page title area only on the Trade page */
.page-id-498985 .entry-title,
.page-id-498985 .page-title,
.page-id-498985 .page-header,
.page-id-498985 .woocommerce-products-header,
.page-id-498985 .woocommerce-products-header__title {
  display: none !important;
}

/* Optional: remove leftover top spacing if your theme adds it */
.page-id-498985 .site-content,
.page-id-498985 .content-area,
.page-id-498985 .entry-header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}








/* =========================================================
   MOBILE (≤767px): page-wide layout safeties + full-bleed fixes
   ========================================================= */
@media (max-width:767px){

  /* A) Prevent horizontal scroll slivers */
  html, body{ overflow-x:hidden; }
  .site, .site-content{ overflow-x:clip; }

  /* B) Keep your previous clamp, but EXCLUDE intentional full-bleed blocks */
  /* If something sets width:100vw inline/class, clamp it UNLESS it's .full-width-container */
  [style*="100vw"]:not(.full-width-container),
  [class*="100vw"]:not(.full-width-container){
    width:100% !important;
    max-width:100% !important;
  }

  /* C) Page-wide “keep within viewport” for normal sections, but NOT full-bleed */
  .elementor-section:not(.full-width-container),
  .e-con:not(.full-width-container),
  .elementor-container:not(.full-width-container),
  .e-con-inner:not(.full-width-container){
    box-sizing:border-box;
    max-width:100% !important;
    margin-left:auto;
    margin-right:auto;
  }

  /* D) Bullet-proof full-bleed for chosen containers (no right gap) */
  .full-width-container{
    position:relative;
    left:50%;
    right:50%;
    width:100dvw !important;            /* dynamic viewport to ignore browser UI bars */
    max-width:100dvw !important;
    margin-left:-50dvw !important;
    margin-right:-50dvw !important;
    transform:translateX(-0.5px);       /* tiny nudge removes Android hairline; bump to -1px if needed */
    padding-left:0 !important;
    padding-right:0 !important;
  }
  @supports not (width:100dvw){
    .full-width-container{
      width:100vw !important;
      max-width:100vw !important;
      margin-left:-50vw !important;
      margin-right:-50vw !important;
    }
  }

  /* E) Remove inner gutters again at mobile (covers both Flex + Legacy) */
  .full-width-container > .e-con-inner,
  .full-width-container.elementor-section > .elementor-container,
  .full-width-container .elementor-widget-wrap{
    padding-left:0 !important;
    padding-right:0 !important;
    max-width:none !important;
  }

  /* F) Respect safe areas (iOS notch) without re-introducing gaps */
  @supports (padding: max(env(safe-area-inset-left), 0px)){
    .full-width-container{
      padding-left:max(env(safe-area-inset-left), 0px);
      padding-right:max(env(safe-area-inset-right), 0px);
    }
  }

  /* G) Common culprits: keep images centred and non-overflowing */
  .elementor-widget-image img, img{
    max-width:100% !important;
    height:auto !important;
    display:block;
    margin-left:auto;
    margin-right:auto;
  }

  /* H) If Elementor stretched a section with absolute offsets, neutralize it */
  .elementor-section.elementor-section-stretched{
    left:0 !important; right:0 !important;
  }
}






/* Extra vertical space around the 'Open Trade Account' button on mobile */
@media (max-width: 767px) {
  /* If the class is on the widget wrapper */
  .open-trade-btn {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  /* If theme targets the inner <a> instead, cover that too */
  .open-trade-btn .elementor-button {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}/* End custom CSS */