:root {
  --card-radius: 14px;
  --card-bg: #ffffff;
  --card-border: #e6e9ef;
  --brand: #c2716d;            /* not used by Bootstrap, for our effects */
  --glow: rgb(253 13 13 / 11%); /* soft blue glow with low opacity */
  --topbar: #c2716d;           /* color for top border on hover */
}

/* Base reset for article card */
.feature-card {
  position: relative;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--card-radius);
  padding: 28px 24px 26px;
  transition: transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
  height: 400px !important;	
}

/* Subtle top bar (hidden by default) */
.feature-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background: linear-gradient(180deg, #c3ae6f 0%, #a4916a 100%);
  transform: translateY(-100%);
  transition: transform 260ms ease;
}

/* Soft background glow element */
.feature-card::after {
  content: "";
  position: absolute;
  inset: -20% -10% auto -10%; /* extend beyond edges for nicer blur */
  top: 30%;
  height: 60%;
  background: radial-gradient(60% 80% at 50% 50%, rgb(215 200 122 / 23%), transparent 70%);
  opacity: 0;
  filter: blur(24px);
  transition: opacity 260ms ease;
  pointer-events: none;
  z-index: 0;
}

/* Icon container */
.feature-icon {
  font-size: 34px;
  line-height: 1;
  margin-bottom: 10px;
  transition: transform 280ms ease, filter 280ms ease;
  z-index: 1;
}

/* Text styles */
.feature-eyebrow {
  color: #6b7280;
  font-size: 0.9rem;
  letter-spacing: 0.2px;
}

.feature-title {
  font-size: 1.35rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: #0f172a;
}

.feature-text {
  color: #4b5563;
}

/* Hover/Focus effects */
.feature-card:hover,
.feature-card:focus-within {
  transform: translateY(-3px);
  border-color: rgba(13, 110, 253, 0.35);
  box-shadow:
    0 10px 20px rgba(16, 24, 40, 0.06),
    0 6px 16px var(--glow);
}

.feature-card:hover::before,
.feature-card:focus-within::before {
  transform: translateY(0);
}

.feature-card:hover::after,
.feature-card:focus-within::after {
  opacity: 1; /* show glow with low opacity */
}

/* Icon animation on hover */
.feature-card:hover .feature-icon i,
.feature-card:focus-within .feature-icon i {
  animation: floatY 800ms ease-in-out 1, pulseSoft 1300ms ease-in-out 1;
  transform: translateY(-2px) scale(1.02);
  filter: drop-shadow(0 2px 6px rgba(14, 9, 33, 0.25));
}

/* Re-run animation when user hovers out/in quickly */
.feature-icon i {
  display: inline-block;
  will-change: transform;
  backface-visibility: hidden;
}

/* Keyframes */
@keyframes floatY {
  0% { transform: translateY(0) scale(1); }
  40% { transform: translateY(-6px) scale(1.05); }
  70% { transform: translateY(-2px) scale(1.02); }
  100% { transform: translateY(-2px) scale(1.02); }
}

@keyframes pulseSoft {
  0% { text-shadow: 0 0 0 rgba(13,110,253,0); }
  50% { text-shadow: 0 0 18px rgba(13,110,253,0.35); }
  100% { text-shadow: 0 0 0 rgba(13,110,253,0); }
}

/* Accessibility: focus ring for keyboard users */
.feature-card:focus-within {
  outline: none;
}

.feature-card a, .feature-card button, .feature-card input, .feature-card textarea {
  outline: none;
}

/* Responsive tweaks */
@media (max-width: 576px) {
  .feature-title { font-size: 1.22rem; }
  .feature-card { padding: 24px 20px; }
}









.who-help-section{
    background:#faf7f0;
}

.sub-title{
    color:#b08d57;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
}



.accordion .card{
    border:none;
    border-radius:10px;
    overflow:hidden;
    margin-bottom:18px;
    box-shadow:0 5px 25px rgba(0,0,0,.08);
}

.card-header{
    background:#fff;
    padding:0;
    border:none;
}

.card-header button{

    width:100%;
    text-align:left;
    padding:22px 25px;

    color:#223a66;
    font-size:19px;
    font-weight:600;

    text-decoration:none;

    position:relative;
}

.card-header button:hover{

    text-decoration:none;
    background: rgb(233 225 206);
	color: #97843c;

}

.accordion-icon{

    width:40px;
    color:#b08d57;
    font-size:24px;

}

.card-body{

    padding:25px 30px;

    background:#fafafa;

}

.card-body p{

    font-weight:600;
    color:#555;

}

.card-body ul{

    padding-left:22px;
    margin-bottom:0;

}

.card-body li{

    padding:7px 0;
    color:#666;

}

.plus-icon{

    transition:.4s;

    color:#b08d57;

    font-size:18px;

    margin-top:5px;

}

button[aria-expanded="true"] .plus-icon{

    transform:rotate(45deg);

}

@media(max-width:767px){


.card-header button{

font-size:17px;

padding:18px;

}

.accordion-icon{

font-size:20px;

width:30px;

}

.card-body{

padding:20px;

}

}