@font-face {
  font-family: inter-regular;
  src: url('/fonts/Inter_18pt-Regular.ttf');
}

html,
body {
  height: 100%;
  color: #414651;
  font-family: inter-regular, Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600 !important;
}

html {
  font-size: 14px;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.btn {
  border-radius: 4px;
}

.btn-primary {
  background-color: #1D81EC;
}

.btn-secondary {
  background-color: #fff;
  color: #535862;
  border: 1px solid #E9EAEB;
}

.dprep-logo {
  width: 150px;
}

.dprep-gradient-background {
  background: rgb(3, 31, 62);
  background: linear-gradient(180deg, #031F3E 0%, #134F91 100%);
  border-radius: 8px;
}

.dprep-gradient-image {
  background-image: url('/images/mask-group.png');
  position: absolute;
  width: 380px;
  height: 300px;
  background-repeat: no-repeat;
  right: -14px;
  top: 25%;

}

.dprep-review {
  background-color: #326fafe3;
  border: 1px solid #6295ce;
  border-radius: 8px;
  color: #fff;
}

.dprep-review-stars {
  color: #fdb022;
}