.color-yellow {
    color: #ff9300;
  }
  
  .color-blue {
    color: #004d82;
  }
  
  .img-size-form {
    width: 296px;
    max-width: 296px;
  }
  
  .border-box-yellow {
    border: 2px solid #ff9300;
    border-radius: 14px;
    padding: 12px !important;
    width: 100%;
    margin-left: 0 !important;
  }
  
  .circle-yellow {
    border: 2px solid #ff9300;
    border-radius: 50%;
    width: 52px;
    min-width: 52px;
    height: 52px;
    line-height: 47px;
    color: #ff9300;
    font-size: 20pt;
    font-weight: 600;
    text-align: center;
  }
  
  .circle-yellow-small {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    font-size: 18pt;
    line-height: 36px !important;
  }
  
  .border-box-blue {
    border: 2px solid #004d82;
    border-radius: 14px;
    padding: 8px !important;
    text-align: center;
  }
  
  .font-size-18 {
    font-size: 18pt;
  }
  
  .font-size-14 {
    font-size: 14pt;
  }
  
  .gray-color {
    color: #555;
  }
  
  label {
    font-weight: 600;
  }
  
  textarea.form-control {
    border: 2px solid #004d82;
  }
  
  .form-control {
    border-bottom: 2px solid #004d82;
  }
  
  .line-divide {
    width: 2px;
    height: 100%;
    margin: 0 12px;
    background-color: #004d82;
  }
  
  img.frame {
    border-radius: 18px;
    padding: 6px;
  }
  
  @media only screen and (width <= 575px) {
    .line-divide {
      width: 100px;
      height: 2px;
      margin: 16px auto 8px;
      background-color: #004d82;
    }
  }
  
  @media only screen and (width <= 1200px) {
    .font-size-16 {
      font-size: 11pt;
    }
  }
  
  @media print {
    .h5 {
      font-size: 1.15rem;
    }
  }