.elementor-3510 .elementor-element.elementor-element-36185e3{overflow:visible;}/* Start custom CSS for section, class: .elementor-element-36185e3 *//* ===================================================================
   RAINMAKER ART - MASTER SPACING & MOBILE RESPONSIVE FIX
   =================================================================== */

/* --- 1. GLOBAL SPACING & TEXT LEGIBILITY --- */
#silkline-root section, 
#silkline-root header {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

#silkline-root h1, #silkline-root h2, #silkline-root h3, #silkline-root h4 {
  color: #FFFFFF !important;
  font-family: 'Space Grotesk', sans-serif !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4) !important;
  letter-spacing: -0.02em !important;
}

#silkline-root p, #silkline-root li, #silkline-root .sl-body {
  color: #E2E8F0 !important;
  line-height: 1.65 !important;
}

/* Cleanup extra dots & palette circles */
#silkline-root [class*="dot"], 
#silkline-root ul li::before, 
#silkline-root span:contains("•"),
#silkline-root div[class*="flex"]:has(> span[class*="h-4"]) > span {
  display: none !important;
}

/* --- 2. HERO SECTION & HIGHLIGHT FIXES --- */
#silkline-root h1 {
  font-size: clamp(2.25rem, 7vw, 4.5rem) !important;
  line-height: 1.15 !important;
  margin-top: 0.5rem !important;
  margin-bottom: 1.5rem !important;
}

/* Light Blue / Cyan Glow for highlighted words */
#silkline-root .text-gradient, 
#silkline-root h1 span[class*="text-"] {
  color: #38BDF8 !important;
  background: -webkit-linear-gradient(45deg, #2AF4FF, #0096FF) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: 0 0 20px rgba(42, 244, 255, 0.4) !important;
  font-style: normal !important;
}

/* --- 3. PREMIUM BUTTONS (Desktop) --- */
#silkline-root div[class*="flex"][class*="gap"]:has(> a.btn-lime) {
  gap: 16px !important;
  margin-top: 2rem !important;
}

/* Primary Button (Light Green) */
#silkline-root .btn-lime, 
#silkline-root a[href*="calendly"] {
  background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
  color: #FFFFFF !important;
  border: none !important;
  padding: 14px 32px !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  box-shadow: 0 8px 24px rgba(16, 185, 129, 0.4) !important;
  display: inline-flex !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
}

#silkline-root .btn-lime:hover {
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 12px 28px -4px rgba(16, 185, 129, 0.6) !important;
}

/* Secondary Button (Solid Black) */
#silkline-root .btn-ghost, 
#silkline-root a[href*="wa.me"] {
  background: #000000 !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  padding: 14px 32px !important;
  border-radius: 50px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
}

#silkline-root .btn-ghost:hover {
  background: #111827 !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  transform: translateY(-2px) !important;
}

/* --- 4. GRID, CARDS & WHITE-BOX FIX --- */
#silkline-root .pf-grid, 
#silkline-root [class*="grid-cols"] {
  display: grid !important;
  gap: 1.5rem !important;
}

/* Fixing the "Light Theme" Services block to match the Dark Agency vibe */
#silkline-root section[class*="bg-[#1B1E40]"],
#silkline-root .bg-white {
  background: rgba(15, 23, 42, 0.6) !important; /* Dark Glass */
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #FFFFFF !important;
  backdrop-filter: blur(12px) !important;
}

#silkline-root .bg-white h3, 
#silkline-root .bg-white strong, 
#silkline-root .bg-white span {
  color: #FFFFFF !important;
}

/* Card Padding Polish */
#silkline-root .pf-card, 
#silkline-root .bg-white,
#silkline-root [class*="bg-card"] {
  padding: 2rem 1.75rem !important;
  border-radius: 16px !important;
  transition: all 0.3s ease !important;
}

#silkline-root .pf-card:hover, 
#silkline-root .bg-white:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(42, 244, 255, 0.3) !important;
  box-shadow: 0 16px 32px -12px rgba(0, 0, 0, 0.5) !important;
}

/* --- 5. MOBILE RESPONSIVE (Strictly <= 768px) --- */
@media (max-width: 768px) {
  
  /* Container Padding */
  #silkline-root section, 
  #silkline-root header {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  /* Headings */
  #silkline-root h1 {
    font-size: clamp(2rem, 8vw, 2.8rem) !important;
    text-align: left !important;
  }
  
  #silkline-root h2 {
    font-size: 2rem !important;
  }

  /* Buttons Full Width on Mobile */
  #silkline-root div[class*="flex"][class*="gap"]:has(> a.btn-lime) {
    flex-direction: column !important;
    width: 100% !important;
    gap: 12px !important;
  }
  
  #silkline-root .btn-lime, 
  #silkline-root .btn-ghost {
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  /* Force all Grids to 1 Column on Mobile */
  #silkline-root .pf-grid, 
  #silkline-root [class*="grid-cols"] {
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
  }

  /* Prevent Big Numbers (+184%) from squishing */
  #silkline-root [class*="text-5xl"] {
    font-size: 2.5rem !important;
  }
  
  /* Fix Card paddings for smaller screens */
  #silkline-root .pf-card, 
  #silkline-root .bg-white,
  #silkline-root [class*="bg-card"] {
    padding: 1.5rem 1.25rem !important;
  }
}/* End custom CSS */