.elementor-835 .elementor-element.elementor-element-e9f5b75{--display:flex;}/* Start custom CSS for html, class: .elementor-element-3a0d01c */.fbox{
    width:100%;
  height:100%;
  margin: auto;
  perspective: 1000px;
}
.box{
  width:100%;
  height:100%;
  margin: auto;
  transform-style: preserve-3d;transition: transform 0.8s;
  animation: hi infinite linear 8s;
}
.box:hover{
    transform: rotateY(180deg);
}
.elementor-835 .elementor-element.elementor-element-3a0d01c{
    height: 500px;
}
@media only screen and (max-width:600px){
    .elementor-835 .elementor-element.elementor-element-3a0d01c{
        height:300px;
    }
}
.front{
  width:100%;
  height:100%;
  margin: auto;
  perspective : 1000px;position: absolute;
  backface-visibility: hidden;
}
.back{
  width:100%;
  height:100%;
  margin: auto;
  perspective : 1000px;
  transform: rotateY(180deg);
  position: absolute;
  backface-visibility: hidden;
}
.fr{display: inline-block;
  width:100%;background-image:url("http://windot.ir/wp-content/uploads/2024/02/2-5.jpg");
  height:100%;
  background-position: center;background-size: contain;
  background-repeat: no-repeat;
}

.br{display: inline-block;
  width:100%;background-image:url("http://windot.ir/wp-content/uploads/2024/03/fu2.png");
  height:100%;
  background-position: center;background-size: contain;
  background-repeat: no-repeat;
}
@keyframes hi {0%{transform: rotateZ(0deg);}100%{transform: rotateY(360deg);}}/* End custom CSS */