/*** Custom CSS ***/

@media screen and (min-width: 410px) and (max-width: 478px) {
    .select-card {
        width: 67px !important;
    }
    .select-card.card-1 {
        left: 35px !important;
        top: 27px !important;
    }
    .select-card.card-2 {
        left: 59px !important;
        top: -82px !important;
    }
    .select-card.card-3 {
        left: 83px !important;
        top: -193px !important;
    }
    .select-card.card-4 {
        left: 110px !important;
        top: -303px !important;
    }
    .select-card.card-5 {
        left: 134px !important;
        top: -417px !important;
    }
    .select-card.card-6 {
        left: 157px !important;
        top: -530px !important;
    }
    .select-card.card-7 {
        left: 182px !important;
        top: -646px !important;
    }
    .select-card.card-8 {
        left: 206px !important;
        top: -764px !important;
    }
    .select-card.card-9 {
        left: 233px !important;
        top: -885px !important;
    }
    .select-card.card-10 {
        left: 256px !important;
        top: -1006px !important;
    }
    .select-card.card-11 {
        left: 278px !important;
        top: -1130px !important;
    }
    .select-card.card-12 {
        left: 300px !important;
        top: -1253px !important;
    }
}

@media screen and (min-width: 350px) and (max-width: 409px) {
    .select-card {
        width: 67px !important;
    }
    .select-card.card-1 {
        left: 20px !important;
        top: 17px !important;
    }
    .select-card.card-2 {
        left: 40px !important;
        top: -93px !important;
    }
    .select-card.card-3 {
        left: 62px !important;
        top: -201px !important;
    }
    .select-card.card-4 {
        left: 86px !important;
        top: -314px !important;
    }
    .select-card.card-5 {
        left: 109px !important;
        top: -427px !important;
    }
    .select-card.card-6 {
        left: 132px !important;
        top: -541px !important;
    }
    .select-card.card-7 {
        left: 156px !important;
        top: -657px !important;
    }
    .select-card.card-8 {
        left: 178px !important;
        top: -775px !important;
    }
    .select-card.card-9 {
        left: 203px !important;
        top: -897px !important;
    }
    .select-card.card-10 {
        left: 227px !important;
        top: -1019px !important;
    }
    .select-card.card-11 {
        left: 249px !important;
        top: -1142px !important;
    }
    .select-card.card-12 {
        left: 270px !important;
        top: -1265px !important;
    }
}


/*** End of Custom CSS ***/

.headline_qn_text {
    color: #000;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
}

.headline_qn_image_wrapper {
    width: 100%;
}

.nav-item {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid transparent;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
}

.nav-item:hover {
    border-bottom: 2px solid #fff;
    text-decoration: none;
}

.nav-item:active {
    color: #fff;
}

.nav-item:focus {
    color: #fff;
}

.nav-item:visited {
    color: #fff;
}

.nav-item.child-menu-item._2nd-item {
    border-right: 1px none hsla(0, 0%, 100%, 0.5);
    border-left: 1px none hsla(0, 0%, 100%, 0.5);
}

.nav-item.child-menu-item.last-item {
    border-right: 1px none hsla(0, 0%, 100%, 0.5);
}

.nav-item._1st-item {
    border-left: 1px none hsla(0, 0%, 100%, 0.5);
}

.nav-item._1st-item.w--current {
    color: #fff;
}

.headline_qn_text_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 65px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    text-align: center;
    text-decoration: none;
}

.headline_qn_text_wrapper:hover {
    color: #000;
}

.headline_h1 {
    margin-top: 0px;
    font-family: Merriweather, serif;
    color: #fff;
    font-size: 70px;
    line-height: 1.2;
    text-align: center;
    text-shadow: none;
}

.headline_h1.articles {
    font-size: 30px;
}
.headline_h3 {
    margin-top: 0px;
    font-family: Merriweather, serif;
    color: #fff;
    font-size: 40px;
    line-height: 1.2;
    text-align: center;
    text-shadow: none;
}

.headline_h3.articles {
    font-size: 60px;
}

.navbar {
    padding-right: 75px;
    padding-left: 75px;
    border-bottom: 1px none #fff;
    background-color: hsla(0, 0%, 100%, 0);
}

.headline_qn_div {
    width: 100%;
}

.header_section.front {
    background-image: url('../images/Love-qn-tarot-bg.jpeg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.headline_qn_wrapper {
    width: 32%;
    margin: 3px;
    float: left;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: all 100ms cubic-bezier(.755, .05, .855, .06);
    transition: all 100ms cubic-bezier(.755, .05, .855, .06);
    text-align: center;
    text-decoration: none;
}

.headline_qn_wrapper:hover {
    background-color: #ffea00;
    color: #000;
    text-decoration: none;
}

.nav-menu {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.headline_text_wrapper {
    width: 750px;
    margin-right: auto;
    margin-left: auto;
}

.headline_qn_box {
    margin-top: 25px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.header_container {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 25px;
    padding-bottom: 45px;
}

.header_container.v2 {
    padding-bottom: 25px;
}

.navbar-box {
    margin-right: auto;
    margin-left: auto;
}

.footer_section {
    border-top: 1px solid #ddd;
}

.footer_container {
    display: block;
    width: 600px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    text-align: center;
}

.footer-link {
    margin-right: 10px;
    margin-left: 10px;
    color: #000;
    font-size: 12px;
    line-height: 1.2;
    text-decoration: none;
}

.footer-link:hover {
    text-decoration: underline;
}

.footer-text {
    color: #000;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
}

.footer-text.v2 {
    margin-bottom: 0px;
}

.select-card-container {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}

.reveal-card-wrapper {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    padding: 15px;
    border-radius: 25px;
    background-color: #9e0018;
}

.reveal-card {
    width: 170px;
    height: 280px;
    margin-right: auto;
    margin-left: auto;
    float: left;
}

.reveal-text-wrapper {
    width: 75%;
    padding-left: 25px;
    float: left;
}

.header_h4 {
    font-family: Merriweather, serif;
    color: #fff;
    line-height: 1.2;
    text-align: center;
}

.p-text {
    margin-bottom: 20px;
    font-family: Mulish, sans-serif;
    color: #000;
    font-size: 18px;
    line-height: 1.7;
    text-align: justify;
}

.p-text.color-white {
    color: #fff;
    text-align: center;
}

.cta-button {
    display: block;
    width: 170px;
    margin-right: auto;
    margin-left: auto;
    padding: 15px 25px;
    background-color: #ffea00;
    -webkit-transition: all 100ms cubic-bezier(.55, .055, .675, .19);
    transition: all 100ms cubic-bezier(.55, .055, .675, .19);
    font-family: Mulish, sans-serif;
    color: #000;
    font-size: 20px;
    font-weight: 800;
}

.cta-button:hover {
    background-color: #ff5e00;
    color: #fff;
}

.select-card-wrapper {
    height: 400px;
    margin-bottom: 25px;
    background-image: none;
    background-position: 0px 0px;
    background-size: auto;
    background-repeat: repeat;
}

.select-card {
    display: block;
    width: 180px;
}

.select-card.card-1 {
    position: relative;
    left: 40px;
    top: 20px;
    opacity: 1;
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
}

.select-card.card-2 {
    position: relative;
    left: 100px;
    top: -270px;
    opacity: 1;
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
}

.select-card.card-3 {
    position: relative;
    left: 155px;
    top: -565px;
    opacity: 1;
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
}

.select-card.card-4 {
    position: relative;
    left: 210px;
    top: -870px;
    opacity: 1;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
}

.select-card.card-5 {
    position: relative;
    left: 270px;
    top: -1170px;
    opacity: 1;
    -webkit-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    transform: rotate(7deg);
}

.select-card.card-6 {
    position: relative;
    left: 330px;
    top: -1480px;
    opacity: 1;
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}

.select-card.card-7 {
    position: relative;
    left: 390px;
    top: -1785px;
    opacity: 1;
    -webkit-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg);
}

.select-card.card-8 {
    position: relative;
    left: 450px;
    top: -2100px;
    opacity: 1;
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.select-card.card-9 {
    position: relative;
    left: 510px;
    top: -2420px;
    opacity: 1;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

.select-card.card-10 {
    position: relative;
    left: 570px;
    top: -2743px;
    opacity: 1;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.select-card.card-11 {
    position: relative;
    left: 620px;
    top: -3075px;
    opacity: 1;
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
}

.select-card.card-12 {
    position: relative;
    left: 680px;
    top: -3400px;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

.nav-item-2 {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid transparent;
    font-family: Mulish, sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
}

.nav-item-2:hover {
    border-bottom: 2px solid #fff;
    text-decoration: none;
}

.nav-item-2:active {
    color: #fff;
}

.nav-item-2:focus {
    color: #fff;
}

.nav-item-2:visited {
    color: #fff;
}

.nav-item-2.child-menu-item._2nd-item {
    border-right: 1px none hsla(0, 0%, 100%, 0.5);
    border-left: 1px none hsla(0, 0%, 100%, 0.5);
}

.nav-item-2.child-menu-item.last-item {
    border-right: 1px none hsla(0, 0%, 100%, 0.5);
}

.nav-item-2._1st-item {
    border-left: 1px none hsla(0, 0%, 100%, 0.5);
}

.nav-item-2._1st-item.w--current {
    color: #fff;
}

.content_container {
    width: 750px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 25px;
    padding-bottom: 55px;
}

.angel-img-wrapper {
    background-image: url('../images/card-3-spread.png');
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.angel-img {
    display: block;
    width: 250px;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto;
}

.header_h2 {
    font-family: Merriweather, serif;
    color: #c72020;
    font-size: 60px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
}

.header_h2.reading-title {
    margin-top: 0px;
    margin-bottom: 25px;
    color: #c72020;
    font-size: 40px;
    font-style: italic;
}

@media screen and (max-width: 991px) {
    .headline_qn_text {
        font-size: 15px;
    }
    .nav-item:hover {
        border-bottom-width: 1px;
        text-decoration: underline;
    }
    .headline_qn_text_wrapper {
        height: 55px;
    }
    .headline_h1 {
        font-size: 50px;
    }
    .headline_h1.articles {
        font-size: 45px;
    }

    .headline_h3 {
        font-size: 40px;
    }
    .headline_h3.articles {
        font-size: 35px;
    }

    .navbar {
        padding-right: 45px;
        padding-left: 45px;
    }
    .nav-hamburger-btn {
        color: #fff;
        font-size: 50px;
    }
    .nav-hamburger-btn.w--open {
        background-color: #4800a0;
    }
    .headline_qn_wrapper {
        width: 32%;
    }
    .qn_img {
        width: 100%;
    }
    .headline_text_wrapper {
        width: 100%;
    }
    .header_container {
        width: 95%;
    }
    .footer_container {
        width: 95%;
    }
    .footer_wrapper {
        overflow: visible;
    }
    .footer-link {
        display: inline;
        float: none;
    }
    .reveal-card {
        width: 130px;
        height: 220px;
        margin-right: auto;
        margin-left: auto;
        float: none;
    }
    .reveal-text-wrapper {
        width: 100%;
        float: none;
    }
    .select-card-wrapper {
        height: 300px;
    }
    .select-card {
        width: 130px;
    }
    .select-card.card-1 {
        left: 30px;
        top: 20px;
        opacity: 1;
    }
    .select-card.card-2 {
        left: 70px;
        top: -190px;
        opacity: 1;
    }
    .select-card.card-3 {
        left: 115px;
        top: -405px;
        opacity: 1;
    }
    .select-card.card-4 {
        left: 155px;
        top: -620px;
        opacity: 1;
    }
    .select-card.card-5 {
        left: 200px;
        top: -840px;
        opacity: 1;
    }
    .select-card.card-6 {
        left: 240px;
        top: -1065px;
        opacity: 1;
    }
    .select-card.card-7 {
        left: 285px;
        top: -1285px;
        opacity: 1;
    }
    .select-card.card-8 {
        left: 325px;
        top: -1510px;
        opacity: 1;
    }
    .select-card.card-9 {
        left: 370px;
        top: -1745px;
        opacity: 1;
    }
    .select-card.card-10 {
        left: 415px;
        top: -1975px;
        opacity: 1;
    }
    .select-card.card-11 {
        left: 455px;
        top: -2215px;
        opacity: 1;
    }
    .select-card.card-12 {
        left: 495px;
        top: -2450px;
    }
    .nav-item-2:hover {
        border-bottom-width: 1px;
        text-decoration: underline;
    }
    .content_container {
        width: 95%;
    }
    .header_h2 {
        font-size: 55px;
    }
}

@media screen and (max-width: 767px) {
    .headline_qn_text {
        font-size: 12px;
    }
    .nav-item {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .nav-item.child-menu-item._2nd-item {
        border-bottom-width: 1px;
        border-bottom-color: #dbe9ff;
        background-color: #fff;
        color: #000;
        text-align: center;
    }
    .nav-item.child-menu-item.last-item {
        border-bottom-width: 1px;
        border-bottom-color: #dbe9ff;
        background-color: #fff;
        color: #000;
        text-align: center;
    }
    .nav-item._1st-item {
        border-bottom-width: 1px;
        border-bottom-color: #dbe9ff;
        background-color: #fff;
        color: #000;
        text-align: center;
    }
    .headline_qn_text_wrapper {
        height: 40px;
    }
    .headline_h1 {
        font-size: 45px;
    }
    .headline_h1.articles {
        font-size: 35px;
    }
    .headline_h3 {
        font-size: 35px;
    }
    .headline_h3.articles {
        font-size: 25px;
    }

    .nav-hamburger-btn {
        margin-right: auto;
        margin-left: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        float: none;
        color: #fff;
        font-size: 30px;
        text-align: center;
    }
    .nav-hamburger-btn.w--open {
        background-color: rgba(255, 255, 255, 0);
        color: #fff;
    }
    .headline_qn_wrapper {
        width: 32%;
    }
    .qn_img {
        width: 100%;
    }
    .headline_text_wrapper {
        width: 95%;
    }
    .header_container.v2 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .footer_container {
        width: 90%;
    }
    .footer-text {
        font-size: 11px;
    }
    .reveal-card-wrapper {
        width: 100%;
    }
    .reveal-card {
        width: 96px;
        height: 160px;
    }
    .select-card-wrapper {
        height: 250px;
    }
    .select-card {
        width: 95px;
    }
    .select-card.card-1 {
        left: 23px;
        top: 30px;
        opacity: 1;
    }
    .select-card.card-2 {
        left: 54px;
        top: -125px;
        opacity: 1;
    }
    .select-card.card-3 {
        left: 85px;
        top: -280px;
        opacity: 1;
    }
    .select-card.card-4 {
        left: 115px;
        top: -440px;
        opacity: 1;
    }
    .select-card.card-5 {
        left: 150px;
        top: -600px;
        opacity: 1;
    }
    .select-card.card-6 {
        left: 180px;
        top: -760px;
        opacity: 1;
    }
    .select-card.card-7 {
        left: 210px;
        top: -925px;
        opacity: 1;
    }
    .select-card.card-8 {
        left: 240px;
        top: -1090px;
        opacity: 1;
    }
    .select-card.card-9 {
        left: 275px;
        top: -1260px;
        opacity: 1;
    }
    .select-card.card-10 {
        left: 305px;
        top: -1430px;
        opacity: 1;
    }
    .select-card.card-11 {
        left: 335px;
        top: -1600px;
        opacity: 1;
    }
    .select-card.card-12 {
        left: 367px;
        top: -1775px;
    }
    .nav-item-2 {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .nav-item-2.child-menu-item._2nd-item {
        border-bottom-width: 1px;
        border-bottom-color: #dbe9ff;
        background-color: #fff;
        color: #000;
        text-align: center;
    }
    .nav-item-2.child-menu-item.last-item {
        border-bottom-width: 1px;
        border-bottom-color: #dbe9ff;
        background-color: #fff;
        color: #000;
        text-align: center;
    }
    .nav-item-2._1st-item {
        border-bottom-width: 1px;
        border-bottom-color: #dbe9ff;
        background-color: #fff;
        color: #000;
        text-align: center;
    }
    .content_container {
        width: 95%;
    }
    .header_h2.reading-title {
        font-size: 32px;
    }
}

@media screen and (max-width: 479px) {
    .headline_qn_text {
        font-size: 13px;
    }
    .nav-item {
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom-color: #4d11cf;
        font-size: 15px;
    }
    .headline_qn_text_wrapper {
        height: 50px;
        padding-right: 10px;
        padding-left: 10px;
    }
    .headline_h1 {
        font-size: 34px;
    }
    .headline_h1.articles {
        font-size: 23px;
    }
    .headline_h3 {
        font-size: 24px;
    }
    .headline_h3.articles {
        font-size: 13px;
    }

    .navbar {
        padding-right: 15px;
        padding-left: 15px;
    }
    .headline_qn_div {
        text-align: center;
    }
    .nav-hamburger-btn {
        font-size: 25px;
    }
    .headline_qn_wrapper {
        width: 80%;
        float: none;
    }
    .headline_qn_wrapper.last-child {
        margin-right: auto;
        margin-left: auto;
        float: none;
    }
    .qn_img {
        width: 100%;
    }
    .headline_text_wrapper {
        width: 95%;
    }
    .headline_qn_box {
        margin-top: 10px;
    }
    .header_container {
        padding-top: 0px;
    }
    .header_container.v2 {
        padding-bottom: 5px;
    }
    .footer_container {
        width: 90%;
        padding-top: 20px;
    }
    .footer_wrapper {
        display: block;
    }
    .footer-link {
        display: block;
        float: none;
        line-height: 1.6;
    }
    .select-card-container {
        width: 100%;
    }
    .reveal-card-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }
    .reveal-text-wrapper {
        padding-left: 0px;
    }
    .header_h4 {
        font-size: 25px;
    }
    .p-text {
        font-size: 16px;
    }
    .select-card-wrapper {
        height: 150px;
    }
    .select-card {
        width: 60px;
    }
    .select-card.card-1 {
        left: 13px;
        top: 13px;
        opacity: 1;
    }
    .select-card.card-2 {
        left: 33px;
        top: -83px;
        opacity: 1;
    }
    .select-card.card-3 {
        left: 52px;
        top: -181px;
        opacity: 1;
    }
    .select-card.card-4 {
        left: 72px;
        top: -280px;
        opacity: 1;
    }
    .select-card.card-5 {
        left: 91px;
        top: -380px;
        opacity: 1;
    }
    .select-card.card-6 {
        left: 113px;
        top: -485px;
        opacity: 1;
    }
    .select-card.card-7 {
        left: 133px;
        top: -588px;
        opacity: 1;
    }
    .select-card.card-8 {
        left: 150px;
        top: -693px;
        opacity: 1;
    }
    .select-card.card-9 {
        left: 173px;
        top: -800px;
        opacity: 1;
    }
    .select-card.card-10 {
        left: 190px;
        top: -906px;
        opacity: 1;
    }
    .select-card.card-11 {
        left: 211px;
        top: -1017px;
        opacity: 1;
    }
    .select-card.card-12 {
        left: 228px;
        top: -1125px;
    }
    .nav-item-2 {
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom-color: #4d11cf;
        font-size: 15px;
    }
    .content_container {
        padding-bottom: 45px;
    }
    .angel-img-wrapper {
        width: 60%;
        margin-right: auto;
        margin-left: auto;
    }
    .angel-img {
        margin-bottom: 20px;
    }
    .header_h2 {
        font-size: 35px;
    }
    .header_h2.reading-title {
        font-size: 25px;
    }
}


/* Flip Css Start Vinod */

.select-card-wrapper {
    position: relative;
}

.select-card {}

.select-card.animateFadeIn {
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg) !important;
}

.select-card.animateFadeIn.lastAnimate {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) rotateY(0deg) !important;
    opacity: 1 !important;
}

.select-card.animateFadeIn.lastAnimate.flipCard {
    transform: translate3d(-50%, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(180deg) rotateZ(0deg) skew(0deg, 0deg) !important;
    transition: all 0.3s;
}

.select-card.animateFadeIn.lastAnimate.flipCard img {
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(-180deg) rotateZ(0deg) skew(0deg, 0deg) !important;
}

.select-card.animateFadeOut {
    opacity: 0 !important;
    transition: 0.1s;
}

.animateFadeOut:nth-child(2) {
    transition-delay: 0.1s;
}

.animateFadeOut:nth-child(3) {
    transition-delay: 0.2s;
}

.animateFadeOut:nth-child(4) {
    transition-delay: 0.3s;
}

.animateFadeOut:nth-child(5) {
    transition-delay: 0.4s;
}

.animateFadeOut:nth-child(6) {
    transition-delay: 0.5s;
}

.animateFadeOut:nth-child(7) {
    transition-delay: 0.6s;
}

.animateFadeOut:nth-child(8) {
    transition-delay: 0.7s;
}

.animateFadeOut:nth-child(9) {
    transition-delay: 0.8s;
}

.animateFadeOut:nth-child(10) {
    transition-delay: 0.9s;
}

.animateFadeOut:nth-child(11) {
    transition-delay: 0.10s;
}

.animateFadeOut:nth-child(12) {
    transition-delay: 0.11s;
}

.reveal-card-wrapper {
    display: none;
}


/* Flip Css End Vinod */