.elementor .e-fb591c5-803b2df{padding-block-start:100px;padding-block-end:100px;padding-inline-start:10px;padding-inline-end:10px;background-image:url("https://zodastro.com/wp-content/uploads/2026/07/Celestial-portrait-with-golden-geometry.jpg");background-repeat:repeat;background-attachment:scroll;background-size:cover;background-position:center center;background-clip:border-box;mix-blend-mode:normal;backdrop-filter:brightness(100%);flex-direction:row;justify-content:center;/* ============================================================
 TEXT-READABILITY OVERLAY
 Add this to your existing .vh-section  block.
 It sits between your background image and the text content,
 darkening the left/text side so copy stays legible over any
 busy photo you drop into .vh-banner.
 ============================================================ */

.vh-banner{
/* .vh-banner must be position:relative (it already is) */
}

.vh-banner::before{
content:"";
position:absolute;
inset:0;
z-index:1;                 /* sits above the background image, below .vh-content (z-index:2) */
pointer-events:none;
background:
  linear-gradient(
    90deg,
    rgba(8, 6, 20, 0.88) 0%,
    rgba(8, 6, 20, 0.72) 30%,
    rgba(8, 6, 20, 0.35) 55%,
    rgba(8, 6, 20, 0.05) 75%,
    transparent 90%
  );
}

/* Optional: a touch of shadow on the text itself for extra contrast
 on busier photos — safe to add even with the gradient above. */
.vh-eyebrow,
.vh-headline-white,
.vh-tagline{
text-shadow: 0 2px 10px rgba(0,0,0,0.55);
}

.vh-headline-gold{
/* gold text uses background-clip, so text-shadow won't show on the
   fill — add a drop-shadow filter instead for the same effect */
filter: drop-shadow(0 2px 8px rgba(0,0,0,0.55));
}

.vh-pill{
background: rgba(0,0,0,0.32);   /* slightly darker pill fill helps too */
}

/* If your background image is busy on the RIGHT side as well (behind
 the wheel/face image slot), add a second soft vignette there: */
.vh-banner::after{
content:"";
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
background: radial-gradient(ellipse at 100% 50%, rgba(8,6,20,0.25) 0%, transparent 55%);
}\n}.elementor .e-bf06470{color:#ffffff;background-color:#160f2e;flex-direction:row;justify-content:center;}