/***************** Regintration form **********************/
/* General Styles */

label sup {
    color: #d3604d;
  }
  
  /* Course Heading */
  .course-heading {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    color: black;
  }
  
  /* General Information, Course Selection, Payment Information */
  .general-information, 
  .course-selection, 
  .payment-information{
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 14px;
    margin-bottom: 10px;
    
  }
  .digital-sign{
    border: 1px solid #ccc;
    padding: 7px;
    border-radius: 14px;
    margin-bottom: 10px;
    
  }
  .general-information h1, 
  .course-selection h1, 
  .payment-information h1, .digital-sign h1{
  font-weight: 600;
    font-size: 21px;
    line-height: 47px;
    color: black;
  }
  /* Form Input Styles */
  .form-input {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 10px;
  }
  
  .form-input label {
    flex: 1;
    text-align: left;
    font-weight: 600;
    font-size: 16px;
    color: #000;
    text-transform: capitalize;
  }
  
  .form-input input {
    width: 100%;
    padding: 12px 18px;
    font-size: 14px;
    font-weight: 100;
    color: red;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.13);
    outline: none;
  }
  
  .form-input input[type="tel"] {
    width: auto;
    flex: 0;
  }
  
  /* Date Input */
  input.wpcf7-date.dob {
    width: 322px;
    padding: 12px 20px;
    font-weight: 500;
    display: block;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
  }
  
  /* Radio and Checkbox Groups */
  .radio-group {
    margin: auto;
    flex: 1;
    padding: 0 70px;
  }
  
  .custom-radio .wpcf7-list-item-label:before {
    border-radius: 50%;
    margin: -7px 4px 0 6px;
  }
  
  .custom-checkbox label, 
  .custom-radio label {
    display: inline-block;
    
  }
  .custom-radio .wpcf7-list-item-label{
    font-size: 17px;
  }
  .custom-checkbox .wpcf7-list-item-label{
    margin-bottom: 3.2em;
    font-size: 16px;
    margin-top: 0em !important;
  }
  .custom-radio .wpcf7-list-item-label .checked:after {
    left: 10px;
  }
  /* Course Wrapper */
  .course-wrapper {
    background: rgba(128, 128, 128, 0.18);
    width: 70%;
    margin: auto;
    padding: 10px 30px;
  }
  
  /* Table Styles */
  .tuition-fee {
    width: 100%;
    overflow-x: auto;
  }
  
  .tuition-fee-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
    /* background-color: #fff; */
  }
  
  .tuition-fee-table th,
  .tuition-fee-table td {
    border: 1px solid #b4b4b4;
    padding: 10px;
    text-align: center;
  }
  
  .tuition-fee-table th {
    /* background-color: #f8f9fa; */
    font-weight: bold;
  }
  
  .tuition-fee-table tbody tr:nth-child(even) {
    /* background-color: #f2f2f2; */
  }
  
  .tuition-fee input {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  
  .tuition-fee td {
    vertical-align: middle;
  }
  
  .tuition-fee .total-fees {
    font-weight: bold;
  }
  .display-total-fee ,.display-total-fee-two{
   color:red;
  }
  /* .tuition-fee input {
    padding: 5px;
  }
  
  .tuition-fee td {
    padding: 10px;
    vertical-align: middle;
  }
  
  .tuition-fee th, 
  .table > thead > tr > th {
    text-align: center;
    padding: 5px;
  } */
  
  /* Test Score Styles */
  .test-score-div{
    padding: 0px 0px 10px 0px;
  }
  .test-score-div input {
    padding: 7px;
  }
  
  .test-score-div label {
    text-align: left;
    font-weight: 600;
    font-size: 16px;
    color: #000;
    text-transform: capitalize;
  }
  
  /* Digital Signature */
  .digital-sign {
    display: flex;
    justify-content: flex-end;
  }
  
  .form-signature {
    display: flex;
    justify-content: space-between;
    line-height: 1.5;
    font-size: 17px;
    margin: 20px;
    padding: 12px;
    background: rgba(179, 174, 174, 0.18);
  }
  
  .date {
    text-align: right;
  }
  
  /* Contact Section */
  .contact {
    font-size: 21px;
    font-weight: 600;
  }
  
  .contact span {
    text-decoration: underline;
    text-decoration-color: red;
  }
  
  /* Pay & Certificate Flex Containers */
  .pay, 
  .certificate {
    display: flex;
  }
  @media (max-width: 767px) {
    .course-heading {
      font-size: 20px;
    }
  
    .form-input {
      flex-direction: column;
      gap: 10px;
    }
  
    .form-input label, 
    .form-input input {
      width: 100%;
      line-height: normal;
    }
  
    input.wpcf7-date.dob {
      width: 284px;
      line-height: normal;
    }
  
    .radio-group {
      padding: 0;
      margin: 0px;
    }
  
    .course-wrapper {
      width: 90%;
      padding: 15px;
    }
  
    .form-signature {
      flex-direction: column;
      align-items: flex-start;
      font-size: 15px;
    }
  
    .digital-sign {
      display: block;
      justify-content: flex-start;
    }
    
    .tuition-fee td, 
    .tuition-fee th {
      font-size: 14px;
      padding: 8px;
    }
  
    .contact {
      font-size: 18px;
    }
    .form-input input[type="tel"] {
      width: 100%;
      flex: 0;
    }
  }
  
  @media (max-width: 768px) {
    .tuition-fee-table th,
    .tuition-fee-table td {
      padding: 8px;
      font-size: 14px;
    }
  
    .tuition-fee input {
      font-size: 14px;
    }
  }
  
  @media (max-width: 768px) {
    input.wpcf7-date.dob {
      width: 235px;
  }
  
  canvas#digital_signature-pad_digital_sign {
    width: 242px;
  }
  }
  
  /* Tablets (768px to 1024px) */
  @media (min-width: 768px) and (max-width: 1024px) {
    .course-heading {
      font-size: 22px;
    }
  
    .form-input {
      gap: 20px;
    }
  
    .course-wrapper {
      width: 80%;
    }
  
    .tuition-fee td, 
    .tuition-fee th {
      font-size: 16px;
      padding: 10px;
    }
  
    .contact {
      font-size: 20px;
    }
  
    .form-signature {
      font-size: 16px;
    }
  }
  
  /* Desktop Large Screens (min-width: 1025px) */
  @media (min-width: 1025px) {
    .course-heading {
      font-size: 24px;
    }
  
    .form-input {
      gap: 30px;
    }
  
    .course-wrapper {
      width: 70%;
    }
  }

.general-information input[type="radio"] {
    -webkit-appearance: radio;
    width: auto;
}

.general-information .custom-radio .wpcf7-list-item-label,
.general-information .custom-checkbox .wpcf7-list-item-label{
  font-size:17px !important;
}