.animation_box {
  position: relative !important;
  margin: 20px auto !important;
  padding: 80px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  opacity: 1 !important;
}

.animation_square {
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  display: block;
  width: 100%;
  height: 100%;
}

.left-side,
.top-side,
.right-side,
.bottom-side {
  position: absolute;
  background: none transparent;
  width: 0px;
  height: 0px;
}

.left-side {
  left: -15px;
  bottom: 0;
  height: 400px;
  width: 15px;
  overflow: hidden;
}

.top-side {
  top: 0;
  left: 0;
  width: 400px;
  height: 15px;
  z-index: -29;
  overflow: hidden;
}

.right-side {
  right: -15px;
  top: 0;
  height: 400px;
  width: 15px;
  overflow: hidden;
}

.bottom-side {
  bottom: 0px;
  right: 0px;
  width: 400px;
  height: 15px;
  overflow: hidden;
}

.animation_box .card_img img {
  width: 100%;
  object-fit: none;
  -o-object-fit: none;
}

.animation_box .card_img {
  position: absolute;
  top: -185px;
  height: 0px;
  z-index: -5;
}

.animation_box .card_img {
  display: none !important;
}

.animation_box .card_img.show_img {
  display: block !important;
}

.animation_heading,
.animation_btn {
  opacity: 0;
}

.hero-style .slide-title h2 {
  transition: none;
}

.animation_box .card_img {
  transition: all cubic-bezier(0.55, 0.055, 0.675, 0.19) s;
}

@media (min-width: 1300px) and (max-width: 1399px) {
  .animation_box .card_img img {
    object-fit: unset;
    -o-object-fit: unset;
  }
  .animation_square {
    top: 10%;
  }
  .animation_box .card_img {
    top: -170px;
  }
}
@media (min-width: 1400px) and (max-width: 1499px) {
  .animation_box .card_img {
    top: -140px;
  }
  .animation_box .card_img img {
    object-fit: unset;
    -o-object-fit: unset;
    width: 96%;
  }
}/*# sourceMappingURL=head-foot-constant-gsap.css.map */