*{
    margin:0;
}
.cart-header{
    display:flex;
    padding:0 10px;
    /* position:fixed; */
}
.amazon-logo{
    padding:20px 17px;
    width:150px;

}
.amazon-logo-image{
    height:30px;
    width:100px;
}
.checkout-text{
    height:20px;
    width:auto;
    text-align: center;
    padding-top:20px ;
    padding-right:60px;
    flex:1;
}
.text-header{
    font-size:20px;
    font-family:roboto,arial;
    font-weight:700px;
}
.item-3-link{
    text-decoration: none;
}
.item-3-text{
    color:#007185;
}
.lock-icon{
    padding:20px 17px;
}
.order-body{
    display:flex;
    flex-direction: column;
    gap:15px;
    max-width:1100px;
    margin: 0 auto;
    align-items: flex-start;
}
.checkout-container{
    display:flex;
    gap:20px;
    max-width:1100px;
    margin:auto;
    padding:20px;
    align-items:flex-start;
}
.left-section{
    flex:2;
    max-width:750px;
}
.right-section{
    flex:1;
    max-width:350px;
}

@media(max-width:900px){
    .checkout-container{
        flex-direction:column;
    }
    .right-section{
        order: 1;
        max-width:100%;
    }
    .left-section{
        order:2;
    }
}
.text-review-order{
    font-size:20px;
    font-weight:700;
    font-family:roboto,arial;
    
}

.order-details-card{
    border:1px solid rgb(222, 222, 222);
    padding:12px 15px;
    border-radius:4px;

    margin-bottom:20px;
}
.order-summary-card{
    
    border:1px solid rgb(222, 222, 222);
    padding:12px 15px;
    border-radius:4px;
    
}
.order-details-card,
.order-summary-card{
    width:100%;
}

.card-content{
    display:flex;
    justify-content: space-between;
    gap:40px;
    align-items: flex-start;
}
.item-image-name{
    flex:1.5;
}
.delivery-option{
    flex:1;
    display:flex;
    flex-direction:column;
}
@media (max-width:900px){

    .card-content{
        flex-direction:column;
        gap:15px;
    }

}
.summary-text{
    font-family:roboto,arial;
    font-weight:bold;
    padding-bottom:10px;
}
.item-and-value{
    display:flex;
    justify-content: space-between;
    padding-right:12px;
    padding-bottom:10px;
}
.total-container{
    padding-top:15px;
}
.total-before-tax{
    border-top:1px solid rgb(222, 222, 222);
    padding:10px;
}
.total-amount{
    border-top:1px solid rgb(222,222,222);
    color:rgb(177, 39, 4);
    display:flex;
    justify-content: space-between;
    font-size:18px;
    font-weight:700;
    padding:20px 0;
}
.place-your-order-button{
    background-color:#ffd814;
    height:35px;
    width:100%;
    border:none;
    border-radius:8px;
}
.delivery-date{
    font-size:19px;
    font-weight:700;
    color:rgb(0,118,0);
    margin-top:5px;
    margin-bottom:22px;
    font-family:roboto,arial;
}
.item-image-name{
    display:flex;   
}
.image{
    height:120px;
    width:120px;
    padding:10px;
}
.ordered-item-image{
    height:110px;
    width:110px;
    align-items: center;
}
.name-and-price-quantity{
    display:flex;
    flex-direction: column;
    gap:8px;
    padding:10px;
}
.name-item{
    font-weight:bold;
    font-family:roboto,arial;
    font-size:16px;
}
.item-order-price{
    color:rgb(177, 39, 4);
    font-weight:700;
    font-family:roboto,arial;
}
.update-button,
.delete-button{
    color:rgb(1,124,182);
    padding:5px;
}
.update-button:hover,
.delete-button:hover{
    color:rgb(226, 102, 40);
}
.order-date-option{
    font-family:roboto,arial;
    font-weight:bold;
}
.shipping-option{
    display:flex;
    padding: 8px 10px;
    align-items: flex-start;
}
.shipping-text{
   padding:  5px; 
}
.shipping-date{
    color:rgb(0,118,0);
    font-weight:500;
    font-family:arial,roboto;
}
.shipping-price{
    color:rgb(120, 120, 120);
    font-size:15px;
}




