.cards-container{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;padding:20px}.card{width:100%;max-width:300px;background:#fff;border-radius:12px;padding:20px;text-align:center;position:relative;transition:all 0.3s ease;box-shadow:0 4px 8px rgb(0 0 0 / .1);cursor:pointer;border:2px solid #fff0;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px;overflow:hidden}.card:hover,.card.active{border-color:#E5FF5E}.card-description{opacity:0;max-height:0;transition:opacity 0.3s ease,max-height 0.3s ease;overflow:hidden}.card:hover .card-description{opacity:1;max-height:500px}.icon-container{display:flex;justify-content:center;align-items:center;width:100%;height:70px;overflow:hidden}.icon-container img{width:60px;height:60px;object-fit:contain;transition:transform 0.3s ease}.card:hover .icon-container img{transform:scale(1.1)}.card-title{font-size:18px;font-weight:700;margin:10px 0;color:#0F383A}.card-description{font-size:16px;color:#444;line-height:1.4}@media (max-width:767px){.card:active .card-description,.card.active .card-description{opacity:1;max-height:500px}}