:root {
  --bs-btn-hover-bg: #007aff !important;
}

.btn-primary {
  background: #007aff;
}

.btn {
  background: #007aff;
}

.social-list li a a:hover {
  color: #007aff;
}

.social-list li a {
    color: #007aff;
}

.docs-nav .nav-item.active .nav-link .theme-icon-holder {
background: #007aff;
}
.docs-nav .nav-item.active .nav-link {
  color: #007aff;
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: .5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: #007aff;
  --bs-nav-link-hover-color: #007aff;
  --bs-nav-link-disabled-color: #007aff;
}

.text-alt {
  color: #007aff;
}

code {
  background-color: #f2f2f2;
}

.hljs {
  display: block;
  overflow-x: auto;
  padding: 2.5em;
  color: #000;
  background: #fff;
}


.hljs-string {
    color:#007aff
}

.hljs-attr {
    color:orangered;
}

.hljs-number {
    color: brown;
}

.hljs-attribute {
color:orangered;
}


.shadow-lg-snap {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; !important
}

--bs-box-shadow-lg {
        box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; !important

}

.docs-nav .nav-link.active::before {
  background-color: #007aff;
}

.docs-nav .nav-item.active .nav-link::before {
  background-color: #007bff2e;

}

.theme-icon-holder {

  color: #007aff !important;

}

.docs-nav .nav-item.active .nav-link .theme-icon-holder {
    color:#fff !important;
}

.docs-nav .nav-link.active .theme-icon-holder {
    background-color: #f2f2f2;
}

.docs-nav .nav-link.active {
    color: #000;
}

.theme-bg-light {
    background-color: #f2f2f2 !important;
}

.btn {
    color: #fff;
}

.btn:hover {
  background-color: #186bc4;
  border-color: #459fff;
}

.social-list li a:hover{
    color: #186bc4;
}

.social-list li {
    background-color: #f2f2f2;
}

a.theme-link:hover {
    color: #007aff !important;
    text-decoration-color:  #186bc4;
}

.form-control {
    color: #2b2b2b;
    border-color: #bebebe;
}
.theme-icon-holder {
    background: #f5f5f5;
}

a {
    color: #007aff;
}



.sl-image>img {
      border-radius: 15px;
    }
    
.sl-overlay {
    opacity: 0.9 !important;
    background: #000;
}

.sl-caption {
    border-radius: 15px;
    opacity: 0.7 !important;
}