/* put your own styles to customize and override the theme */

:root {
  --blue: #06409E;
  --blue1: #1f53a8;
  --blue2: #3866b1;
  --blue3: #5179bb;
  --blue4: #6a8cc5;
  --yellow: #EBBE01;
  --yellow1: #edc51a;
  --yellow2: #efcb34;
  --yellow3: #f1d24d;
  --yellow4: #f3d867;
  --black: #000000;
  --white: #ffffff;
  --red: #ff3923;
  --background: #f6f7f9;
  --gray-body: #363642;
  --gray-icon: #a6abbd;
  --gray-text: #656a70;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Lato", sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

html {
  font-family: "Lato", sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(20, 20, 31, 0);
  scroll-behavior: smooth;
}

.page-cover {
  position: relative;
  padding: 2rem 1rem 1rem;
  display: flex;
  min-height: 10rem;
  flex-direction: column;
  background-color: #e6e8ed;
  background-size: cover;
  background-position: center;
  box-shadow: 0 1px 0 rgba(34, 34, 48, 0.1);
}

.card-header .most-popular {
  width: 120px;
  height: 120px;
  position: absolute;
  right: 0%;
  transform: translate(3%, -17%);
}

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

.btn-subtle-primary {
  color: var(--blue);
  background-color: var(--yellow);
  border-color: transparent;
}

.btn-subtle-primary:hover, .btn-subtle-primary:focus, .btn-subtle-primary.focus {
  color: var(--blue4);
  background-color: var(--yellow4);
  box-shadow: none;
}

.display-4 {
  color: var(--blue);
}

.py-5bis {
  background-color: #e6e8ed;
}

.lead {
	color: var(--blue);
}

.bg-blue {
  background-color: var(--blue) !important;
}

.fill-blue {
  fill: var(--blue) !important;
}

.bg-success {
	background-color: var(--yellow) !important;
}

.text-blue {
	color: var(--blue) !important;
}