body{background-color:#f1f5f9;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{width:100%;margin:0;padding:0}.failure-cont{flex-direction:column;justify-content:center;align-items:center;height:70%;padding:20px;display:flex}.failure-image{width:260px;height:250px}.failure-heading{color:#121416;font-family:Roboto;font-size:24px;font-weight:500}.failure-description{color:#4a4d54;font-family:Roboto;font-size:16px;font-weight:500}.loader-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:70%;display:flex}.card-container{cursor:pointer;background-color:#fff;border-radius:10px;justify-content:space-between;align-items:center;width:80%;margin-bottom:12px;padding:15px 35px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000014}@media screen and (width<=768px){.card-container{width:100%}}.card-container:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.card-left{align-items:center;gap:12px;display:flex}.profile-img{width:55px;height:55px}.user-name{color:#0f172a;margin:0;font-size:22px;font-weight:600}.user-email{color:#64748b;margin:0;font-size:15px;font-weight:400}.card-right{flex-direction:column;align-items:flex-end;display:flex}.user-phone{color:#0c0f12;margin:0;font-size:16px;font-weight:400}.user-company{color:#101316;margin:0;font-size:15px;font-weight:400}@media (width<=768px){.user-phone{color:#323845}.user-company{color:#2a323a}.card-container{flex-direction:column;align-items:flex-start;gap:10px}.card-right{align-items:flex-start}}.user-data-cont{padding:10px}.input-cont{background-color:#0000;border-bottom:1px solid #788194;width:100%;padding:10px 15px 13px}.search-heading{color:#4a4d54;font-family:Roboto;font-size:1.2rem;font-weight:600}.input-element{border:0;width:30%;height:35px;margin-right:10px;padding:5px;font-size:1rem;font-weight:500}.select-option-element{border:0;width:20%;height:35px;padding:5px;font-size:1rem;font-weight:500}@media screen and (width<=768px){.input-element{width:60%;height:30px;margin-right:8px;font-size:.7rem}.select-option-element{width:35%;height:30px;font-size:.7rem}.search-heading{font-size:.8rem}}.cards-cont{flex-direction:column;align-items:center;gap:12px;width:100%;margin:0;padding:5px;list-style:none;display:flex}.header-bg{background-color:#fff;justify-content:flex-start;align-items:center;width:100%;padding:10px 15px;display:flex;box-shadow:0 10px 10px #bcb6cf14}.logo-style{width:2.5rem;height:2.5rem;margin-right:5px}.heading{color:#4680e4;font-family:Roboto;font-size:1.2rem;font-weight:600;text-decoration:none}@media screen and (width<=768px){.heading{font-size:.8rem}.logo-style{width:1.8rem;height:1.8rem}}.user-details-cont{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:25px;display:flex}.details-card{background-color:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex;box-shadow:0 4px 12px #0000001f}.profile{width:100px;height:100px}.name{color:#201919;font-family:Roboto;font-size:1.5rem;font-weight:700}.username{color:#827878;font-family:Roboto;font-size:1rem;font-weight:500}.message{color:#354257;font-family:Roboto;font-size:1rem;font-weight:500}.title{color:#201919;font-family:Roboto;font-size:1.3rem;font-weight:700}.website{font-family:Times New Roman,Times,serif,Roboto;font-size:1rem;font-weight:400}@media screen and (width<=768px){.profile{width:60px;height:60px}.name{font-size:.8rem}.username{font-size:.6rem}.message,.website{font-size:.7rem}}