.hover-effect .fbox-5-img {
  overflow: hidden;
}

.hover-effect .fbox-5-img img {
  transition: transform 0.3s;
}

.hover-effect .fbox-5:hover .fbox-5-img img {
  transform: scale(1.3);
}

/* hover effect */
.fbox-ico-wrap:hover .shape-ico {
  transform: scale(1.5); /* Scale up the icon */
}

/* Apply transition effect */
.shape-ico {
  transition: transform 0.3s ease; /* Add smooth transition effect */
}

.hover-effect .fbox-12 {
  transition: box-shadow 0.3s, transform 0.3s;
}

.hover-effect .fbox-12:hover {
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1); /* Add a larger box shadow on hover */
  transform: translateY(-10px); /* Move the box slightly upwards on hover */
}

.hover-effect .fbox-12:hover {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}