.h5 {
  font-weight: 500;
}

p,
a,
button,
.btn {
  font-weight: 400;
}

body {
  background: #eff3f8;
  overflow-x: hidden !important;
}

a {
  text-decoration: underline #002d72;
}

a:hover {
  text-decoration: underline #0062cc;
}

.card {
  box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
}

.text-primary {
  color: #002d72 !important;
}

.btn {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 2px 0 rgba(0, 0, 0, 0.12);
}

.btn-primary {
  color: #ffffff;
  background-color: #004fa3;
  border: 1px solid #004fa3;
}

.wrapper-page {
  position: relative;
  margin: 7.5% auto;
  max-width: 460px;
  z-index: 99;
}

.no-underline {
  text-decoration: none;
}

.width-fit-content {
  width: fit-content;
}

/*! CSS Used from: file:///C:/git/self-service-rewrite/Mockup/assets/css/login.css */

.bg-fullscreen {
  background-image: url('');
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}

body::after,
.bg-fullscreen:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0.3;
  z-index: 1;
}

.column {
  width: 50%;
  padding-right: 10px;
  padding-left: 10px;
}

#termsBtn,
#helpBtn {
  cursor: pointer;
  border: none;
  background: none;
}

/* Mobile Device */

@media screen and (max-width: 500px) {
  .wrapper-page {
    margin: 45% auto;
    transform: translateY(-22.5%);
  }
}