/* You can add global styles to this file, and also import other style files */

@import "./assets/scss/variables.scss";

* {
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
  padding: auto;
}
body {
  margin: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  // font-family: "Montserrat", sans-serif;
  font-family: "Roboto";
}

.mt-2 {
  margin-top: 1rem;
}

.plr-1 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.d-block {
  display: block;
}

.gap-80 {
  gap: 80px;
}

.gap-30 {
  gap: 30px;
}

.w-100 {
  width: 100%;
}

.gap-10 {
  gap: 10px;
}

.gap-5 {
  gap: 5px;
}

.plr-20 {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}

.ptr {
  cursor: pointer;
}

/* Border */
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: white;
}
/* Font color */
input.mat-input-element {
  color: white;
}

.mt-1 {
  margin-top: 1rem;
}

::placeholder {
  color: #c5c5c5;
}

.ngx-otp-input-container {
  justify-content: center !important;
}

.ngx-otp-input {
  width: 15px !important;
  height: 15px !important;
}
