section{
    padding: 30px 0;
    
}

section .container{
    width: 1230px;
}

.wrapper{
    height: 100%;
}

.col-6{
    width: 50%;
}

.col-7 .wrapper{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.row{
    display: flex;
    flex-wrap: wrap;
}

.mb-3{
    margin-bottom: 1rem;
}

.col-7{
    width: calc(7/12 * 100%) ;
    padding: 0 15px;
}

.col-5{
    width: calc(5/12 * 100%);
    padding: 0 15px;
}

.col-12{
    width: 100%;
}

form{
    width: 100%;
}

h3{
    color: #fff;
    margin-bottom: 6px;
}

label{
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #fff;
}

.col-7 input{
    width: 100%;
    height: 40px;
    padding-left: 15px;
    border: 1px solid #FEA53D;
    outline: 0;
    background-color: transparent;
    color: #fff;
}

input:focus, textarea:focus{
    outline: 1px solid #FEA53D;
}

.form-group-radio{
    display: flex;
}

input[type="radio"]{
    width: 20px;
    height: 20px;
    margin-right: 6px;
    border: 1px solid red;
    cursor: pointer;
    background-color: transparent;
    accent-color:#fea53d;
}

input[type=radio]:not(:checked)::-ms-check {
    border-color: #fea53d; 
  }

input[type="radio"]:focus{
    outline: 0;
}

.form-label-radio{
    display: inline;
}

textarea{
    width: 100%;
    padding: 15px;
    border: 1px solid #FEA53D;
    background-color: transparent;
    outline: 0;
    color: #fff;
}

textarea::placeholder, input::placeholder{
    color: #ddd;
}

.bg-white{
    border: 2px solid #FEA53D;
}

.bg-white{
    height: 100%;
}

.p-3{
    padding: 30px 25px;
}

.order-sum-content{
    height: 70%;
}

.col-5 input[type="number"]{
    width: 80%;
    height: 20px;
}

.pro-box{
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
}

.pro-box .left{
    display: flex;
    width: 87%;
}

.pro-box .left .picture{
    margin-right: 10px;
}

.pro-box .left h4{
    margin-bottom: 4px;
}

.pro-box .left .picture img{
    border-radius: 50%;
    object-fit: cover;
}

.pro-box .right{
    width: 13%;
    display: flex;
    align-items: center;
}

.pro-box .desc{
    padding-top: 4px ;
}

.delivery.cost-content{
    height: 30%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.before-cost{
    border-top: 1px solid #FEA53D;
    border-bottom: 1px solid #FEA53D;
}

.before-cost div, .after-cost div{
    display: flex;
    justify-content: space-between;
    padding: 10px 25px;
}

.btn-confirm-order{
    border: 0;
    width: 100%;
    font-size: 16px;
    padding: 8px 0;
    background-color: #FEA53D;
    color: #fff;
    font-weight: 600;
    margin-top: 5px;
    cursor: pointer;
}

.btn-confirm-order:hover{
    background-color: rgb(206, 137, 8);
}

input[type=number]{
    width:45px;
    font-size: 16px;
    outline: 0;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}

.payment{
    height: 70px;
    padding: 0 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.left-content{
    height: calc(100% - 39px);
}

.pick-up .confirm-order{
    padding: 0 25px;
}

.pick-up .cost-content{
    height: 30%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}