.services-wrapper
{padding:60px 30px;position:relative;border-radius:16px;border:6px solid transparent;background:linear-gradient(#eaf4ee,#eaf4ee) padding-box,linear-gradient(90deg,#22c55e,#166534) border-box;}
.tabs{position:absolute;top:-30px;left:50%;transform:translateX(-50%);background:#0f5a2a;padding:4px;border-radius:30px;display:flex;}
.tab{border:none;padding:10px 20px;border-radius:30px;background:transparent;color:#cfe7d5;cursor:pointer;}
.tab.active{background:#1b7a3a;color:#fff;}
.cards{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;}
.hidden{display:none;}
.card{background:#fff;width:30%;padding:30px 25px;border-radius:12px;box-shadow:0 8px 18px rgba(0,0,0,0.08);}
.card img{width:auto;margin-bottom:20px;position: relative;  left: 70%;}
.card h3{font-size:20px; margin-bottom:18px; font-weight:500; color:#000}
.quote{display:flex; justify-content:space-between;color:#1b7a3a;font-size:14px;font-weight:bold;font-size:18px; }

/* When the browser is at least 600px and above */
@media (max-width: 800px) and (min-width: 300px) {
  .card{width:100%;}
  .card img{position: inherit;  left: 0%;}
	.tabs { top: -50px; display: block;}
}