.ds-header {
  width: 100%;
  background-color: #012660;
}
.ds-header .ds-brand-box {
  width: 100%;
}
.ds-header .ds-brand-box .link {
  color: #fefaef;
}

.container-xl {
  max-width: 1320px;
}

.lead-text {
  font-size: 16px;
  color: #4e5463;
  line-height: 2;
  margin-bottom: 0 !important;
}

hr {
  background-color: #efefef;
  width: 100%;
  margin: 50px 0 25px;
}

.colors .single-color .bark-blue {
  background-color: #012660;
}
.colors .single-color .light-blue {
  background-color: #7cafff;
}
.colors .single-color .banana {
  background-color: #fefaef;
}
.colors .single-color .rez-green {
  background-color: #a4ec82;
}
.colors .single-color .grey-1 {
  background-color: #4e5463;
}
.colors .single-color .grey-2 {
  background-color: #cccccc;
}
.colors .single-color .grey-3 {
  background-color: #efefef;
}
.colors .single-color .grey-4 {
  background-color: #fbfbfb;
}
.colors .single-color .navy {
  background-color: #191489;
}
.colors .single-color .red {
  background-color: #c5292a;
}
.colors .single-color .sunny {
  background-color: #ffd965;
}
.colors .single-color .marina {
  background-color: #a6d4ff;
}
.colors .single-color .green {
  background-color: #22b02e;
}
.colors .single-color .shadow-1 {
  background-color: #fefaef;
  box-shadow: 0 25px 35px 0 rgba(0, 0, 0, 0.03), 0 0 5px 0 rgba(0, 0, 0, 0.05);
}
.colors .single-color .shadow-2 {
  background-color: #fefaef;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}

pre {
  background-color: #fefaef;
  border: 1px solid #e7e6e6;
  border-radius: 20px;
  margin-bottom: 0;
}