@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
  --white: #ffffff;
  --primary-blue: #2b2d5e; /*universal jc blue color*/
  --border-color-blue: #7ec4e9;
  --card-bg-gray: #efefef;
  --border-gray: #c0c0c0;
  --primary-blue-light:#BFE0F0;
  --global-font:'Montserrat', sans-serif !important;
}

body{
  background: linear-gradient(90deg,rgba(255 255 255 / 85%),rgba(255, 255, 255, 75%)) fixed, url(../img/stylish-soft-blue-curve-lines-abstract-background.jpg) fixed !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  font-family: var(--global-font);
}

.for-login .page-card-head h4{
  font-size: 22px !important;
  color: var(--primary-blue) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.btn.btn-primary {
  background-color: var(--primary-blue);
}

.for-signup .sign-up-message a{
  color: var(--primary-blue) !important;
  font-size: 16px !important;
  font-weight: 400;
}

.for-signup .page-card{
  background-color: #fffdfd !important;
}