@font-face {
  font-family: "poppins extra light";
  font-style: normal;
  font-weight: 100;
  src: url(/fonts/poppins-100.woff2?ab66112cac2ca46d6cf8501653479d36) format("woff2"), url(/fonts/poppins-100.woff?9eef15e6adb5c1840e4b22bc13b63057) format("woff"), url(/fonts/poppins-100.ttf?0131622371d352b87e8cbf25e976cfd7) format("truetype"), url(/fonts/poppins-100.svg?201dad4681f813d5ca0cd5f20c33ebde) format("svg"), url(/fonts/poppins-100.eot?f11c82b363b285fb4ea47300bf099761) format("eot");
  font-display: swap;
}

@font-face {
  font-family: "poppins light";
  font-style: normal;
  font-weight: 200;
  src: url(/fonts/poppins-200.woff2?7f0cadcc9081ce094690e3e026dbe5a3) format("woff2"), url(/fonts/poppins-200.woff?6661712e99d1f44c5696d0634026a4b7) format("woff"), url(/fonts/poppins-200.ttf?8b8831d3df39e834327833c19ea140cf) format("truetype"), url(/fonts/poppins-200.svg?7faf41cb6da0aa209b8bd93397b1e6e1) format("svg"), url(/fonts/poppins-200.eot?65a0cdd88c06faf1419f3283ef29d5a7) format("eot");
  font-display: swap;
}

@font-face {
  font-family: "poppins medium light";
  font-style: italic;
  font-weight: 300;
  src: url(/fonts/poppins-300.woff2?82a53579cedb4011592d4320c84f6d07) format("woff2"), url(/fonts/poppins-300.woff?8583fb076895d267edefc900e8b8954b) format("woff"), url(/fonts/poppins-300.ttf?51b8481fc94de404b55707ad412fb014) format("truetype"), url(/fonts/poppins-300.svg?7f9d3e5f7c4a5f4e7583505ef13f12c0) format("svg"), url(/fonts/poppins-300.eot?7e0cff5e2ce63adc5cafb61e5bf16c0e) format("eot");
  font-display: swap;
}

@font-face {
  font-family: "poppins regular";
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/poppins-regular.woff2?5b8f3ba886526963a788fb19c016bcee) format("woff2"), url(/fonts/poppins-regular.woff?c14093cee8c440c1884e38f2a2732bd6) format("woff"), url(/fonts/poppins-regular.ttf?b739ab04747cf8e3325a748352a3d3cb) format("truetype"), url(/fonts/poppins-regular.svg?40774db72678ae06911d356c6740f34b) format("svg"), url(/fonts/poppins-regular.eot?18418ab667b4f80aa3cf1fe2572b4ce4) format("eot");
  font-display: swap;
}

@font-face {
  font-family: "poppins light bold";
  font-style: normal;
  font-weight: 500;
  src: url(/fonts/poppins-500.woff2?dc16a3592fdb61b620cc43491f783eb7) format("woff2"), url(/fonts/poppins-500.woff?ff86872bdc62f119cb706aead2388c8b) format("woff"), url(/fonts/poppins-500.ttf?9b6457625f42c09416f4ff0c6481fa8d) format("truetype"), url(/fonts/poppins-500.svg?a4f7952a7b77eff5747f806f5fe78e20) format("svg"), url(/fonts/poppins-500.eot?e154054d9b801f3e9d2f270e42f831f9) format("eot");
  font-display: swap;
}

@font-face {
  font-family: "poppins bold";
  font-style: normal;
  font-weight: 600;
  src: url(/fonts/poppins-600.woff2?e49343f0bcfb860280ab61e01514eaa6) format("woff2"), url(/fonts/poppins-600.woff?8c4516c52b9adc82164334445e4eb33b) format("woff"), url(/fonts/poppins-600.ttf?154211b038f3fa7f2fd269dde178549c) format("truetype"), url(/fonts/poppins-600.svg?f8a2b4f4ff16aba474e4621e505cb73b) format("svg"), url(/fonts/poppins-600.eot?8a9db166c6f41d4eff76fad8380a0191) format("eot");
  font-display: swap;
}

@font-face {
  font-family: "poppins medium bold";
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/poppins-700.woff2?9690ce6275ddc5645cfa2d0162d2e309) format("woff2"), url(/fonts/poppins-700.woff?eb23bc4e632c6270a7f67ebbeccf3784) format("woff"), url(/fonts/poppins-700.ttf?5727a288740eaac4ef33863a092172a9) format("truetype"), url(/fonts/poppins-700.svg?358fdbf0de9d4c8f009d802e2bee7984) format("svg"), url(/fonts/poppins-700.eot?7cc029aec7398b2afb50145feff5e2c1) format("eot");
  font-display: swap;
}

@font-face {
  font-family: "poppins extra bold";
  font-style: normal;
  font-weight: 800;
  src: url(/fonts/poppins-800.woff2?8314fda16443ec0fff15723cea0f9524) format("woff2"), url(/fonts/poppins-800.woff?2923e77ee4131a6bdf8523dfc2f100e8) format("woff"), url(/fonts/poppins-800.ttf?1da2dc116f222daad95d52bf28732532) format("truetype"), url(/fonts/poppins-800.svg?270ac32f8e4b820154c95b08b2d92734) format("svg"), url(/fonts/poppins-800.eot?7db7febef40943661841cd3393fd84be) format("eot");
  font-display: swap;
}

.login-page {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 365px) {
  .login-page .login-logo {
    width: 60px;
  }
}

.login-page .login-card {
  background-color: #ffffff;
  box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05) !important;
}

.login-page .login-card .login-heading {
  margin-bottom: 40px !important;
}

.login-page .login-card .form-group .custom-label {
  font-size: 14px;
  font-weight: 600;
  font-family: Poppins, Helvetica, sans-serif;
}

.login-page .login-card .form-group .custom-label .login-star {
  font-size: 20px;
  font-weight: 400 !important;
}

.login-page .login-card .custom-link {
  font-weight: 600;
}

.login-page .login-card .email-section {
  margin-bottom: 30px !important;
}

.login-page .login-card .password-section {
  margin-bottom: 30px !important;
}

.login-page .login-card .login-sign {
  font-size: 23px;
  font-weight: 600;
  font-family: Poppins, Helvetica, sans-serif;
}

.login-page .login-card .login-text {
  font-size: 17px;
  color: gray;
  font-family: Poppins, Helvetica, sans-serif;
}

.login-page .login-card .login-link {
  font-weight: 600;
}

.custom_alert {
  padding: 0 30px 0 10px !important;
}

.login-footer {
  width: 100%;
  position: fixed !important;
  bottom: 0 !important;
  z-index: 999 !important;
  transition: all 0.5s;
  background-color: #172b4d;
  display: none;
}

body#app {
  margin-bottom: 0 !important;
  height: auto !important;
}

.register-page {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  .register-page {
    height: auto;
  }
}

.register-page .register-card {
  background-color: #ffffff;
  box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05) !important;
}

.register-page .reg-heading {
  font-size: 22px;
  font-family: Poppins, Helvetica, sans-serif;
}

.register-page .reg-link {
  font-weight: 600;
}

.register-page .reg-text {
  color: #a3a0a0;
  font-family: Poppins, Helvetica, sans-serif;
}

@media (max-width: 355px) {
  .register-page .reg-text {
    font-size: 14px;
  }
}

.register-page .reg-label {
  font-weight: 400;
  color: black !important;
  font-family: Poppins, Helvetica, sans-serif;
}

.forgotpassword-card {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.forgotpassword-card .forgot-card {
  background-color: #ffffff;
  box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05) !important;
}

.forgotpassword-card .forgot-card .forgot-titile {
  font-size: 22px;
  font-family: Poppins, Helvetica, sans-serif;
}

.forgotpassword-card .forgot-card .forgot-pera {
  color: #a3a0a0;
  font-family: Poppins, Helvetica, sans-serif;
}

.forgotpassword-card .forgot-card .forgot-label {
  font-weight: 600;
  color: black;
}

@media (max-width: 355px) {
  .forgotpassword-card .forgot-card .forgot-btn {
    font-size: 11px;
  }
}

.resetpass-page {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 320px) {
  .resetpass-page {
    height: auto;
  }
}

.resetpass-page .reset-card {
  background-color: #ffffff;
  box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05) !important;
}

.resetpass-page .reset-card .reset-titile {
  font-size: 22px;
  font-family: Poppins, Helvetica, sans-serif;
}

.resetpass-page .reset-card .reset-pera {
  color: #a3a0a0;
  font-family: Poppins, Helvetica, sans-serif;
}

.resetpass-page .reset-card .reset-label {
  font-weight: 600;
  color: black;
}

.form-control {
  color: #000 !important;
}

@-webkit-keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: 0.75s linear infinite spinner-border;
  animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
  }
}