body{
    font-family: "Nunito Sans", sans-serif;
}
.sp2 {
    padding: 20px 0 70px;
}

.container{
    max-width: 1250px;
    margin: auto;
}
.vl-work-icon-box-10 {
    border-radius: 8px;
    border: 1px solid rgba(16, 22, 8, 0.1);
    transition: 0.3s;
    padding: 28px 24px;
    position: relative;
    text-align: center;
}

.vl-work-icon-box-10 .icon span {
    background: #F4F9ED;
    height: 80px;
    width: 80px;
    border-radius: 50px;
    display: flex;
    line-height: 80px;
    text-align: center;
    align-items: center;
    transition: 0.3s;
    margin: auto;
}
.vl-work-icon-box-10 .number span {
    font-size: 44px;
    line-height: 44px;
    font-weight: 500;
    color: #E7E8E6;
    font-family: 'Quicksand', sans-serif;
    position: absolute;
    top: 28px;
    right: 24px;
    transition: 0.3s;
  
}
.vl-work-icon-box-10 p {
    color: #51544D;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}

.vl-work-icon-box-10:hover {
    background: #D9EBC2;
    transition: 0.3s;
    border: 1px solid #D9EBC2;
}
.vl-work-icon-box-10:hover .number span {
    color: #000;
    transition: 0.3s;
}
.vl-about-mission-bg .icon-list-box ul li {
    color: #000;
    font-size:17px;
    line-height: 28px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 5px;
    padding-bottom: 16px;
}
.line-height{
    line-height: 70px;
}
.vl-banner-10 .vl-hero-btn {
    margin-bottom: 40px;
}
.vl-cause-btn-10 {
       font-size: 18px;
    font-weight: 500;
    color: #fff;
    transition: 0.3s;
    border: 1px solid #415733;
    display: inline-block;
    border-radius: 8px;
    padding: 8px 24px;
    background: #415733;
}
.vl-cause-btn-10:hover {
    background: #8ec44d;
    color: #fff;
    transition: 0.3s;

}
.vl-cause-btn-10 svg {
    transition: transform 0.3s ease, fill 0.3s ease;
}

.vl-cause-btn-10 svg path {
    fill: #fff;
    transition: fill 0.3s ease;
}

.vl-cause-btn-10:hover svg {
    transform: rotate(45deg);
}

.vl-cause-btn-10:hover svg path {
    fill: #fff;
}

 /* Premium Pharma CTA Button */
 /* ===== Premium Attention CTA ===== */

.buy-now-btn {
  background: #405534;
  color: #fff;
  padding: 10px 32px;
  border-radius: 12px;
  font-size: 17px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  transition: all 0.25s ease;

  /* attention animation */
  animation: pulseGlow 1.5s infinite;
}

/* pulse glow effect */
@keyframes pulseGlow {
  0% {
    box-shadow: 0 0 0 0 rgba(64,85,52,0.6);
  }
  70% {
    box-shadow: 0 0 0 14px rgba(64,85,52,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(64,85,52,0);
  }
}

/* hover = stronger premium feel */
.buy-now-btn:hover {
  transform: scale(1.07);
  background: #334429;
  animation: none;
}

/* click effect */
.buy-now-btn:active {
  transform: scale(0.95);
}

/* arrow animation */
.buy-now-btn span {
  display: flex;
  animation: arrowMove 1s infinite alternate;
}

@keyframes arrowMove {
  from { transform: translateX(0); }
  to { transform: translateX(6px); }
}