.choose-cards{
        background-color: #401212;
    padding-top: 35px;
    border-radius:10px;
     display: flex;
    flex-direction: column;
    align-content: stretch;
    align-items: center;
    
}
.threeCardHolder{
}
.as_tarot_single_wrapper {
   background: linear-gradient(135deg, rgb(171, 5, 5) 0%, rgb(171, 5, 5) 0%, rgb(118, 75, 162) 100%);
   color:#ffffff;
}


.as_tarot_link_box {
    background-color: #ffcc33;
    padding: 10px 0px 5px;
    margin-top: 10px;
    box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 4%);
    border: 1px solid rgb(231, 231, 231);
    position: relative;
    border-radius: 10px;
    z-index: 1;
    transition: all 0.3s linear;
    color:#000;
}
.as_tarot_link_box:hover 
{
    box-shadow: 10px 10px 13px 10px rgb(0 0 0 / 7%);
     background-color: #e3ad0a;
}
.as_tarot_link_box h4 
{
    padding-top:10px;
   font-size:14px;
   font-weight: bold;
}

/* tarot css start */
.as_tarot_wrapper {
    background: linear-gradient(135deg, rgb(171, 5, 5) 0%, rgb(171, 5, 5) 0%, rgb(118, 75, 162) 100%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #ffffff;
}
.bold{
    font-weight: bold;
}
.as_tarot_img {
    position: relative;
}
.as_tarot_img .as_btn {
    position: absolute;
    right: 35px;
    bottom: -25px;
    color: #fff;
    padding: 0 5px;    
}
.as_tarot_btn{
    font-size: 11px;
    padding: 4px 14.5px;
    font-weight: 600;
    background-color: #FD7E14;
    border: #FD7E14;
    border-radius: 5px;
    color: white;
    width: 100%;
}
.as_tarot_box {
    background: linear-gradient(135deg, rgb(171, 5, 5) 0%, rgb(171, 5, 5) 0%, rgb(118, 75, 162) 100%);
    box-shadow: 0px 3px 8px rgba(247, 243, 243, 0.161);
    border-radius: 10px;
    text-align: initial;
    min-height: 500px;
    margin-top: 20px;
}
.as_tarot_box:hover {
    box-shadow: 10px 13px 18px rgba(93, 93, 93, 0.1607843137);
    border-radius: 10px;
    text-align: initial;
    min-height: 500px;
}
.adjust-text{
    min-height: 150px;
}
.as_tarot_img img {
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0px 0px;
    min-height: 170px;
}
.as_tarot_box:hover .as_subheading {
    color: var(--secondary-color);
}
.as_tarot_title {
    padding-top: 10px;
    text-align: center;
}
.as_tarot_detail {
    min-height: 260px;
}
.as_tarot_detail_content{
    min-height: 105px;
    text-align: left;
    font-size:12px;
    padding: 0px 10px 10px 10px;
}
.as_tarot_box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.as_tarot_box ul li:first-child {
    display: inline-flex;
    margin-right: 10px;
    font-size: 13px;
    line-height: 24px;
}
.as_tarot_box ul li:last-child {
    display: inline-flex;
    margin-right: 0px;
    font-size: 13px;
    line-height: 24px;
    float: right;
}
.as_tarot_box ul li img {
    margin-right: 10px;
}
.as_tarot_box .as_subheading {
    line-height: 32px;
    margin: 8px 0;
    transition: all 0.2s linear;
}
.as_tarot_box.as_tarot_single .as_subheading {
    color: var(--primary-color);
}
/* tarot css end */
.as_tag_wrapper_tarot .as_btn {
    background-color: #ff0808c9;
    height: 40px;
    text-transform: capitalize;
    padding: 0 12px;
    margin-right: 20px;
    margin-bottom: 10px;
    color: #fff;
}
.as_tag_wrapper_tarot .as_btn:after,.as_tag_wrapper_tarot .as_btn:before {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 13px solid #ff0808c9;
}
.as_tag_wrapper_tarot .as_btn:before {
    border-left:none;
    border-right: 13px solid #ff0808c9;
}
.as_tag_wrapper ul li {
    margin-right: 17px;
    align-items: center;
}
.as_tag_wrapper ul {
    padding-top: 15px;
    border-top: 1px solid rgb(255 255 255 / 10%);
}


.as_tag_wrapper_tarot .as_btn:hover{
    box-shadow: 10px 10px 13px 10px rgb(0 0 0 / 5%);
    background-color: #ee0707c9;
}
.as_tag_wrapper_tarot .as_btn:hover:after{
    border-left-color: #ee0707c9;
}
.as_tag_wrapper_tarot .as_btn:hover:before{
    border-right-color: #ee0707c9;
}
.as_tag_wrapper_tarot .slick-arrow:hover {
    background-color: #ee0707c9;
}
.as_tag_wrapper_tarot .slick-arrow:hover:after{
    border-left-color:#ee0707c9;
}
.as_tag_wrapper_tarot .slick-arrow:hover:before{
    border-right-color:#ee0707c9;
}
.as_product_img{
    text-align: center;
}
.tarrot-text{
    font-weight:bold;
}
.reverse-image{
  transform: rotate(180deg); 
}

.upright-box{
    background-color:#ff000057;padding:10px 20px;border-top-left-radius: 20px;border-top-right-radius: 20px;
}
.reverse-box{
    background-color: #6f3388b3; padding:10px 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;
}