body{
    padding-top:20px;
}
.main{
    display:flex;
    flex-direction: column;
    
    max-width:850px;
    margin-top:90px;
    margin-bottom:100px;
    margin-right: auto;
    margin-left:auto;
    padding:20px;
}
.container-your-order{
    margin:25px;
    /* padding-top:20px; */
}   
.text-your-order{
    font-size:25px;
    font-weight:bold;
    text-align: left;
}
.order-card{
    border:1px solid  #dce0e0;
    background-color: white;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    margin:15px 0px;
}
.order-info{
    background-color:#F0F2F2;
    border-bottom: 1px solid #dce0e0;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
    padding:20px;
}
.order-date,
.order-amount{
    white-space:nowrap;
    flex:1
}
.heading-order{
    font-weight:550;
}
.order-details{
    color:#212121;
}

.order-id{
    flex:2;
    min-width:200px;
}
.order-value{
    display:flex;
    flex-direction: column;
}

.item-info{
    padding-bottom:28px;
    padding-top:20px;
    
}

.each-item{
    display:flex;
    flex-direction: row;
    gap:20px;
    
}
@media(max-width:450px){
    .main{
        justify-content: center;
    }
    .order-value{
        flex-direction: row;;
    }
    .each-item{
        flex-direction: column;
    }
}
.order-image{
    display:flex;
    justify-content: center;
    height:130px;
    width:130px;
    padding:30px;
}
.order-item-info{
    padding-top:30px;
    display:flex;
    flex-direction: column;
}
@media (min-width: 806px) {

  .order-item-info{
    flex-direction: row;
    flex-wrap: wrap;
  }

  .order-item-name {
    padding-top:12px;
    order: 1;
    width: 50%;
    margin-right:100px;
  }

  .track-button {
    order: 2;
    width: 50%;
  }

  .order-item-date {
    order: 3;
    width: 100%;
  }

  .order-item-quantity {
    order: 4;
    width: 100%;
  }
  .buy-it-again-button {
    order: 5;
    width: 100%;
  }

}
@media(max-width:470px){
    .order-card{
        flex-direction: column;
    }
    .item-info{
        flex-direction: column;
    }
}
.order-item-name{
    font-weight:bold;
    font-family:roboto;
}
.order-item-date ,
.order-item-quantity{
    font-family:roboto;
    margin:6px 0px;
    font-weight:300px;
}
.buy-it-again-button{
    background-color: #FFD814;
    border:none;
    height:33px;
    width:150px;
    border-radius:8px;
    cursor:pointer;
    display:flex;
}
.buy-it-again-button:hover{
    filter:brightness(95%);
}
.buy-it-again-image{
    height:25px;
    align-items: flex-start;
    padding-left:10px;
    padding-top:5px;
}
.buy-it-again-text{
    padding:10px;
    font-family:roboto,arial;
    font-size:15px;
}
.track-button{
    height:33px;
    width:150px;
    background-color: white;
    border-radius:8px;
    border:1px solid rgb(204, 199, 199);
    color:#212121;
    cursor:pointer;
    margin:10px 0px;
    box-shadow:1px 1px 1px  rgb(172, 172, 172);
}
.track-button:hover{
    filter:brightness(98%);
}
.order-value{
    display:flex;
    white-space:nowrap;
}