.hover-zoom-0 {
  scale: 1;
  transition: transform .3s;
}

.hover-zoom-0:hover {
  transform: scale(1.05);
}
.hover-zoom {
  scale: 1;
  transition: transform .3s;
}

.hover-zoom:hover {
  transform: scale(1.1);
}
.hover-zoom-2 {
  scale: 1;
  transition: transform .3s;
}

.hover-zoom-2:hover {
  transform: scale(1.2);
}

.rotate-zoom {
  scale: 1;
  transition: transform .3s;
}

.rotate-zoom:hover {
  transform: scale(1.07);
  transform: rotate(10deg);
}

/* After and Before Horizontal Line */

.hr-lines {
  position: relative;
  max-width: 300px;
  margin: 5px auto;
  text-align: center;
}

.hr-lines::before {
  content: "";
  display: block;
  width: 25px;
  height: 4px;
  position: absolute;
  top: 50%;
  left: 0%;
  background-color: #0078D7;
}

.hr-lines::after {
  content: "";
  display: block;
  width: 25px;
  height: 4px;
  position: absolute;
  top: 50%;
  right: 0%;
  background-color: #0078D7;
}