.main{
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  font-family: arial;
}
.checkout-title{
   font-size: 18px;
   font-weight: 600;
   margin-top: 50px;
   margin-bottom: 20px;
}
.checkout-grid{
  display: flex;
  column-gap: 20px;
}
.checkout-summary{
  display: grid;
  grid-template-rows: 1fr,1fr;
  row-gap: 20px;
  width: 741px;
}
.checkout-container{
 border: 1px solid rgb(95, 95, 95, 0.2);
 border-radius:3px;
 padding: 20px 20px;
 width: 700px;
}
.delivery-date{
  font-size: 18px;
  font-weight: 700;
  color:rgb(2, 93, 2);
  padding-bottom: 20px;
}
.product-description{
  width: 300px;
}
.product-description .product-title{
  font-weight: 700;
  margin-bottom: 5px;
}
.product-description .product-price{
  color:rgb(194, 14, 14);
  font-weight: 700;
  margin-bottom: 5px;
}
.product-description .product-quantity .update-quantity-link, .delete-quantity-link{
 color: blue;
 cursor: pointer;
}
.product-details{
  display: flex;
  grid-template-columns: 150px, 1fr, 1fr;
  column-gap: 25px;
}
.product-image{
   width: 150px;
   height: 140px
}
.delivery-dates-info .delivery-title{
  font-weight: 700;
  padding-bottom: 10px;
}
.delivery-date-container{
  display: flex;
  padding-bottom: 10px;
}
.delivery-date-container .delivery-day .day{
  font-weight: 700;
  color:rgb(2, 93, 2);
}
.delivery-date-container .delivery-day .shipping-fee{
  color: rgb(102, 100, 100);
}
.pay-summary{
  border: 1px solid rgb(95, 95, 95, 0.2);
  width: 280px;
  padding: 10px 10px;
  border-radius: 3px;
}
.itemsprice, .totalprice{
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 5px;
}
.totalprice{
   color:rgb(194, 14, 14);
   border-top: 1px solid rgb(95, 95, 95, 0.2);
   padding-top: 20px;
   padding-bottom: 20px;
}
.order-button{
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
 background-color: orange;
 border: none;
 cursor: pointer;
 border-radius: 8px;
}
.quantity-input{
  width: 30px;
  border: 1px solid black;
  border-radius: 3px;
}