.elementor-3292 .elementor-element.elementor-element-c6cf49e{margin-top:35px;margin-bottom:0px;}.elementor-3292 .elementor-element.elementor-element-2896a47{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-3292 .elementor-element.elementor-element-7bb18db{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-3292 .elementor-element.elementor-element-4cdaa8d{margin-top:0px;margin-bottom:0px;}.elementor-3292 .elementor-element.elementor-element-c8380be{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-3292 .elementor-element.elementor-element-e9de1ab{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-3292 .elementor-element.elementor-element-e67b52c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-3292 .elementor-element.elementor-element-5765f37{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-3292 .elementor-element.elementor-element-8eca9c8 .marquee-two .db-marquee{background-color:#FC1545;}.elementor-3292 .elementor-element.elementor-element-8eca9c8 .marquee-two .db-marquee .marquee-item{color:#050505;font-family:"Plus Jakarta Sans", Sans-serif;font-weight:500;letter-spacing:0.5px;}.elementor-3292 .elementor-element.elementor-element-2d135f5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}body.elementor-page-3292:not(.elementor-motion-effects-element-type-background), body.elementor-page-3292 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F0F10;}/* Start custom CSS *//* PepperAid Global Background - Subtle Version */

html,
body,
.site,
.site-content,
#content,
main,
.elementor-page {

    background: linear-gradient(
        180deg,
        #050505 0%,
        #080808 50%,
        #0A0A0A 100%
    ) !important;

}
.pa-section-transition {
  height: 120px;
  background: linear-gradient(
    180deg,
    #050505 0%,
    #080808 50%,
    #0A0A0A 100%
  );
}
/* =====================================================================
   ADDITIONAL FIX — Hero heading clipping on mobile
   Append to the bottom of pepperaid-global-custom.css

   Root cause: the hero H1's font-size doesn't shrink enough at narrow
   viewports, so "Build the digital system" / "behind your next stage"
   exceed the screen width and clip instead of wrapping. The earlier
   overflow-x:hidden fix only hides the resulting scrollbar — it
   doesn't stop the clipping itself.

   PREFERRED FIX: do this in the Elementor editor's Mobile breakpoint
   mode instead (see explanation in chat) — it's more precise and
   won't affect other headings sitewide. Use this CSS only as a
   stopgap, or if your Elementor plan doesn't expose per-widget mobile
   typography controls.

   PLACEHOLDER SELECTOR: replace ".pa-hero-heading" with the real class
   on that specific H1 (inspect it in the browser — it will likely be
   something like .elementor-element-XXXXXXX inside the hero section;
   copy that exact class rather than using the generic one below,
   since .elementor-heading-title alone would affect every heading
   on every page).
--------------------------------------------------------------------- */

@media (max-width: 480px) {
  .pa-hero-heading {
    font-size: clamp(28px, 9vw, 42px) !important;
    line-height: 1.15 !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal !important;
  }

  /* Reduce excess top spacing pushing the title down on small screens.
     Replace ".pa-hero-section" with the real hero section's class. */
  .pa-hero-section {
    min-height: auto !important;
    padding-top: var(--pa-space-lg) !important;
  }
}
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

body {
  position: relative;
}

.elementor,
.elementor-section,
.elementor-container,
.elementor-widget-wrap,
.elementor-element {
  max-width: 100%;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}/* End custom CSS */