:root {
  --ink: #0a3148;
  --paper: #f3f8fb;
  --yellow: #10b5f2;
  --muted: #557184;
  --line: #cfdee7;
}

.topbar,
footer {
  background: #08283a;
}

.hero {
  background: #0a3148;
}

.hero-shade {
  background:
    linear-gradient(90deg, rgba(5, 31, 48, .98) 0%, rgba(5, 43, 64, .9) 38%, rgba(5, 49, 70, .32) 72%, rgba(5, 49, 70, .12)),
    linear-gradient(0deg, rgba(5, 31, 48, .62), transparent 52%);
}

.section-label,
.service-icon,
.service li::before,
.contact-note span::before {
  color: #087da8;
}

.industries {
  background: #0a3148;
}

.about {
  background: #123f59;
}

.about-stat {
  background: linear-gradient(145deg, #10b5f2, #8fbaea);
  color: #06283b;
}

.primary {
  color: #06283b;
  box-shadow: 0 10px 30px rgba(16, 181, 242, .18);
}

.primary:hover {
  background: #8fbaea;
}

.service.featured {
  box-shadow: inset 0 4px 0 #10b5f2;
}

.steps > div:first-child {
  border-color: #10b5f2;
}

.outline:hover {
  border-color: #10b5f2;
  color: #10b5f2;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #10b5f2;
  outline: 3px solid rgba(16, 181, 242, .18);
}