#four-card-tech-stack{padding:10rem 0}.card h4{align-items:center;display:flex;gap:8px;position:relative}.card h4:before{background-color:var(--green);border-radius:50%;content:"";flex-shrink:0;height:6px;width:6px}.card h4:after{display:none}.card>div{border-radius:8px;display:flex;gap:10px;padding:12px 14px!important;transition:all .2s ease}.card>div:nth-child(2n){background:rgba(248,250,249,.4)}.card>div:nth-child(odd){background:transparent}.card>div:hover{background:var(--pearl);padding-left:18px!important;transform:translateX(2px)}.card>div:nth-child(2):after,.card>div:nth-child(3):after{background:var(--mint);border-radius:4px;color:var(--green);content:"Popular";font-size:10px;font-weight:600;letter-spacing:.02em;margin-left:auto;padding:2px 8px;text-transform:uppercase}.sec-p{background:var(--pearl)}.sec-m{background:var(--mint)}.grid-2{grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:18px}.grid-3{grid-template-columns:1fr 1fr 1fr}.grid-4{display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr 1fr}@media(max-width:1024px){.grid-4{grid-template-columns:2fr 2fr}}@media(max-width:767px){.grid-4{grid-template-columns:1fr}}.sl{align-items:center;display:flex;gap:8px;margin-bottom:14px}.sl .d{background:var(--green);border-radius:50%;height:5px;width:5px}.sl span{color:var(--green);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.card{border:1px solid var(--hairline);border-radius:18px;cursor:default;transition:all .35s cubic-bezier(.16,1,.3,1)}.card:hover{border-color:var(--green-line)!important;box-shadow:0 8px 32px rgba(21,128,61,.04);transform:translateY(-2px)}.op{align-items:center;background:var(--green-soft);border:1px solid var(--green-line);border-radius:10px;display:flex;gap:8px;margin-top:18px;padding:10px 16px}.op .s{color:var(--vivid);font-size:14px}.op span:last-child{color:var(--green);font-size:13px;font-weight:600}