.elementor-8 .elementor-element.elementor-element-4b0f87c{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for html, class: .elementor-element-7f76372 *//* ===============================
   FULL-WIDTH HEADER FIX
   (WordPress / Elementor safe)
================================ */

/* 1) Break the header out of any parent container */
.topbar{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  left: 0; right: 0;
}

/* 2) Make the inside container stretch full width (keep padding) */
.topbar .container{
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

/* 3) If WP theme adds max-width to the content wrapper, remove it */
.site, .site-content, .entry-content, .page, .content-area, .site-main{
  max-width: 100% !important;
}

/* 4) Remove any horizontal overflow */
html, body{
  overflow-x: hidden !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b0f87c *//* ===============================
   FORCE FULL-WIDTH (OVERRIDE)
   Add at the END of your <style>
================================ */

/* 1) Remove any default spacing */
html, body{
  width:100%;
  max-width:100%;
  overflow-x: hidden;
}

/* 2) Make all main wrappers span full width */
.hero, .strip, .soft, .dark, footer, .section{
  width:100vw;
  max-width:100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* 3) Keep content centered with max width */
.container{
  width: min(1200px, calc(100% - 32px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 4) If any element still causes side scroll */
img, video, iframe, svg{
  max-width:100%;
  height:auto;
}
*{
  box-sizing:border-box;
}/* End custom CSS */