.error {
  border: 1px solid red;
  /* Optional: Highlight the input field with a red border */ }

.error-wrap .error-text {
  color: red;
  /* Set the error text color to red */
  font-size: 12px;
  /* Optional: Adjust the font size */
  display: none;
  /* Hide the error message by default */
  margin-top: 5px;
  /* Optional: Add some spacing */ }

.validateMobile {
  color: green; }

.cm-overlay.active {
  opacity: 0.8 !important;
  z-index: 1234 !important; }

.toast-container {
  position: fixed; }
  .toast-container.firefox {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999; }
    @media (max-width: 767px) {
      .toast-container.firefox {
        width: 80%; } }
    .toast-container.firefox .toast-message {
      background-color: #111111;
      color: #fff;
      padding: 30px 25px;
      border-radius: 4px;
      opacity: 0;
      transition: opacity 0.5s;
      text-align: center;
      font-size: 16px;
      line-height: 20px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      gap: 15px;
      margin-top: 0 !important; }
      @media (max-width: 767px) {
        .toast-container.firefox .toast-message {
          padding: 25px 20px; } }
      .toast-container.firefox .toast-message .act-btn {
        text-align: right;
        position: absolute;
        top: -15px;
        right: -15px; }
        .toast-container.firefox .toast-message .act-btn .btn {
          padding: 5px 10px;
          font-size: 10px; }