/* widget: Content Box 18 */

.uc_content_box_18_elementor_49817c9{
  position:relative;
  z-index:1;
}

.uc_content_box_18_elementor_49817c9>a{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  z-index:10;
}

.uc_content_box_18_elementor_49817c9 .image .imahe{
  height:220px;
  width:100%;
  object-fit:cover;
}

.uc_content_box_18_elementor_49817c9 .content{
  transition:all 0.5s;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  z-index:1;
  overflow:hidden;
}

.uc_content_box_18_elementor_49817c9 .content::before{
  content: "";
  height: 100%;
  position: absolute;
  right: -34px;
  top: 0;
  transform: skewX(35deg);
  transition: all 0.5s;
  width: 60px;
  z-index: -1;
  display: inherit;
  margin: 0px;
}

.uc_content_box_18_elementor_49817c9:hover .content::before{
  width:calc(100% + 10px);
}

.uc_content_box_18_elementor_49817c9 .content h4{
  color:#FFFFFF;
  transition:all 0.3s;
  margin-top:0px;
  margin-bottom:0px;
}

.uc_content_box_18_elementor_49817c9:hover .content h4{
  color:#252525;
}

.uc_content_box_18_elementor_49817c9 .content i{
  font-size:26px;
  transition:all 0.3s;
  color:#FFFFFF;
  position:relative;
  animation: leftToRight 2s linear 0s infinite alternate;
}

.uc_content_box_18_elementor_49817c9:hover .content i{
  color:#252525;
}

@keyframes leftToRight{
  0%{
   	left:-5px;
  }
  100%{
    left:5px;
  }
}

@media (max-width:768px){
  .uc_content_box_18_elementor_49817c9 .image img{
    height:220px;
  }

  .uc_content_box_18_elementor_49817c9 .content i{
    font-size:20px;
  }
}