.hero_slide img:hover {
  overflow: hidden;
  transform: scale(1.2) translate(10px, 10px);
  transition: transform 0.4s ease;
}
.zscustom-product-box{
   box-shadow: 0 0 20px 20px rgba(0,0,0,.1)
}
.col1:hover{
overflow: hidden;
transform: scale(1.1) translate(10px, 10px);
transition: transform 0.4s ease;
z-index:2
}
.logo:hover{
transform: scale(1.1);
transition: transform 0.4s ease;
}
.logo {
  overflow: visible;   /* allows overflow */
}
.logo img {
  transition: transform 0.4s ease; /* IMPORTANT */

}
.logo:hover img {
 transform: scale(1.1);
}

.col2:hover{
overflow: hidden;
transform: scale(1.1) translate(10px, 10px);
transition: transform 0.4s ease;
z-index:3
}

.button:hover{
    transform:scale(1.2);
    transition:transform 0.4s ease;
    z-index:2
}
.box:hover{
background-color:#5A3016;
color:#FFFFFF;
}
.box:hover h4{
color:#FFFFFF;
}
.box:hover{
transition: background-color 0.4s,color 0.6s;
}
.img_head{
color:FFFFFF;
}