.premium-data{width:fit-content;display:flex;align-items:center;gap:20px;margin-inline:auto;padding:30px}.premium-data .data{background-color:#1c1c1c}.premium-data .data,.premium-data .data1{display:flex;align-items:center;padding:20px 30px;gap:5rem;color:#fff;border-radius:10px}.premium-data .data1{background-color:#ff3131}.premium-data span{font-size:.7rem;opacity:.6;margin-bottom:5px}.premium-data p{font-weight:600;font-size:1rem}.premium-data .num{text-align:right}hr{height:50px;opacity:.4;outline:none}.referrals{width:50rem;margin-inline:auto;justify-content:space-between;padding:10px;font-weight:500}.button,.referrals{display:flex;align-items:center}.button{gap:10px}.button span{font-size:.7rem}.button a{border:1px solid #000000;display:flex;align-items:center;padding:2px;border-radius:100%;width:fit-content}.button img{width:15px}table{width:50rem;margin-block:10px 40px;margin-inline:auto}thead{background-color:#f9fbfd;font-size:.6rem}th{padding:5px 10px;border-radius:5px;text-align:left}td{padding:20px 10px;font-size:.6rem}.table-id{display:flex;align-items:center;gap:15px}.table-id div{background-color:#e3ecf7;height:20px;width:20px;border-radius:100%;padding:5px}.table-id img{width:10px}.Completed{width:10rem}.Completed div{background-color:#cdead9;color:#17b26a}.Completed div,.Inprogress div{font-weight:700;padding:5px 10px;border-radius:20px;text-align:center}.Inprogress div{background-color:#feeeda;color:#f79009}@media (max-width:1200px){.premium-data{gap:16px;padding:24px}.premium-data .data,.premium-data .data1{gap:3rem;padding:18px 24px}.referrals,table{width:90%}}@media (max-width:1024px){.premium-data{flex-wrap:wrap;justify-content:center}.premium-data .data,.premium-data .data1{width:45%;flex-direction:column;gap:1rem;text-align:center}.referrals{width:100%;padding:12px 18px}table{width:100%;font-size:.75rem}td,th{padding:12px 8px}}@media (max-width:768px){.premium-data .data,.premium-data .data1{width:100%;max-width:360px}.referrals{flex-direction:column;align-items:flex-start;gap:8px}table{display:block;overflow-x:auto;white-space:nowrap;border-collapse:separate;border-spacing:0 6px}td,th,thead{font-size:.7rem}}@media (max-width:600px){.premium-data{padding:16px;gap:12px}.premium-data .data,.premium-data .data1{padding:14px 18px;border-radius:8px}.premium-data span{font-size:.65rem}.premium-data p{font-size:.9rem}.referrals{padding:10px}.button span{font-size:.65rem}.button img{width:13px}}@media (max-width:480px){.premium-data{flex-direction:column;align-items:stretch}.referrals{font-size:.85rem}td,th{padding:10px 6px;font-size:.65rem}}@media (max-width:360px){.premium-data p,.referrals{font-size:.8rem}td,th{font-size:.6rem}}