
.vdec246-card{
  position:relative!important;
  overflow:hidden!important;
  border-radius:28px!important;
  padding:0 24px 26px!important;
  background:linear-gradient(180deg,#fff,#f8fbfd)!important;
  border:1px solid #e3eaf0!important;
  box-shadow:0 18px 44px rgba(15,23,42,.09)!important;
  transition:transform .32s ease,box-shadow .32s ease!important;
  isolation:isolate;
}

.vdec246-card:hover{
  transform:translateY(-6px)!important;
  box-shadow:0 28px 60px rgba(15,23,42,.14)!important;
}

.vdec246-media{
  position:relative;
  height:170px;
  margin:0 -24px 18px;
  overflow:hidden;
  border-radius:28px 28px 20px 20px;
  background:linear-gradient(135deg,#153554,#f97316);
}

.vdec246-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  animation:vdec246Ken 11s ease-in-out infinite;
}

.vdec246-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(8,24,40,.02),rgba(8,24,40,.30));
}

.vdec246-tag{
  position:absolute;
  left:15px;
  bottom:13px;
  padding:7px 11px;
  border-radius:999px;
  color:#fff!important;
  font-size:10.5px!important;
  font-weight:800!important;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:rgba(12,39,62,.62)!important;
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(7px);
}

.vdec246-fallback{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  color:#fff;
  font-size:60px;
}

.vdec246-kicker{
  display:inline-flex!important;
  width:max-content;
  margin:0 0 9px!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:#edf4f8!important;
  color:#153554!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

.vdec246-card h2,
.vdec246-card h3,
.vdec246-card h4{
  margin:0 0 13px!important;
  color:#173755!important;
  font-size:clamp(26px,2vw,34px)!important;
  line-height:1.08!important;
  letter-spacing:-.02em;
}

.vdec246-card p,
.vdec246-card li{
  color:#60758b!important;
  line-height:1.65!important;
}

.vdec246-label{
  display:block!important;
  margin:16px 0 9px!important;
  color:#73869a!important;
  font-size:11.5px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

.vdec246-card ul,
.vdec246-card ol{
  margin:0 0 16px!important;
  padding:17px 20px 17px 34px!important;
  border-radius:17px!important;
  background:#f6f9fb!important;
  border:1px solid #e5ebef!important;
}

.vdec246-chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:90px!important;
  min-height:44px!important;
  margin:0 7px 9px 0!important;
  padding:10px 15px!important;
  border-radius:999px!important;
  background:#fff8f2!important;
  border:1px solid #f5c6aa!important;
  color:#9a4318!important;
  font-weight:800!important;
  cursor:pointer!important;
  box-shadow:0 7px 16px rgba(249,115,22,.07)!important;
  transition:all .22s ease!important;
  text-decoration:none!important;
}

.vdec246-chip:hover,
.vdec246-chip.active{
  transform:translateY(-2px) scale(1.03)!important;
  color:#fff!important;
  border-color:transparent!important;
  background:linear-gradient(135deg,#fb923c,#f97316)!important;
  box-shadow:0 12px 22px rgba(249,115,22,.22)!important;
}

.vdec246-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:165px!important;
  padding:14px 21px!important;
  border-radius:15px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#ff8c2b,#f97316)!important;
  box-shadow:0 14px 26px rgba(249,115,22,.24)!important;
  font-weight:800!important;
  text-decoration:none!important;
  border:0!important;
  transition:all .23s ease!important;
}

.vdec246-btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 18px 31px rgba(249,115,22,.29)!important;
}

.vdec246-education{background:linear-gradient(180deg,#fffaf4,#fff)!important}
.vdec246-health{background:linear-gradient(180deg,#f3fbff,#fff)!important}
.vdec246-livelihood{background:linear-gradient(180deg,#f4fff7,#fff)!important}
.vdec246-women{background:linear-gradient(180deg,#fff6fb,#fff)!important}
.vdec246-community{background:linear-gradient(180deg,#f6f8ff,#fff)!important}
.vdec246-needed{background:linear-gradient(180deg,#f8faff,#fff)!important}

@keyframes vdec246Ken{
  0%,100%{transform:scale(1.02) translateY(0)}
  50%{transform:scale(1.06) translateY(-4px)}
}

@media(max-width:800px){
  .vdec246-card{
    padding:0 18px 22px!important;
  }

  .vdec246-media{
    height:150px;
    margin:0 -18px 16px;
  }
}
