/*======== tilt Image Button Button ================ */
.digr_tilt_image_card .digr_tilt_image_card_container .et_pb_button_wrapper .et_pb_button:before,
.digr_tilt_image_card .digr_tilt_image_card_container .et_pb_button_wrapper .et_pb_button:after {
  content: attr(data-icon);
}

.digr_tilt_image_card .digr_tilt_image_card_container .et_pb_button_wrapper .et_pb_button {
  margin: 10px;
}

.digr_tilt_image_card_button {
  display: inline-block;
}
.digr_tic_image_icon_wrapper {
  display: flex;
}
.digr_tic_image {
  display: block;
}

.digr_tic_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.digr_tilt_image_card {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  overflow: hidden;
}

.digr_tic_content_wrapper,
.digr_tic_image,
.digr_tic_image {
  border-style: solid;
}

.digr_tilt_image_card_container {
  overflow: hidden;
}

/* default animation whe show content hover switch is on  */
.digr_tilt_image_card .show_content_on_hover .digr_tic_content_wrapper,
.digr_tilt_image_card .show_content_on_hover .digr_tic_content_wrapper.tilt_anim_off {
  opacity: 0;
  transition-timing-function: ease-in-out;
  transition-property: all;
}

.digr_tilt_image_card:hover .show_content_on_hover .digr_tic_content_wrapper,
.digr_tilt_image_card:hover .show_content_on_hover .digr_tic_content_wrapper.tilt_anim_off {
  opacity: 1;
  transition-timing-function: ease-in-out;
  transition-property: all;
}

/* left to right  */
.digr_tilt_image_card .show_content_on_hover .digr_tic_content_wrapper.tilt_anim_left {
  opacity: 0;
  transform: translateX(-500px);
}

.digr_tilt_image_card:hover .show_content_on_hover .digr_tic_content_wrapper.tilt_anim_left {
  opacity: 1;
  transform: translateX(0);
}

/* right to left  */
.digr_tilt_image_card .show_content_on_hover .digr_tic_content_wrapper.tilt_anim_right {
  opacity: 0;
  transform: translateX(500px);
}

.digr_tilt_image_card:hover .show_content_on_hover .digr_tic_content_wrapper.tilt_anim_right {
  opacity: 1;
  transform: translateX(0);
}

/* top to bottom  */
.digr_tilt_image_card .show_content_on_hover .digr_tic_content_wrapper.tilt_anim_top {
  opacity: 0;
  transform: translateY(-500px);
}

.digr_tilt_image_card:hover .show_content_on_hover .digr_tic_content_wrapper.tilt_anim_top {
  opacity: 1;
  transform: translateY(0);
}

/* bottom to top  */
.digr_tilt_image_card .show_content_on_hover .digr_tic_content_wrapper.tilt_anim_bottom {
  opacity: 0;
  transform: translateY(500px);
}

.digr_tilt_image_card:hover .show_content_on_hover .digr_tic_content_wrapper.tilt_anim_bottom {
  opacity: 1;
  transform: translateY(0);
}

@media all and (max-width: 767px) {
  .digr_tilt_image_card .show_content_on_hover.show_content_on_mobile .digr_tic_content_wrapper,
  .digr_tilt_image_card .show_content_on_hover.show_content_on_mobile .digr_tic_content_wrapper.tilt_anim_top,
  .digr_tilt_image_card .show_content_on_hover.show_content_on_mobile .digr_tic_content_wrapper.tilt_anim_bottom,
  .digr_tilt_image_card .show_content_on_hover.show_content_on_mobile .digr_tic_content_wrapper.tilt_anim_right,
  .digr_tilt_image_card .show_content_on_hover.show_content_on_mobile .digr_tic_content_wrapper.tilt_anim_left {
    opacity: 1 !important;
    transform: translateY(0) !important;
    transform: translateX(0) !important;
  }
}
.digr_tilt_image_card_container .digr_tic_content_wrapper {
  transition: all 0.6s ease-in-out;
}