.sign-form {
  max-width: 350px;
  margin: 0px auto;
  padding: 20px;
  background: white;
  border-radius: 7px 7px 7px 20px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.place-order-form {
  max-width: 600px;
  margin: 0px auto;
  padding: 10px;
  background: white;
  border-radius: 7px 7px 7px 20px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.platform{
  text-align: center;
  font: normal 600 1.1em 'roboto';
  padding: 12px 0px;
  }
.input-group {
  width: 100%;
  margin: 10px auto 10px;
}
.input-group label {
  display: block;
  text-align: left;
  font: normal 400 15px 'roboto';
  margin: 3px;
}
.input-group input, .pricing-method input {
  height: 30px;
  width: 100%;
  padding: 8px 10px;
  font: normal 400 14px 'roboto';
  border-radius: 5px;
  border: 1px solid #df930B;
  border-radius: 50px;
}
input[type="file"]{
  display: block;
  background: linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #df930B;
  border-radius: 50px;
  outline: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
 -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  height: 30px;
  width: 100%;
  padding: 4px 10px 4px;
  font-size: 13px;
}
select{
    width: 100%;
    padding: 5px 10px;
    font: normal 600 13px 'roboto';
    border-radius: 50px;
    border: 1px solid #df930B;
    } 
.btn {
  width: 100%;
  padding: 11px;
  font: normal 400 16px 'roboto';
  color: white;
  background: #df930B;
  border: none;
  border-radius: 50px;
}
.btn:hover{ color: white; }
.success {
  width: 92%; 
  margin: 0px auto; 
  padding: 10px; 
  border: 1px solid green; 
  color: green; 
  background: white; 
  border-radius: 5px; 
  text-align: left;
  }
.error {
  width: 92%; 
  margin: auto; 
  padding: 18px 0px 4px; 
  border: 1px solid #a94442; 
  color: #a94442; 
  background: #f2dede; 
  border-radius: 5px; 
  font: normal 400 0.85em 'roboto';
  text-align: center;
}
.card-cont{ padding: 50px 30px 70px 30px; }
.place-order-card-cont{ padding: 0px 30px 70px 30px; }
.note{ font: normal 400 13px 'roboto'; }
.opt-opt{   max-width: 350px; margin: auto; }
.opt-btn-cont{
    display: flex;
    margin: 5px auto 5px;
    text-align: left;
    }
.opt{ padding: 5px; }
.opt button{
    cursor: pointer;
    width: 100%;
    padding: 7px;
    font: normal 400 15px 'roboto';
    color: black;
    border: none;
    background-color: #d9d9d9;
    border-radius: 5px;
    }
.opt button:hover{ background: #b3b3b3; }
.std-reg{ 
  font: normal 400 0.8em 'roboto';
  color: green; 
  border-radius: 5px;
  max-width: 200px;
  margin: auto;
  background-color: lightgrey;
  text-align: center;
  }
.abligation{ font: normal 400 0.8em 'roboto'; color: red; }
.dp{display: none;}
/*categoris selection*/
.child-category {
  width: 100%;
  margin: 10px auto 10px;
  display: none;
}
.child-category label {
  display: block;
  text-align: left;
  font: normal 400 15px 'roboto';
  margin: 3px;
}
/*pricing sub categories*/
.pricing-method {
  width: 100%;
  margin: 10px auto 10px;
  display: none;
}
.pricing-method label{
  display: block;
  text-align: left;
  font: normal 400 15px 'roboto';
  margin: 3px;
}
