@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  */



/* Main Images Animation */
.main-image-div {
    display: block;
    transform: scale(1);
    transition: 0.4s !important;
}
.main-image-div:hover{
    transform: scale(0.9) !important;
    transition: 0.4s !important;
}
/* End Main Images Animation */






/* Main Section Animation */
.zoom-in-zoom-out {
    position: absolute;
    animation: zoom-in-zoom-out 2s ease-out;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(0.6, 0.6);
    }
    50% {
        transform: scale(1.1, 1.1);
    }
    100% {
        transform: scale(1, 1);
    }
}


.slide-left {
    position: relative;
    left: -175%;
    width: 100%;
    height: 100%;
    -webkit-animation: slide-left 0.7s forwards;
    -webkit-animation-delay: 0.2s;
    animation: slide-left 0.7s forwards;
    animation-delay: 0.2s;
}

@-webkit-keyframes slide-left {
    100% { left: 0; }
}

@keyframes slide-left {
    100% { left: 0; }
}
/* End Main Section Animation */


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