.nav-bar .navbar-light .navbar-brand img {
    max-height: 90px;
}
.text-primary {
    color: #020303 !important;
}
.bg-light {
    background-color: #f2f2f2 !important;
}
.btn-primary {
    color: #fff;
    background-color: #020303;
    border-color: #020303;
}
.text-secondary {
    color: #ccc !important;
}
.bg-cover{
  background:linear-gradient(rgba(20, 20, 31, .7), rgba(20, 20, 31, .7)), url(../img/cover.jpg) !important;
  background-size: cover;
}
.bg-cover-1{
  background:linear-gradient(rgba(20, 20, 31, .7), rgba(20, 20, 31, .7)), url(../img/cover-1.jpg) !important;
  background-size: cover;
}
.faq-section .accordion .accordion-item .accordion-header .accordion-button {
    background: rgb(2 2 2 / 80%);
}
.accordion-button:focus {
    z-index: 3;
    border-color: #020303;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(0, 0, 0, .25);
}

.btn.btn-primary:hover, .btn.btn-primary:focus{
    background: #333;
    color: var(--bs-white);
    border-color: #333 !important;
    box-shadow:0 0 0 .25rem rgba(0,0,0,.5)
}
.service-details .services-list a.active {
    color: #fff;
    background-color: #000;
}
.service-details .services-list a:hover {
  color: #000;
}
.service-details .help-box {
    background-color: #000;
    color: #fff;
    margin-top: 30px;
    padding: 30px 15px;
}
.service-details ul i {
    font-size: 20px;
    margin-right: 8px;
    color: #000;
}
.service-details .services-list a i {
    font-size: 16px;
    margin-right: 8px;
    color: #000;
}
.service-item:hover .details .stretched-link{
  color:#555 !important;
}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #000;
}