@media (min-width: 992px) {
  #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
    color: #000;
  }
}

#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
  color: #5092de;
}

@media (min-width: 992px) {
  #mainNav .navbar-brand {
    color: rgba(0,0,0,0.7);
  }
}

a:hover {
  color: #4086f0;
}

a:hover {
  color: var(--bs-blue);
}

@media (min-width: 992px) {
  #mainNav.navbar-shrink .navbar-brand {
    color: #124783;
  }
}

@media (min-width: 992px) {
  #mainNav .navbar-nav > li.nav-item > a.nav-link:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
    color: #000;
  }
}

#mainNav .navbar-nav > li.nav-item > a.nav-link:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
  color: #5092de;
}

@media (min-width: 992px) {
  #mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
    color: rgba(0,0,0,0.7);
  }
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.active, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active {
  color: #5092de !important;
  background-color: transparent;
}

hr {
  max-width: 50px;
  border-width: 3px;
  border-color: #5092de;
  border-top: 0;
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}

.btn-primary:active, .btn-primary:focus {
  box-shadow: 0 0 0 .2rem rgba(64,92,240,0.5) !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  color: #fff;
  background-color: #5092de !important;
}

.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}

.btn-primary {
  background-color: #5092de;
  border-color: #5092de;
  color: #fff;
}

.btn-primary {
  --bs-btn-color: #d3bebe;
  --bs-btn-bg: #4067f0;
  --bs-btn-border-color: #4067f0;
  --bs-btn-hover-color: #d3bebe;
  --bs-btn-hover-bg: #5d75f2;
  --bs-btn-hover-border-color: #536cf2;
  --bs-btn-focus-shadow-rgb: 204, 81, 54;
  --bs-btn-active-color: #d3bebe;
  --bs-btn-active-bg: #667df3;
  --bs-btn-active-border-color: #536cf2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #d3bebe;
  --bs-btn-disabled-bg: #4067f0;
  --bs-btn-disabled-border-color: #4067f0;
}

.bg-primary {
  background-color: #5092de !important;
}

.text-primary {
  color: #5092de !important;
}

a {
  color: #5092de;
  transition: all .2s;
}

@media (min-width: 992px) {
  #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {
    color: #5092de;
  }
}

@media (min-width: 992px) {
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover {
    color: #5092de;
  }
}

.portfolio-box {
  position: relative;
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}

.service-box img {
  width: 100%;
  height: 230px;
  object-fit: contain;
}

#mainNav .navbar-brand {
  color: #5092de;
}

@media (max-width: 1900px) {
  .overlay-box {
    background-color: rgba(255,255,255,0.7);
    /*background-color: rgba(255, 255, 255, 0.5);*/
    padding: 20px;
  }
}