.backBtn{
    background-color: var(--color);
    color: white;
}
.orderConfirm_card{
    box-sizing: border-box;
    border: none;
    width: 65%;
    background-color:#FFFFFF;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100%;
    box-shadow: 0px 1px 3px #c0bebe;
    margin-top: 10%;

}



.orderConfirm{

    box-sizing: border-box;
    border: none;
    height: 65px;
    width: 100%;
    background-color: var(--color);
    align-items: center;
    margin-left: auto;
    margin-right: auto;

}

.orderConfirm_text{
    color: white;
    font-size:24px;
    font-family: 'Inter', sans-serif;
    margin-left:2%;
    padding-top: 2%;


}


.orderConfirm_margin{
    margin-left:7%;
    margin-right: 7%;
}

.confirm_line{
    margin-top: 22px;
    line-height:1.5
}
.customer_name{
    color: #262626;
    font-size:16px;
    font-weight:650
}
.orderMessage{
    font-size:15px;
    color: #2c2c2c;


}


.orderConfirm_mar{
    margin-top:10%
}

.table1{
    border: 1px solid #EED3C2;
    background-color: #F0ECE8;
    height: 30px;

}
.orderConfirm_table{
    width: 100%;

}

.orderConfirm_Date{
    font-size:14px;
    color:#262626;
    padding-left: 2%;

}
.orderConfirm_table_text{
    font-size:14px;
    color:#262626

}



#orderConfirm_product {
    border-collapse: collapse;
    width: 100%;
  }

  #orderConfirm_product td {
    padding: 4px;
    font-size: 14px;
  }
  .orderConfirm_price1{
      transform:translate(-30%)

  }


  #orderConfirm_price_list {
    border-collapse: collapse;
    width: 100%;
  }


  #orderConfirm_price_list td {
    padding: 4px;
    font-size: 14px;
  }




.orderConfirm_num{
    font-size:14px;
    color:#262626;
    padding-left: 5%;

}


.orderConfirm_product_text{
    transform: translate(-20px)
}

.orderConfirm_price_text{
    text-align:right ;

}

.orderConfirm_price2{
    transform:translate(23%)

}



.orderConfirm_total_card{
    border-top:2px solid #D4D4D4;
    margin-right: 5%;

}



.orderConfirm_total_card2{
    border-bottom:2px solid #D4D4D4;

}





.orderConfirm_net_card{
    background-color:#D2D2D2;
    height: 30px;
    margin-bottom: 20px;


}


.welcome{
    margin-top:5%;
    margin-bottom: 3%;
    font-size:13px
}

.end{
     font-size:13px;
    margin-bottom: 8%;


}

.last{
    font-size:13px;
    margin-bottom: 2%;

}


@media screen and (min-width: 240px) and (max-width: 319px)   {


    .orderConfirm_card{
        width: 100%;
        margin-bottom: 10%;
        margin-top: 30%;


    }


    .orderConfirm{


        height: 30px;
        width: 100%;
        margin-top: 4%;

    }
    .orderConfirm_text{
        font-size:14px;


    }

    .confirm_line{
        margin-top: 15px;
        line-height:1
    }
    .customer_name{
        font-size:13px;
    }

    .orderMessage{
        font-size:12px;


    }

    .table1{

        height: 30px;

    }
    .orderConfirm_table{
        width: 100%;

    }

    .orderConfirm_Date{
        font-size:10px;
        padding-left: 0%;



    }
    .orderConfirm_table_text{
        font-size:  10px;
        text-align: center;

    }

    #orderConfirm_product td {
        font-size: 10px;
      }


  #orderConfirm_price_list td {
    font-size: 10px;
  }
      .orderConfirm_product_text{
        transform: translate(0%)
    }


    .orderConfirm_price1{
        transform:translate(0%)
    }
    .orderConfirm_price2{
        transform:translate(35%)

    }
    .welcome{
        font-size:10px
    }

    .end{
         font-size:10px;


    }

    .last{
        font-size:10px;

    }



}

@media screen and (min-width: 320px) and (max-width: 767px)   {

    .orderConfirm_card{
        width: 100%;
        margin-bottom: 100%;
        margin-top: 25%;

    }


    .orderConfirm{

        height: 45px;
        width: 100%;
        margin-top: 4%;

    }
    .orderConfirm_text{
        font-size:20px;


    }

    .orderConfirm_Date{
        padding-left: 0%;
        font-size: 12px;



    }


    .customer_name{
        font-size:13px;
    }

    .orderMessage{
        font-size:12px;


    }

    .orderConfirm_table_text{
        text-align: center;
        font-size: 12px;


    }
    .orderConfirm_product_text{
        transform: translate(0%);
        font-size: 12px;

    }


    .orderConfirm_price1{
        transform:translate(0%)
    }
    .orderConfirm_price2{
        transform:translate(40%)

    }

    #orderConfirm_product td {
        font-size: 12px;
      }


  #orderConfirm_price_list td {
    font-size: 12px;
  }


  .welcome{
    font-size:12px
}

.end{
     font-size:12px;


}

.last{
    font-size:12px;

}
}
@media screen and (min-width: 768px) and (max-width: 1200px)   {


    .orderConfirm_card{
        margin-top: 15%;
        margin-bottom: 100%;


    }
}