.elementor-8498 .elementor-element.elementor-element-1f17d617 > .elementor-container{min-height:771px;}.elementor-8498 .elementor-element.elementor-element-1f17d617:not(.elementor-motion-effects-element-type-background), .elementor-8498 .elementor-element.elementor-element-1f17d617 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://drustvo-aed.si/wp-content/uploads/2026/06/AED-68-of-144-scaled.jpg") 50% 50%;background-size:cover;}.elementor-8498 .elementor-element.elementor-element-1f17d617{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-8498 .elementor-element.elementor-element-1f17d617 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8498 .elementor-element.elementor-element-7f3e8dd3 > .elementor-element-populated >  .elementor-background-overlay{opacity:0.5;}.elementor-8498 .elementor-element.elementor-element-7f3e8dd3 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-8498 .elementor-element.elementor-element-7f3e8dd3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8498 .elementor-element.elementor-element-1c00120c{width:var( --container-widget-width, 31.663% );max-width:31.663%;--container-widget-width:31.663%;--container-widget-flex-grow:0;}.elementor-8498 .elementor-element.elementor-element-1c00120c > .elementor-widget-container{margin:100px 0px 100px 102px;}@media(max-width:1024px){.elementor-8498 .elementor-element.elementor-element-1c00120c{width:var( --container-widget-width, 660.641px );max-width:660.641px;--container-widget-width:660.641px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-8498 .elementor-element.elementor-element-1c00120c > .elementor-widget-container{margin:-75px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-1c00120c */.aed-hero-wrap {
  position: relative;
  width: 100%;
  min-height: 380px;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
 
}

.aed-hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.aed-hero-blur {
  position: absolute;
  inset: 0;
  backdrop-filter: blur(8px) brightness(1.1);
  -webkit-backdrop-filter: blur(8px) brightness(1.1);
  z-index: 1;
}

.aed-hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: rgba(244,250,238,0.9);
}

.aed-hero-content {
  position: relative;
  z-index: 3;
  padding: 40px 48px;
  max-width: 580px;
  text-align: left;
  margin-right: auto;
}


.aed-hero-title {
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(32px, 5vw, 52px);
  font-weight: 900;
  line-height: 1.1;
  color: #111111;
  margin-bottom: 20px;
}

.aed-hero-title .aed-accent {
  color: #13A467;
}

.aed-hero-sub {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
  color: #4a4a4a;
  margin-bottom: 36px;
  max-width: 420px;
}

.aed-hero-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.aed-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 999px;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.aed-btn:hover {
  transform: translateY(-2px);
}

.aed-btn-outline {
  background: rgba(0,0,0,0.06);
  color: #111111;
  border: 1.5px solid rgba(0,0,0,0.2);
  backdrop-filter: blur(4px);
}

.aed-btn-outline:hover {
  background: rgba(0,0,0,0.1);
}

.aed-btn-primary {
  background: #13A467;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(19,164,103,0.4);
}

.aed-btn-primary:hover {
  background: #0e8a55;
  box-shadow: 0 6px 24px rgba(19,164,103,0.5);
}

@media (max-width: 600px) {
  .aed-hero-content {
    padding: 32px 24px;
  }
  .aed-hero-actions {
    flex-direction: column;
  }
  .aed-btn {
    justify-content: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-92dbfba */:root {
    --aed-green: #13A467;
    --aed-green-600: #5DA637;
    --aed-green-700: #4A8B2C;
    --aed-green-100: #E4F2DB;
    --aed-ink: #1F2A24;
    --slate: #45524B;
    --muted: #7B8A83;
    --line: #E3E8E5;
    --font: "Montserrat", system-ui, sans-serif;
  }
  
 .elementor h2,
.elementor h3 {
  color: #000 !important;
}
  * { box-sizing: border-box; }
  body { margin: 0; background: #fff; font-family: var(--font); color: var(--aed-ink); }
  a { text-decoration: none; color: inherit; transition: color 180ms ease; }
  a:hover { color: var(--aed-green-700); }
  .wrap { max-width: 1280px; margin: 0 auto; padding: 0 28px; }

  /* Buttons */
  .btn {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 16px 28px; border-radius: 999px;
    background: var(--aed-green); color: #fff;
    font-weight: 800; font-size: 13px; letter-spacing: 0.18em;
    text-transform: uppercase;
    transition: background 200ms ease, transform 200ms ease;
  }
.btn:hover { background: var(--aed-green); color: #fff; transform: translateY(-2px); }
  .btn:active { background: var(--aed-green-700); transform: translateY(1px); }
  .btn-lg {
    padding: 22px 40px; font-weight: 900; font-size: 14px; letter-spacing: 0.2em;
    box-shadow: 0 14px 28px rgba(111,190,68,0.30);
  }
  .btn-lg:hover { transform: translateY(-2px); }
  .btn-sm { padding: 14px 24px; font-size: 12px; letter-spacing: 0.16em; }

h3.aed-subheading-cards {
  color:  !important;
  padding-top: 20px
}

h3.aed-subheading-cards-back {
  color: #FFF !important;
  
}




  .topbar { padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 13px; font-weight: 700; letter-spacing: 0.06em; }
  .topbar .wrap { display: flex; justify-content: flex-end; gap: 24px; }
  .topbar a { color: var(--slate); }
  .nav { padding: 26px 0; border-bottom: 1px solid var(--line); }
  .nav .wrap { display: flex; align-items: center; justify-content: space-between; }
  .nav img { height: 56px; display: block; }
  .nav ul { display: flex; gap: 34px; list-style: none; margin: 0; padding: 0; }
  .nav ul a { font-weight: 700; font-size: 14px; letter-spacing: 0.06em; text-transform: uppercase; }
  .nav ul a.active { color: var(--aed-green-700); }
  .menu-btn { display: none; }

  /* Hero */
  .hero { padding: 96px 0 72px; }
  .hero h1 {
    font-weight: 900; font-size: clamp(44px, 6.4vw, 92px); line-height: 0.98;
    letter-spacing: -0.035em; margin: 0 0 28px; max-width: 1080px; text-wrap: balance;
  }
  .hero .sub { font-weight: 700; font-size: clamp(18px, 1.7vw, 24px); line-height: 1.35; color: var(--aed-green); max-width: 640px; margin: 0; }

  /* Flip stats */
  .stats { padding: 32px 0 88px; perspective: 1400px; }
  .stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
  .flip { height: 280px; position: relative; transform-style: preserve-3d; transition: transform 0.7s cubic-bezier(.2,.8,.2,1); cursor: pointer; }
  .flip:hover, .flip.flipped { transform: rotateY(180deg); }
  .flip-face { position: absolute; inset: 0; border-radius: 24px; backface-visibility: hidden; -webkit-backface-visibility: hidden; padding: 36px 32px; display: flex; flex-direction: column; }
  .flip-front { background: #fff; border: 1.5px solid var(--line); }
  .flip-back { background: var(--aed-green); color: #fff; transform: rotateY(180deg); }
  .flip-front .num { font-weight: 900; font-size: 88px; line-height: 0.9; letter-spacing: -0.035em; color: var(--aed-green); font-variant-numeric: tabular-nums; margin-bottom: 14 px; }
  .flip-front h3 { font-weight: 800; font-size: 18px; line-height: 1.25; margin: 0 0 8px; }
  .flip-front .lede { font-size: 16px; line-height: 1.5; color: var(--muted); margin: 0; font-weight: 500; padding-top: -10px; }
  .flip-front .hint { margin-top: auto; padding-top: 16px; font-size: 10px; font-weight: 800; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); }
  .flip-back h3 { font-weight: 900; font-size: 24px; line-height: 1.15; margin: 0 0 12px; color: #fff; }
  .flip-back p { font-size: 15px; line-height: 1.55; color: rgba(255,255,255,0.92); margin: 0; }
  .flip-back .link { margin-top: auto; font-weight: 900; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; padding-top: 12px; border-top: 2px solid rgba(255,255,255,0.5); align-self: flex-start; color: #fff; }

  /* Intro */
  .intro { padding: 96px 0; border-top: 1px solid var(--line); }
  .eyebrow { display: inline-flex; align-items: center; gap: 12px; font-weight: 800; font-size: 13px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--aed-green); margin: 0 0 22px; }
  .eyebrow.dash::before { content: ""; width: 32px; height: 2px; background: var(--aed-green); border-radius: 2px; }
  .intro h2 { font-weight: 900; font-size: clamp(30px, 4.4vw, 56px); line-height: 1.05; letter-spacing: -0.025em; margin: 0; max-width: 1080px; text-wrap: balance; }
  .intro em, .progress em { font-style: normal; color: var(--aed-green); }

  /* Programs */
  .programs { padding: 0 0 88px; }
  .programs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
  .prog { background: #fff; border: 1.5px solid var(--line); border-radius: 24px; padding: 36px; display: flex; flex-direction: column; transition: all 220ms ease; }
  .prog:hover { border-color: var(--aed-green); transform: translateY(-4px); box-shadow: 0 16px 32px rgba(111,190,68,0.10); }
  .prog .icon { width: 56px; height: 56px; border-radius: 16px; background: var(--aed-green-100); color: var(--aed-green-700); display: grid; place-items: center; margin-bottom: 22px; }
  .prog .icon svg { width: 26px; height: 26px; }
  .prog h3 { font-weight: 900; font-size: 26px; line-height: 1.15; letter-spacing: -0.015em; margin: 0 0 14px; }
  .prog p { font-size: 15px; line-height: 1.55; color: var(--slate); margin: 0 0 28px; flex: 1; }
  .prog .btn { align-self: flex-start; }

  /* Progress ring */
  .progress { padding: 96px 0; border-top: 1px solid var(--line); }
  .progress-grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: 64px; align-items: center; }
  .progress h2 { font-weight: 900; font-size: clamp(28px, 3.4vw, 44px); line-height: 1.1; letter-spacing: -0.02em; margin: 0; text-wrap: balance; }
  .progress em { color: var(--aed-green-700); }
  .ring-wrap { display: grid; place-items: center; }
  .ring { position: relative; width: 320px; height: 320px; }
  .ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
  .ring .track { stroke: rgba(111,190,68,0.18); }
  .ring .fill { stroke: var(--aed-green); stroke-linecap: round; stroke-dasharray: 879.6; stroke-dashoffset: 791.6; }
  .ring-text { position: absolute; inset: 0; display: grid; place-items: center; text-align: center; }
  .ring-text .v { font-weight: 900; font-size: 110px; line-height: 0.9; letter-spacing: -0.04em; font-variant-numeric: tabular-nums; }
  .ring-text .v span { color: var(--aed-green); font-size: 56px; vertical-align: super; margin-left: 4px; }
  .ring-text .l { font-size: 12px; font-weight: 800; letter-spacing: 0.2em; text-transform: uppercase; color: var(--aed-green-700); margin-top: 4px; }

  /* CTA */
  .cta { padding: 96px 0; text-align: center; border-top: 1px solid var(--line); }
  .cta h2 { font-weight: 900; font-size: clamp(32px, 4.4vw, 56px); line-height: 1; letter-spacing: -0.03em; margin: 0 auto 18px; max-width: 880px; text-wrap: balance; }
  .cta .lede { font-weight: 700; font-size: clamp(18px, 1.7vw, 26px); line-height: 1.3; color: var(--aed-green); margin: 0 auto 36px; max-width: 680px; }

  /* Mission */
  .mission { padding: 96px 0; border-top: 1px solid var(--line); }
  .mission-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; }
  .mission-card { background: #fff; border: 1.5px solid var(--line); border-radius: 28px; padding: 48px; }
  .mission-card .label { display: inline-block; font-weight: 900; font-size: 13px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--aed-green); margin-bottom: 22px; padding-bottom: 12px;  }
  .mission-card h2 { font-weight: 900; font-size: clamp(36px, 4vw, 56px); line-height: 0.95; letter-spacing: -0.03em; margin: 0 0 24px; }
  .mission-card p { font-size: 17px; line-height: 1.55; color: var(--slate); margin: 0; }
  .mission-card b { color: var(--aed-ink); font-weight: 800; }

  

  @media (max-width: 920px) {
    .stats-grid, .programs-grid, .progress-grid, .mission-grid, .footer-grid { grid-template-columns: 1fr; }
    .nav ul { display: none; }
    .menu-btn { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--aed-green-100); color: var(--aed-green-700); border: 0; cursor: pointer; }
    .menu-btn svg { width: 22px; height: 22px; }
    .ring { width: 240px; height: 240px; }
    .ring-text .v { font-size: 76px; }
    .ring-text .v span { font-size: 40px; }
  }
  @media (max-width: 640px) {
    .wrap { padding: 0 20px; }
    .hero { padding-bottom: 30px;}
    .stats { padding: 32px 0 88px; }
    .flip { height: 240px; }
    .flip-face { padding: 24px 24px 40px; }
    .flip:hover { transform: none; }
    .flip.flipped { transform: rotateY(180deg); }
    .intro, .programs, .progress, .cta, .mission { padding: 56px 0; }
    .mission-card { padding: 32px 28px; }
    .footer { padding: 56px 0 20px; }
  }/* End custom CSS */