:root {
  --highlight-color: var(--cyan);
  --cyan-rgb: 23, 162, 184;
  --highlight-color-rgb: rgb(var(--cyan-rgb));
  --highlight-color-rgba: rgba(var(--cyan-rgb), 0.8);
}

span.navbar-brand {
  color: #707d8f;
}

div.content .bullet-list {
  margin-left: 2em;
  color: #9a9a9a;
}

.contact-us .phone-block a {
  color: #9a9a9a;
}
.contact-us .phone-block a:hover {
  color: var(--highlight-color);
}

div.content ul.bullet-list {
  list-style-type: disc;
}
div.content ol.bullet-list {
  list-style-type: decimal;
}

div.content blockquote {
  border-left: solid 2px #ccc;
  padding-left: 2em;
  color: #9a9a9a;
  font-style: italic;
}

.gradient,
.title .border,
.service-2 .service-item i,
.about-2 h2::before {
  background: var(--highlight-color);
}

.services .service-icon i::before {
  -webkit-text-fill-color: var(--highlight-color);
}

.portfolio-block::before {
  background: var(--highlight-color-rgba);
}

#preloader {
  background: #fff;
}

.btn-main,
.btn-main-sm {
  background-color: var(--highlight-color);
  background-image: var(--highlight-color);
}