.powerhour-image-box img{
width: 100%;
}
.powerhour-image-box .images-data-info{
margin-top: 32px;
}
.powerhour-image-box .desc{
margin: 15px 0 0;
} .powerhour-image-box-style2 .swiper{
padding: 32px 0; 
margin: -32px 0;
}
.powerhour-image-box-style2 .swiper-slide{
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: transform 0.5s ease-in-out;
-moz-transition: transform 0.5s ease-in-out;
-ms-transition: transform 0.5s ease-in-out;
-o-transition: transform 0.5s ease-in-out;
transition: transform 0.5s ease-in-out;
position: relative;
z-index: 1;
}
.powerhour-image-box-style2 .swiper-slide.swiper-slide-active{
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
z-index: 2;
}
.powerhour-image-box-style1 .powerhour-image-box-data {
text-align: center;
} .powerhour-image-box-grid img{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.powerhour-image-box-grid:hover img{
-moz-transform: translatey(-10px);
-webkit-transform: translatey(-10px);
-o-transform: translatey(-10px);
-ms-transform: translatey(-10px);
transform: translatey(-10px);
}
.powerhour-image-box-grid .title{
position: relative;
padding-left: 100px;
text-decoration: underline;
font-style: italic;
}
.powerhour-image-box-grid .title:hover{
color: var(--color-theme-primary);
}
.powerhour-image-box-grid .title::before{
content: "";
background: var(--border-color-light);
height: 3px;
width: 70px;
position: absolute;
top: 50%;
left: 0;
-moz-transform: translatey(-50%);
-webkit-transform: translatey(-50%);
-o-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
}
.powerhour-image-box-grid .title::after{
content: "";
background: transparent;
border: 1px solid var(--border-color-light);
height: 10px;
width: 10px;
position: absolute;
top: 50%;
left: 70px;
-webkit-border-radius: 50%;
border-radius: 50%;
-moz-transform: translatey(-50%);
-webkit-transform: translatey(-50%);
-o-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
} @media (max-width: 767px){
.powerhour-image-box-grid .title{
padding-left: 0;
}
.powerhour-image-box-grid .title::before,
.powerhour-image-box-grid .title::after{
content: none;
}
}