.header{
    background-image: url('../img/man-installs-heating.jpg') !important;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  }
  .header::after{
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
background: rgba(40, 111, 195, 0.82);

  }



  .breadcrumb-item + .breadcrumb-item::before{
    color: var(--color-13);
  }
.services .custom-col{
    width: 12.5%;
    flex: 0 0 auto;
}
.services .name-service{
  height: 2.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.services .service-box{
    border-radius: 12px;
    background-color: #F9F9FA;
}
.services a:hover .service-box{
    background-color: #eaeaff;
    transition: 0.5s;
}
.fixed-bar{
    display: flex;
}


@media (max-width:576px){
    .services .custom-col{
        width: 33.3%;
    }
  }
  @media (min-width:576px) and (max-width:768px){
    .services .custom-col{
        width: 20%;
    }
  }
  @media (min-width:768px) and (max-width:992px){
    .services .custom-col{
        width: 16.6%;
    }
  }
  @media (min-width:992px) and (max-width:1200px){
    .services .custom-col{
        width: 14.2%;
    }
  }
  @media (min-width:1200px) and (max-width:1400px){
    .services .custom-col{
        width: 14.2%;
    }
  }
  @media (min-width:1400px){

  }

  @media (max-width:992px){
    /*.fixed-bar-btn .buttons,.fixed-bar-btn button {*/
    /*  margin-bottom: 60px !important;*/
    /*}*/
    .header{
      background-image: unset !important ;
    }
}

