.elementor-kit-6{--e-global-color-primary:#3A7D3B;--e-global-color-secondary:#1B1B1B;--e-global-color-text:#4A5568;--e-global-color-accent:#A8D5A9;--e-global-color-83e65e5:#F8FAFC;--e-global-color-3515bcc:#EEF2E6;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Plus Jakarta Sans";--e-global-typography-accent-font-weight:500;--e-global-typography-213ba25-font-family:"Plus Jakarta Sans";--e-global-typography-213ba25-font-size:0.7rem;--e-global-typography-213ba25-font-weight:600;--e-global-typography-213ba25-line-height:1px;--e-global-typography-213ba25-letter-spacing:0.06em;--e-global-typography-8d937f3-font-family:"Plus Jakarta Sans";--e-global-typography-8d937f3-font-size:0.8rem;--e-global-typography-8d937f3-font-weight:600;--e-global-typography-8d937f3-text-transform:uppercase;--e-global-typography-8d937f3-line-height:1px;--e-global-typography-8d937f3-letter-spacing:0.06em;background-color:#F8FAFC;color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:16px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Plus Jakarta Sans", Sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#FFFFFF;border-style:none;padding:14px 14px 14px 14px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#2D6330;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-primary );}.elementor-kit-6 h1{color:var( --e-global-color-secondary );font-family:"Plus Jakarta Sans", Sans-serif;font-size:45px;font-weight:800;letter-spacing:0.02em;}.elementor-kit-6 h2{color:var( --e-global-color-secondary );font-family:"Plus Jakarta Sans", Sans-serif;font-size:45px;font-weight:700;letter-spacing:0.02em;}.elementor-kit-6 h3{color:var( --e-global-color-secondary );font-family:"Plus Jakarta Sans", Sans-serif;font-size:22px;font-weight:700;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{background-color:#FFFFFF;border-style:solid;border-color:#E2E8F0;border-radius:1px 1px 1px 1px;padding:14px 14px 14px 14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1360px;}.e-con{--container-max-width:1360px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .header-inner{width:0px;max-width:100%;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:740px;}.e-con{--container-max-width:740px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}:root { --process_steg_ruta_bakgrundsfarg:#2A2D30; --mork_bakgrund:#1b1b1b; --Inter:Inter; --grongul_bakgrunds_farg:#eef2e6; --knappfargtva:#ffffff; --teaxtfarg:#1b1b1b; }
/* Start custom CSS *//* ============================================================
   WEBDIVISION – Elementor Custom CSS
   Elementor → Webbplatsinställningar → Anpassad CSS
   ============================================================ */
:root{
  --wd-primary:#3a7d3b; --wd-primary-dark:#2d6330; --wd-primary-light:#4e9f50;
  --wd-mint:#a8d5a9; --wd-brand2:#7bb97c;
  --wd-dark:#1b1b1b; --wd-mid:#4A5568; --wd-bg:#F8FAFC; --wd-pale:#eef2e6; --wd-border:#E2E8F0;
  --wd-heading:'Plus Jakarta Sans',sans-serif; --wd-body:'Inter',sans-serif;
}

/* Skarpa hörn överallt (som sajtens globala regel) */
*{ border-radius:0 !important; }

/* ---------- SEKTIONSBAKGRUNDER + textfärger ----------
   OBS: sätt INTE bakgrundsfärg i containern när du använder dessa. */
.wd-sec-light{ background:var(--wd-bg) !important; }
.wd-sec-pale{ background:var(--wd-pale) !important; }
.wd-sec-dark{ background:var(--wd-dark) !important; }
.wd-sec-dark .elementor-heading-title{ color:#fff !important; }
.wd-sec-dark p, .wd-sec-dark li{ color:rgba(255,255,255,.78) !important; }
.wd-sec-dark .wd-label,
.wd-sec-dark .wd-label .elementor-heading-title,
.wd-sec-dark .wd-label p{ color:var(--wd-mint) !important; }

/* ---------- LABEL / EYEBROW (grön versal) ---------- */
.wd-label,
.wd-label .elementor-heading-title,
.wd-label p{
  color:var(--wd-primary) !important;
  font-family:var(--wd-heading) !important;
  font-weight:700 !important;
  font-size:14px !important;
  letter-spacing:2.8px !important;
  text-transform:uppercase !important;
  margin-bottom:12px;
}

/* ---------- HERO: animerad bakgrund + orbar ---------- */
.wd-hero{ position:relative; overflow:hidden; background:#0d1710 !important; isolation:isolate; }
.wd-hero::before,.wd-hero::after{
  content:""; position:absolute; border-radius:50% !important;
  pointer-events:none; z-index:-1; will-change:transform;
}
.wd-hero::before{
  width:55vw; height:55vw; top:-18%; right:-6%;
  background:radial-gradient(circle,rgba(78,159,80,.50) 0%,rgba(58,125,59,0) 68%);
  animation:wdGlowA 19s ease-in-out infinite alternate;
}
.wd-hero::after{
  width:46vw; height:46vw; bottom:-20%; left:-8%;
  background:radial-gradient(circle,rgba(58,125,59,.38) 0%,rgba(58,125,59,0) 70%);
  animation:wdGlowB 24s ease-in-out infinite alternate;
}
@keyframes wdGlowA{from{transform:translate(0,0) scale(1)}to{transform:translate(-14%,20%) scale(1.28)}}
@keyframes wdGlowB{from{transform:translate(0,0) scale(1)}to{transform:translate(18%,-14%) scale(1.22)}}
@media(prefers-reduced-motion:reduce){ .wd-hero::before,.wd-hero::after{ animation:none } }
/* Hero-text vit, accent mint, eyebrow dämpad vit */
.wd-hero .elementor-heading-title{ color:#fff !important; }
.wd-hero p{ color:rgba(255,255,255,.70) !important; }
.wd-hero .wd-accent{ color:var(--wd-mint) !important; }
.wd-hero .wd-label,
.wd-hero .wd-label .elementor-heading-title{ color:rgba(255,255,255,.55) !important; }

/* ---------- GLASKORT (hero-statistik) ---------- */
.wd-glass{
  position:relative; overflow:hidden;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.35);
  backdrop-filter:blur(16px) saturate(1.35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 18px 40px rgba(0,0,0,.28);
}
.wd-glass::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(135deg,rgba(123,185,124,.16) 0%,rgba(255,255,255,0) 58%);
}
.wd-glass .elementor-heading-title{ color:var(--wd-mint) !important; }  /* siffran */

/* ---------- SPOTLIGHT-CTA-KORT (mörkt, grön glöd) ---------- */
.wd-spotlight{
  position:relative; overflow:hidden;
  background:radial-gradient(130% 150% at 100% 0%,rgba(58,125,59,.38) 0%,rgba(58,125,59,0) 55%),#1b1b1b !important;
  border:1px solid rgba(255,255,255,.10) !important;
  transition:transform .32s cubic-bezier(.4,0,.2,1),border-color .32s,box-shadow .32s;
}
.wd-spotlight:hover{ transform:translateY(-5px); border-color:var(--wd-primary) !important; box-shadow:0 20px 45px rgba(12,15,10,.28); }
.wd-spotlight .elementor-heading-title{ color:#fff !important; }
.wd-spotlight p{ color:rgba(255,255,255,.72) !important; }

/* ---------- VITA KORT (tjänster + case) med hover ---------- */
.wd-card{
  background:#fff !important; border:1.5px solid var(--wd-border) !important;
  transition:transform .32s cubic-bezier(.4,0,.2,1),border-color .32s,box-shadow .32s;
}
.wd-card:hover{ transform:translateY(-4px); border-color:var(--wd-primary) !important; box-shadow:0 12px 32px rgba(12,15,10,.06); }

/* ---------- VITT KORT PÅ MÖRK SEKTION (kontaktformuläret) ---------- */
.wd-card-light{ background:#fff !important; }
.wd-sec-dark .wd-card-light .elementor-heading-title{ color:var(--wd-dark) !important; }
.wd-sec-dark .wd-card-light p{ color:var(--wd-mid) !important; }

/* ---------- GRÖN CTA-REMSA (micro-CTA) ---------- */
.wd-cta-green{ background:var(--wd-primary) !important; }
.wd-cta-green .elementor-heading-title{ color:#fff !important; }
.wd-cta-green p{ color:rgba(255,255,255,.90) !important; }

/* ---------- CTA-BANNER (mörk overlay ovanpå bakgrundsbilden) ---------- */
.wd-cta-banner{ position:relative; }
.wd-cta-banner::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:linear-gradient(rgba(27,27,27,.72),rgba(27,27,27,.72));
}
.wd-cta-banner > *{ position:relative; z-index:1; }
.wd-cta-banner .elementor-heading-title{ color:#fff !important; }
.wd-cta-banner p{ color:rgba(255,255,255,.85) !important; }

/* ---------- KNAPPAR (klass läggs på Knapp-widgeten) ---------- */
.wd-btn-primary .elementor-button,
.wd-btn-outline .elementor-button,
.wd-btn-outline-white .elementor-button,
.wd-btn-white .elementor-button{
  font-family:var(--wd-heading) !important; font-weight:700 !important;
  text-transform:uppercase; letter-spacing:.05em; font-size:13px;
  padding:14px 30px;
}
/* Primär (grön) */
.wd-btn-primary .elementor-button{ background:var(--wd-primary) !important; color:#fff !important; border:2px solid var(--wd-primary) !important; }
.wd-btn-primary .elementor-button:hover{ background:var(--wd-primary-dark) !important; border-color:var(--wd-primary-dark) !important; }
/* Outline mörk (på ljus bakgrund) */
.wd-btn-outline .elementor-button{ background:transparent !important; color:var(--wd-dark) !important; border:2px solid var(--wd-dark) !important; }
.wd-btn-outline .elementor-button:hover{ background:var(--wd-dark) !important; color:var(--wd-bg) !important; }
/* Outline vit (på mörk bakgrund) */
.wd-btn-outline-white .elementor-button{ background:transparent !important; color:#fff !important; border:2px solid rgba(255,255,255,.5) !important; }
.wd-btn-outline-white .elementor-button:hover{ background:rgba(255,255,255,.1) !important; border-color:#fff !important; }
/* Vit (på CTA-banner) */
.wd-btn-white .elementor-button{ background:#fff !important; color:var(--wd-primary) !important; border:2px solid #fff !important; }
.wd-btn-white .elementor-button:hover{ background:var(--wd-pale) !important; }
/* ---------- PROCESS-STEG (mörka, numrerade kort) ---------- */
.wd-process-card{
  background:#2A2D30 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  padding:2rem;
  transition:transform .32s cubic-bezier(.4,0,.2,1),border-color .32s,box-shadow .32s;
}
.wd-process-card:hover{
  background:#32363A !important; border-color:var(--wd-primary) !important;
  box-shadow:0 16px 32px rgba(0,0,0,.4); transform:translateY(-3px);
}
.wd-process-card .elementor-heading-title{ color:#fff !important; }
.wd-process-card p{ color:rgba(255,255,255,.70) !important; }
/* Nummer-badge (grön cirkel) – */
.wd-step-num{ margin-bottom:1.25rem; }
.wd-step-num .elementor-heading-title{
  width:44px; height:44px; border-radius:0 !important;   /* fyrkant som originalet */
  background:var(--wd-primary) !important; color:#fff !important;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--wd-heading) !important; font-weight:800 !important; font-size:1.05rem !important;
}

/* ---------- TJÄNSTE-IKONER (pale-grön ruta + grön ikon) ---------- */
.wd-svc-icon .elementor-icon{
  background:var(--wd-pale) !important;
  width:44px !important; height:44px !important; padding:0 !important;
  display:flex; align-items:center; justify-content:center;
}
.wd-svc-icon .elementor-icon svg{ width:20px; height:20px; fill:var(--wd-primary) !important; }
.wd-svc-icon .elementor-icon i{ color:var(--wd-primary) !important; font-size:20px; }
/* "Läs mer →"-länk i korten */
.wd-svc-link,
.wd-svc-link a,
.wd-svc-link .elementor-button{
  color:var(--wd-primary) !important; background:transparent !important;
  border:none !important; padding:0 !important;
  font-family:var(--wd-heading) !important; font-weight:700 !important; font-size:12px !important;
  text-transform:uppercase; letter-spacing:.08em;
}

/* ---------- CASE-KORT (bild med mörkt överlägg + metrics) ---------- */
/* Sätt kundbilden som containerns bakgrundsbild och lägg klassen wd-case-card */
.wd-case-card{
  position:relative; overflow:hidden; min-height:360px;
  display:flex; flex-direction:column; justify-content:flex-end;   /* innehåll i botten */
  background-size:cover !important; background-position:center !important;
}
.wd-case-card::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:linear-gradient(to top, rgba(12,25,14,.96) 0%, rgba(12,25,14,.60) 30%, rgba(12,25,14,0) 66%);
}
.wd-case-card > *,
.wd-case-card > .e-con-inner{ position:relative; z-index:1; }/* innehåll i botten */
.wd-case-card .elementor-heading-title{ color:#fff !important; }
.wd-tag,
.wd-tag .elementor-heading-title{
  display:inline-block; background:var(--wd-primary) !important; color:#fff !important;
  font-family:var(--wd-heading) !important; font-weight:700 !important; font-size:.65rem !important;
  letter-spacing:.12em; text-transform:uppercase; padding:.25rem .75rem;
}
.wd-metric-num,
.wd-metric-num .elementor-heading-title{
  color:var(--wd-mint) !important; font-family:var(--wd-heading) !important;
  font-weight:800 !important; font-size:1.1rem !important; line-height:1.15;
}
.wd-metric-label,
.wd-metric-label .elementor-heading-title,
.wd-metric-label p{
  color:rgba(255,255,255,.55) !important; font-family:var(--wd-heading) !important;
  font-weight:600 !important; font-size:.64rem !important;
  letter-spacing:.04em; text-transform:uppercase;
}
/* HERO-EYEBROW: dämpad vit text + grön linje före */
.wd-eyebrow .elementor-heading-title,
.wd-eyebrow p{
  display:inline-flex; align-items:center; gap:.75rem;
  color:rgba(255,255,255,.55) !important;
  font-family:var(--wd-heading) !important; font-weight:700 !important;
  font-size:11px !important; letter-spacing:2.5px !important; text-transform:uppercase !important;
}
.wd-eyebrow .elementor-heading-title::before,
.wd-eyebrow p::before{
  content:""; width:28px; height:2px; background:#4e9f50; flex:0 0 auto;
}
.wd-card{ position:relative; overflow:hidden; }
.wd-card::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:3px;
  background:var(--wd-primary); transform:scaleX(0); transform-origin:left; transition:transform .3s;
}
.wd-card:hover::after{ transform:scaleX(1); }

.cta-spotlight-eyebrow::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #a8d5a9;
  box-shadow: 0 0 0 3px rgba(168,213,169,0.25);
}
/* Spotlight-eyebrow: mint pill + prick */
.wd-spot-eyebrow .elementor-heading-title,
.wd-spot-eyebrow p{
  display:inline-flex !important; align-items:center; gap:.45rem;
  background:rgba(168,213,169,.14) !important; color:#a8d5a9 !important;
  font-family:var(--wd-heading) !important; font-weight:700 !important;
  font-size:11px !important; letter-spacing:2px !important; text-transform:uppercase !important;
  padding:.4rem .8rem !important;
}
.wd-spot-eyebrow .elementor-heading-title::before,
.wd-spot-eyebrow p::before{
  content:""; width:7px; height:7px; background:#a8d5a9;
  box-shadow:0 0 0 3px rgba(168,213,169,.25); flex:0 0 auto;
}
/* Spotlight-kortet: fyll höjden, knappen längst ner */
.wd-spotlight{ align-self:stretch !important; display:flex; flex-direction:column; }
.wd-spotlight > .e-con-inner{ display:flex; flex-direction:column; flex:1; }
.wd-spotlight .elementor-widget-button{ margin-top:auto; }
.wd-values .elementor-icon-list-text{ color:rgba(255,255,255,.65) !important; font-size:15px; }
.wd-values .elementor-icon-list-text strong{ color:#fff !important; font-family:var(--wd-heading); font-weight:700; }
.wd-values .elementor-icon-list-icon,
.wd-values .elementor-icon-list-icon svg{ color:#3a7d3b !important; fill:#3a7d3b !important; }
.wd-values .elementor-icon-list-items{ gap:16px; }
.wd-tag{ background:transparent !important; }
.wd-tag p,
.wd-tag .elementor-heading-title{
  display:inline-flex !important; align-items:center; justify-content:center;
  background:#3a7d3b !important; color:#fff !important;
  font-family:var(--wd-heading) !important; font-weight:700 !important;
  font-size:10.5px !important; letter-spacing:1.5px !important;
  padding:6px 14px !important; margin:0 !important; line-height:1 !important;
}

.elementor-heading-title{
    text-transform:none !important;
}
/* Transparent högst upp */
header.elementor-location-header{ transition:background .3s ease, box-shadow .3s ease; }
/* Solid ljus när man scrollat */
header.elementor-location-header.elementor-sticky--effects{
  background:#F8FAFC !important;
  border-bottom:1px solid #E2E8F0;
  box-shadow:0 2px 24px rgba(12,15,10,.07);
}
/* Logga + länkar mörka när scrollat */
header.elementor-sticky--effects .elementor-nav-menu a,
header.elementor-sticky--effects .elementor-heading-title{ color:#1b1b1b !important; }
/* Header Start: transparent högst upp */
.wd-header-transparent{ background:transparent !important; transition:background .3s ease, box-shadow .3s ease; }
.wd-header-transparent .wd-logo-web{ color:#fff; }
.wd-header-transparent .wd-logo-div{ color:#3a7d3b; }
.wd-header-transparent .elementor-nav-menu a,
.wd-header-transparent .elementor-nav-menu .elementor-item{ color:#fff; }

/* Solid ljus när man scrollat (via skriptet) */
.wd-header-transparent.wd-scrolled{
  background:#F8FAFC !important;
  border-bottom:1px solid #E2E8F0;
  box-shadow:0 2px 24px rgba(12,15,10,.07);
}
.wd-header-transparent.wd-scrolled .wd-logo-web,
.wd-header-transparent.wd-scrolled .elementor-nav-menu a,
.wd-header-transparent.wd-scrolled .elementor-nav-menu .elementor-item{ color:#1b1b1b !important; }
/* AI/GEO – mörka kort */
.wd-card-dark { 
  background: rgba(255,255,255,.055) !important; 
  border: 1px solid rgba(255,255,255,0.1) !important;
  transition: background .25s, border-color .25s, transform .25s, box-shadow .25s !important;
}
.wd-card-dark .elementor-heading-title { color: #fff !important; }
.wd-card-dark p { color: rgba(255,255,255,.70) !important; }

/* Hover-effekt */
.wd-card-dark:hover {
  background: rgba(255,255,255,.09) !important;
  border-color: rgba(255,255,255,0.1)!important;
  transform: translateY(-4px);
  box-shadow: 0 16px 32px rgba(0,0,0,.4);
}

/* Stor "AI"-text – blågrå ton */
.wd-ai-icon .elementor-heading-title { 
  color: rgba(74, 85, 104) !important; 
  font-size: 5rem !important; 
  font-weight: 800 !important; 
  line-height: 1 !important;
  margin-bottom: 1.25rem !important;
}
/* AI-MOTORERNA etikett – blågrå ton */
.wd-ai-eyebrow .elementor-heading-title {
  color: #4a5568 !important;
  font-family: var(--wd-heading) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 2.8px !important;
  text-transform: uppercase !important;
}
/* ===== Guidens åtta delar – kort ===== */
.wd-sec-dark .guide-grid.e-con {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
  gap: 1.75rem !important;
  margin-top: 3rem;
  width: 100%;
  align-self: stretch;
}

.guide-card {
  position: relative;
  background: #fff !important;
  border: 1.5px solid #E2E8F0;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0 !important;
  padding: 0 !important;
  transition: all 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}
.guide-card:hover { border-color: #3a7d3b; transform: translateY(-4px); }

/* Bild */
.guide-card-img-wrap { overflow: hidden; width: 100%; }
.guide-card-img-wrap img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
.guide-card:hover .guide-card-img-wrap img { transform: scale(1.04); }

/* Textdelen */
.guide-card-body.e-con {
  padding: 1.75rem !important;
  gap: 0 !important;
  flex: 1;
  align-items: stretch;
}

/* "Del 1" */
.guide-card-num p {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.7rem !important;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #3a7d3b !important;
  margin: 0 0 0.6rem !important;
}

/* Rubrik (slår vit !important från .wd-sec-dark) */
.wd-sec-dark .guide-card-title .elementor-heading-title,
.wd-sec-dark .guide-card-title .elementor-heading-title a {
  font-size: 1.05rem !important;
  line-height: 1.4 !important;
  color: #1b1b1b !important;
  margin: 0 0 0.7rem !important;
}

/* Brödtext */
.guide-card-text { flex: 1; }
.wd-sec-dark .guide-card-text p {
  font-size: 0.88rem !important;
  color: #4A5568 !important;
  margin: 0 !important;
}

/* Läs guiden → */
.wd-sec-dark .guide-card-link p {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.75rem !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #3a7d3b !important;
  margin: 1.25rem 0 0 !important;
  transition: padding-left 0.2s;
}
.guide-card:hover .guide-card-link p { padding-left: 0.3rem; }

/* Alternativ 2: gör rubrikens länk klickbar över hela kortet */
.guide-card-title a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
}
/* ===== Industry-kort ===== */
.wd-sec-dark .industry-grid.e-con {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 1.5rem !important;
  margin-top: 2.5rem;
  width: 100%;
  align-self: stretch;
}

.industry-card.e-con {
  background: #F8FAFC !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 0px !important;
  padding: 1.5rem 1.75rem !important;
  flex-direction: column;
  align-items: stretch;
  gap: 0 !important;
}

.wd-sec-dark .industry-card .elementor-heading-title {
  color: #1b1b1b !important;
  font-size: 0.98rem !important;
  margin: 0 0 0.4rem !important;
}

.wd-sec-dark .industry-card p {
  color: #4A5568 !important;
  font-size: 0.87rem !important;
  margin: 0 !important;
}
/* ===== Fler delar av guiden – relaterade kort ===== */
.related-section.e-con { background: #eef2e6 !important; }

.related-grid.e-con {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 1.25rem !important;
  margin-top: 2.5rem;
  padding: 0 !important;
  width: 100%;
  align-self: stretch;
}

.related-card.e-con {
  position: relative;
  background: #fff !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 0px !important;
  padding: 1.5rem !important;
  flex-direction: column;
  align-items: stretch;
  gap: 0 !important;
  transition: all 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}
.related-card.e-con:hover { border-color: #3a7d3b !important; transform: translateY(-3px); }

.related-card-title .elementor-heading-title {
  font-size: 0.95rem !important;
  color: #1b1b1b !important;
  margin: 0 0 0.4rem !important;
}

.related-card-text p {
  font-size: 0.85rem !important;
  margin: 0 !important;
}

.related-card-link { margin-top: 0.75rem; }
.related-card-link p, .related-card-link a {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.72rem !important;
  font-weight: 700;
  color: #3a7d3b !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  text-decoration: none;
  margin: 0 !important;
}

/* Hela kortet klickbart via "Läs mer"-länken */
.related-card-link a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
}
/* ===== Svarsruta (answer-box) ===== */
.answer-box.e-con {
  position: relative;
  background: #fff !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 0 !important;
  padding: 1.75rem !important;
  margin-top: 1.5rem;
  max-width: 680px;
  width: 100%;
  gap: 0 !important;
  align-items: stretch;
}

/* Etikett med grön prick */
.answer-box-label p {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.68rem !important;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #3a7d3b !important;
  margin: 0 0 0.75rem !important;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.answer-box-label p::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3a7d3b;
  flex-shrink: 0;
}

/* "48 ord" uppe till höger */
.answer-box-words {
  position: absolute !important;
  top: 1.5rem;
  right: 1.5rem;
  width: auto !important;
}
.answer-box-words p {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.7rem !important;
  font-weight: 600;
  color: #1b1b1b !important;
  margin: 0 !important;
}

/* Svarstext */
.answer-box-text p {
  font-size: 0.92rem !important;
  color: #4A5568 !important;
  line-height: 1.8 !important;
  margin: 0 !important;
}
/* ===== Grön exempelruta i korten ===== */
.intent-example.elementor-widget {
  width: auto !important;
  align-self: flex-start;
  margin-top: 0.75rem;
}
.wd-sec-dark .intent-example p,
.intent-example p {
  display: inline-block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.75rem !important;
  font-weight: 700;
  color: #3a7d3b !important;
  background: #eef2e6;
  padding: 0.4rem 0.75rem;
  border-radius: 0px;
  margin: 0 !important;
}
/* Grundstil för ikonen inuti det mörka kortet */
.wd-card-dark .wd-card-icon {
  display: block;
  margin-bottom: 1.25rem; /* Skapar ett luftigt avstånd ner till rubriken */
  transition: transform 0.3s ease-in-out, stroke 0.3s ease-in-out, filter 0.3s ease-in-out;
}

/* Mikrointeraktion: När hela kortet hovras höjs ikonen och lyser upp */
.wd-card-dark:hover .wd-card-icon {
  transform: translateY(-4px) scale(1.06);
  stroke: #52a353; /* En ljusare grön nyans för bättre kontrast och feedback */
  filter: drop-shadow(0 4px 12px rgba(58, 125, 59, 0.35)); /* Subtil grön glöd */
}

/* Tillgänglighet: Minska animationer om användaren har ställt in 'reduced motion' i sitt OS */
@media (prefers-reduced-motion: reduce) {
  .wd-card-dark .wd-card-icon,
  .wd-card-dark:hover .wd-card-icon {
    transition: none;
    transform: none;
  }
}
.hero h1 {
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 82px;
    font-weight: 800;
    line-height: 1.07;
    color: var(--e-global-color-83e65e5);
}

/* Anpassning för mobiler och mindre skärmar */
@media (max-width: 768px) {
    .hero h1 {
        font-size: 42px;
        line-height: 56px;
    }
}/* End custom CSS */