/*
PNSA CSS v4 LAYOUT CLEAN
ΜΟΝΟ CSS. Δεν αλλάζει PHP, templates, shortcodes ή κείμενα.
Static how-page orphan selectors removed.
*/

@charset "UTF-8"

#pnsa-how-adespota,
#pnsa-how-adespota *;

#pnsa-how-adespota {
  --pn-how-blue: #0b4fb3;
  --pn-how-blue2: #0a64d8;
  --pn-how-navy: #071b3a;
  --pn-how-ink: #10233f;
  --pn-how-bg: #f3f7ff;
  --pn-how-card: #ffffff;
  --pn-how-line: #dbe7f7;
  --pn-how-muted: #5d6b82;
  --pn-how-green: #7cc242;
  --pn-how-yellow: #f5b82e;
  --pn-how-red: #d71920;
  --pn-how-shadow: 0 18px 55px rgba(7,27,58,.10);
  --pn-how-shadow-soft: 0 10px 30px rgba(7,27,58,.08);
  --pn-how-radius: 24px;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  background: var(--pn-how-bg) !important;
  color: var(--pn-how-ink) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  line-height: 1.55 !important;
  position: relative !important;
  clear: both !important;
  isolation: isolate !important;
}

#pnsa-how-adespota a {
  box-shadow: none !important;
  outline-offset: 3px !important;
}

#pnsa-how-adespota img {
  max-width: 100% !important;
  height: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

#pnsa-how-adespota h1,
#pnsa-how-adespota h2,
#pnsa-how-adespota h3,
#pnsa-how-adespota p,
#pnsa-how-adespota ul,
#pnsa-how-adespota li {
  font-family: Arial, Helvetica, sans-serif !important;
}

#pnsa-how-adespota .pnsa-topbar {
  width: min(1480px, calc(100% - 44px)) !important;
  max-width: 1480px !important;
  margin: 0 auto 18px !important;
  min-height: 104px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 26px !important;
  padding: 14px 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  position: relative !important;
  z-index: 5 !important;
}

#pnsa-how-adespota .pnsa-top-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-decoration: none !important;
  flex: 0 0 auto !important;
  min-width: 300px !important;
  max-width: 360px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#pnsa-how-adespota .pnsa-top-logo img {
  display: block !important;
  width: 300px !important;
  max-width: 300px !important;
  height: auto !important;
  object-fit: contain !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

#pnsa-how-adespota .pnsa-top-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#pnsa-how-adespota .pnsa-top-nav .pnsa-nav-link,
#pnsa-how-adespota .pnsa-top-nav a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  color: #071b3a !important;
  background: #ffffff !important;
  border: 1px solid #dbe5f2 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  letter-spacing: .02em !important;
  box-shadow: 0 8px 20px rgba(15,42,80,.06) !important;
  white-space: nowrap !important;
  text-transform: none !important;
}

#pnsa-how-adespota .pnsa-top-nav .pnsa-nav-link:hover,
#pnsa-how-adespota .pnsa-top-nav .pnsa-nav-link:focus,
#pnsa-how-adespota .pnsa-top-nav a:hover,
#pnsa-how-adespota .pnsa-top-nav a:focus {
  background: #071b3a !important;
  color: #ffffff !important;
  border-color: #071b3a !important;
  text-decoration: none !important;
}

#pnsa-how-adespota .pnsa-nav-report {
  border-color: rgba(215,25,32,.24) !important;
}

#pnsa-how-adespota .pnsa-nav-facebook {
  border-color: rgba(11,79,179,.24) !important;
}

#pnsa-how-adespota .pn-how-page {
  width: min(1480px, calc(100% - 44px)) !important;
  max-width: 1480px !important;
  margin: 0 auto !important;
  padding: 0 0 42px !important;
  display: block !important;
}

 

#pnsa-how-adespota .pn-how-hero > * {
  position: relative !important;
  z-index: 2 !important;
}

#pnsa-how-adespota .pn-how-kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 16px !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
}

#pnsa-how-adespota .pn-how-hero h1 {
  margin: 0 0 16px !important;
  color: #ffffff !important;
  font-size: clamp(34px, 4vw, 62px) !important;
  line-height: .98 !important;
  font-weight: 950 !important;
  letter-spacing: -.045em !important;
}

#pnsa-how-adespota .pn-how-lead {
  max-width: 930px !important;
  margin: 0 !important;
  color: rgba(255,255,255,.88) !important;
  font-size: clamp(17px, 1.45vw, 22px) !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
}

#pnsa-how-adespota .pn-how-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 26px 0 0 !important;
}

#pnsa-how-adespota .pn-how-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 12px 18px !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  border: 1px solid rgba(255,255,255,.24) !important;
}

#pnsa-how-adespota .pn-how-btn-primary {
  background: #d71920 !important;
  color: #ffffff !important;
}

#pnsa-how-adespota .pn-how-btn-secondary {
  background: #ffffff !important;
  color: #071b3a !important;
}

#pnsa-how-adespota .pn-how-btn:hover,
#pnsa-how-adespota .pn-how-btn:focus {
  transform: translateY(-1px) !important;
  text-decoration: none !important;
}

#pnsa-how-adespota .pn-how-hero-box {
  margin: 0 !important;
  padding: 24px !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  color: #ffffff !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
}

#pnsa-how-adespota .pn-how-hero-box strong {
  display: block !important;
  margin: 0 0 10px !important;
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
}

#pnsa-how-adespota .pn-how-hero-box p {
  margin: 0 !important;
  color: rgba(255,255,255,.86) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  font-weight: 700 !important;
}

#pnsa-how-adespota .pn-how-flow-title {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin: 30px 0 18px !important;
  padding: 0 2px !important;
}

#pnsa-how-adespota .pn-how-flow-title h2 {
  margin: 0 !important;
  color: #071b3a !important;
  font-size: clamp(28px, 2.6vw, 42px) !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
}

#pnsa-how-adespota .pn-how-flow-title p {
  max-width: 520px !important;
  margin: 0 !important;
  color: #5d6b82 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 750 !important;
}

#pnsa-how-adespota .pn-how-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  margin: 0 0 26px !important;
}

#pnsa-how-adespota .pn-how-step {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #dbe7f7 !important;
  box-shadow: var(--pn-how-shadow-soft) !important;
}

#pnsa-how-adespota .pn-how-step-head {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 20px 20px 0 !important;
}

#pnsa-how-adespota .pn-how-num {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  background: #d71920 !important;
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

#pnsa-how-adespota .pn-how-step h3 {
  margin: 0 !important;
  color: #071b3a !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  letter-spacing: -.02em !important;
}

#pnsa-how-adespota .pn-how-step p {
  margin: 0 !important;
  padding: 14px 20px 22px !important;
  color: #4d5d73 !important;
  font-size: 15px !important;
  line-height: 1.62 !important;
  font-weight: 650 !important;
}

#pnsa-how-adespota .pn-how-panel,
#pnsa-how-adespota .pn-how-note {
  margin: 24px 0 0 !important;
  padding: 30px !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  border: 1px solid #dbe7f7 !important;
  box-shadow: var(--pn-how-shadow-soft) !important;
}

#pnsa-how-adespota .pn-how-panel h2,
#pnsa-how-adespota .pn-how-note h2 {
  margin: 0 0 14px !important;
  color: #071b3a !important;
  font-size: clamp(25px, 2.2vw, 36px) !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
}

#pnsa-how-adespota .pn-how-panel p,
#pnsa-how-adespota .pn-how-note p {
  margin: 0 0 14px !important;
  color: #4d5d73 !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
  font-weight: 650 !important;
}

#pnsa-how-adespota .pn-how-panel p:last-child,
#pnsa-how-adespota .pn-how-note p:last-child {
  margin-bottom: 0 !important;
}

#pnsa-how-adespota .pn-how-mini-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin: 20px 0 0 !important;
}

#pnsa-how-adespota .pn-how-mini {
  margin: 0 !important;
  padding: 18px !important;
  border-radius: 18px !important;
  background: #f3f7ff !important;
  border: 1px solid #dbe7f7 !important;
}

#pnsa-how-adespota .pn-how-mini strong {
  display: block !important;
  margin: 0 0 8px !important;
  color: #071b3a !important;
  font-size: 17px !important;
  line-height: 1.22 !important;
  font-weight: 950 !important;
}

#pnsa-how-adespota .pn-how-mini p {
  margin: 0 !important;
  color: #4d5d73 !important;
  font-size: 14px !important;
  line-height: 1.58 !important;
}

#pnsa-how-adespota .pn-how-note {
  background: #fff8e8 !important;
  border-color: #f5d998 !important;
  border-left: 6px solid #f5b82e !important;
}

#pnsa-how-adespota .pn-how-note h2 {
  color: #7a4b00 !important;
}

#pnsa-how-adespota .pn-how-note p {
  color: #5d4725 !important;
}

#pnsa-how-adespota .pn-how-footer {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: linear-gradient(135deg,#160716 0%,#071525 45%,#08243a 100%) !important;
  color: #ffffff !important;
  position: relative !important;
  overflow: hidden !important;
  border-top: 4px solid #d71920 !important;
}

#pnsa-how-adespota .pn-how-footer::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at 10% 15%,rgba(215,25,32,.24),transparent 28%),
    radial-gradient(circle at 88% 15%,rgba(0,157,255,.18),transparent 32%),
    linear-gradient(90deg,rgba(255,255,255,.03),transparent) !important;
  pointer-events: none !important;
}

#pnsa-how-adespota .pn-how-footer-inner {
  position: relative !important;
  z-index: 2 !important;
  width: min(1480px, calc(100% - 44px)) !important;
  max-width: 1480px !important;
  margin: 0 auto !important;
  padding: 42px 0 26px !important;
}

#pnsa-how-adespota .pn-how-footer-grid {
  display: grid !important;
  grid-template-columns: .9fr 1.6fr 1fr 1.15fr !important;
  gap: 52px !important;
  align-items: start !important;
  width: 100% !important;
}

#pnsa-how-adespota .pn-how-footer h3 {
  margin: 0 0 14px !important;
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  letter-spacing: .04em !important;
}

#pnsa-how-adespota .pn-how-footer p {
  margin: 0 0 12px !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  font-weight: 650 !important;
}

#pnsa-how-adespota .pn-how-footer-note {
  margin-top: 16px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  font-weight: 900 !important;
}

#pnsa-how-adespota .pn-how-footer-links {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 9px !important;
}

#pnsa-how-adespota .pn-how-footer-links li {
  margin: 0 !important;
  padding: 0 !important;
}

#pnsa-how-adespota .pn-how-footer a {
  color: #ffffff !important;
}

#pnsa-how-adespota .pn-how-footer-links a {
  display: inline-flex !important;
  text-decoration: none !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
}

#pnsa-how-adespota .pn-how-footer-links a:hover,
#pnsa-how-adespota .pn-how-footer-links a:focus {
  color: #ffffff !important;
  text-decoration: underline !important;
}

#pnsa-how-adespota .pn-how-footer-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  background: #d71920 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 950 !important;
  font-size: 13px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
}

#pnsa-how-adespota .pn-how-footer-cta:hover,
#pnsa-how-adespota .pn-how-footer-cta:focus {
  background: #ffffff !important;
  color: #071b3a !important;
  text-decoration: none !important;
}

@media (max-width:1180px) {
  #pnsa-how-adespota .pnsa-topbar {
    display: block !important;
    text-align: center !important;
    min-height: auto !important;
    padding: 12px 0 !important;
  }

  #pnsa-how-adespota .pnsa-top-logo {
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #pnsa-how-adespota .pnsa-top-logo img {
    width: 280px !important;
    max-width: 82vw !important;
    margin: 0 auto !important;
  }

  #pnsa-how-adespota .pnsa-top-nav {
    justify-content: center !important;
    margin-top: 12px !important;
  }

  #pnsa-how-adespota .pn-how-hero {
    grid-template-columns: 1fr !important;
  }

  #pnsa-how-adespota .pn-how-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width:980px) {
  #pnsa-how-adespota .pn-how-footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 28px !important;
  }

  #pnsa-how-adespota .pn-how-mini-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width:760px) {
  #pnsa-how-adespota .pnsa-topbar,
#pnsa-how-adespota .pn-how-page,
#pnsa-how-adespota .pn-how-footer-inner {
    width: min(100% - 20px, 1480px) !important;
  }

  #pnsa-how-adespota .pnsa-top-nav {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    width: 100% !important;
  }

  #pnsa-how-adespota .pnsa-top-nav .pnsa-nav-link,
#pnsa-how-adespota .pnsa-top-nav a {
    width: 100% !important;
    white-space: normal !important;
    min-height: 42px !important;
    font-size: 12px !important;
    padding: 9px 10px !important;
  }

  #pnsa-how-adespota .pn-how-hero {
    padding: 28px 18px !important;
    border-radius: 22px !important;
  }

  #pnsa-how-adespota .pn-how-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  #pnsa-how-adespota .pn-how-btn {
    width: 100% !important;
  }

  #pnsa-how-adespota .pn-how-flow-title {
    display: block !important;
  }

  #pnsa-how-adespota .pn-how-flow-title p {
    margin-top: 8px !important;
  }

  #pnsa-how-adespota .pn-how-grid,
#pnsa-how-adespota .pn-how-footer-grid {
    grid-template-columns: 1fr !important;
  }

  #pnsa-how-adespota .pn-how-panel,
#pnsa-how-adespota .pn-how-note {
    padding: 22px 18px !important;
    border-radius: 20px !important;
  }

  #pnsa-how-adespota .pn-how-footer-inner {
    padding: 34px 0 22px !important;
  }
}

@media (max-width:430px) {
  #pnsa-how-adespota .pnsa-top-nav {
    grid-template-columns: 1fr !important;
  }

  #pnsa-how-adespota .pnsa-top-logo img {
    width: 245px !important;
  }

  #pnsa-how-adespota .pn-how-hero h1 {
    font-size: 31px !important;
  }

  #pnsa-how-adespota .pn-how-icon-wrap {
    height: 175px !important;
  }
}

#pnsa-how-adespota .pn-how-principles .pn-how-mini {
  border-left: 6px solid #0b4fb3 !important;
}

#pnsa-how-adespota .pn-how-principles .pn-how-mini:nth-child(2) {
  border-left-color: #d71920 !important;
}

#pnsa-how-adespota .pn-how-principles .pn-how-mini:nth-child(3) {
  border-left-color: #16a34a !important;
}

#pnsa-how-adespota .pn-how-contact-banners {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin: 20px 0 0 !important;
}

#pnsa-how-adespota .pn-how-contact-card:hover,
#pnsa-how-adespota .pn-how-contact-card:focus {
  transform: translateY(-1px) !important;
  text-decoration: none !important;
  filter: brightness(1.04) !important;
}

#pnsa-how-adespota .pn-how-contact-card strong {
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
  font-weight: 950 !important;
}

#pnsa-how-adespota .pn-how-contact-card span {
  color: rgba(255,255,255,.92) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
  word-break: break-word !important;
}

#pnsa-how-adespota .pn-how-footer-logo-link {
  display: block !important;
  text-decoration: none !important;
  overflow: visible !important;
}

@media (max-width:980px) {
  #pnsa-how-adespota .pn-how-contact-banners {
    grid-template-columns: 1fr !important;
  }

  #pnsa-how-adespota .pn-how-footer-logo-bg {
    width: 270px !important;
    height: 132px !important;
  }
}

@media (max-width:760px) {
  #pnsa-how-adespota .pn-how-contact-card {
    min-height: auto !important;
    padding: 16px !important;
  }

  #pnsa-how-adespota .pn-how-footer-logo-bg {
    width: 255px !important;
    height: 125px !important;
    margin: 0 auto !important;
  }
}

#pnsa-how-adespota .pn-how-contact-banners-3,
#pnsa-how-adespota .pn-how-contact-banners {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

#pnsa-how-adespota .pn-how-contact-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  padding: 18px 20px !important;
  border-radius: 18px !important;
  text-decoration: none !important;
  background: linear-gradient(135deg,#0d2d62,#1e73be) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 12px 28px rgba(13,45,98,.16) !important;
  min-height: 142px !important;
  justify-content: flex-start !important;
}

#pnsa-how-adespota .pn-how-contact-card small {
  display: block !important;
  margin-top: auto !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 850 !important;
  word-break: break-word !important;
}

#pnsa-how-adespota .pn-how-contact-municipality {
  background: linear-gradient(135deg,#d71920,#0d2d62) !important;
}

#pnsa-how-adespota .pn-how-contact-ministry {
  background: linear-gradient(135deg,#0d2d62,#1e73be) !important;
}

#pnsa-how-adespota .pn-how-contact-prosecutor {
  background: linear-gradient(135deg,#071b3a,#3b1640) !important;
}

@media (max-width:980px) {
  #pnsa-how-adespota .pn-how-contact-banners-3,
#pnsa-how-adespota .pn-how-contact-banners {
    grid-template-columns: 1fr !important;
  }

  #pnsa-how-adespota .pn-how-icon-wrap {
    height: 135px !important;
    padding: 10px !important;
  }
}

#pnsa-how-adespota .pn-how-after-panel {
  overflow: visible !important;
}

#pnsa-how-adespota .pn-how-after-layout {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(320px,420px) !important;
  gap: 24px !important;
  align-items: start !important;
  margin-top: 18px !important;
}

#pnsa-how-adespota .pn-how-after-text {
  min-width: 0 !important;
}

#pnsa-how-adespota .pn-how-infographic {
  margin: 0 !important;
  padding: 14px !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  border: 1px solid #dbe7f7 !important;
  box-shadow: 0 12px 34px rgba(7,27,58,.09) !important;
  position: sticky !important;
  top: 18px !important;
}

#pnsa-how-adespota .pn-how-infographic img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 16px !important;
  object-fit: contain !important;
  object-position: center center !important;
  box-shadow: none !important;
  border: 0 !important;
}

#pnsa-how-adespota .pn-how-process {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  margin: 0 !important;
}

#pnsa-how-adespota .pn-how-process-card {
  display: flex !important;
  gap: 13px !important;
  align-items: flex-start !important;
  margin: 0 !important;
  padding: 15px 16px !important;
  border-radius: 17px !important;
  background: #ffffff !important;
  border: 1px solid #dbe7f7 !important;
  box-shadow: 0 8px 22px rgba(7,27,58,.05) !important;
}

#pnsa-how-adespota .pn-how-process-num {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 14px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.02em !important;
}

#pnsa-how-adespota .pn-how-process-card h3 {
  margin: 0 0 6px !important;
  color: #071b3a !important;
  font-size: 17px !important;
  line-height: 1.24 !important;
  font-weight: 950 !important;
  letter-spacing: -.015em !important;
}

#pnsa-how-adespota .pn-how-process-card p {
  margin: 0 0 7px !important;
  padding: 0 !important;
  color: #40516a !important;
  font-size: 14px !important;
  line-height: 1.58 !important;
  font-weight: 650 !important;
}

#pnsa-how-adespota .pn-how-process-card p:last-child {
  margin-bottom: 0 !important;
}

#pnsa-how-adespota .pn-how-process-card strong {
  color: #071b3a !important;
  font-weight: 950 !important;
}

#pnsa-how-adespota .pn-how-process-blue {
  background: #f7fbff !important;
  border-left: 5px solid #1e73be !important;
}

#pnsa-how-adespota .pn-how-process-blue .pn-how-process-num {
  background: #1e73be !important;
}

#pnsa-how-adespota .pn-how-process-orange {
  background: #fff8ec !important;
  border-left: 5px solid #f5a623 !important;
}

#pnsa-how-adespota .pn-how-process-orange .pn-how-process-num {
  background: #f5a623 !important;
}

#pnsa-how-adespota .pn-how-process-green {
  background: #f0fff6 !important;
  border-left: 5px solid #16a34a !important;
}

#pnsa-how-adespota .pn-how-process-green .pn-how-process-num {
  background: #16a34a !important;
}

#pnsa-how-adespota .pn-how-process-red {
  background: #fff5f5 !important;
  border-left: 5px solid #d71920 !important;
}

#pnsa-how-adespota .pn-how-process-red .pn-how-process-num {
  background: #d71920 !important;
}

#pnsa-how-adespota .pn-how-alert-banner {
  margin: 18px 0 0 !important;
  padding: 20px 22px !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg,#a90e16 0%,#d71920 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 14px 35px rgba(183,19,28,.22) !important;
}

#pnsa-how-adespota .pn-how-alert-banner strong {
  display: block !important;
  margin: 0 0 8px !important;
  font-size: 20px !important;
  line-height: 1.16 !important;
  font-weight: 950 !important;
  color: #ffffff !important;
}

#pnsa-how-adespota .pn-how-alert-banner p {
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(255,255,255,.96) !important;
  font-size: 15px !important;
  line-height: 1.68 !important;
  font-weight: 750 !important;
}

#pnsa-how-adespota .pn-how-icon-wrap {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  height: 145px !important;
  padding: 12px !important;
  background: #f8fbff !important;
}

#pnsa-how-adespota .pn-how-icon-wrap img {
  display: block !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

#pnsa-how-adespota .pn-how-footer-logo-area {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  overflow: visible !important;
}

#pnsa-how-adespota .pn-how-footer-logo-bg {
  opacity: 1 !important;
  visibility: visible !important;
  width: 300px !important;
  max-width: 100% !important;
  height: 145px !important;
  background-image: url("https://pallininews.org/wp-content/uploads/2026/05/cropped-Asset-4@4x.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  display: block !important;
  background-size: contain !important;
}

@media (max-width:1180px) {
  #pnsa-how-adespota .pn-how-after-layout {
    grid-template-columns: 1fr !important;
  }

  #pnsa-how-adespota .pn-how-infographic {
    position: relative !important;
    top: auto !important;
    max-width: 720px !important;
    margin: 0 auto !important;
  }
}

@media (max-width:760px) {
  #pnsa-how-adespota .pn-how-after-layout {
    gap: 18px !important;
  }

  #pnsa-how-adespota .pn-how-process-card {
    padding: 14px !important;
  }

  #pnsa-how-adespota .pn-how-process-num {
    flex-basis: 42px !important;
    width: 42px !important;
    height: 42px !important;
    font-size: 13px !important;
  }

  #pnsa-how-adespota .pn-how-process-card h3 {
    font-size: 16px !important;
  }

  #pnsa-how-adespota .pn-how-process-card p {
    font-size: 13.5px !important;
  }

  #pnsa-how-adespota .pn-how-alert-banner {
    padding: 18px !important;
  }

  #pnsa-how-adespota .pn-how-alert-banner strong {
    font-size: 18px !important;
  }

  #pnsa-how-adespota .pn-how-alert-banner p {
    font-size: 14px !important;
  }

  #pnsa-how-adespota .pn-how-icon-wrap {
    height: 130px !important;
    padding: 10px !important;
  }
}

@media (max-width:430px) {
  #pnsa-how-adespota .pn-how-infographic {
    padding: 10px !important;
    border-radius: 18px !important;
  }

  #pnsa-how-adespota .pn-how-infographic img {
    border-radius: 13px !important;
  }
}