.elementor-50920 .elementor-element.elementor-element-0a386c1{--display:flex;}.elementor-50920 .elementor-element.elementor-element-ed93f8a{--display:flex;}/* Start custom CSS *//* ============================================================
   GROVE SESSIONS — PAGE CUSTOM CSS
   Paste into: Elementor → Page Settings → Custom CSS
   (or Appearance → Customize → Additional CSS)
   ============================================================ */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;600;700&display=swap');

/* Scroll behavior */
html { scroll-behavior: smooth; }

/* Page background — dark green-black */
.elementor-page .elementor { background: #0d0f0d; }
body.elementor-page { background: #0d0f0d !important; }

/* Grain overlay on the full page */
.elementor-page::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 9998;
  opacity: 0.35;
}

/* ── GROVE SESSIONS CSS VARIABLES ── */
/* Available to all .gs- widgets below */
.gs-hero,
.gs-steps,
.gs-tiers,
.gs-featured,
.gs-booking,
.gs-faq {
  --gs-bg:      #0d0f0d;
  --gs-bg2:     #121512;
  --gs-bg3:     #181d18;
  --gs-border:  rgba(255,255,255,0.08);
  --gs-border2: rgba(255,255,255,0.14);
  --gs-text:    #edf2ed;
  --gs-muted:   #7a8a7a;
  --gs-green:   #3ec43a;
  --gs-green2:  #5cd658;
  --gs-lime:    #b5d000;
  --gs-rad:     4px;
  font-family: 'DM Sans', 'Helvetica Neue', sans-serif;
  color: #edf2ed;
  -webkit-font-smoothing: antialiased;
}

/* ── ELEMENTOR SECTION BACKGROUNDS ──
   Apply these as Background Color overrides on each Elementor Section
   in the section's Style tab if you prefer native Elementor controls
   instead of the widget CSS.

   Hero section:     #0d0f0d
   How It Works:     #0d0f0d
   Pricing:          #0d0f0d
   Featured:         #0d0f0d
   Booking:          #121512
   FAQ:              #0d0f0d

   Section padding recommendation: 80px top/bottom, 20px left/right
   Max content width: 1100px (set in Elementor Site Settings)
*//* End custom CSS */