.header {
    background-image: url('../img/man-installs-heating.jpg');
  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);
}

.blog-box img {
  border-radius: 12px;
}

.blog-box .tag {
  background-color: #E5E7EA;
  border-radius: 4px;
  padding: 4px 5px;

}
.fixed-bar{
    display: flex;
}



.cat-box img {
  opacity: 0.5;
}
.cat-box i {
  color: var(--color-13);
  left: -14px;
}
.cat-box:hover i {
  transform: rotate(45deg);
  color: var(--color1);
  transition: 0.5s;
}
@media (max-width:576px) {}

@media (min-width:576px) and (max-width:768px) {}

@media (min-width:768px) and (max-width:992px) {}

@media (min-width:992px) and (max-width:1200px) {}

@media (min-width:1200px) and (max-width:1400px) {}

@media (min-width:1400px) {}

@media (max-width:992px) {

  /*.fixed-bar-btn .buttons,*/
  /*.fixed-bar-btn button {*/
  /*  margin-bottom: 60px !important;*/
  /*}*/
}