/* ===== Lucide Icons — Icon Badge Styles ===== */

/* ── Shared icon gradient (solid green → lighter green, iOS squircle style) ── */

/* Service card icons */
.service-card__icon {
  background: linear-gradient(135deg, #00653D 0%, #009955 100%) !important;
  box-shadow: 0 6px 18px rgba(0, 101, 61, 0.30) !important;
  border-radius: 16px !important;
  transition: box-shadow 0.25s ease, transform 0.25s ease !important;
}
.service-card:hover .service-card__icon {
  box-shadow: 0 10px 26px rgba(0, 101, 61, 0.40) !important;
  transform: scale(1.08) !important;
}
.service-card__icon svg {
  stroke: #ffffff !important;
  stroke-width: 2.5 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Pillar card icons */
.pillar-card__icon {
  background: linear-gradient(135deg, #00653D 0%, #009955 100%) !important;
  box-shadow: 0 6px 18px rgba(0, 101, 61, 0.30) !important;
  border-radius: 16px !important;
  transition: box-shadow 0.25s ease, transform 0.25s ease !important;
}
.pillar-card:hover .pillar-card__icon {
  box-shadow: 0 10px 26px rgba(0, 101, 61, 0.40) !important;
  transform: scale(1.08) !important;
}
.pillar-card__icon svg {
  stroke: #ffffff !important;
  stroke-width: 2.5 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Feature item icons */
.feature-item__icon {
  background: linear-gradient(135deg, #00653D 0%, #009955 100%) !important;
  box-shadow: 0 6px 18px rgba(0, 101, 61, 0.28) !important;
  border-radius: 14px !important;
  transition: box-shadow 0.25s ease, transform 0.25s ease !important;
}
.feature-item:hover .feature-item__icon {
  box-shadow: 0 10px 24px rgba(0, 101, 61, 0.38) !important;
  transform: translateY(-2px) scale(1.05) !important;
}
.feature-item__icon svg {
  stroke: #ffffff !important;
  stroke-width: 2.5 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Process step circles */
.process-step__circle {
  background: linear-gradient(135deg, #00653D 0%, #009955 100%) !important;
  box-shadow: 0 6px 20px rgba(0, 101, 61, 0.35) !important;
}
.process-step__circle svg {
  stroke: #ffffff !important;
  stroke-width: 2.5 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* New stat icon wrap */
.new-stat-icon-wrap {
  background: linear-gradient(135deg, #00653D 0%, #009955 100%) !important;
  box-shadow: 0 6px 18px rgba(0, 101, 61, 0.28) !important;
  border-radius: 16px !important;
}
.new-stat-icon-wrap svg {
  width: 28px !important;
  height: 28px !important;
  stroke: #ffffff !important;
  stroke-width: 2.5 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Vision card icons (about page) */
.vision-card__icon {
  background: linear-gradient(135deg, #00653D 0%, #009955 100%);
  box-shadow: 0 6px 18px rgba(0, 101, 61, 0.28);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vision-card__icon svg {
  width: 28px !important;
  height: 28px !important;
  stroke: #ffffff !important;
  stroke-width: 2.5 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Contact detail icons */
.contact-detail-item__icon {
  background: linear-gradient(135deg, #00653D 0%, #009955 100%);
  box-shadow: 0 4px 12px rgba(0, 101, 61, 0.25);
  border-radius: 12px;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
a.contact-detail-item:hover .contact-detail-item__icon {
  box-shadow: 0 8px 20px rgba(0, 101, 61, 0.38) !important;
  transform: scale(1.08);
  background: linear-gradient(135deg, #004F2F 0%, #00653D 100%);
}
.contact-detail-item__icon svg {
  width: 20px !important;
  height: 20px !important;
  stroke: #ffffff !important;
  stroke-width: 2 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Hero stat card icons (about/inner page heroes) */
.hero-stat-card__icon {
  background: linear-gradient(135deg, #00653D 0%, #009955 100%) !important;
  box-shadow: 0 4px 12px rgba(0, 101, 61, 0.25) !important;
  border-radius: 10px !important;
}
.hero-stat-card__icon svg {
  stroke: #ffffff !important;
  stroke-width: 2 !important;
  fill: none !important;
}

/* Strategy call card icon */
.strategy-call-card__icon {
  background: linear-gradient(135deg, #00653D 0%, #009955 100%);
  box-shadow: 0 6px 18px rgba(0, 101, 61, 0.28);
}
.strategy-call-card__icon svg {
  width: 28px !important;
  height: 28px !important;
  stroke: #ffffff !important;
  stroke-width: 2 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Video type card icons */
.video-type-card__icon {
  background: linear-gradient(135deg, #00653D 0%, #009955 100%);
  box-shadow: 0 6px 18px rgba(0, 101, 61, 0.28);
  border-radius: 14px;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.video-type-card:hover .video-type-card__icon {
  box-shadow: 0 10px 26px rgba(0, 101, 61, 0.38);
  transform: scale(1.06);
}
.video-type-card__icon svg {
  width: 24px !important;
  height: 24px !important;
  stroke: #ffffff !important;
  stroke-width: 2 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Deliverable card icons */
.deliverable-card__icon {
  background: linear-gradient(135deg, #00653D 0%, #009955 100%);
  box-shadow: 0 6px 18px rgba(0, 101, 61, 0.28);
  border-radius: 14px;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.deliverable-card__icon svg {
  width: 24px !important;
  height: 24px !important;
  stroke: #ffffff !important;
  stroke-width: 2 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Platform card icons */
.platform-card__icon {
  background: linear-gradient(135deg, #00653D 0%, #009955 100%);
  box-shadow: 0 6px 18px rgba(0, 101, 61, 0.28);
  border-radius: 14px;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.platform-card:hover .platform-card__icon {
  box-shadow: 0 10px 26px rgba(0, 101, 61, 0.38);
  transform: scale(1.06);
}
.platform-card__icon svg {
  width: 24px !important;
  height: 24px !important;
  stroke: #ffffff !important;
  stroke-width: 2 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}


/* Use case card icons */
.use-case-card__icon {
  background: linear-gradient(135deg, #00653D 0%, #009955 100%) !important;
  box-shadow: 0 4px 12px rgba(0, 101, 61, 0.25) !important;
  border-radius: 12px !important;
  transition: box-shadow 0.25s ease, transform 0.25s ease !important;
}
.use-case-card:hover .use-case-card__icon {
  box-shadow: 0 8px 20px rgba(0, 101, 61, 0.35) !important;
  transform: scale(1.06) !important;
}
.use-case-card__icon svg {
  stroke: #ffffff !important;
  stroke-width: 2 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Service overview icon wrap (large, inner pages) */
.service-overview-card__icon-wrap {
  background: linear-gradient(135deg, #00653D 0%, #009955 100%);
  box-shadow: 0 8px 28px rgba(0, 101, 61, 0.32);
  border-radius: 24px;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.service-overview-card:hover .service-overview-card__icon-wrap {
  transform: scale(1.06) rotate(3deg);
  box-shadow: 0 14px 36px rgba(0, 101, 61, 0.40);
}
.service-overview-card__icon-wrap svg {
  width: 48px !important;
  height: 48px !important;
  stroke: #ffffff !important;
  stroke-width: 2 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* ── Navbar dropdown icon bubbles (lighter — subtle in nav context) ── */
.nav__dropdown-item .dd-icon {
  background: linear-gradient(135deg, #00653D 0%, #009955 100%) !important;
  box-shadow: 0 3px 10px rgba(0, 101, 61, 0.22) !important;
  border-radius: 10px;
  transition: box-shadow 0.2s, transform 0.2s;
}
.nav__dropdown-item:hover .dd-icon {
  box-shadow: 0 6px 16px rgba(0, 101, 61, 0.35) !important;
  transform: scale(1.1);
}
.nav__dropdown-item .dd-icon svg {
  stroke: #ffffff !important;
  stroke-width: 2 !important;
  fill: none !important;
}

/* ── Hero badge icons (already solid green — keep consistent) ── */
.hero__badge-icon svg {
  stroke: #ffffff !important;
  stroke-width: 2.5 !important;
  fill: none !important;
}

/* ── Inline button / link icons ── */
.btn svg {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  width: 16px !important;
  height: 16px !important;
  stroke-width: 2.5 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.service-card__link svg {
  display: inline-block;
  vertical-align: middle;
  width: 14px !important;
  height: 14px !important;
  fill: none !important;
  stroke-width: 2 !important;
  transition: transform 0.2s ease;
}
.service-card__link:hover svg {
  transform: translateX(3px);
}

/* ── Footer link icons ── */
.footer-link-item svg {
  color: #00653D;
  flex-shrink: 0;
  width: 14px !important;
  height: 14px !important;
}

/* ── Footer phone icon ── */
.footer-phone-icon svg {
  width: 24px !important;
  height: 24px !important;
  stroke: #047857 !important;
  fill: none !important;
}

/* ── Industry tags ── */
.industry-tag svg {
  width: 14px !important;
  height: 14px !important;
  display: inline-block;
  vertical-align: middle;
  stroke: #00653D !important;
  fill: none !important;
  stroke-width: 2 !important;
}

/* ── Chevron nav ── */
svg.chevron {
  width: 14px !important;
  height: 14px !important;
  transition: transform 0.25s ease;
  vertical-align: middle;
  display: inline-block;
}