.hand-wave {
    animation-name: wave-animation;  /* Refers to the name of your @keyframes element below */
    animation-duration: 2.5s;        /* Change to speed up or slow down */
    animation-iteration-count: infinite;  /* Never stop waving :) */
    transform-origin: 70% 70%;       /* Pivot around the bottom-left palm */
    display: inline-block;
}

@keyframes wave-animation {
    0% { transform: rotate( 0.0deg) }
    10% { transform: rotate(14.0deg) }  /* The following five values can be played with to make the waving more or less extreme */
    20% { transform: rotate(-8.0deg) }
    30% { transform: rotate(14.0deg) }
    40% { transform: rotate(-4.0deg) }
    50% { transform: rotate(10.0deg) }
    60% { transform: rotate( 0.0deg) }  /* Reset for the last half to pause */
    100% { transform: rotate( 0.0deg) }
}


/**** Animation *****/

/* Main Buttons Animation */

.check-know-btn:hover{
    animation:  shake 0.8s  ;
}

@keyframes shake{
    0%{
        transform: translateY(0)
    }
    25%{
        transform: translateY(8px);
    }

    50%{
        transform: translateY(-8px);
    }
    100%{
        transform: translateY(0px);
    }
}

/* End Main Buttons Animation */


/* Video Animation  */
.youtube-frame-div{
    display: block;
    transform: scale(1);
    transition: 0.4s;
}
.youtube-frame-div:hover{
    transform: scale(0.9) !important;
    transition: 0.4s;
}
/* Video Animation  */

/* Logos Organization Animation */
.org-box{
    transform: scale(1);
    transition: 0.4s;
}
.org-box:hover{
    transform: scale(1.1);
    transition: 0.4s;
    height: 190px;
}
/* End Logos Organization Animation */

/* Books Animation */
.book-a .book-in-box{
    transform: scale(1);
    transition: 0.4s;
}
.book-a:hover .book-in-box{
    transform: scale(1.1);
    transition: 0.4s;
}
/* End Books Animation */



/* Right Path Cards Animation  */
/*.flip-card-inner {*/
/*    position: relative;*/
/*    text-align: center;*/
/*    transition: transform 0.6s;*/
/*    transform-style: preserve-3d;*/
/*}*/
/*.flip-card-inner:hover{*/
/*    transform: rotateY(180deg);*/
/*}*/
/*.flip-card-inner:hover .aa,.flip-card-inner:hover .right-path-txt{*/
/*    transform: rotateY(180deg);*/
/*}*/
/* End Right Path Cards Animation  */

/**** End Animation *****/
