/****|| First Section ||****/
 .ArticlesMain .PageTitle {
     font-family: "Quincy CF";
     margin-bottom: 10px;
}
/****|| First Section ||****/
/****|| Second Section ||****/
 .tarot-deck {
     height: 620px;
     /*overflow: hidden;*/
     position: relative;
     margin-bottom: 80px;
}
.tarotCard {
    background: url(../../images/card_4.png) no-repeat top left;
    display: block!important;
    position: absolute!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    -webkit-transition: none!important;
    transition: none!important;
}
.PageSubtitle {
    font-size: 18px;
}
 .tarot-deck .deck {
     margin: 30px auto 0;
     width: 100%;
     position: relative;
}
.tarot-deck .deck .tarotCard {
    width: 193px;
    height: 277px;
    background-size: 100% 100%;
}
 .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;
}
.AstroArticlesHoroscope {
    background-image: url(../../images/torat_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
 .tarotCard {
    margin: 15px 0;
}
.tarotCard:hover {
    margin-top: 10px;
}
 .card.tarotCard.tarotcard-1 {
    top: 0px;
    left: 0px;
}
.card.tarotCard:hover {
    background-blend-mode: multiply;
    box-shadow: 0 2px 9px 2px rgb(162 159 159 / 60%);
}
.card.tarotCard.tarotcard-2 {
    top: 135px;
    left: 103px;
}
.card.tarotCard.tarotcard-3 {
    top: 266px;
    left: 200px;
}
.card.tarotCard.tarotcard-4 {
    top: 400px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 99;
}
.card.tarotCard.tarotcard-5 {
    top: 266px;
    right: 200px;
      z-index: 10;
}
.card.tarotCard.tarotcard-6 {
    top: 135px;
    right: 103px;
    z-index: 9;
}
.card.tarotCard.tarotcard-7 {
    top: 0px;
    right: 0px;
}
 .tarot-deck .deck {
         width: 930px;
    }

/****|| 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;
     font-family: "Quincy CF";
}
 .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 (max-width: 991px) {
     .tarot-deck {
         height: 400px;
         margin-bottom: 30px;
    }
    .tarot-deck .deck {
    width: 100%;
}
.tarot-deck .deck .tarotCard {
    width: 130px !important;
    height: 183px !important;
}
.card.tarotCard.tarotcard-2 {
    top: 80px;
    left: 73px;
}
.card.tarotCard.tarotcard-6{
    top: 80px;
    right: 73px;
}
.card.tarotCard.tarotcard-3 {
    top: 158px;
    left: 167px;
}
.card.tarotCard.tarotcard-5 {
    top: 158px;
    right: 167px;
}
.card.tarotCard.tarotcard-4 {
    top: 254px;
}

 @media only screen and (min-width: 0px) and (max-width: 767px) {
  
     .tarot-deck {
         height: 244px;
    }
     .tarot-deck {
         height: 500px;
    }
    .card.tarotCard.tarotcard-2 {
    left: 55px;
}
.card.tarotCard.tarotcard-6 {
    right: 55px;
}
.card.tarotCard.tarotcard-3 {
    left: 111px;
}
.card.tarotCard.tarotcard-5 {
    right: 111px;
}
.tarot-deck .deck .tarotCard {
    width: 110px !important;
    }
    .tarot-deck {
    height: 440px;
}
.heading_daily h1 {
    font-size: 22px;
}
}

 
 @media (max-width: 575px) {
     .ArticlesMain .PageTitle {
         font-size: 24px;
    }
    .fs-16 {
         font-size: 12px;
    }
    .tarot-deck .deck .tarotCard {
    width: 85px !important;
    height: 130px !important;
}
.tarot-deck .deck {
    width: 340px;
}
.tarot-deck {
    height: 330px;
}
.card.tarotCard.tarotcard-2 {
    left: 25px;
    top: 62px;
}
.card.tarotCard.tarotcard-6 {
    right: 25px;
    top: 62px;
}
.card.tarotCard.tarotcard-3 {
    top: 114px;
    left: 62px;
}
.card.tarotCard.tarotcard-5 {
    top: 114px;
    right: 62px;
}
.card.tarotCard.tarotcard-4 {
    top: 192px;
}
}
 
/*************Responsive Css************************/