.input-wrap {
          border: 1px solid #ccc;
          border-radius: 4px;
          overflow: hidden;
      }

      .input-icon {

          padding: 10px 12px;
          display: flex;
          align-items: center;
          color: #666;
      }

      .input-wrap input {
          border: none;
          padding: 10px;
          flex-grow: 1;
          font-size: 14px;
      }

      .input-wrap input:focus {
          outline: none;
      }

      .input-group .input-group-prepend .input-group-text {
          background-color: #fff;
          border-right: 0;
      }

      .input-group .form-control {
          border-left: 0;
      }

      .input-group-text i {
          font-size: 18px;
          color: #555;
      }

      .form-control:focus {
          box-shadow: none;
          border-color: #aaa;
      }

      .error-message {
          font-size: 13px;
          color: red;
          margin-top: 3px;
      }

      .alert-success {
          color: #155724;
          background-color: #d4edda;
          border-color: #c3e6cb;
          padding: 10px;
          margin-bottom: 20px;
          border-radius: 4px;
      }

      .alert-danger {
          color: #721c24;
          background-color: #f8d7da;
          border-color: #f5c6cb;
          padding: 10px;
          margin-bottom: 20px;
          border-radius: 4px;
      }

      .iti {
          width: 100%;
      }

      .is-invalid {
          border-color: #dc3545;
      }

      .is-valid {
          border-color: #28a745;
      }