*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
.container{
    width: 100%;
    box-sizing: border-box;
    padding: 0 10%;
}
p,a{
    font-family: 'Noto Sans Tangsa', sans-serif;
    font-weight: 400;
}
h5 {
    font-family: 'Noto Sans Tangsa', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    color: rgb(0, 0, 0);
}
h6{
    font-family: 'Noto Sans Tangsa', sans-serif;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 500;
}
/* Pament Page */
.pament_pag{
    width: 100%;
    padding-bottom: 30px;
    background-color: rgb(247, 236, 236);
}
.select_product_section{
   
}
.col-xs-12 {
    max-width: 100vw;
}
.select_product{
    /* border: 1px solid rgb(252, 10, 10); */
    background-color: #aa1e2011;
    padding: 20px 2%;
}
.select_product h5{
    text-align: center;
    padding: 5px 0 10px 0;
    border-bottom: 1PX solid rgba(233, 47, 47, 0.2);
}
.select_product_table,
.select_product_table_mobile{
    padding: 15px 0;
    overflow-x:auto;
}
.select_product_table table,
.select_product_table_mobile table{
    width: 100%;
    
}
.select_product_table table,
.select_product_table th,
.select_product_table td,

.select_product_table_mobile table,
.select_product_table_mobile th,
.select_product_table_mobile td{
    border: 1px solid rgba(184, 52, 52, 0.2);
    border-collapse: collapse;
    text-align: left;
    padding: 10px 10px;
    font-family: 'Noto Sans Tangsa', sans-serif;
  }
    .select_product_table_mobile table,
    .select_product_table_mobile th,
    .select_product_table_mobile td{
      border: none;
    }
        .select_product_table_mobile th,
        .select_product_table_mobile td{
          width: 50%;
        }
        .select_product_table_mobile tr{
          border-bottom: 1px solid rgba(184, 52, 52, 0.2);
        }

         .select_product_table_mobile th:last-child,
         .select_product_table_mobile td:last-child{
            text-align: right;
         }
  .select_product_table table thead th,
     .select_product_table_mobile table thead th{
    
    font-size: 14px;
    font-weight: 700;
    color: black;
  }
    .select_product_table_mobile table tfoot td{
        font-size: 14px;
          font-weight: 600;
          color: black;
    }
        .select_product_table_mobile table tfoot tr#total td {
          font-size: 16px;
          font-weight: 700;
        }
.select_product_table_mobile table tfoot tr#total{
                  border: 0;
                }
        
  .select_product_table table tbody td,
  .select_product_table_mobile table tbody td{
    font-size: 14px;
    font-weight: 500;
    color: rgb(22, 21, 21);
  }
  .select_product_table table thead,
  .select_product_table_mobile table thead{
    border-bottom: 2px solid rgba(202, 44, 44, 0.2);
  }
  .select_product_table table,
  .select_product_table_mobile table{
    background-color: #ff00000d;
  }
  .select_product_table table tbody tr:nth-child(even) ,
  .select_product_table_mobile table tbody tr:nth-child(even) {
    background-color:rgba(202, 44, 44, 0.2);
  }
  /* Information Pament Section */
  .information_pament_section{
    display: flex;
    justify-content: space-between;
    background-color: rgb(247, 236, 236);
  }
  .information_section,
  .pament_section{
    /*width: 49%;*/
    padding: 20px 0;
    background-color: rgba(255, 255, 255, 0.219);
    border: 1px solid rgba(78, 76, 76,.2);
  }
  .information_pament_section H5{
    text-align: center;
    padding:  0 0 10px 0;
    border-bottom: 2PX solid rgba(78, 76, 76,.2);
  }
.select_product_table_mobile{
  display: none;
}


  /* Your Information Section */
  .client_information{
    padding: 0;
  }
  .client_information .INfild{
    width: 100%;
  }
  .client_information .INfild label{
    display: block;
    padding: 15px 0 5px 0;
    font-family: 'Noto Sans Tangsa', sans-serif;
    font-weight: 600;
    font-size: 16px;
  }
  .client_information .INfild.name,
  .client_information .INfild.mobile{
    width: 48%;
    display: inline-block;
  }
  .client_information .INfild.name{
    float: left;
    margin-right: 2%;
  }
  .client_information .INfild.phone{
    float: right;
    margin-left: 2%;
  }
  .INfild input,
  .client_information .INfild textarea{
    width: 100%;
    padding: 5px 10px;
    border-radius: 5px;
    font-family: 'Noto Sans Tangsa', sans-serif;
    font-weight: 400;
    font-size: 16px;
    border: 2px solid rgba(78, 76, 76,.2);
  }
   .INfild input:focus,
  .client_information .INfild textarea:focus{
    border: 1px solid rgb(29, 107, 196);
    outline: none;
    box-shadow: 0 0 10px 0 rgb(29, 107, 196);
  }
  .client_information .INfild input.checkOption:focus{
    box-shadow: none;
    border: none;
  }
  .client_information .INfild textarea{
    height: 60px;
    margin-bottom: 50px;
    max-width: 100%;
  }
  .client_information .INfild input#Check{
    height: 15px;
    width: 15px;
    border-radius: 5px;
  }
  .client_information .INfild.checkOption{
    padding: 20px 0;
    border-top: 1px solid rgba(128, 123, 123,.1);
    border-bottom: 1px solid rgba(128, 123, 123,.1);
  }
  .checkOption p{
    padding-left: 5px;
    display: inline;
  }
  .information_section a{
    color: rgb(29, 107, 196);
    text-decoration: none;
  }
  .information_footer{
    padding-top: 50px;
    text-align: center;
  }
  .information_footer h6 a{
    color: rgb(177, 14, 14);
  }
  .information_footer p{
    font-size: 14px;
  }
  /* Pament Section */
  .promo_code{
    text-align: center;
    padding: 20px;
    margin-top: 10px;
    background-color: rgba(128, 123, 123,.1);
  }
  .promo_code h6.pp {
    color: red;
}
  .promoCode_fild{
    display: flex;
    justify-content: center;
    column-gap: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(128, 123, 123,.1);
  }
  .promoCode_fild input{
    width: 200px;
    padding: 3px 5px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }
  .promoCode_fild button{
    width: 100px;
    margin-top: 1px;
    height: 27px;
    line-height: 27px;
    background-color: red;
    border: none;
    border-radius: 5px;
  }
  button a{
    display: block;
    text-decoration: none;
    color: #fff;
  }
  .select_pay{
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(128, 123, 123,.1);
  }
  .select_pay #pay,
     .select_pay #pay .pay_option{
    width: 200px;
    border-radius: 5px;
    padding: 5px 10px;
    font-family: 'Noto Sans Tangsa', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: red;
    border: 2px solid rgba(78, 76, 76,.2);
  }
  .select_pay #pay:focus{
    border: 1px solid rgb(29, 107, 196);
    outline: none;
    box-shadow: 0 0 5px 0 rgb(29, 107, 196);
  }
  
  .total_pay table{
    width: 100%;
    font-family: 'Noto Sans Tangsa', sans-serif;
    font-weight: 600;
    font-size: 14px;
  }
  .total_pay table tr{
    
  }
  .total_pay table th{
    border-bottom: 1px solid rgba(128, 123, 123,.1);
  }
  .total_pay table th:first-child{
    text-align: right;
    width: 60%;
    padding: 10px 10px;
  }
  .total_pay table th:last-child{
    width: 40%;
    padding: 10px 10px;
    text-align: left;
  }
  .total_pay table tr:last-child th:last-child{
    color: red;
    font-size: 16px;
    font-weight: 700;
  }
  .total_pay table th tr span{
    display: inline;
  }
  #place_order{
    margin-top: 20px;
    background-color: red;
    width: 80%;
    text-align: center;
    border: none;
    padding: 10px 0;
  }




  /* Responsiv */
  @media(max-width:1200px) {
    h5{font-size: 18px;}
    h5{font-size: 16px;}
    .client_information .INfild label{font-size: 14px;}
    
  }
  @media(max-width:992px) {
    h5{font-size: 20px;}
    h5{font-size: 18px;}
    .client_information .INfild label{font-size: 16px;}
    .client_information .INfild textarea {
        margin-bottom: 20px;
    }
    .information_footer {
        padding-top: 20px;
    }
    .information_pament_section {
        flex-direction: column;
    }
    .information_section, .pament_section {
        width: 100%;
    }
    .information_section{
        margin-bottom: 20px;
    }
 /* select_product_table Mobil View */
.select_product_table{
    display: none;
  }
.select_product_table_mobile {
   display: block;
}
  }
  @media(max-width:767px) {
    .container{
        padding: 0 5%;
    }
    p{font-size: 12px;}
    h5{font-size: 18px;}
    h5{font-size: 16px;}
    .client_information .INfild label{font-size: 14px;}
    .INfild input, .client_information .INfild textarea{font-size: 14px;}
    .client_information .INfild input#Check {
        height: 12px;
        width: 12px;
    }

}
 
  @media(max-width:580px) {
    h6{font-size: 16px;}
    button{width: 80px;}
    .information_footer p,
    .total_pay table tr:last-child th:last-child
     {font-size: 14px;}
    .information_footer p,
    .select_product_table table thead th ,
    .INfild input, .client_information .INfild textarea,
    .select_pay #pay,
    .total_pay table,
    .select_product_table table tbody td,
    button a
    {font-size: 12px;}
    .client_information .INfild.name, .client_information .INfild.mobile {
        float: inherit;
        margin: 0;
        width: 100%;
        display: inline-block;
    }
  }
  @media(max-width:380px){
    .promoCode_fild {
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .promoCode_fild button{
        margin-top: 5px;
    }
    .select_pay h6{
        font-size: 14px;
    }
  }