/* MA Flipbox start */
.jltma-flip-box {
  perspective: 1000px;
  background-color: transparent;
  width: 100%;
  text-align: center;
}

.jltma-flip-box-wrapper {
  display: inline-block;
  width: 100%;
  perspective: 1000px;
}
.jltma-flip-box-wrapper .jltma-flip-box-inner {
  width: 100%;
  height: 200px;
  position: relative;
  transform-style: preserve-3d;
}
.jltma-flip-box-wrapper .jltma-flip-box-inner .jltma-flip-box-front,
.jltma-flip-box-wrapper .jltma-flip-box-inner .jltma-flip-box-back {
  border-radius: 5px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  padding: 1.875rem;
  backface-visibility: hidden;
  transition: all 0.6s ease 0s;
}
.jltma-flip-box-wrapper .jltma-flip-box-inner .jltma-flip-box-front i, .jltma-flip-box-wrapper .jltma-flip-box-inner .jltma-flip-box-front svg,
.jltma-flip-box-wrapper .jltma-flip-box-inner .jltma-flip-box-back i,
.jltma-flip-box-wrapper .jltma-flip-box-inner .jltma-flip-box-back svg {
  font-size: 32px;
  height: 1em;
  width: 1em;
}
.jltma-flip-box-wrapper .jltma-flip-box-inner .jltma-flip-box-front img,
.jltma-flip-box-wrapper .jltma-flip-box-inner .jltma-flip-box-back img {
  height: 70%;
  width: 70%;
}
.jltma-flip-box-wrapper .jltma-flip-box-inner .jltma-flip-button {
  background: #fff;
  border-radius: 3px;
  color: #4b00e7;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  padding: 5px 8px;
}
.jltma-flip-box-wrapper .jltma-flip-box-front {
  z-index: 2;
}
.jltma-flip-box-wrapper .jltma-flip-box-back {
  background: #4b00e7;
  z-index: 1;
}
.jltma-flip-box-wrapper:hover .jltma-flip-box-back {
  z-index: 2;
}
.jltma-flip-box-wrapper:hover .jltma-flip-box-front {
  z-index: 1;
}
.jltma-flip-box-wrapper .icon-wrapper {
  display: inline-block;
  padding: 0;
  line-height: 1;
}
.jltma-flip-box-wrapper .front-icon-title,
.jltma-flip-box-wrapper .back-icon-title {
  margin: 10px auto;
  color: #fff;
}
.jltma-flip-box-wrapper .jltma-flipbox-content {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.jltma-flip-box-wrapper .jltma-flipbox-content p {
  margin-bottom: 10px;
}
.jltma-flip-box-wrapper .jltma-flipbox-content .jltma-flip-button {
  display: inline-block;
  padding: 5px 10px;
}
.jltma-flip-box-wrapper [class*=icon-title] {
  color: #393c3f;
  font-size: 1rem;
  font-weight: 700;
}
.jltma-flip-box-wrapper.one .jltma-flip-box-front {
  background-color: #fff;
}
.jltma-flip-box-wrapper.one .jltma-flip-box-front, .jltma-flip-box-wrapper.one .jltma-flip-box-back {
  text-align: left;
}
.jltma-flip-box-wrapper.one .jltma-flip-box-back p {
  font-size: 15px;
  line-height: 23px;
}
.jltma-flip-box-wrapper.two .jltma-flip-box-front {
  padding: 0;
  overflow: hidden;
}
.jltma-flip-box-wrapper.two .jltma-flip-box-front .jltma-flipbox-content {
  top: 0;
  transform: none;
  width: 100%;
  height: 100%;
}
.jltma-flip-box-wrapper.two .jltma-flip-box-front .jltma-flipbox-content img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.jltma-flip-box-wrapper.three {
  position: relative;
  margin: 50px 0;
}
.jltma-flip-box-wrapper.three .jltma-flip-box-front, .jltma-flip-box-wrapper.three .jltma-flip-box-back {
  border-radius: 0;
}
.jltma-flip-box-wrapper.three .jltma-flip-box-front {
  transform: rotate(-20deg) skewX(-20deg);
}
.jltma-flip-box-wrapper.three .jltma-flip-box-front .jltma-flipbox-content {
  transform: translateY(-50%) rotate(18deg) skewX(18deg);
}
.jltma-flip-box-wrapper.three:hover .jltma-flip-box-back {
  transform: rotate(20deg) skewX(20deg);
}
.jltma-flip-box-wrapper.three .jltma-flip-box-back .jltma-flipbox-content {
  transform: translateY(-50%) rotate(-18deg) skewX(-18deg);
}
.jltma-flip-box-wrapper.four .jltma-flip-box-front .jltma-flipbox-content,
.jltma-flip-box-wrapper.four .jltma-flip-box-back .jltma-flipbox-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.jltma-flip-icon-view-framed {
  border: 1px solid #92be43;
}

.jltma-flip-icon-shape-circle {
  border-radius: 50%;
}

@media only screen and (max-width: 768px) {
  .jltma-flipbox-content,
  .jltma-flip-box-front,
  .jltma-flip-box-back {
    cursor: pointer;
    overflow: visible !important;
    transform-style: preserve-3d;
  }
}
.jltma-flip-animate-vertical .jltma-flip-box-inner .jltma-flip-box-front {
  transform: perspective(1000px) rotateX(0deg);
}
.jltma-flip-animate-vertical .jltma-flip-box-inner .jltma-flip-box-back {
  transform: perspective(1000px) rotateX(180deg);
}
.jltma-flip-animate-vertical .jltma-flip-box-inner:hover .jltma-flip-box-front {
  transform: perspective(1000px) rotateX(180deg);
}
.jltma-flip-animate-vertical .jltma-flip-box-inner:hover .jltma-flip-box-back {
  transform: perspective(1000px) rotateX(0deg);
}

.jltma-flip-animate-horizontal .jltma-flip-box-inner .jltma-flip-box-front {
  transform: perspective(1000px) rotateY(0deg);
}
.jltma-flip-animate-horizontal .jltma-flip-box-inner .jltma-flip-box-back {
  transform: perspective(1000px) rotateY(180deg);
}
.jltma-flip-animate-horizontal .jltma-flip-box-inner:hover .jltma-flip-box-front {
  transform: perspective(1000px) rotateY(180deg);
}
.jltma-flip-animate-horizontal .jltma-flip-box-inner:hover .jltma-flip-box-back {
  transform: perspective(1000px) rotateY(0deg);
}

.jltma-flip-animate-flip.fade {
  opacity: 1;
}

.jltma-flip-animate-fade .jltma-flip-box-inner .jltma-flip-box-front {
  opacity: 1;
}
.jltma-flip-animate-fade .jltma-flip-box-inner .jltma-flip-box-back {
  opacity: 0;
}
.jltma-flip-animate-fade .jltma-flip-box-inner:hover .jltma-flip-box-front {
  opacity: 0;
}
.jltma-flip-animate-fade .jltma-flip-box-inner:hover .jltma-flip-box-back {
  opacity: 1;
}

/* MA Flipbox end */