/* adjust modal width for mobile */
        @media (max-width: 768px) {
            .modal-dialog {
                width: 90%;
                margin-left: 5%;
            }
        }

        /* center text in form group */
        .form-group {
            text-align: center;
        }

        /* adjust font size for mobile */
        @media (max-width: 576px) {
            h4.modal-title {
                font-size: 18px;
            }

            .modal-footer .submitBtn {
                font-size: 14px;
            }

            .modal-footer a.btn {
                font-size: 12px;
            }
        }
		
		 /* Styles for PERHATIAN section */
  .perhatian {
    background-color: #f7dc6f;
    border: 1px solid #f39c12;
    border-radius: 5px;
    margin: 20px;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
  }
  
  /* Media query for mobile devices */
  @media only screen and (max-width: 600px) {
    /* Styles for PERHATIAN section on mobile devices */
    .perhatian {
      margin: 10px;
      padding: 5px;
      font-size: 14px;
    }