:root {
  --bs-primary: #00356b;
  --bs-primary-rgb: 0, 53, 107;
  --bs-link-color: #00356b;
}

.navbar-brand img {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  margin-right: 0.55rem;
}

.btn-primary {
  --bs-btn-bg: #00356b;
  --bs-btn-border-color: #00356b;
  --bs-btn-hover-bg: #00264d;
  --bs-btn-hover-border-color: #00264d;
  --bs-btn-active-bg: #00264d;
  --bs-btn-active-border-color: #00264d;
  --bs-btn-disabled-bg: #00356b;
  --bs-btn-disabled-border-color: #00356b;
}

.bg-gradient-primary-to-secondary {
  background: linear-gradient(45deg, #00356b, #1c6e57) !important;
}

.text-gradient {
  background: -webkit-linear-gradient(#00356b, #c4a35a);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.masthead .masthead-device-mockup .circle .gradient-start-color,
.features-device-mockup .circle .gradient-start-color {
  stop-color: #c4a35a;
}
.masthead .masthead-device-mockup .circle .gradient-end-color,
.features-device-mockup .circle .gradient-end-color {
  stop-color: #00356b;
}
.masthead .masthead-device-mockup .shape-1,
.masthead .masthead-device-mockup .shape-2,
.features-device-mockup .shape-1,
.features-device-mockup .shape-2 {
  fill: #1c6e57;
}

.device .screen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

section.cta {
  background: linear-gradient(120deg, rgba(0, 53, 107, 0.88), rgba(18, 21, 26, 0.82)),
    url("../assets/img/table-circle.png") center / cover no-repeat;
}

.legal-page {
  padding-top: 8.5rem;
  padding-bottom: 4rem;
}
.legal-page h1 {
  font-family: "Newsreader", serif;
}
.legal-page h2 {
  margin-top: 1.75rem;
  font-size: 1.15rem;
}