.order-card{border-radius:10px;box-shadow:3px 3px 20px #0000001a;margin-bottom:30px}@media (max-width:575.98px){.order-card{margin-bottom:20px}}.order-card .order-head{background-color:#1d1d1d1a;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:space-between;padding:15px 30px}.order-card .order-head.pending{background-color:#d0011b1a}.order-card .order-head.in-progress{background-color:#00aded1a}.order-card .order-head.completed{background-color:#2ea5121a}@media (max-width:575.98px){.order-card .order-head{align-items:flex-start;flex-direction:column;padding:20px}}.order-card .order-head .btn{align-self:baseline;border:transparent}@media (max-width:575.98px){.order-card .order-head .btn{align-self:flex-start;margin-top:10px}}.order-card .order-body{align-items:flex-start;background-color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;padding:26px 30px 12px;position:relative}@media (max-width:575.98px){.order-card .order-body{padding:20px}}.order-card .order-body .jobs-title{margin-bottom:15px}.order-card .order-body .line-item{padding-left:0}@media (max-width:575.98px){.order-card .order-body .line-item{padding-bottom:10px}}.order-card .order-body .details-btn{align-self:flex-end;cursor:pointer}@media (max-width:575.98px){.order-card .order-body .details-btn{align-self:flex-start}}.order-card .order-body .details-btn:hover{background-color:#00aded;border-color:#00aded;color:#fff}