/*
Theme Name:        Flatsome
Theme URI:         http://flatsome.uxthemes.com/
Author:            UX-Themes
Author URI:        http://www.uxthemes.com/
Description:       Multi-Purpose Responsive WooCommerce Theme
Version:           3.13.3
Requires at least: 5.0.0
Requires PHP:      5.6.20
Text Domain:       flatsome
License:           http://themeforest.net/licenses
License URI:       http://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/

    .flip-box {
      width: 200px;
      height: 200px;
      perspective: 1000px; /* For 3D effect */
    }

    .flip-box-inner {
      position: relative;
      width: 100%;
      height: 100%;
      text-align: center;
      transition: transform 0.6s;
      transform-style: preserve-3d;
    }

    .flip-box.flipped .flip-box-inner {
      transform: rotateY(180deg); /* Or rotateX for vertical flip */
    }

    .flip-box-front, .flip-box-back {
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden; /* Hide the back of the element when facing away */
    }

    .flip-box-back {
      transform: rotateY(180deg); /* Initially hide the back */
    }