.fij-flip-box-wrapper { perspective: 1500px; }
.fij-flip-box {
    position: relative; width: 100%; height: 280px;
    transition: transform 0.8s cubic-bezier(0.4, 0.2, 0.2, 1);
    transform-style: preserve-3d;
}
.fij-flip-box-layer {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    backface-visibility: hidden; display: flex; flex-direction: column;
    justify-content: center; align-items: center; text-align: center;
    padding: 30px; box-sizing: border-box;
    border-radius: 15px; /* Default smart radius */
}
.fij-flip-box-front { background: #ffffff; color: #333; transform: rotateY(0deg); z-index: 2; }
.fij-flip-box-back { background: linear-gradient(135deg, #8e44ad, #c0392b); color: #fff; transform: rotateY(180deg); }

/* Effects */
.fij-flip-box-wrapper:hover .fij-flip-box.effect-flip { transform: rotateY(180deg); }
.fij-flip-box-wrapper:hover .fij-flip-box.effect-slide { transform: translateY(-100%) rotateX(90deg); transform-origin: bottom; }
.fij-flip-box.effect-slide .fij-flip-box-back { transform: rotateX(-90deg) translateZ(140px); transform-origin: top; } /* Adjusted for smoother slide */

/* Content Styling */
.fij-icon i { margin-bottom: 20px; display: inline-block; }
.fij-title { margin: 0 0 15px; font-size: 24px; font-weight: 700; }
.fij-desc { margin: 0; font-size: 15px; line-height: 1.6; }
.fij-flip-btn {
    display: inline-block; padding: 12px 30px; margin-top: 25px;
    text-decoration: none; border-radius: 50px;
    font-weight: 700; transition: 0.3s; border: 2px solid transparent;
}