.elementor-811 .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-811 .elementor-element.elementor-element-3a0d01c{
    height: 500px;
}
@media only screen and (max-width:600px){
    .elementor-811 .elementor-element.elementor-element-3a0d01c{
        height:300px;
    }
    .fr{
        transform:rotateY(-20deg)translateX(5px) !important;
    }.fl{
        transform:rotateY(20deg)translateX(-5px) !important;
    }
    .br{
        transform:rotateY(20deg)translateX(5px) !important;
    }
    .bl{
        transform:rotateY(-20deg)translateX(-5px) !important;
    }
}
.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:49%;background-image:url("http://windot.ir/wp-content/uploads/2024/02/fo1fl.png");
  transform: rotateY(-20deg)translateX(10px);
  height:100%;
  background-position: center;background-size: contain;
  background-repeat: no-repeat;
}
.bl{display: inline-block;
  width:49%;background-image:url("http://windot.ir/wp-content/uploads/2024/02/fo1br.png");
  transform: rotateY(-20deg)translateX(-10px);
  height:100%;
  background-position: center;background-size: contain;
  background-repeat: no-repeat;
}
.fl{display: inline-block;
  width:49%;background-image:url("http://windot.ir/wp-content/uploads/2024/02/fo1fr.png");
  transform: rotateY(20deg)translateX(-11px);
  height:100%;
  background-position: center;background-size: contain;
  background-repeat: no-repeat;
}.br{display: inline-block;
  width:49%;background-image:url("http://windot.ir/wp-content/uploads/2024/02/fo1bl.png");
  transform: rotateY(20deg)translateX(11px);
  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 */