/****|| First Section ||****/
.ArticlesMain .PageTitle {
    margin-bottom: 10px;
}
/****|| First Section ||****/

.daily-tarot{
   padding: 0;
   margin: 0;
   height: 40vh;   
}
.daily-tarot-main{
   width: 100%;
   height: 100%;
   display: table;
}
.daily-tarot-inner{
   display: table-cell;
   vertical-align: middle;
   text-align: center;
}
.daily-tarot-heading p{
}

/****|| Second Section ||****/
.tarot-deck {
    height: 800px;
    overflow: hidden;
    position: relative;
    margin-bottom: 80px;
}
.tarot-deck .deck {
    margin: 30px auto 0;
    width: 1530px;
    position: relative;
}
.PageSubtitle {
   font-size: 18px;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: none;
    border-radius: .25rem;
}.tarotCard img{	border-radius:10px;}
.AstroArticlesHoroscope {
   /*background-image: url("../../images/tarot-design.jpg");*/
   background-size: cover;	background-attachment : fixed;
   background-repeat: no-repeat;
   background-position: center;
}
.tarotCard {
   margin: 15px 0;
}
.tarotCard:hover {
   margin-top: 10px;
}
.tarot-deck .deck .tarotcard-1 {
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate( -15deg);
    transform: rotate( -15deg);
    z-index: 12;
    left: 10px;
    top: 100px;
}
.tarot-deck .deck .tarotcard-2 {
    -ms-transform: rotate(-12deg);
    -webkit-transform: rotate( -12deg);
    transform: rotate( -12deg);
    z-index: 11;
    left: 110px;
    top: 80px;
}
.tarot-deck .deck .tarotcard-3 {
    -ms-transform: rotate(-9deg);
    -webkit-transform: rotate( -9deg);
    transform: rotate( -9deg);
    z-index: 10;
    left: 210px;
    top: 60px;
}
.tarot-deck .deck .tarotcard-4 {
    -ms-transform: rotate(-6deg);
    -webkit-transform: rotate( -6deg);
    transform: rotate( -6deg);
    z-index: 9;
    left: 310px;
    top: 40px;
}
.tarot-deck .deck .tarotcard-5 {
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate( -3deg);
    transform: rotate( -3deg);
    z-index: 8;
    left: 410px;
    top: 20px;
}
.tarot-deck .deck .tarotcard-6 {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate( 0deg);
    transform: rotate( 0deg);
    z-index: 7;
    left: 510px;
    top: 0;
}
.tarot-deck .deck .tarotcard-7 {
    -ms-transform: rotate(3deg);
    -webkit-transform: rotate( 3deg);
    transform: rotate( 3deg);
    z-index: 6;
    left: 610px;
    top: 20px;
}
.tarot-deck .deck .tarotcard-8 {
    -ms-transform: rotate(6deg);
    -webkit-transform: rotate( 6deg);
    transform: rotate( 6deg);
    z-index: 5;
    left: 710px;
    top: 40px;
}
.tarot-deck .deck .tarotcard-9 {
    -ms-transform: rotate(9deg);
    -webkit-transform: rotate( 9deg);
    transform: rotate( 9deg);
    z-index: 4;
    left: 810px;
    top: 60px;
}
.tarot-deck .deck .tarotcard-10 {
    -ms-transform: rotate(12deg);
    -webkit-transform: rotate( 12deg);
    transform: rotate( 12deg);
    z-index: 3;
    left: 910px;
    top: 80px;
}
.tarot-deck .deck .tarotcard-11 {
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate( 15deg);
    transform: rotate( 15deg);
    z-index: 2;
    left: 1010px;
    top: 100px;
}
.tarot-deck .deck .tarotcard-12 {
    -ms-transform: rotate(18deg);
    -webkit-transform: rotate( 18deg);
    transform: rotate( 18deg);
    z-index: 1;
    left: 1110px;
    top: 120px;
}
.tarot-deck .deck .tarotCard:hover {
    background-position: 5px -542px;
}
/****|| Second Section ||****/
/****|| Third Section ||****/
.fs-16 {
    font-size: 16px;
}
.tarotbtn, .tarotbtn:Hover, .tarotbtn:active, .tarotbtn:focus {
    color: #fff;
    background-color: #080e26!important;
    border-color: #080e26!important;
}
.tarotbtn {
    margin-top: 10px;
}
.AstrologyTarotHeading h2 {
    font-size: 24px;
}
.reveal_btn {
   background: var(--btn) !important;
   border: 1px solid transparent !important;
   color: #fff;
   font-size: 12px;
}
.reveal_btn:hover {
   background: #fff !important;
   border: 1px solid var(--btn) !important;
   color: var(--btn) !important;
}
.bottom_arrow {
   border: 1px solid var(--btn);
   color: var(--btn);
   border-radius: 100%;
   display: inline-block;
   width: 36px;
   height: 35px;
   line-height: 32px;
   text-align: center;
   overflow: hidden;
}
.bottom_arrow img {
 -webkit-animation: bounce 2s infinite;
 animation: bounce 2s infinite;
 width: 15px;
}
.bottom_arrow:hover{
    color: var(--btn);
}
@-webkit-keyframes bounce {
 0%,
 20%,
 50%,
 80%,40%,
 100% {
   transform: translateY(0);
 }
 40% {
   transform: translateY(5px);
 }
 60% {
   transform: translateY(0px);
 }
}
/****|| Third Section ||****/
/*************Responsive Css************************/
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
    .tarot-deck .deck .tarotcard-1 {
        left: 10px;
   }
    .tarot-deck .deck .tarotcard-2 {
        left: 70px;
   }
    .tarot-deck .deck .tarotcard-3 {
        left: 130px;
   }
    .tarot-deck .deck .tarotcard-4 {
        left: 190px;
   }
    .tarot-deck .deck .tarotcard-5 {
        left: 250px;
   }
    .tarot-deck .deck .tarotcard-6 {
        left: 310px;
   }
    .tarot-deck .deck .tarotcard-7 {
        left: 370px;
   }
    .tarot-deck .deck .tarotcard-8 {
        left: 430px;
   }
    .tarot-deck .deck .tarotcard-9 {
        left: 490px;
   }
    .tarot-deck .deck .tarotcard-10 {
        left: 550px;
   }
    .tarot-deck .deck .tarotcard-11 {
        left: 610px;
   }
    .tarot-deck .deck .tarotcard-12 {
        left: 670px;
   }
    .tarot-deck .deck .tarotCard {
        width: 300px;
        height: 370px;
        background-size: cover;
   }
}
@media (max-width: 991px) {
    .tarot-deck .deck .tarotCard {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate( 0deg);
        transform: rotate( 0deg);
        top: 0;
        width: 150px !important;
        height: 185px !important;
        background-size: cover;
   }
    .tarot-deck {
        padding-left: 85px;
   }
    .tarot-deck {
        height: 270px;
        margin-bottom: 30px;
   }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .tarot-deck .deck .tarotcard-1 {
        left: -10px;
   }
    .tarot-deck .deck .tarotcard-2 {
        left: 30px;
   }
    .tarot-deck .deck .tarotcard-3 {
        left: 70px;
   }
    .tarot-deck .deck .tarotcard-4 {
        left: 110px;
   }
    .tarot-deck .deck .tarotcard-5 {
        left: 150px;
   }
    .tarot-deck .deck .tarotcard-6 {
        left: 190px;
   }
    .tarot-deck .deck .tarotcard-7 {
        left: 230px;
   }
    .tarot-deck .deck .tarotcard-8 {
        left: 270px;
   }
    .tarot-deck .deck .tarotcard-9 {
        left: 310px;
   }
    .tarot-deck .deck .tarotcard-10 {
        left: 350px;
   }
    .tarot-deck .deck .tarotcard-11 {
        left: 390px;
   }
    .tarot-deck .deck .tarotcard-12 {
        left: 430px;
   }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
    .tarot-deck .deck .tarotcard-1 {
        left: -8px;
   }
    .tarot-deck .deck .tarotcard-2 {
        left: 7px;
   }
    .tarot-deck .deck .tarotcard-3 {
        left: 22px;
   }
    .tarot-deck .deck .tarotcard-4 {
        left: 37px;
   }
    .tarot-deck .deck .tarotcard-5 {
        left: 52px;
   }
    .tarot-deck .deck .tarotcard-6 {
        left: 67px;
   }
    .tarot-deck .deck .tarotcard-7 {
        left: 82px;
   }
    .tarot-deck .deck .tarotcard-8 {
        left: 97px;
   }
    .tarot-deck .deck .tarotcard-9 {
        left: 112px;
   }
    .tarot-deck .deck .tarotcard-10 {
        left: 127px;
   }
    .tarot-deck .deck .tarotcard-11 {
        left: 142px;
   }
    .tarot-deck .deck .tarotcard-12 {
        left: 157px;
   }
    .tarot-deck .deck .tarotCard {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate( 0deg);
        transform: rotate( 0deg);
        top: 0;
        width: 150px !important;
        height: 185px !important;
        background-size: cover;
   }
    .tarot-deck .deck {
        width: 300px;
        height: 200px;
        margin: 0 auto;
   }
    .tarot-deck {
        height: 244px;
   }
    .tarot-deck {
        height: 500px;
   }
    .tarot-deck {
        padding-left: 0px;
   }
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
    .tarot-deck {
        height: 200px;
   }
}
@media only screen and (max-width: 1440px) and (min-width: 1025px) {
    .tarot-deck {
        height: 398px;
   }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
    .tarot-deck .deck {
        width: 980px;
   }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .tarot-deck .deck {
        width: 700px;
   }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
    .tarot-deck .deck {
        width: 300px;
        height: 200px;
        margin: 0 auto;
   }
}
@media only screen and (max-width: 600px) {
    .tarot-deck .deck .tarotCard {
        width: 181px !important;
        height: 489px !important;
   }
}
@media (max-width: 575px) {
    .ArticlesMain .PageTitle {
        font-size: 24px;
   }
}
@media only screen and (max-width: 600px) {
    .tarot-deck .deck .tarotCard {
        width: 150px !important;
        height: 400px !important;
   }
}
@media(max-width: 575px) {
    .fs-16 {
        font-size: 12px;
   }
}
/*************Responsive Css************************/


/*New Css */
.tarot-deck-v3 .deck {
   margin: 0 auto;
   position: relative;
}
.tarot-deck-v3 .deck .card {
   cursor: pointer;
   display: block;
   -webkit-transition: unset;
   -moz-transition: unset;
   -ms-transition: unset;
   -o-transition: unset;
   transition: unset;
}
.tarot-deck-1card .card {
   position: absolute;
   top: 15px;
}
.v3 .card {
   position: relative;
   width: 100%;
}
.v3 .panel-card, .v3 .image-card--horz, .v3 .image-card, .v3 .calendar-article-card, .v3 .card {
   border-radius: 4px;
   display: block;
   overflow: hidden;
   -webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -ms-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
}

.card-yes-no-tarot {
   background: url("../../images/tarot_video_reding/Card-Back.png") no-repeat center center/cover;
   /*background: url(../images/card.jpg) no-repeat center center/cover;*/
}
input, textarea, button, select, a {
   -webkit-tap-highlight-color: transparent;
}
.deck a, .link {
   color: #fff;
   line-height: 1.13;
   text-decoration: none;
   font-size: 1rem;
   font-weight: 500;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   -webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -ms-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
}

.tarot-deck-v3 {
   overflow: hidden;
   position: relative;
}
.tarot-deck-v3 .deck {
   margin: 0 auto;
   position: relative;
}
.tarot-deck-v3 .deck .card {
   cursor: pointer;
   display: block;
   -webkit-transition: unset;
   -moz-transition: unset;
   -ms-transition: unset;
   -o-transition: unset;
   transition: unset;
}
.tarot-deck-v3 .deck .card:hover {
   background-blend-mode: multiply;
   box-shadow: 0 2px 9px 2px rgba(255, 255, 255, 0.6);
}
@media only screen and (min-width: 768px) {
   .tarot-deck-v3 {
       padding-top: 40px;
   }
}
.tarot-deck-1card .card {
   position: absolute;
   top: 15px;
}
.tarot-deck-1card .card:hover {
   top: 5px;
}
@media only screen and (min-width: 320px) {
   .tarot-deck-1card {
       height: 220px;
   }
   .tarot-deck-1card .deck {
       width: 260px;
   }
   .tarot-deck-1card .deck .card-1 {
       left: -8px;
   }
   .tarot-deck-1card .deck .card-2 {
       left: 6px;
   }
   .tarot-deck-1card .deck .card-3 {
       left: 20px;
   }
   .tarot-deck-1card .deck .card-4 {
       left: 34px;
   }
   .tarot-deck-1card .deck .card-5 {
       left: 48px;
   }
   .tarot-deck-1card .deck .card-6 {
       left: 62px;
   }
   .tarot-deck-1card .deck .card-7 {
       left: 76px;
   }
   .tarot-deck-1card .deck .card-8 {
       left: 90px;
   }
   .tarot-deck-1card .deck .card-9 {
       left: 104px;
   }
   .tarot-deck-1card .deck .card-10 {
       left: 118px;
   }
   .tarot-deck-1card .deck .card-11 {
       left: 132px;
   }
   .tarot-deck-1card .deck .card-12 {
       left: 146px;
   }
   .tarot-deck-1card .deck .card {
       -ms-transform: rotate(0deg);
       -webkit-transform: rotate(0deg);
       transform: rotate(0deg);
       height: 171px;
       width: 120px;
   }
}
@media only screen and (min-width: 568px) {
   .tarot-deck-1card {
       height: 260px;
   }
   .tarot-deck-1card .deck {
       width: 300px;
   }
   .tarot-deck-1card .deck .card {
       height: 214px;
       width: 150px;
   }
}
@media only screen and (min-width: 768px) {
   .tarot-deck-1card {
       height: 590px;
   }
   .tarot-deck-1card .deck {
       width: 700px;
   }
   .tarot-deck-1card .deck .card-1 {
       left: 40px;
   }
   .tarot-deck-1card .deck .card-2 {
       left: 72px;
   }
   .tarot-deck-1card .deck .card-3 {
       left: 104px;
   }
   .tarot-deck-1card .deck .card-4 {
       left: 136px;
   }
   .tarot-deck-1card .deck .card-5 {
       left: 168px;
   }
   .tarot-deck-1card .deck .card-6 {
       left: 200px;
   }
   .tarot-deck-1card .deck .card-7 {
       left: 232px;
   }
   .tarot-deck-1card .deck .card-8 {
       left: 264px;
   }
   .tarot-deck-1card .deck .card-9 {
       left: 296px;
   }
   .tarot-deck-1card .deck .card-10 {
       left: 328px;
   }
   .tarot-deck-1card .deck .card-11 {
       left: 360px;
   }
   .tarot-deck-1card .deck .card-12 {
       left: 392px;
   }
   .tarot-deck-1card .deck .card-1 {
       -ms-transform: rotate(-15deg);
       -webkit-transform: rotate(-15deg);
       transform: rotate(-15deg);
       top: 100px;
   }
   .tarot-deck-1card .deck .card-1:hover {
       top: 85px;
   }
   .tarot-deck-1card .deck .card-2 {
       -ms-transform: rotate(-12deg);
       -webkit-transform: rotate(-12deg);
       transform: rotate(-12deg);
       top: 80px;
   }
   .tarot-deck-1card .deck .card-2:hover {
       top: 65px;
   }
   .tarot-deck-1card .deck .card-3 {
       -ms-transform: rotate(-9deg);
       -webkit-transform: rotate(-9deg);
       transform: rotate(-9deg);
       top: 60px;
   }
   .tarot-deck-1card .deck .card-3:hover {
       top: 45px;
   }
   .tarot-deck-1card .deck .card-4 {
       -ms-transform: rotate(-6deg);
       -webkit-transform: rotate(-6deg);
       transform: rotate(-6deg);
       top: 40px;
   }
   .tarot-deck-1card .deck .card-4:hover {
       top: 25px;
   }
   .tarot-deck-1card .deck .card-5 {
       -ms-transform: rotate(-3deg);
       -webkit-transform: rotate(-3deg);
       transform: rotate(-3deg);
       top: 20px;
   }
   .tarot-deck-1card .deck .card-5:hover {
       top: 5px;
   }
   .tarot-deck-1card .deck .card-6 {
       -ms-transform: rotate(0deg);
       -webkit-transform: rotate(0deg);
       transform: rotate(0deg);
       top: 0;
   }
   .tarot-deck-1card .deck .card-6:hover {
       top: -15px;
   }
   .tarot-deck-1card .deck .card-7 {
       -ms-transform: rotate(3deg);
       -webkit-transform: rotate(3deg);
       transform: rotate(3deg);
       top: 20px;
   }
   .tarot-deck-1card .deck .card-7:hover {
       top: 5px;
   }
   .tarot-deck-1card .deck .card-8 {
       -ms-transform: rotate(6deg);
       -webkit-transform: rotate(6deg);
       transform: rotate(6deg);
       top: 40px;
   }
   .tarot-deck-1card .deck .card-8:hover {
       top: 25px;
   }
   .tarot-deck-1card .deck .card-9 {
       -ms-transform: rotate(9deg);
       -webkit-transform: rotate(9deg);
       transform: rotate(9deg);
       top: 60px;
   }
   .tarot-deck-1card .deck .card-9:hover {
       top: 45px;
   }
   .tarot-deck-1card .deck .card-10 {
       -ms-transform: rotate(12deg);
       -webkit-transform: rotate(12deg);
       transform: rotate(12deg);
       top: 80px;
   }
   .tarot-deck-1card .deck .card-10:hover {
       top: 65px;
   }
   .tarot-deck-1card .deck .card-11 {
       -ms-transform: rotate(15deg);
       -webkit-transform: rotate(15deg);
       transform: rotate(15deg);
       top: 100px;
   }
   .tarot-deck-1card .deck .card-11:hover {
       top: 85px;
   }
   .tarot-deck-1card .deck .card-12 {
       -ms-transform: rotate(18deg);
       -webkit-transform: rotate(18deg);
       transform: rotate(18deg);
       top: 120px;
   }
   .tarot-deck-1card .deck .card-12:hover {
       top: 105px;
   }
   .tarot-deck-1card .deck .card {
       height: 370px;
       width: 260px;
   }
}
@media only screen and (min-width: 1024px) {
   .tarot-deck-1card {
       height: 610px;
   }
   .tarot-deck-1card .deck {
       width: 980px;
   }
   .tarot-deck-1card .deck .card-1 {
       left: 50px;
   }
   .tarot-deck-1card .deck .card-2 {
       left: 106px;
   }
   .tarot-deck-1card .deck .card-3 {
       left: 162px;
   }
   .tarot-deck-1card .deck .card-4 {
       left: 218px;
   }
   .tarot-deck-1card .deck .card-5 {
       left: 274px;
   }
   .tarot-deck-1card .deck .card-6 {
       left: 330px;
   }
   .tarot-deck-1card .deck .card-7 {
       left: 386px;
   }
   .tarot-deck-1card .deck .card-8 {
       left: 442px;
   }
   .tarot-deck-1card .deck .card-9 {
       left: 498px;
   }
   .tarot-deck-1card .deck .card-10 {
       left: 554px;
   }
   .tarot-deck-1card .deck .card-11 {
       left: 610px;
   }
   .tarot-deck-1card .deck .card-12 {
       left: 666px;
   }
   .tarot-deck-1card .deck .card-1 {
       -ms-transform: rotate(-15deg);
       -webkit-transform: rotate(-15deg);
       transform: rotate(-15deg);
       top: 100px;
   }
   .tarot-deck-1card .deck .card-1:hover {
       top: 85px;
   }
   .tarot-deck-1card .deck .card-2 {
       -ms-transform: rotate(-12deg);
       -webkit-transform: rotate(-12deg);
       transform: rotate(-12deg);
       top: 80px;
   }
   .tarot-deck-1card .deck .card-2:hover {
       top: 65px;
   }
   .tarot-deck-1card .deck .card-3 {
       -ms-transform: rotate(-9deg);
       -webkit-transform: rotate(-9deg);
       transform: rotate(-9deg);
       top: 60px;
   }
   .tarot-deck-1card .deck .card-3:hover {
       top: 45px;
   }
   .tarot-deck-1card .deck .card-4 {
       -ms-transform: rotate(-6deg);
       -webkit-transform: rotate(-6deg);
       transform: rotate(-6deg);
       top: 40px;
   }
   .tarot-deck-1card .deck .card-4:hover {
       top: 25px;
   }
   .tarot-deck-1card .deck .card-5 {
       -ms-transform: rotate(-3deg);
       -webkit-transform: rotate(-3deg);
       transform: rotate(-3deg);
       top: 20px;
   }
   .tarot-deck-1card .deck .card-5:hover {
       top: 5px;
   }
   .tarot-deck-1card .deck .card-6 {
       -ms-transform: rotate(0deg);
       -webkit-transform: rotate(0deg);
       transform: rotate(0deg);
       top: 0;
   }
   .tarot-deck-1card .deck .card-6:hover {
       top: -15px;
   }
   .tarot-deck-1card .deck .card-7 {
       -ms-transform: rotate(3deg);
       -webkit-transform: rotate(3deg);
       transform: rotate(3deg);
       top: 20px;
   }
   .tarot-deck-1card .deck .card-7:hover {
       top: 5px;
   }
   .tarot-deck-1card .deck .card-8 {
       -ms-transform: rotate(6deg);
       -webkit-transform: rotate(6deg);
       transform: rotate(6deg);
       top: 40px;
   }
   .tarot-deck-1card .deck .card-8:hover {
       top: 25px;
   }
   .tarot-deck-1card .deck .card-9 {
       -ms-transform: rotate(9deg);
       -webkit-transform: rotate(9deg);
       transform: rotate(9deg);
       top: 60px;
   }
   .tarot-deck-1card .deck .card-9:hover {
       top: 45px;
   }
   .tarot-deck-1card .deck .card-10 {
       -ms-transform: rotate(12deg);
       -webkit-transform: rotate(12deg);
       transform: rotate(12deg);
       top: 80px;
   }
   .tarot-deck-1card .deck .card-10:hover {
       top: 65px;
   }
   .tarot-deck-1card .deck .card-11 {
       -ms-transform: rotate(15deg);
       -webkit-transform: rotate(15deg);
       transform: rotate(15deg);
       top: 100px;
   }
   .tarot-deck-1card .deck .card-11:hover {
       top: 85px;
   }
   .tarot-deck-1card .deck .card-12 {
       -ms-transform: rotate(18deg);
       -webkit-transform: rotate(18deg);
       transform: rotate(18deg);
       top: 120px;
   }
   .tarot-deck-1card .deck .card-12:hover {
       top: 105px;
   }
   .tarot-deck-1card .deck .card {
       height: 342px;
       width: 240px;
   }
}
@media only screen and (min-width: 1200px) {
   .tarot-deck-1card {
       height: 640px;
   }
   .tarot-deck-1card .deck {
       width: 1140px;
   }
   .tarot-deck-1card .deck .card-1 {
       left: 50px;
   }
   .tarot-deck-1card .deck .card-2 {
       left: 120px;
   }
   .tarot-deck-1card .deck .card-3 {
       left: 190px;
   }
   .tarot-deck-1card .deck .card-4 {
       left: 260px;
   }
   .tarot-deck-1card .deck .card-5 {
       left: 330px;
   }
   .tarot-deck-1card .deck .card-6 {
       left: 400px;
   }
   .tarot-deck-1card .deck .card-7 {
       left: 470px;
   }
   .tarot-deck-1card .deck .card-8 {
       left: 540px;
   }
   .tarot-deck-1card .deck .card-9 {
       left: 610px;
   }
   .tarot-deck-1card .deck .card-10 {
       left: 680px;
   }
   .tarot-deck-1card .deck .card-11 {
       left: 750px;
   }
   .tarot-deck-1card .deck .card-12 {
       left: 820px;
   }
   .tarot-deck-1card .deck .card-1 {
       -ms-transform: rotate(-15deg);
       -webkit-transform: rotate(-15deg);
       transform: rotate(-15deg);
       top: 100px;
   }
   .tarot-deck-1card .deck .card-1:hover {
       top: 85px;
   }
   .tarot-deck-1card .deck .card-2 {
       -ms-transform: rotate(-12deg);
       -webkit-transform: rotate(-12deg);
       transform: rotate(-12deg);
       top: 80px;
   }
   .tarot-deck-1card .deck .card-2:hover {
       top: 65px;
   }
   .tarot-deck-1card .deck .card-3 {
       -ms-transform: rotate(-9deg);
       -webkit-transform: rotate(-9deg);
       transform: rotate(-9deg);
       top: 60px;
   }
   .tarot-deck-1card .deck .card-3:hover {
       top: 45px;
   }
   .tarot-deck-1card .deck .card-4 {
       -ms-transform: rotate(-6deg);
       -webkit-transform: rotate(-6deg);
       transform: rotate(-6deg);
       top: 40px;
   }
   .tarot-deck-1card .deck .card-4:hover {
       top: 25px;
   }
   .tarot-deck-1card .deck .card-5 {
       -ms-transform: rotate(-3deg);
       -webkit-transform: rotate(-3deg);
       transform: rotate(-3deg);
       top: 20px;
   }
   .tarot-deck-1card .deck .card-5:hover {
       top: 5px;
   }
   .tarot-deck-1card .deck .card-6 {
       -ms-transform: rotate(0deg);
       -webkit-transform: rotate(0deg);
       transform: rotate(0deg);
       top: 0;
   }
   .tarot-deck-1card .deck .card-6:hover {
       top: -15px;
   }
   .tarot-deck-1card .deck .card-7 {
       -ms-transform: rotate(3deg);
       -webkit-transform: rotate(3deg);
       transform: rotate(3deg);
       top: 20px;
   }
   .tarot-deck-1card .deck .card-7:hover {
       top: 5px;
   }
   .tarot-deck-1card .deck .card-8 {
       -ms-transform: rotate(6deg);
       -webkit-transform: rotate(6deg);
       transform: rotate(6deg);
       top: 40px;
   }
   .tarot-deck-1card .deck .card-8:hover {
       top: 25px;
   }
   .tarot-deck-1card .deck .card-9 {
       -ms-transform: rotate(9deg);
       -webkit-transform: rotate(9deg);
       transform: rotate(9deg);
       top: 60px;
   }
   .tarot-deck-1card .deck .card-9:hover {
       top: 45px;
   }
   .tarot-deck-1card .deck .card-10 {
       -ms-transform: rotate(12deg);
       -webkit-transform: rotate(12deg);
       transform: rotate(12deg);
       top: 80px;
   }
   .tarot-deck-1card .deck .card-10:hover {
       top: 65px;
   }
   .tarot-deck-1card .deck .card-11 {
       -ms-transform: rotate(15deg);
       -webkit-transform: rotate(15deg);
       transform: rotate(15deg);
       top: 100px;
   }
   .tarot-deck-1card .deck .card-11:hover {
       top: 85px;
   }
   .tarot-deck-1card .deck .card-12 {
       -ms-transform: rotate(18deg);
       -webkit-transform: rotate(18deg);
       transform: rotate(18deg);
       top: 120px;
   }
   .tarot-deck-1card .deck .card-12:hover {
       top: 105px;
   }
   .tarot-deck-1card .deck .card {
       height: 370px;
       width: 240px;
   }
}
.tarot-deck-2card .deck {
   margin-bottom: 20px;
   margin-top: 15px;
   max-width: 290px;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.tarot-deck-2card .deck .card {
   height: 196px;
   width: 140px;
}
.tarot-deck-2card .deck .card img {
   height: 196px;
   width: 140px;
   visibility: hidden;
}
.tarot-deck-2card .deck .card:hover {
   -webkit-transform: translate(0px, -5px);
   -moz-transform: translate(0px, -5px);
   -ms-transform: translate(0px, -5px);
   -o-transform: translate(0px, -5px);
   transform: translate(0px, -5px);
}
.tarot-deck-2card .deck .card.hide-card {
   background: 0 0;
}
.tarot-deck-2card .deck .card.hide-card:hover {
   box-shadow: none;
   cursor: default;
   transform: unset;
}
@media only screen and (min-width: 768px) {
   .tarot-deck-2card .deck {
       margin-bottom: 40px;
       max-width: 560px;
   }
   .tarot-deck-2card .deck .card {
       height: 370px;
       width: 260px;
   }
   .tarot-deck-2card .deck .card img {
       height: 370px;
       width: 260px;
   }
}