.title h1{
  font-size:22.5pt;
  font-family: 'Poppins', sans-serif;
  font-weight:800;
}

.header h2{
  font-size: 16pt;
  font-weight:700
}

.header h3{
  font-size: 14pt;
  font-weight: 400;
}

.alert{
  font-size:25px;
}

.order-form{
  font-family: 'Poppins', sans-serif;
  font-weight:500;
  font-size:9pt;
}

.order-form button{
  font-weight:500;
  font-size:9pt;
}

.order-page, .order-form input, .order-form select{
  font-family: 'Poppins', sans-serif;
  font-size: 9pt;
}

.order-form input, .order-form select{
  font-weight:500;
}

.footer-links{
  font-weight:500;
}

.footer-text{
  font-size:7pt;
}

.trademark div{
  font-weight:400;
  font-size:7.5pt;
}

.rc-anchor-checkbox-label{
  font-weight:500!important;
  font-family: 'Poppins', sans-serif;
}

.header{
  width:95%;
  border-bottom: 20px solid #162670;
  margin:0 auto;
  display:inline-block;
  padding-bottom:3px;
}

.header .left{
  text-align:left;
  display:inline-flex;
  float:left;
}

.header .right{
  text-align:right;
  float:right;
}

.header h2{
  margin-bottom:5px;
  margin-top: 10px;
}

.header h3{
  margin-bottom:5px;
  margin-top: 5px;
}

.order-form{
  background-color:#d7dced;
  color:#162670;
  padding:25px;
  display: inline-block;
  border-radius:10px;
}

.title h1{
  margin-top:30px;
  margin-bottom:30px;
}

.title{
  width:100%;
  text-align:center;
  margin:0 auto;
}

.desktop-title{
  display:block;
}

.mobile-title{
  display:none;
}

.order-form{
  max-width: 765px;
  margin: 0 auto;
}

.title, .trademark{
  display:block;
}

.order-form input, .order-form select{
  border-radius: 5px;
  padding:15px;
  border: none;
  accent-color: #162670;
  transition: 0.3s;
  color:#162670;
}

.logo{
  height:80px;
  width:auto;
  display:inline-block;
  text-align:left;
}

label {
  padding: 16px 12px 1px 0;
  display: block;
  margin-bottom: 5px;
}

.order-form .half{
  width:50%;
  float:left;
  text-align: left;
}

.order-form .half input{
  width:90%;
}

.order-form .quarter{
  width:25%;
  float:left;
  text-align: left;
}

.order-form .quarter input{
  width:80%;
}

.order-form .quarter select{
  width:90%;
}

.order-form .full{
  width:100%;
  float:left;
  text-align: left;
}

.order-form .full input{
  width:95%;
}

.order-form button{
  background-color: #f65e43;
  color:#fff;
  border: none;
  padding: 10px 25px 10px 25px;
  border-radius:10px;
  transition: 0.3s;
  font-family: 'Poppins', sans-serif;
}

.order-form button:hover{
  cursor:pointer;
  background-color:#162670;
}

.red-star{
  color:red;
}

.input_box{
  width:24px!important;
  height:24px;
  display:inline-block;
  float:left;
}

.input_box-label{
  display:inline-block;
  width:90%;
  padding:0px;
  float:left;
  margin-left: 5px;
  margin-top: 2px;
  margin-bottom:20px;
}

.consent{
  display: flex; 
  align-items: flex-start; 
  margin-bottom: 10px;
}

.consent span{
  margin-left: 5px;
  display: inline-block;
}

.consent label{
  font-weight:400;
}

.g-recaptcha{
  display:inline-block;
}

.submit-btn{
  margin-bottom:15px;
  margin-top:15px;
}

.order-page{
  margin:0 auto;
  text-align: center;
  padding-top:25px;
  color:#162670;
}

.footer-links{
  width: 765px;
  margin:0 auto;
  display:inline-block;
  margin-top:30px;
  margin-bottom:30px;
}

.footer-links a{
  color:#162670;
  text-decoration: none;
}

.footer-links a:hover{
  text-decoration:underline;
}

.footer-text{
  margin-bottom:20px;
}

.footer-links .left{
  text-align:left;
  float:left;
}

.footer-links .right{
  text-align:left;
  float:right;
}

.trademark{
  padding:20px;
  width: 95%;
  margin: 0 auto;
  text-align: center;
  border-top: 2px solid #D6DBED;
}

.trademark div{
  text-align: center;
  margin:0 auto;
  color:#8297c0;
}

.alert-success{
  color:green;
}

.alert-error{
  color:red;
}

.email-logo{
  max-width:170px;
}

#patientTreatment-dropdown{
  width:calc(100% - 7.5px);
  background: #fff;
}

#patientTreatment-dropdown option{
  background:#e9e9ed;
}

input:focus, select:focus {
  outline: 2px solid #162670; /* Add a visible focus outline */
  outline-offset: 2px;
}

/* Medium devices (landscape tablets, 1000px and lower) */
@media only screen and (max-width: 850px) {
  .footer-links{
    width:95%;
  }
  .order-form .half, .order-form .quarter{
    width:100%;
  }

  .order-form .quarter input, .order-form .half input{
    width:95%;
  }

  .order-form .quarter select{
    width:100%;
  }

  .desktop-title{
    display:none;
  }
  
  .mobile-title{
    display:block;
  }
}