@charset "utf-8";
/* HP4U: stop WPBakery/The7 full-width row jump (CLS) */

/* Viewport-safe width that excludes the scrollbar width */
:root{ --vw-safe: calc(100vw - (100vw - 100%)); }


/* Full-bleed rows/sections created by WPBakery */
.vc_section[data-vc-full-width="true"],
.vc_row[data-vc-full-width="true"]{
  position: relative;
  box-sizing: border-box;

  /* Make them full width from first paint (no JS calc -> no jump) */
  width: var(--vw-safe) !important;
  left: 50% !important;
  margin-left: calc(-0.5 * var(--vw-safe)) !important;
  margin-right: calc(-0.5 * var(--vw-safe)) !important;
  right: auto !important;
}

/* Use dynamic viewport units when supported (best on mobile) */
@supports (width: 100dvw) {
  .vc_section[data-vc-full-width="true"],
  .vc_row[data-vc-full-width="true"]{
    width: 100dvw !important;
    margin-left: -50dvw !important;
    margin-right: -50dvw !important;
  }
}

/* Ensure inner containers keep their intended width */
.vc_section[data-vc-full-width="true"] > .vc_row,
.vc_row[data-vc-full-width="true"] > .vc_row{
  width: auto !important;
  left: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Prevent accidental horizontal scrolling in modern browsers */
body{ overflow-x: clip; }

.hp4u-team, .hp4u-faq {
  content-visibility: auto;
  contain-intrinsic-size: 1px 800px; /* reserve space to avoid jumps */
}

/* HP4U: force a specific inner vc_row to behave like "Standard" (container) */
:root{
  /* Set once; adjust to your site’s container width */
  --hp4u-container-max: 1200px;
  --hp4u-container-pad: clamp(16px, 3vw, 40px);
}

.vc_section[data-vc-full-width="true"] > .vc_row.hp4u-row--standard,
.vc_row[data-vc-full-width="true"] > .vc_row.hp4u-row--standard{
  /* hard reset any “full width row” math that may leak in */
  left: auto !important;
  right: auto !important;
  transform: none !important;

  /* enforce container behavior */
  width: min(100%, var(--hp4u-container-max)) !important;
  max-width: var(--hp4u-container-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;

  /* optional: give it the same “gutter” feel as standard containers */
  padding-left: var(--hp4u-container-pad) !important;
  padding-right: var(--hp4u-container-pad) !important;

  box-sizing: border-box;
}