:root {
  --color-primary: #36c2d7;
  --color-on-primary: #fff;
  --color-secondary: #167f9f;
  --color-on-secondary: #fff;
  --color-info: #0ea5e9;
  --color-on-info: #000;
  --color-success: #22c55e;
  --color-on-success: #000;
  --color-warning: #eab308;
  --color-on-warning: #000;
  --color-danger: #ef4444;
  --color-gray: #9099c4;
  --color-royal: #4b71e6;
  --color-on-royal: #000;
  --color-on-danger: #000;
  --color-on-gray: #000;
}

.auth-cover {
  background: url("https://hillcroftblobstoragev2.blob.core.windows.net/mtek-uploads/cover-images/mtek.png?sv=2022-11-02&ss=bfqt&srt=sco&sp=rwlacuptf&se=2025-12-31T20:59:59Z&st=2025-01-01T03:08:54Z&spr=https&sig=z%2BGYHQjqRc9RVhrriB%2BhhtTHJO%2BgL%2Fz600V6rvC3Ny0%3D");
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100vh;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
}

/*Max Large screen*/
@media (max-width: 1024px) {
  .auth-cover {
    display: none;
  }
}

.mtek-logo {
  content: url("https://mtek-services.com/wp-content/uploads/2024/07/cropped-cropped-Artboard-1-1-140x69.png");
}