.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: #0096dbb0;

}

.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;
}