/* ****************WELCOME TO THE ASTROTAARE CSS*****************/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,700,900');
@font-face {
    font-family: "Muli";
    src: url("../muli-font/Muli.ttf");
   
    }
    @font-face {
        font-family: "Merienda";
        src: url("../merienda-font/Merienda-Regular.ttf");
       
        }
        @font-face {
            font-family: "Oregano";
            src: url("../oregano/Oregano-Regular.ttf");
           
        }
        @font-face {
            font-family: "Georgia";
            src: url("../georgia/georgia.woff");
            
        }
        @font-face {
            font-family: "Times New Roman";
            src: url("../timesnewroman/Times\ New\ Roman\ 400.ttf");
            
        }
        @font-face {
            font-family: "Times";                                              
            src: url("../timr45w.ttf");
            
        }
        @font-face {
          font-family: "Nunito Sans";
          src: url("../NunitoSans-ExtraBold.ttf");
          
      }
      @font-face {
        font-family: "Montserrat";
        src: url("../Montserrat-ExtraBold.ttf");
        
    }
    @font-face {
      font-family: "Montserrat";
      src: url("../Montserrat-Bold.ttf");
      
  }
body{
    font-family: Muli;
    font-style: normal;
    font-weight: normal;
}
a{
    text-decoration: none !important;
    color: #151443 ;
    outline: none !important;
}
button{
  outline: none !important;
}

/*Sandeep CSS*/
button:hover{
    cursor: pointer !important;
}


/* common classes */
.add_bg_color{
    background: #F8F8F8;
}
.remove_right_pad{
    padding-right: 0;
    min-height: 144px;
}
.card__container svg{
  color: #ec2127;
}
/*********************NAVBAR CSS********************/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  color: #161843;
}
.first_nav_head{
  top:34px;
}
.top_nav{
    border: 0.5px solid #E0E0E0;
    padding: 5px;
   
    background: white;
}
.top_nav{
  color: #828282;
  font-family: Merienda;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;

  line-height: 22px;

}
.Artgal_logo_inner{
    /* width: 83%; */
    /* height: 50px; */
    object-fit: contain;
    height: 45px;
    margin-right: 5px;
}
.sidebar-header span{
  font-family: Montserrat;
    display: inline;
    font-weight: bolder;
    font-size: 27px;
    margin-bottom: -5px !important;
    position: absolute;
    top: 9px;
    color: #010066;
}
.astro_nav{
    text-align: center;
    text-transform: uppercase;
    color: #151443;
}
.astro_nav .nav-link{
    font-family: Muli;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase;
    color: #151443 !important;
}
.astro_navbar{
  width: 100%;
  display: flex;
    justify-content: space-around;
}
.astro_navbar .active{
  border-bottom: 3px solid #ffe600;
  margin-bottom: -6.5px;
}
.navbar {
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08);
}
.hamburger_menu{
  border: 1px solid #a8a8af;
  padding: 6px;
  border-radius: 2px;
  width: 35px;
}
.artgallery_nav{
    width: 100%;    
}
.artgallery_nav li.nav-item{
    width: 10%;
}
.Artgal_logo{
  height: 45px;
  object-fit: contain;
  margin-right: 7px;
}
.art_gal_navbrand{
    padding: 0;
}
.navbar-expand-lg .navbar-nav .nav-link{
    align-items: center;
    text-align: center;
}
/* .set_w1{
  width: 10%;

} */
.set_w1 a, .set_w2 a, .set_w3 a, .set_w4 a{
  padding-top: 0.6rem;
}
/* .set_w2{
  width: 15%;
}
.set_w3{
  width: 19%;
}
.set_w4{
  width: 8%;
}
.set_w5{
  width: 6%;
} */
.wallet_img{
  width: 17px;
}
.bell_icon_notify{
  width: 16px;
}
.user_namee_list span{
  font-weight: bold;
  font-size: 12px;
  line-height: 21px;
  text-align: center;
  text-transform: uppercase;
  color: #151443 ;
}
.wallet_avail_money{
  font-weight: bold;
  font-size: 12px;
  line-height: 21px;
  text-align: center;
  text-transform: uppercase;
  color: #151443 !important;
}
/* .user_namee_list{
  width: 18%;
} */
.user_namee_list a{
  text-align: end !important;
  padding: 0;
}
.collapse_open_btn{
  background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
  color: #151443;
  padding: 3px 8px;
}
.container_padding_LR22{
  padding: 34px 30px;
}
@media only screen and (max-width:600px){
  .container_padding_LR22{
    padding: 34px 24px;
  }
  .hamburger_menu{
    margin-top: 7px;
  }
    .Art_mob_link{
        display: none;
    }
    .artgallery_nav li.nav-item {
        width: 100%;
    }
    .Artgal_logo {
        /* width: 136px; */
        height: 34px;
        object-fit: contain;
        margin-top: 7px;
    }
    #sidebar{
      top: 0 !important;
    }
}
/*********************END NAVBAR CSS********************/

/* *************Home Carousel Slider css********* */

.artgal_carousel_box{
    padding: 0;
}
.artgal_carousel_box .row{
    margin: 0;
}
.artgal_carousel_box .row .col-md-12{
    padding: 0;
}
#minimal-bootstrap-carousel {
    margin-top: 0px;
    position: relative;
    height: 370px;
}
.artgal_carousel_img img{
  height: 341px !important;
    object-fit: cover;
    width: 100%;
}
 .carousel-item::before {
    content: "";
    position: absolute;
    bottom: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    /* background: rgba(0, 0, 0, 0.71) !important; */
}

#minimal-bootstrap-carousel [class*=carousel-control] {
    background: none;
    width: 42px;
    height: 54px;
    font-size: 36px;
    line-height: 48px;
    color: #4c4a4c !important;
    background-color: #c3bdbdb8;
    visibility: visible !important;
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 9px;
}

#minimal-bootstrap-carousel [class*=carousel-control] svg{
    width: 10px;
}
@media (max-width: 667px) {
    #minimal-bootstrap-carousel [class*=carousel-control] {
        width: 30px;
        height: 30px;
        font-size: 15px;
        line-height: 30px;
    }
}

@media (max-width: 600px) {
    #minimal-bootstrap-carousel [class*=carousel-control] {
        width: 20px;
        height: 20px;
        font-size: 17px;
        line-height: 40px;
        background: rgba(255, 255, 255, 0.4);
        color: #fff;
        width: 31px!important;
        height: 41px!important;
        border-radius: 10px;
    }
    #minimal-bootstrap-carousel [class*=carousel-control] svg{
        width: 7px;
    }
}

#minimal-bootstrap-carousel .carousel-control-prev {
    left: 1%;
}

#minimal-bootstrap-carousel .carousel-control-next {
    right: 1%;
}

#minimal-bootstrap-carousel [class*=carousel-control]:hover {
    opacity: 1;
    background: #ffce09;
    border-color: #ffd009;
}

/* fixing slider height */
#minimal-bootstrap-carousel.slider-home-one .carousel-inner .carousel-item {
    /* min-height: 454px; */
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #fff;
}


.slider-content-style .content {
    text-align: center;
    position: relative;
    z-index: 999;
}

.slider-content-style .content h3,
.slider-content-style .content h2,
.slider-content-style .content p {
    margin: 0;
}

.slider-content-style .content h3 {
    font-size: 60px;
    line-height: 71px;
    font-style: normal;
    font-weight: normal;
    font-family: Gilda Display !important;
    color: #fff;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    color: #d2cece;
}

.slider-content-style .content p {
    color: #d2cece;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    font-size: 25px;
    line-height: 41px;
    display: flex;
    align-items: center;
    text-align: center;
    font-family: Gilda Display;
    font-style: normal;
    font-weight: normal;
}

.slider-content-style .content a.thm-btn {
    background: #ffba60;
    display: inline-block;
    vertical-align: middle;
    color: #222222;
    font-size: 18px;
    letter-spacing: .1em;
    font-family: 'Josefin Sans';
    font-weight: 600;
    padding: 10px 17px;
    margin-top: 27px;
    transition: all .4s ease;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.slider-content-style .content a.thm-btn:hover {
    background: #fff;
}
#minimal-bootstrap-carousel .carousel-indicators li{
    padding: 7px;
    border-radius: 20px;
    width: 14px;
}
@media only screen and (max-width:600px){
    .slider-content-style .content h3{
        font-size: 17px;
    }
    #minimal-bootstrap-carousel .carousel-caption .container .box .content{
        width: 91%;
    }
    .slider-content-style .content p{
        font-size: 17px;
        line-height: 28px;
    }
   
    .artgal_vector{
        width: 11%;
    }
    #minimal-bootstrap-carousel .carousel-indicators li{
        padding: 5px;
        border-radius: 20px;
        width: 10px;
    }
}
/* *************End Home Carousel Slider css********* */



/* ****************Footer ****************** */
.footer_input_field ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: red;
    opacity: 1; /* Firefox */
  }
.footer-bs {
    background: #F8F8F8;
    color: #828282;
	padding: 60px 40px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 0px;
    border-bottom-left-radius: 6px;
}
.footer_copyrights_section{
    text-align: center;
    background: #f8f8f8;
    border-top: 0.8px solid #E0E0E0;
    padding: 2%;
}
.footer_copyrights_section p{
    margin-bottom: 0;
}
.footer-ns  ul{
    list-style: none;
    padding-left: 0;
}
.footer-ns  ul li{
    margin-right: 4%;
}
.footer-ns  ul li svg{
    width: 35px !important;
    height: 35px;
}
.footer_copyrights_section p a{
  margin: 1%;
  font-family: 'Muli';
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.02em;
  color: #828282 ;
}
.footer_copyrights_section  span{
    color: #828282;
}
.footer-bs .footer-brand, .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { 
    padding:10px 25px; 
}
.footer-bs .footer-brand h2 {
     margin:0px 0px 10px; 
    }

.footer-bs .footer-nav ul.pages { 
    list-style:none; padding:0px; 
}
.footer-bs .footer-nav ul.pages li { 
    padding:5px 0px;
}
.footer-bs .footer-nav ul.pages a {
  font-family: Muli;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.02em;
  font-size: 14px;
  line-height: 31px;
  color: #6f6e6e ;
  transition: all 0.4s ease 0s;
 }
/* .footer-bs .footer-nav ul.pages a:hover { 
    color:rgba(255,255,255,0.80); 
    text-decoration:none; 
    letter-spacing: 0.5px;
    padding-left: 4px;
} */
.footer-bs .footer-nav h4 {
    font-family: Muli;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #151443 ;
}
.footer-ns input{
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 2px;
    background: transparent;
    width: 100% !important;
}
.footer-ns button{
    background: #FFFFFF;
    border-radius: 2px;
    width: 100%;
    text-transform: uppercase;
    font-family: Raleway;
}
.footer-bs .footer-nav ul.list { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.list li { padding:5px 0px;}
.footer-bs .footer-nav ul.list a { color:rgba(255,255,255,0.80); }
.footer-bs .footer-nav ul.list a:hover { color:rgba(255,255,255,0.60); text-decoration:none; }

.footer-bs .footer-social ul { list-style:none; padding:0px; }
.footer-bs .footer-social h4 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.footer-bs .footer-social li { padding:5px 4px;}
.footer-bs .footer-social a { color:rgba(255,255,255,1.00);}
.footer-bs .footer-social a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }

.footer-bs .footer-ns p { 
    font-family: Muli;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.02em;
    font-size: 14px;
    line-height: 24px;
    color: #6f6e6e ;
    transition: all 0.4s ease 0s;
    margin-top: 16px;
 }

@media only screen and (max-width:600px){
.footer-bs .footer-brand, .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns{
  padding: 4px;
}

}
.footer_astro_description{
    font-family: Muli;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.02em;
    font-size: 14px;
    line-height: 24px;
    color: #6f6e6e ;
    transition: all 0.4s ease 0s;
    margin-top: 16px;
    text-align: justify;
}
.googleplay{
    width: 155px;
    margin-bottom: 12%;
    margin-top: 3%;
}
.appstore{
    width: 135px;
    height: 46px;
    margin-bottom: 12%;
    margin-top: 3%;
}
/* ****************End footer ****************** */


/* homepage css */
.astrotaare_heading{
    font-family: Gotham;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 36px;
    display: flex;
    align-items: center;
    color: #151443;
}
.login_btn{
    background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
    border-radius: 4px;
    font-family: Muli;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    color: #151443;
    border: none;
    padding: 6px 22px;
    border: 1.3px solid #FFC90B;
}
.hindi_btn{
    border: 1.3px solid #FFC90B;
    font-family: Laila;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    color: #151443;
    background: none;
    border-radius: 4px;
    padding: 0 10px;
}
.sign_up_btn{
    border: 1.3px solid #FFC90B;
    background: none;
    border-radius: 4px;
    font-family: Muli;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    color: #151443;
    padding: 6px 22px;
}
.chatwith_astro{
    background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.09);
border-radius: 6px;
height: 116px;
    padding: 16px;
}
.talk_chat_mart_img{
  width: 59.21px;
  height: 84px;
}
.talk_chat_mart_detail h5{
  font-family: Muli;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  color: #151443;
  margin-top: 12px;
  margin-right: 7px;
}
.chatwith_astro_box{
  padding: 0 3.5%;
  /* margin-top: -4.5%; */
}
.freeServices_sec{
    padding: 4%;
}
.free_services{
  padding: 0 12px;
    
}
.free_services_img{
    overflow: hidden;
    border-radius: 3px;


}
.free_services_img img{
    width: 100%;
    height: 171px;
    object-fit: cover;
    transition: transform 0.3s ease-in-out;
}
.free_services_details{
    text-align: center;
    padding: 17px 5px;
    border-radius: 3px;
}
.free_services_details h5{
        padding-top: 2px;
        height: 31px;
       font-style: normal;
       font-weight: normal;
       font-size: 24px;
       color: #151443;
       text-transform: capitalize;
       /* letter-spacing: 1px; */
       display: -webkit-box;
       -webkit-line-clamp: 1;
       -webkit-box-orient: vertical;
       overflow: hidden;
}
.free_services_details p{
    font-family: Muli;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    text-align: center;
    color: #9d9d9d;
    margin: 14px 0;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 37px;
}
.avail_now_btn{
  
    border-radius: 4px;
    font-family: Muli;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    border: none;
    padding: 8px 23px;
    color: #151443;
    margin: 5px 0 12px 0;
    border: 2px solid #ffd748;
    background: white;
    /* transition: all ease-in-out 0.3s; */
    background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
}
.table_btn{
  
  border-radius: 4px;
  font-family: Muli;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  border: none;
  padding: 8px 15px;
  color: #151443;
  background: white;
  /* transition: all ease-in-out 0.3s; */
  background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
}

.section_heading_top{
        font-family: Montserrat;
        text-transform: uppercase;
        font-style: normal;
        font-weight: 600;
        font-size: 39px;
        align-items: center;
        text-align: center;
        color: #151443;
        margin-bottom: 3.5%;
        text-transform: uppercase;
        letter-spacing: 1px;
}
.free_services_box{
    background: white;
    box-shadow: 0px 2px 7px rgb(113 89 90 / 29%);
    margin-bottom: 10px;
}
.free_services_box:hover{
  box-shadow: 1px 2px 9px rgb(107 95 95 / 29%);
}
.free_services_box:hover img{
  transform: scale(1.04);
}

    /* our astrologer section */
    .our_astrologer{
      margin: 4px 17px;
    }
    .our_astrologer_img{
        overflow: hidden;
        border-radius: 3px;
    }
    .our_astrologer_img img{
        width: 100%;
        height: 202px;
        object-fit: cover;
        transition: transform 0.3s ease-in-out;
    }
    .our_astrologer_details{
        text-align: center;
        padding: 17px 5px;
    }
    .our_astrologer_details h5{
        font-family: Muli;
        font-style: normal;
        font-weight: normal;
        font-size: 26px;
        color: #151443;
        text-transform: capitalize;
        margin-bottom: 0;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .hindi_odia_btn{
        background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
        border-radius: 2px;
        font-family: Muli;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        color: #4F4F4F;
        border: none;
        padding: 2px 10px;
        margin: 6px 0;
        
    }
    .our_astrologer_details p{
        font-family: Muli;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        text-align: center;
        color: #9d9d9d;
        margin: 14px 0;
        text-transform: capitalize;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 37px;
    }
    .our_astrologer_details h6{
      font-size: 13px;
      margin-top: 10px;
      color: #151443;

    }
    .call_n_chat{
        border: 2px solid #27AE60;
        box-sizing: border-box;
        border-radius: 5px;
        font-family: Muli;
        font-style: normal;
        font-weight: normal;
        font-size: 17px;
        color: #27AE60;
        background: white;
        padding: 4px 13px;
    
    }
    .call_n_chat svg{
        height: 14px;
    }
    .call_n_chat img{
      width: 16px;
      display: initial !important;
    }
    .astro_rating span svg{
        color: #F2C94C;
    font-size: 11px;
    }
    .astro_rating {
      text-align: center ;
    }
  
    /* **************talk to astrologer******************* */
    .talk_to_astroinnr_box{
      padding: 0 10px;
    }

 .talk_w_astro{
  box-shadow: 0px 2px 4px rgb(113 89 90 / 29%);
   
    border-radius: 7px 7px 0px 0px;
    padding: 10px;
    z-index: 9999;
    background: white;
    border: 1px solid #fff;
    border-radius: 10px;
    height: 163px;
    background: white;
    /* border-top-left-radius: 1em 8px;
    border-top-right-radius: 1em 8px; */
 }  
 .talk_w_astro_border{
  height: 50px;
  background: #ffd805;
  position: absolute;
  right: 0;
  left: 0;
  z-index: -1;
  margin: 15px;
  top: -19px;
  border-radius: 10px;
 }
 .talk_w_astro:hover{
 box-shadow: 0px 2px 15px rgb(116 119 122 / 15%);
 }
 .talk_w_astro_img{
    border: 0.7px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 2px;
 }
 .talk_w_astro_img img{
    width: 100%;
    border-radius: 8px;
    height: 93px;
    object-fit: cover;
 }
 .talk_w_astro_name{
    font-family: Muli;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    color: #151443;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
 }
 .talk_w_astro_lang{
    font-family: Muli;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #4F4F4F;
    margin-bottom: 3px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
 }
 .talk_w_astro_lang2{
  font-family: Muli;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #4F4F4F;
  margin-bottom: 3px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
 .talk_w_astro_detail{
    font-family: Muli;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #4F4F4F;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 4px;
    text-transform: capitalize;
 }
 .talk_w_astro_detail2{
  font-family: Muli;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #4F4F4F;
 
  margin-bottom: 4px;
  text-transform: capitalize;
 }
 .talk_w_astro_price{
    background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
    border-radius: 2px;
    font-family: Muli;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    color: #151443;
    border: none;
    padding: 2px 6px;
    outline: none !important;
 }
 .absolute_call_btn{
  position: absolute;
  content: attr(data-label);
  top: 102px;
  right: -11px;
  padding: 0.3rem;
  width: 7rem;
  background: #27AE60;
  color: white;
  text-align: center;
  /* box-shadow: 4px 4px 15px rgba(26, 35, 126, 0.2); */
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  outline: none !important;
 }
 .call_btn_calling{
   pointer-events: none;
   cursor: default;
 }
 .absolute_waiting_time{
  position: absolute;
  right: 3px;
  top: 8.5rem;
    color: red;
  font-weight: 600;
  font-size: 10px;
  margin-bottom: 0;
  padding-bottom: 7px;
 }
 .experience_span{
    font-family: Muli;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    color: #4F4F4F;
    margin-top: 4px;
 }
 .experience_span img{
  height: 15px;
  margin-right: 1px;
 }
 .row_astro{
    margin-right: -10px !important;
    margin-left: -10px !important;
 }
 .card__container{
    background: white;
    height: 151px;
  }
  
  .card_astro::before{
    position: absolute;
    top: 8.4rem;
    right: 0.6rem;
    content: '';
    background: #18713E;
    height: 21px;
    width: 23px;
    transform: rotate(45deg);
  }
  
  .check_svg{
    height: 20px;
  }
  .card_astro2::before{
    position: absolute;
    top: 7.7rem;
    right: 0.7rem;
    content: '';
    background: #B43434;
    height: 28px;
    width: 28px;
    transform: rotate(45deg);
}
.card_astro2::after{
    position: absolute;
    content: attr(data-label);
    top: 104px;
    right: 5px;
    padding: 0.3rem;
    width: 7rem;
    background: #EB5757;
    color: white;
    text-align: center;
    box-shadow: 4px 4px 15px rgba(26, 35, 126, 0.2);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.card_astro3::before{
    position: absolute;
    top: 7.7rem;
    right: 0.7rem;
    content: '';
    background: #828282;
    height: 28px;
    width: 28px;
    transform: rotate(45deg);
}
.card_astro3::after{
    position: absolute;
    content: attr(data-label);
    top: 104px;
    right: 5px;
    padding: 0.3rem;
    width: 7rem;
    background: #ACACAC;
    color: white;
    text-align: center;
    box-shadow: 4px 4px 15px rgba(26, 35, 126, 0.2);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.welcome_msg{
    font-family: Muli;
    font-style: italic;
    font-weight: 600;
    font-size: 18px;
    color: #151443;
    padding: 15px 19px 7px 19px;
    margin-bottom: 0;
}
.welcome_msg_content{
    font-family: Muli;
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    color: #828282;
    padding: 3px 19px 7px 19px;
    text-transform: capitalize;
    margin-bottom: 0;
}
.sidebar_menu_icon{
    width: 17px;
    margin-right: 9%;
}
.user_login_img{
    width: 39px;
    height: 39px;
    border-radius: 33px;
    border: 1.5px solid #ffcf09;
}
/* ********lets connect********* */
.lets_connect_section{
    background: white;
    padding: 4%;
}
.lets_connct_heading{
    font-family: Merienda;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    color: #151443;
    margin-bottom: 3.5%;
}
.lets_connect_img img{
    height: 42px;
    margin-right: 12px;
    margin-left: 12px;
}
.conversation {
  height: 136% !important;
  position: relative;
  background: #efe7dd url("../assets/images/chatbg.png") repeat;
  z-index: 0;
}

/* ************astro mart ********* */
.astromart_secction{
    background-image: url('../assets/images/astromartbanner3.svg');
    height: 275px;
    background-size: cover;
    background-repeat: no-repeat;
}
.talk_to_astro_box{
  background-image: url('../assets/images/talk_to_astrologer__banner.png');
  height: 275px;
  background-size: cover;
  background-repeat: no-repeat;
}
.chat_w_astro_box{
  background-image: url('../assets/images/chat_banner_astrologer.jpg');
  height: 275px;
  background-size: cover;
  background-repeat: no-repeat;
}
.astromart_lightup{
  padding: 5% 6%;
}
.astromart_lightup h3{
    font-family: Merienda;
    font-style: normal;
    font-weight: normal;
    font-size: 45px;
    text-align: right;
    color: #ffdb04;
    
}
.astromart_lightup p{
    font-family: Muli;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    text-align: right;
    color: #FFFFFF;
}
.astromart_lightup button{
    background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
    border-radius: 3px;
    font-family: Muli;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    text-align: right;
    color: #151443;
    float: right;
    border: none;
    padding: 9px 21px;
}
/* **********single astrologer ********* */

.single_astro_img{
    width: 160.55px;
    height: 169px;
    padding: 5px;
    border: 0.7px solid #E0E0E0;
    box-sizing: border-box;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.11);
    border-radius: 8px;
    margin-right: 3%;
    float: left;
}
.single_astro_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.single_astro_icons{
    height: 13px;
    margin-right: 9px;
}
.single_astro_min{
    font-family: Muli;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: #4F4F4F;
    margin-right: 3%;
}
.hat_img{
    height: 17px;
}
.followme_btn{
  border: 2px solid #EB5757;
  box-sizing: border-box;
  border-radius: 6px;
  background: white;
  height: 45px;
  font-family: Muli;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: #828282;
  padding: 0 16px;
}
.followme_btn2{
  border: 2px solid #EB5757;
  box-sizing: border-box;
  border-radius: 6px;
  background: #eb5757;
  height: 45px;
  font-family: Muli;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  padding: 0 16px;
}
.folow_heart2{
  color: #ffffff;
  font-size: 16px;
}
.single_astro_name{
    font-family: Muli;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    color: #151443;
    text-transform: capitalize;
}
.single_astro_description{
    font-family: Muli;
    font-style: italic;
    font-weight: normal;
    font-size: 14px;
    color: #828282;
    margin: 2% 0;
}
.single_astro_calling{
    width: 100%;
    background: #27AE60;
    border-radius: 6px;
    border: none;
    color: white;
    padding: 12px;
    font-family: Muli;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
}
.single_astro_calling_span{
  font-family: Muli;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  position: absolute;
  right: 31px;
}
.single_astro_chatting{
    width: 100%;
    background: #d73131;
    border-radius: 6px;
    border: none;
    color: white;
    padding: 12px;
    font-family: Muli;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
}
.single_astro_report{
    width: 100%;
    background: grey;
    border-radius: 6px;
    border: none;
    color: white;
    padding: 12px;
    font-family: Muli;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
}
.single_aboutme{
    /* font-family: Merienda; */
    font-style: normal;
    font-weight: normal;
    font-size: 33px;
    color: #151443;
}
.single_aboutme_descrip{
    font-family: Muli;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #828282;
}
.single_awards_box{
    padding: 13px;
    border: 1px solid #cac5c5;
    box-sizing: border-box;
    border-radius: 8px;
}
.single_awards_box_img img{
    width: 100%;
    height: 124px;
    border-radius: 7px;
    object-fit: contain;
}
.explore_all_box{
    background: #F2F2F2;
    border-radius: 7px;
    height: 100%;
    text-align: center;
    padding: 22%;
    font-family: Muli;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    color: #151443;
}
.award_n_recongnition{
  /* font-family: Merienda; */
  font-style: normal;
  font-weight: normal;
  font-size: 26px;
  color: #151443;
  text-align: center;
  margin-bottom: 17px;
}
.single_astro_review{
    font-family: Muli;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    color: #a19898;
    border-bottom: 0.5px solid #d0cece;
    padding-bottom: 12px;
}

  .review_percentage{
    font-family: Muli;
    font-style: normal;
    font-weight: normal;
    font-size: 51px;
    color: #151443;
  }
  .total_review_no{
    font-family: Muli;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: #828282;
    margin-top: 5px;

  }
  .astro_rating_span{
    color: #F2C94C;
    font-size: 13px !important;
  }
  .reviews{
    padding: 5%;
  }
  .progress_num{
    font-family: Muli;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #828282;
    text-align: right;
  }
  .total_progress{
    font-family: Muli;
    font-size: 13px;
    color: #828282;
  }
 
  .astro_rating_span2{
    color: #F2C94C;
    font-size: 15px !important;
  }
  .user_comment{
    font-family: Muli;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #828282;
    margin-top: 7px;
    margin-bottom: 0;
    line-height: 19px;
  }
  .comment_by{
    font-family: Muli;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    color: #151443;
  }
  .comment_date{
    font-family: Muli;
    font-weight: 500;
    font-size: 13px;
    color: #adadad;
  }
  .folow_heart{
    color: #eb5757;
    font-size: 16px;
  }
  /* *************change password*********** */
  .change_psd_heading{
    font-style: normal;
    font-weight: normal;
    font-size: 26px;
    color: #151443;
    margin-top: 39px;
    margin-bottom: 25px;
  }
  .change_psd_label{
    font-family: Muli;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    color: #151443;
  }
  .change_psd_input{
    color: #151443;
    border: 1px solid #a6a5b9;
    padding: 0.475rem .75rem;
  }
  .save_change_psd{
    background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
    border-radius: 4px;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    color: #151443;
    border: none;
    padding: 9px 24px;
    margin-top: 3%;
    outline: none !important;
    letter-spacing: 0.3px;
  }
  .save_change_psd_sub{
    background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
    border-radius: 4px;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    color: #151443;
    border: none;
    padding: 9px 51px;
    margin-top: 3%;
    outline: none !important;
  }
  .account_input{
    color: #151443;
    border: 1.7px solid #d0d0d0;
    padding: 0.475rem .75rem;
    /* width: 89%; */
    border-radius: 5px;
  }
  .account_set_heading{
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    color: #151443;
    margin-top: 39px;
    margin-bottom: 25px;
    text-transform: uppercase;
  }
  .personal_detl_head{
    font-size: 21px;
    text-transform: uppercase;
    color: #4F4F4F;
    margin-bottom: 2%;
  }

  /* *****************my wallet**************** */
  .wallet_heading{
    font-weight: 500;
    font-size: 18px;
    color: #403d3d;
  }
  .wallet_availmoney img{
    width: 40px;
    margin-right: 10px;
  }
  .wallet_availmoney p{
    font-weight: bold;
    font-size: 24px;
    color: #151443;
    float: right;
  }
  .wallet_availmoney{
    padding-top: 1.5%;
    margin-top: 16px;
  }
  .wallet_availmoney2{
    padding-top: 1.5%;
    margin-top: 16px;
    text-align: right;
  }
  .wallet_availmoney2 img{
    width: 40px;
    margin-right: 10px;
  }
  .wallet_availmoney2 p{
    font-weight: bold;
    font-size: 24px;
    color: #151443;
    float: right;
  }
  .add_money_rs{
    border: 1px solid #BDBDBD;
    box-sizing: border-box;
    border-radius: 6px;
    font-weight: normal;
    font-size: 32px;
    text-align: center;
    color: #828282;
    padding: 12.6%;
    margin-bottom: 22px;
  }
  .premium_card{
    position: relative;
    box-sizing: border-box;
    border-radius: 6px;
    font-weight: normal;
    font-size: 32px;
    text-align: center;
    padding: 12.6%;
    margin-bottom: 22px;
    color: #151443;
    background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
  }
  .premium_card p{
    margin-bottom: 0;
  }
/* common */
.ribbon {
    width: 120px;
    height: 120px;
    overflow: hidden;
    position: absolute;
    background: transparent;
  }
  .ribbon::before,
  .ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #f94d67;
  }
  .ribbon span {
    position: absolute;
    display: block;
    width: 199px;
    padding: 4px 0;
    background-color: #FF6C6D;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-align: center;
    font-style: normal;
    font-weight: 800;
    font-size: 13px;
    font-family: Muli;
    letter-spacing: 1px;
  }
  
  /* top left*/
  .ribbon-top-left {
    top: -10px;
    left: -10px;
  }
  .ribbon-top-left::before,
  .ribbon-top-left::after {
    border-top-color: transparent;
    border-left-color: transparent;
  }
  .ribbon-top-left::before {
    top: 0;
    right: 23px;
  }
  .ribbon-top-left::after {
    bottom: 23px;
    left: 0px;
  }
  .ribbon-top-left span {
    right: -14px;
    top: 30px;
    transform: rotate(-45deg);
  }
  .active_add_money{
      width: 50%;
      text-align: center;
  }
   .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%) !important;
    border-radius: 0;
  }
  .nav-pills .nav-link{
    background: #F7F7F8;
  }
  .active_add_money a{
  
    font-family: Muli;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    color: #151443 !important;
    padding: .8rem 1rem;
    border-radius: unset;
  }
  .add_money_img{
    width: 19px;
    margin-top: -4px;
    margin-right: 4px;
  }
  .unactive_add_money{
    width: 50%;
    text-align: center;
  }
  .unactive_add_money a{
    font-family: Muli;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    color: #4F4F4F!important;
    padding: .8rem 1rem;
    border-radius: unset;
  }
  .transaction_table_head{
    background: #151443;
    border-radius: 4px;
    font-family: Muli;
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 1px;
    border-bottom: 5px solid #ffd748;

  }
  .transaction_table_head th{
      text-align: center;
  }
  .transaction_table_body td{
    font-family: Muli;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    color: #333333;
  }
  .transaction_btn_invoice{
    background: #FF2424;
    border-radius: 4px;
    border: none;
    padding: 6px 20px;
    font-family: Muli;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    color: #FFFFFF !important;
    line-height: 15px;
  }
  .transac_deduct{
    font-family: Muli;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: #EB5756;
  }
  .transaction_btn_recipt{
    background: #27AE60;
    border-radius: 4px;
    border: none;
    padding: 6px 20px;
    font-family: Muli;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    color: #FFFFFF;
  }
  .transac_added{
    font-family: Muli;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: #27AE60;
  }
  #loginSignup .modal-dialog{
    max-width: 70%;
  }
  .login_left_img{
    padding: 0;
    padding-left: 15px;
}
  .login_left_img img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      background: #050740;
  }
  .login_text_overlay{
    font-weight: bold;
    font-size: 28px;
    line-height: 38px;
    color: #FFFFFF;
    position: absolute;
    bottom: 0px;
    padding: 10px;
    text-align: center;
    display: none;
  }
  .login_sign_tab .nav-link.active, .login_sign_tab .show>.nav-link{
    background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%) !important;
    font-family: Muli;
    font-size: 18px;
    color: #4F4F4F;
    border-radius: unset;
  }
  .login_sign_tab .nav-link{
      background: #fff;
      border-bottom: 0.7px solid #E0E0E0;
      font-family: Muli;
      font-size: 18px;
      color: #4F4F4F;
      border-radius: unset;
  }
  .login_heading{
    font-family: Muli;
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    color: #4F4F4F;
    margin-top: 24px;
  }
  .login_inputs{
    padding: 4% 14% 5%;
  }
  .login_inputs_size{
    border: 1px solid #9c9a9a;
    box-sizing: border-box;
    border-radius: 2px;
    background-color: white !important;
    height: 40px;
    font-size: 14px;
  }
  .otp_signin{
    font-family: Muli;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    text-align: right;
    letter-spacing: -0.005em;
    color: #999797;
    text-decoration: underline !important;
    margin-top: 10px;
  }
  .login_here{
    background: #E0E0E0;
    border-radius: 2px;
    width: 100%;
    border: none;
    padding: 10px;
    margin-top: 5.5%;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: #151443;
  }
  .login_or{
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    color: #4F4F4F;
    margin: 4%;
  }
  .sign_in_fb{
    background: #3B5998;
    border-radius: 2px;
    width: 100%;
    border: none;
    padding: 9px;
    font-size: 11px;
    color: white !important;
    letter-spacing: 2px;
    font-family: Muli;
    font-style: normal;
    font-weight: bold;
  }
  .sign_in_fb_social{
    background: #3B5998;
    border-radius: 2px;
    width: 100%;
    border: none;
    padding: 9px;
    font-size: 11px;
    color: white !important;
    letter-spacing: 2px;
    font-family: Muli;
    font-style: normal;
    font-weight: bold;
  }
  .sign_in_google{
    border-radius: 2px;
    width: 100%;
    padding: 8px;
    margin-top: 2.5%;
    font-size: 12px;
    letter-spacing: 0.125em;
    font-family: Muli;
    font-style: normal;
    font-weight: bold;
    background: #FFFCFA;
    color: #828282;
    border: 1px solid #7d7d7d;
  }
  .sign_in_fb img {
    height: 26px;
    padding-right: 10px;
  }
  .sign_in_fb_social img {
    height: 26px;
    padding-right: 10px;
  }
  .sign_in_google img{
    height: 26px;
    padding-right: 16px;
  }
  .sample_login_text p{
    font-size: 19px;
    color: #828282;
    margin-bottom: 0;
    line-height: 25px;
    
  }
  .sample_login_text{
    padding: 0% 14%;
  }
  .create_account input{
    border: 1px solid #7d7d7d;
    box-sizing: border-box;
    border-radius: 2px;
    background-color: white !important;
    height: 45px;
    width: 80%;
  }
  .create_account select{
    border: 1px solid #7d7d7d;
    box-sizing: border-box;
    border-radius: 2px;
    background-color: white !important;
    height: 45px !important;
    width: 20%;
  }
  
.box-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
  }
  
  @media screen and (min-width:1380px) {
    .box-container {
      flex-direction: row
    }
  }
  .daly_horo_sec{
    padding: 6.5% 11%;
  }
  .box-item {
    position: relative;
    width: 100%;
   
    margin-bottom: 31px;
    max-width: 100%;
  }
 
  .flip-box-front{
    transition: all ease-in-out 0.3s;
    border-radius: 3px;
    min-height: 165px;
  
    background: white;
    border: 2px solid #e7e7e7;
  }
  .flip-box-front:hover{
    box-shadow: 0px 2px 15px rgb(116 119 122 / 15%);
    background: #ffd806;
    /* transform: scale(1.01); */
  }
  .flip-box-header {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    text-align: center;
    z-index: 9999;
    margin-bottom: 11px;
    color: #151443;
  }
  
  .flip-box-front p {
    font-family: Muli;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    color: #828282;
    margin: 7px 0;
  }
  
  .flip-box-img {
    margin-top: 25px;
  }
  
  .flip-box-button {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    margin-top: 25px;
    padding: 15px 20px;
    text-transform: uppercase;
  }
  .daily_horoscope_signs{
    height: 63px;
    margin: 11px auto 19px auto;
  }
  .about_descrip{
    font-family: Muli;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #8a8888;
    width: 71%;
    margin: auto;
  }
  .our_vision {
    text-align: center;
    color: #151443;
    margin-top: 9%;
    /* background-image: url('../assets/images/aboutbg.svg') ; */
    background-repeat: no-repeat;
    background-position: 44%;
    background-size: 70px auto;
  }
  .our_vision h5{
    font-weight: 600;
    font-style: normal;
    font-size: 28px;
    height: 63px;
    padding-top: 0px;
  }
 
  .vision_description{
    font-family: Muli;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #8a8888;
    width: 77%;
    margin: auto;
    /* text-transform: lowercase; */
  }
  .customer_story_box{
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    padding: 29px 36px;
  }
  .customer_story_box:hover{
    box-shadow: 1px 2px 9px rgb(107 95 95 / 29%);
  }
  .stories_img{
    width: 75px;
    height: 75px;
    border-radius: 70px;
    object-fit: cover;
  }
  .stories_name{
    font-family: Muli;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    color: #151443;
    margin-bottom: 4px;
  }
  .stories_designation{
    font-style: normal;
    font-weight: normal;
    margin-bottom: 1px;
    font-size: 12px;
    color: #a7a7a7;
  }
  .customer_story_80{
    padding-left: 4%;
  }
  .stories_place{
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: #828282;
  }
  .stories_descript{
    font-size: 13px;
    color: #828282;
    line-height: 18px;
    margin-bottom: 0;
    margin-top: 13px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .customer_story_holder{
    padding:13px 42px;
  }
  .customr_storyy_section{
    background: #F8F8F8;
    padding: 4% 0%;
    background-image: url('../assets/images/storybgimg.webp') ;
    background-size: 59% 100%;
    background-repeat: no-repeat;
    background-position: right;
  }
  .shaded_img_story{
    margin-top: 28%;
    width: 217px;
  }
  .slick-prev
{
  /* display: inline-block; */
  margin-left: -5%;
  /* background: none; */
  color: inherit;
  padding: 0 !important;
  font: inherit;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px!important;
  height: 54px!important;
  border-radius: 10px;
  background: rgba(233, 233, 233);
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../assets/images/left.svg);
  border: none;
  background-size: 10px;
  visibility: visible !important;   
  opacity: 1;
	}
	
.slick-next
{
  margin-right: -5%;
  color: inherit;
  padding: 0 !important;
  font: inherit;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 42px!important;
  height: 54px!important;
  border-radius: 10px;
  background: rgba(233, 233, 233);
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../assets/images/right.svg);
  background-size: 10px;
  border: none;
  visibility: visible !important;
  opacity: 1;
    }
  
    .customer_stories .slick-prev{
      z-index:1;
      display: inline-block;
      margin-left: -22%;
      background: none;
      color: inherit;
      padding: 0 !important;
      font: inherit;
      position: absolute;
      top: 71%;
      transform: translateY(-50%);
      width: 36px!important;
      height: 36px!important;
      border-radius: 50%;
      font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-image:url(../assets/images/left.svg);
    border: 1.7px solid #151443;
    background-size: 10px;
    }

    .customer_stories .slick-next{
      border: 1.7px solid #151443;
      z-index:1;
      margin-right: unset;
    color: inherit;
      padding: 0 !important;
      font: inherit;
    position:absolute;
    top: 71%;
    left: -175px;
      transform: translateY(-50%);
    width:36px!important;
    height:36px!important;
      border-radius: 50%;
    background: transparent;
      font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-image:url(../assets/images/right.svg);
    background-size: 10px;
    }
    .customer_story_h3{
      position: absolute;
      top: 23%;
      left: 27%;
      font-family: Merienda;
      font-style: normal;
      font-weight: normal;
      font-size: 26px;
    }
    .customer_story_h4{
      position: absolute;
      top: 35%;
      left: 37%;
      font-family: Merienda;
      font-style: normal;
      font-weight: normal;
      font-size: 26px;
    }
    .enter_otp_box{
      border: 1px solid #E0E0E0;
      border-radius: 2px;
      width: 47px;
      height: 50px;
      margin-right: 20px;
      text-align: center;
    }
    .enter_otp_holder{
      display: flex;
      margin-bottom: 8%;
    }
    .about_planet_img{
      position: relative;
    }
    .about_planet_img img{
      position: absolute;
      right: 0px;
      height: 258px;
      top: -115px;
    }
    .unactive_order{
      width: 25%;
      text-align: center;
      border-radius: unset;
    }
    .unactive_order a {
      font-family: Muli;
      font-style: normal;
      font-weight: bold;
      font-size: 12px;
      text-transform: uppercase;
      color: #151443 !important;
      padding: .8rem 1rem;
      border-radius: unset;
  }
  .table thead th{
    font-size: 13px;
  }
  .astro_table_img{
    height: 40px;
    width: 40px;
    object-fit: cover;
    border-radius: 8px;
  }
  .asrto_rating_span6{
    color: #F2C94C;
    font-size: 11px !important;
  }
  .astro_table{
    
    overflow: auto;
  }
  .share_the_doc{
    background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
    border-radius: 4px;
    font-size: 15px;
    padding: 3px 0px;
    width: 31px;
  }
 
  .single_numerology_content h1{
    /* font-family: "Oregano", Georgia, "Times New Roman", Times, serif; */
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    color: #151443;
    text-transform: capitalize;
    /* letter-spacing: 1px; */
    border-bottom: 0.5px solid #E0E0E0;
    padding-bottom: 13px;
    margin-bottom: 10px;

  }
  .single_numerology_content p{
    font-size: 16px;
    line-height: 23px;
    color: #4F4F4F;
  }
  .greycard_numerology{
    background: #F2F2F2;
    padding: 13px;
    margin-bottom: 4%;
  }
  .greycard_numerology .card{
    padding: 3% 6.5% 5%;
  }
  .greycard_numerology h1{
    font-size: 33px;
    text-align: center;
    text-transform: uppercase;
    color: #939191;
    font-weight: bold;
    margin-bottom: 19px;
  }
  .kundli_information h4{
    color: #787373;
    font-size: 23px;
  }
  .kundli_information p{
    color: #4F4F4F;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 24px;
  }
  .kundli_information h5{
    color: #787373;
    font-size: 20px;
    margin-bottom: 4px;
  }
  .more_service{
    font-weight: bold;
    font-size: 21px;
    color: #151443;
    border-bottom: 0.5px solid #dfdcdc;
    padding-bottom: 11px;
    margin-bottom: 20px;
  }
  .male_button{
    background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
    border-radius: 7px;
    font-size: 27px;
    color: #151443;
    padding: 7px 11%;
    border: none;
    margin-bottom: 2%;
    margin-top: 1%;

  }
  .male_button img{
    height: 29px;
    margin-top: -7px;
    margin-right: 13px;
  }
  .female_button{
    background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
    border-radius: 7px;
    font-size: 27px;
    color: #151443;
    padding: 7px 7%;
    border: none;
    margin-bottom: 2%;
    margin-top: 1%;

  }
  .female_button img{

    height: 29px;
    margin-top: -7px;
    margin-right: 13px;
  }
  .add_space{
    padding: 4%;
  }
  .home_top_hdr span{
    float: right;
    margin-right: 3%;
    font-weight: bold;
    font-size: 12px;
    color: #151443;
    font-family: muli;
  }
  .home_top_hdr p{
    margin-left: 22%;
    font-size: 11px;
    margin-bottom: 0;
  }
  .home_top_hdr img{
    height: 10px;
  }
  .support_us{
    position: fixed;
    right: 0;
    bottom: 0;
  }
  .support_us img{
    height: 86px;
  }
.remove_bt_margin{
  margin-bottom: 0;
}

/* mobile responsive media query */
  @media only screen and (max-width:600px){
    .about_planet_img{
      display: none;
    }
    .section_heading_top{
      font-size: 23px;
      margin-bottom: 25px;
      margin-top: 11px;
    }
    .about_descrip{
      width: 100%;
    }
    .vision_description{
      width: 100%;
    }
    .free_services_img img{
      height: 199px;
    }
    .free_services_box{
      margin-bottom: 25px;
    }
    .footer-bs{
      padding: 25px 24px;
    }
    .googleplay{
      width: auto;
      height: 47px;
      margin-bottom: 6%;
    }
    .appstore{
      width: auto;
      height: 47px;
      margin-bottom: 6%;
    }
    /* .support_us img{
      height: 55px;
    } */
    .support_us{
      right: 0px;
      bottom: 1px;
      z-index: 1;
    }
    .lets_connect_img img{
      margin-right: 10px;
      margin-left: 10px;
    }
    .daly_horo_sec{
      padding: 4% 0%;
    }
    .daily_horoscope_signs{
      height: 54px;
    }
    .flip-box-front{
      min-height: 153px;
    }
    .remove_bt_margin{
      margin-bottom: 31px;
    }
    .chatwith_astro{
      padding: 10px;
      height: 100px;
      margin-bottom: 10px;
    }
    .talk_chat_mart_img {
      width: 59.21px;
      height: 72px;
      float: right;
    }
    .talk_chat_mart_detail h5{
      font-size: 17px;
    }
    .talk_chat_mart_detail p{
      font-size: 13px;
      line-height: 17px;
    }
    .astromart_secction {
      height: 180px;
      background-size: cover;
      background-repeat: no-repeat;
      margin-bottom: 30px;
    }
    .astromart_lightup {
      padding: 6% 4%;
    }
    .astromart_lightup h3 {
      font-family: Merienda;
      font-style: normal;
      font-weight: normal;
      font-size: 24px;
      text-align: right;
      color: #FFC90B;
      margin-bottom: 5px;
    }
    .astromart_lightup p {
      font-family: Muli;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      text-align: right;
      color: #FFFFFF;
  }
  .astromart_lightup button{
    font-size: 14px;
    padding: 6px 13px;
  }
    .customr_storyy_section{
      background: #F8F8F8;
      padding: 4% 0%;
      background-image: none;
      background-size: unset;
    }
    .shaded_img_story {
      margin-top: 6%;
      width: 100%;
      height: 100px;
  }
   
    .customer_story_box{
      padding: 29px 19px;
    }
    .stories_name{
      font-size: 14px;
    }
    .stories_img{
      width: 57px;
      height: 57px;
    }
    .stories_descript{
      margin-top: 0;
    }
    .lets_connct_heading{
      margin-bottom: 7.5%;
    }
    .user_namee_list a{
      text-align: center !important;
    }
    .home_top_hdr p{
      margin-left: 0;
      font-size: 12px;
    }
    .home_top_hdr span{
      float: right;
      margin-right: 0;
      font-size: 10px;
    }
    .top_header_box8{
      padding: 0;
      text-align: initial;
    }
    .top_header_box4{
      padding-right: 4px;
     
    }
    .navbar{
      padding: 6px 9px 6px 9px !important;
    }
  
    .first_nav_head{
      top: 34px;
      border-top: 1px solid #E0E0E0 !important;
    }
   
  }
  /* end mobile responsive media query */




  /* tablet responsive media query */
  @media (min-width: 768px) and (max-width: 1024px) {
    .Artgal_logo{
      height: unset;
      object-fit: contain;
      margin-right: 7px;
      width: 180px;
    }
    .login_inputs{
      padding: 4% 5% 5%;
    }
    .sample_login_text{
      padding: 0% 5%;
    }
    .art_gal_navbrand p{
      font-size: 24px !important;
    }
    .home_top_hdr p{
      margin-left: 40%;
    }
    .user_namee_list a{
      text-align: center !important;
    }
    .chatwith_astro{
      height: 94px;
      padding: 7px;
    }
    .talk_chat_mart_img {
      width: 47.21px;
      height: 71px;
    }
    .chatwith_astro_box{
      margin-top: 0;
    }
    .chatwith_astro{
      box-shadow: none;
    }
    .talk_chat_mart_detail h5{
      font-size: 15px;
    }
    .talk_chat_mart_detail p{
      font-size: 12px;
      line-height: 15px;
    }
    .daly_horo_sec{
      padding: 9% 0% 6%;
    }
    .astromart_secction{
      height: auto;
      background-size: cover;
    }
    .free_services_box {
      background: white;
      margin-bottom: 6%;
  }
  .section_heading_top{
    margin-bottom: 3.5%;
    font-size: 30px;
  }
  .about_planet_img img{
    right: 0px;
    height: 179px;
    top: -59px;
  }
  .customr_storyy_section{
    background-size: 50% 100%;
  }
  .customer_story_h3{
    top: 19%;
    left: 25%;
  }
  .customer_story_h4{
    top: 30%;
    left: 40%;
  }
  }
  /* end tablet responsive media query */


  /* *************astromart Products ************* */
  .mart_product_heading{
    font-weight: 600;
    font-size: 27px;
    color: #151443;
    letter-spacing: 0.9px;
    margin-bottom: 24px;
    text-transform: uppercase;
  }
  .mart_product_box{
    background: #FFFFFF;
    box-shadow: 0px 2px 7px rgb(113 89 90 / 29%);
    border-radius: 8px;
    margin-bottom: 9%;
  }
  .mart_product_img{
    height: 155px;
  }
  .mart_product_img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .mart_product_box p{
    font-weight: 600;
    font-size: 18px;
    color: #151443;
    padding: 14px;
    letter-spacing: 0.7px;
  }
  .mart_pd_box{
    background: #FFFFFF;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.13);
    border-radius: 8px;
    display: inline-flex;
    padding: 7px;
    margin-bottom: 1%;
    width: 100%;
    margin-top: 2%;
  }
  .single_mart_pd_middle{
    width: 100%;
  }
  .mart_pd_img img{
    height: 177px;
    width: 269px;
    object-fit: cover;
    margin-right: 17px;
    border-radius: 7px;
  }
  .single_mart_pd_end h3{
    text-align: right;
  }
  .mart_pd_middle h5{
    font-weight: 600;
    font-size: 24px;
    color: #151443;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
  }
  .mart_pd_middle h6{
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    color: #333333;
    margin-bottom: 11px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
  }
  .mart_pd_middle p{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #4F4F4F;
    margin-bottom: 0;
    display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  line-height: 22px;
  }
  .mart_pd_end h3{
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    color: #151443;
    margin-bottom: 28%;
  }
  .mart_pd_end h3 span{
    color: #ec2127;
    font-size: 16px;
  }
  .mart_pd_end button,.mart_pd_end a{
    background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
    border-radius: 4px;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    color: #151443;
    border: none;
    padding: 5% 3%;
    /* line-height: 58px; */
    width: 137px;
  }
  .mart_pd_end .cart_add{
    border-radius: 4px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    background: #eeeeee;
    padding: 5% 3%;
    width: 137px;
    /* line-height: 49px; */
    margin-bottom: 10px;
  }
  .add_5p_margin{
    margin-bottom: 5%;
  }
  .mart_pd_end{
    width: 380px;
    padding: 0 11px 0px 12px;
    text-align: end;
  }
  .astrobreadcrumb  span{
    font-weight: 500;
    font-size: 16px;
    color: #999898;
    margin-left: 6px;
  }
  .single_mart_pd_box{
    display: inline-flex;
    padding: 7px;
    /* margin-bottom: 2.6%; */
    margin-top: 2%;
    width:100%;
  }
  .single_mart_pd_end h3{
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    color: #151443;
  }
  .single_mart_pd_end h3 span{
    color: #ec2127;
    font-size: 16px;
  }
  .single_mart_p{
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    color: #4F4F4F;
    margin-bottom: 0;
  }
  .single_mart_pd_middle h5{
    font-weight: 600;
    font-size: 24px;
    color: #151443;
    margin-bottom: 10px;
   
  }
  .single_mart_pd_middle h6{
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    color: #333333;
    margin-bottom: 11px;

  }
  .product_quantity{
    float: right;
  }
  .decide_product_count{
    /* text-align: right;
    margin-top: 22px; */
  }
  .increase_count{
     background: #F2F2F2;
    padding: 3px;
    width: 47px;
    text-align: center;
    font-size: 41px;
    color: #828282;
    height: 30px;
    line-height: 17px;
    border: 0.5px solid #d3d3d3;
  }
  .quantity_count{
    color: #2F80ED;
    padding: 3px; 
    height: 30px;
    width: 47px;
    line-height: 19px;
    text-align: center;
    border-top:  0.5px solid #d3d3d3;
    border-bottom:  0.5px solid #d3d3d3;
  }
  .decrease_count{
    background: #F2F2F2;
    padding: 3px;
    width: 47px;
    text-align: center;
    font-size: 23px;
    color: #828282;
    height: 30px;
    line-height: 17px;
    border: 0.5px solid #d3d3d3;
  }
  .decide_product_count span{
    font-size: 13px;
    line-height: 28px;
    color: #000000;
    font-family: Muli;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    color: #151443;
  }
  .greycard_numerology h2 {
    font-size: 32px;
    text-align: center;
    text-transform: capitalize;
    color: #939191;
    font-weight: bold;
    margin-bottom: 19px;
}
.product_delivery_address{
  border: 1px solid #828282;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 3%;
  margin-bottom: 3%;
}
.product_delivery_address h5{
  font-weight: bold;
  font-size: 21px;
  color: #151443;
  text-transform: capitalize;
}
.product_delivery_address p{
  font-weight: 500;
  font-size: 13px;
  color: #151443;
  margin-bottom: 8px;
}
.product_final_card p{
  font-weight: bold;
  font-size: 14px;
  color: #828282;
  margin-bottom: 10px;
  margin-top: 10px;
}
.product_final_card h5{
  font-weight: bold;
  font-size: 15px;
  color: #151443;
  margin-bottom: 10px;
  margin-top: 10px;
}
.total_payment_line{
  border-top: 1px solid lightgray;
  border-bottom: 2px solid lightgray;
}

.partial_payment_line{
  border-top: 1px solid lightgray;
}
.product_final_card{
  padding: 2% 8%;
}
.payment_cards{
  border: 1.4px solid #b2b1b1;
  box-sizing: border-box;
  border-radius: 3px;
  text-align: center;
  padding: 7% 0 2% 0;
  margin-bottom: 8px;
}
.payment_cards img{
  height: 41px;
  margin-bottom: 10px;
}
.payment_cards p{
  margin-bottom: 0;
  font-weight: 500;
  font-size: 15px;
  color: #4F4F4F;
}
.daily_horo_main_card{
  background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
  border: 2px solid #b4aeae;
  box-sizing: border-box;
  border-radius: 6px;
  text-align: center;
  width: 264px;
  margin: auto;
  margin-bottom: -85px;
  z-index: 9999;
}
.daily_horo_descriptions{
  border: 2px solid #dfdfdf;
  box-sizing: border-box;
  border-radius: 6px;
  padding: 16% 3% 3%;
  z-index: -1;
  position: relative;
}
.flip_box_front_2{
  border-radius: 3px;
  min-height: 165px;
  background: white;
  border: 1.8px solid #ffc90b85;
  border: 2px solid #e7e7e7;
}
.flip_box_front_2 p{
  font-family: Muli;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  text-align: center;
  color: #828282;
  margin: 7px 0;
}
.daily_horo_descriptions h5{
  font-weight: 500;
  font-size: 22px;
  color: #151443;
  border-bottom: 0.5px solid #e7e7e7;
  padding-bottom: 10px;
}
.daily_horo_descriptions p{
  font-weight: 500;
    font-size: 17px;
    color: #828282;
}
.profile_dp_down .dropdown-toggle::after{
  display: none;
}
#sidebar1 ul .profile_dp_down.active>a, a[aria-expanded="true"]{
  background: white  !important;
}
.profile_dp_down_box a{
  text-align: inherit !important;
}
.profile_dp_down_box {
  padding: 7px;
  right: 0;
  left: unset;
}
.allblog_box{
  background: #FFFFFF;
  box-shadow: 0px 0px 8px rgb(107 107 107 / 13%);
  border-radius: 8px;
  margin-bottom: 7%;
}
.allblog_img{
  height: 160px;
  border-radius: 7px;
}
.allblog_img img{
  width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 7px;
}
.allblog_info{
  padding: 10px;
}
.allblog_info h4{
    font-weight: 600;
    font-size: 20px;
    color: #151443;
    letter-spacing: 0.8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.allblog_info span{
  font-weight: bold;
  font-size: 13px;
  color: #4F4F4F;
}
.allblog_info strong{
  font-weight: normal;
  font-size: 14px;
  color: #4F4F4F;
  line-height: 21px;
}
.allblog_info p{
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: normal;
    font-size: 15px;
    color: #4F4F4F;
    line-height: 21px;
    margin-top: 6px;
}
.flip_box_front_3{
  border-radius: 3px;
  min-height: 165px;
  background: white;
  border: 2px solid #e7e7e7;
  width: 142px;
  margin: auto;
}
.chat_box{
  background-image: url('../assets/images/chatbg.svg');
  /* height: 500px; */
  padding: 1% 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.chatbox{
  position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
}
.left_chat_reply{
  background: #FFFFFF;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 0px 11px 11px 11px;
  padding: 14px;
  width: fit-content;
  margin-bottom: 10px;
  padding-bottom: 7px;
  min-width: 65px;
}
.left_chat_reply h5{
  font-weight: bold;
  font-size: 15px;
  color: #828282;
  letter-spacing: 0.4px;
}
.left_chat_reply p{
  margin-bottom: 0;
  font-weight: 500;
  font-size: 11px;
  color: #BDBDBD;
  text-align: end;
}
.right_chat_reply{
  background: #DCF8C7;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 11px 0px 11px 11px;
  padding: 14px;
  width: fit-content;
 
  margin-left: auto;
  padding-bottom: 7px;
  margin-bottom: 10px;
  min-width: 65px;
}
.right_chat_reply h5{
  font-weight: bold;
  font-size: 15px;
  color: #828282;
  letter-spacing: 0.4px;
}
.right_chat_reply p{
  margin-bottom: 0;
  font-weight: 500;
  font-size: 11px;
  color: #BDBDBD;
}
.chat_reply_box{
  background: #F2F2F2;
  padding: 12px 19px;
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 68px;
}
.chat_reply_box .form-group{
  margin-bottom: 0;
}
.image_attach_doc{
  position: absolute;
  right: 21px;
  top: 12px;
  height: 20px;
}
.add_smile{
  height: 34px;
  margin-top: 5px;
}
.send_reply{
  height: 25px;
  margin-top: 10px;
}
.daily_horoscope_slider{
  display: none !important;
}
.successfuly_paid_box{
  text-align: center;
    padding: 0% 2%;
    border-radius: 4px;
    margin-top: 5%;
}
.successfuly_paid_outer{
  margin-top: 4% !important;
  padding: 5% 3%;
  margin: 35px;
  margin-top: 0;
  box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
  border-radius: 11px;
}
.successfuly_paid_box svg{
  font-size: 62px;
  color: #3bc319;
  margin-bottom: 4%;
}

@media only screen and (max-width:600px){
  
 
  .artgal_carousel_img img{
    height: 220px !important;
  }
  .customer_story_holder{
    padding: 13px 2px;
  }
  #minimal-bootstrap-carousel{
    height: 225px;
  }
  .daily_horo_descriptions{
    padding: 27% 3% 3%;
  }
  .show_in_desk{
    display: none;
  }
  .daily_horoscope_slider{
    display: block !important;
  }
  .flip_box_front_3{
    height: 135px !important;
    min-height: unset;
    background: white;
    border: 2px solid #e7e7e7;
    width: 97%;
  }
  .flip_box_front_3  .daily_horoscope_signs{
    height: 44px;
  }
  .flip_box_front_3 .flip-box-header{
    font-size: 18px;
    margin-bottom: 2px;
  }
  .flip_box_front_3 p{
    font-size: 13px;
  }
  .daily_horoscope_slider .slick-next{
    width: 30px!important;
    height: 30px!important;
    right: 9px;
    top: 40%;
  }
  .daily_horoscope_slider .slick-prev{
    width: 30px!important;
    height: 30px!important;
    left: -8px;
    top: 40%;
    z-index: 1;
  } 
  .Active_horoscope_card{
    background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
  }
  .daily_horo_main_card{
    display: none;
  }
  .daily_horo_descriptions{
    padding: 0% 3% 3%;
    border: none;
  }
}
@media only screen and (max-width:320px){
  .daily_horo_descriptions{
    padding: 0% 3% 3%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .flip_box_front_3{
    height: 153px;
    width: 112px;
    min-height: unset;
  }
  .flip_box_front_3 .daily_horoscope_signs{
    height: 63px;
    margin: 11px auto 6px auto;
  }
  .flip_box_front_3  h3{
    font-size: 19px;
    margin-bottom: 11px;
  }
  .flip_box_front_3 {
    font-size: 14px;
  }
  .show_in_desk{
    padding: 0;
  }
}
.call_intake_heading{
  text-align: center;
  padding: 4% 2% 1%;
    font-size: 26px;
    color: #151443;
}
.edit_btn_n{
  height: 28px;
}
.trash_btn_n{
  height: 24px;
}
.s_blog_heading{
  font-weight: bold;
  font-size: 24px;
  color: #4F4F4F;
  letter-spacing: 0.4px;
  margin-bottom: 12px;
}
.s_other_info{
  font-size: 15px;
  color: #a29f9f;
  letter-spacing: 0.3px;
  margin-bottom: 8px;
}
.s_single_image{
  width: 100%;
    height: 435px;
    object-fit: cover;
    margin: 10px 0 20px;
}
.s_content_head{
  font-weight: 600;
  font-size: 20px;
  color: #4F4F4F;
  letter-spacing: 0.6px;
}
.s_content_para{
  font-weight: normal;
  font-size: 16px;
  color: #828282;
  letter-spacing: 0.2px;
}
.previous_next_btn{
  background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
  border-radius: 4px;
  font-weight: 600;
  font-size: 15px;
  text-align: center;
  color: #151443;
  border: none;
  padding: 9px 24px;
  margin-top: 3%;
  width: 105px;
  margin-bottom: 5%;
}
.previous_next_btn_fade{
  border-radius: 4px;
  font-weight: 600;
  font-size: 15px;
  text-align: center;
  color: #151443;
  border: none;
  padding: 9px 24px;
  margin-top: 3%;
  width: 105px;
  margin-bottom: 5%;
}
.tag_line_s{
  font-size: 15px;
  color: #a09c9c;
}
.tag_line_s b{
  color: #4F4F4F;
}
.leave_a_reply{
  font-weight: bold;
  font-size: 19px;
  align-items: center;
  color: #151443;
  margin-bottom: 2.5%;
  margin-top: 0%;
}
.leave_a_reply2{
  font-weight: bold;
  font-size: 19px;
  align-items: center;
  color: #76767b;
  margin-bottom: 0.5%;
  margin-top: 0%;
}
.Referred_label{
  margin-top: 5px;
  margin-right: 8px;
  font-family: Muli;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  color: #151443;
}
.Referred_box{
  padding: 17px 0 0;
}
.Referred_box select{
  color: #737679;
    font-size: 13px;
}
.palm_image_preview{
  height: 62px;
  width: 53px;
  object-fit: cover;
  border: 1px solid lightgrey;
  padding: 2px;
}
  /* ***********end astromart Products *********** */

  .cart_badge{
    position: absolute;
    top: 6px;
    background: #151443;
    color: white;
    padding: 1px 7px;
    border-radius: 10px;
    font-size: 12px;
  }
  .art_gal_navbrand p{
    font-family: Montserrat;
    display: inline;
    font-weight: bolder;
    font-size: 27px;
    margin-bottom: -5px !important;
    position: absolute;
    top: 9px;
    color: #010066;
  }
  .user_image_sidebar{
    height: 36px;
    width: 36px;
    border-radius: 30px;
    margin-right: 10px;
  }
  .add_border_around_li{
    border-bottom: 1px solid #BDBDBD;
    border-top: 1px solid #BDBDBD;
  }
  .top_banner img{
    width: 100%;
    margin-top: -7.5%;
  }
  .top_banner_heading{
    color: white;
    font-family: Merienda;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    text-align: center;
    margin-top: -7.6%;
    margin-bottom: 6%;
  }
  .mt_top{
    margin-top: 3%;
  }
  .container_padding_LR2 {
    padding: 17px 30px;
}
  @media only screen and (max-width:600px){
    .container_padding_LR2{
      padding: 17px 27px;
    }
    .top_banner_heading_daily_horo img {
      margin-top: -1.5% !important;
  }
  
    .top_banner_heading{
      margin-top: -12.6% !important;
      font-size: 19px;
      margin-bottom: 10%;
    }
    .successfuly_paid_outer{
      margin: 0;
      margin-bottom: 5%;
    }
    .successfuly_paid_outer h1{
      font-size: 27px;
    }
    .successfuly_paid_outer h3{
      font-size: 18px;
    }
  }
  @media (min-width: 768px) and (max-width: 1023px){
    .astro_nav{
      text-align: initial;
    }
    .navbar-expand-lg .navbar-nav .nav-link{
      align-items: initial;
    text-align: initial;
    }
   
  }
  .container_padding_LR{
    padding: 17px 30px;
  }
  .container_padding_LR2{
    padding: 34px 30px;
  }
  .astrobreadcrumb span a{
    color: #999898 !important;
  }
  @media (min-width: 768px) and (max-width: 1024px){
    .mart_product_box p{
      font-size: 16px;
      padding: 10px 5px;
    }
    .mart_product_img{
      height: 105px;
    }
  }
  .tandC_heading{
    font-family: Merienda;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    text-align: center;
  }
  .termscard{
    padding: 3% 4%;
    font-size: 17px;
    line-height: 28px;
    color: #4F4F4F;
    background: white;
  }
  .blog-view{
    box-shadow: 0px 0px 11px rgb(84 84 84 / 13%);
    padding: 2% 3%;
    margin: 1% 2%;
    border-radius: 7px;
  }
  .terms_heading{
    font-style: normal;
    font-weight: 600;
    text-align: center;
    color: #151443;
    letter-spacing: 1px;
    font-size: 32px;
  }
  .faq_question{
    background-color: #d2d1cc38;
    padding: 20px;
    margin-bottom: 20px;
    font-weight: 600;
  }
  .faq_answer{
    background-color: #fff6c8;
    padding: 20px;
    margin-bottom: 50px;
    line-height: 21px;
    color: grey;
    font-size: 16px;
  }
  .faq_img_q span{
    background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
    padding: 22px 25px;
    line-height: 60px;
    border-radius: 58px;
    font-weight: 600;
    font-size: 17px;
  }
  .faq_img_q2 span{
    background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
    padding: 21px 26px;

    line-height: 60px;
    border-radius: 58px;
    font-weight: 600;
    font-size: 17px;
  }
  .aboutus_page_img img{
    width: 100%;
    object-fit: cover;
    height: 433px;
  }
  .astro_about{
    position: absolute;
    top: 120px;
    text-align: center;
    width: 100%;
    color: white;
  }
  .astro_about h2{
    font-weight: 900;
    font-size: 49px;
  }
  .astro_about p{
    font-size: 20px;
  }
  .vision_mission{
    width: 100%;
    height: 200px;
  }
  .about_more h3{
    font-size: 25px;
    color: black;
    margin-top: 10px;
  }
  .about_more p{
    color: grey;
    line-height: 23px;
  }
  .dailyhoroscope_about{
    height: 50px;
    width: 50px;
  }
  .chatwith_astro:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .chatwith_astro:after{
    content: "";
    display: block;
    width: 200px;
    height: 200px;
    background: rgb(255 233 36);
    position: absolute;
    right: -79px;
    top: -106px;
    transform: rotate(45deg);
    transition: right .25s;
    z-index: -1;
  }
  .chatwith_astro{
    position: absolute;
    bottom: -60px;
    z-index: 1;
    overflow: hidden;
    background: transparent;
    width: 91%;
  }
  .chatwith_astro:hover:after{
    right: -150px;
  }






  .btn-market {
    display: inline-block;
    padding: .375rem .875rem;
    padding-left: 2.8125rem;
    border-radius: .4375rem;
    background-position: center left .75rem;
    background-color: #2b3445;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    text-decoration: none;
}

.btn-market .btn-market-subtitle {
  display: block;
  margin-bottom: -.125rem;
  color: rgba(255,255,255,0.6);
  font-size: .6875rem;
}
.btn-market .btn-market-title {
  display: block;
  color: #fff;
  font-size: 1rem;
}
.btn-google {
  background-image: url('../assets/images/googleplay.png');
}
.btn-apple {
  background-image: url('../assets/images/appstore123.png');
}
.app_google_box{
  margin: 20px 0 11%;
}
.astro_select_search{
  padding-top: 9px;
}
.astro_select_search select{
  height: calc(2rem + 2px);
  color: #737679;
  font-size: 13px;
}
.top_banner_heading_talk{
  color: white;
  font-family: Merienda;
  font-style: normal;
  font-weight: normal;
  font-size: 32px;
  text-align: center;
  margin-top: -7.4%;
  margin-bottom: 5%;
}
.talk_card_mb{
  margin-bottom: 1.7rem!important;
}
.padding_r{
  padding-right: 26px;
}
.has-search .form-control {
  padding-left: 2.375rem;
}

.has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  /* width: 1.375rem; */
  height: 2.375rem;
  line-height: 2.375rem;
  font-size: 14px;
  font-weight: lighter;
  text-align: center;
  pointer-events: none;
  color: #aaa;
  margin-left: 13px;
}
.has-search input{
  color: #7d7d7d;
  font-size: 13px;
  padding: .5rem .75rem;
}
.astro_rating img{
  width: 11px;
}
.astro_calling_icon, .astro_chatting_icon, .astro_report_icon{
  height: 14px;
  margin-top: -3px;
  margin-right: 6px;
}

.container_padding_LR3{
  padding: 34px 21px 3px;
}

/* quantity increse decrease  */

.value-button {
  display: inline-block;
  border: 1px solid #ddd;
  margin: 0px;
  width: 40px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  padding: 11px 0;
  background: #eee;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.value-button:hover {
  cursor: pointer;
}

 #decrease {
  margin-right: -4px;
  background: #F2F2F2;
  padding: 3px;
  width: 47px;
  text-align: center;
  font-size: 41px;
  color: #828282;
  height: 30px;
  line-height: 17px;
  border: 0.5px solid #d3d3d3;
}

 #increase {
  margin-left: -4px;
  background: #F2F2F2;
    padding: 3px;
    width: 47px;
    text-align: center;
    font-size: 23px;
    color: #828282;
    height: 30px;
    line-height: 17px;
    border: 0.5px solid #d3d3d3;
}

#input-wrap {
  margin: 0px;
  padding: 0px;
}

input#number {
  outline: none !important;
  color: #2F80ED;
  padding: 3px;
  height: 30px !important;
  width: 47px;
  border: none;
  text-align: center;
  border-top: 0.5px solid #d3d3d3;
  border-bottom: 0.5px solid #d3d3d3;
  padding-top: 0;
  font-size: 15px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.red_star{
  color: #f50707;
}
.single_product_grey_card input{
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.4px;
}
.single_product_grey_card select{
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.4px;
  color: #151443 !important;
  border: 1px solid #a6a5b9;
  padding: 0.475rem .75rem;
}
.single_product_grey_card textarea{
  border: 1px solid #a6a5b9;
}
.single_product_grey_card label{
  font-family: Muli;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  color: #151443;
  margin-bottom: 6px;
}
.single_product_grey_card .form-group {
  margin-bottom: 1.4rem;
}
.single_product_grey_card .form-control-file{
  color: #151443;
  border: 1px solid #a6a5b9;
  padding: 0.275rem .75rem;
  border-radius: 4px;
}
.right_in_desk{
  text-align: right;
}

.alignment_form{
  padding: 0 30px;
}
.product_grey_card2 input{
  width: 90%;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.4px;
}
.product_grey_card2 select{
  width: 90%;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.4px;
  color: #151443 !important;
  border: 1px solid #a6a5b9;
  padding: 0.475rem .75rem;
}
.delete_account_box{
  padding: 20px 74px;
}
.delete_account_box .card-body{
  padding: 30px;
}
.delete_account_box p{
  font-weight: normal;
  font-size: 17px;
  color: #4e4d4d;
}
.delete_account_box h5{
  font-weight: normal;
  font-size: 22px;
  color: #4e4d4d;
  margin-bottom: 3%;
}
.delete_account_box h6{
  font-size: 14px;
  color: #151443;
  margin-bottom: 3%;
  font-weight: 600;
}
.delete_account_box   button{
  color: #151443;
    border: none;
    padding: 9px 36px;
    font-weight: 600;
    background: #e8e6e6;
    border-radius: 4px;
    font-size: 15px;
}
@media only screen and (max-width:600px){
  .greycard_numerology .card{
    padding: 3% 3.5% 5%;
  }
  .greycard_numerology{
    padding: 7px;
  }
  .astro_rating {
    text-align: center;
  }

  .mart_product_img{
    height: 175px;
  }
  .padding_r{
    padding-right: 15px;
  }
  .talk_w_astro_img img{
    height: 98px;
  }
  .remove_right_pad{
    padding-right: 0px;
    background: white;
    padding-left: 4px;
  }
  .talk_card_mb{
    margin-bottom: 1.7rem!important;
    padding: 0 3px;
  }
  .card_astro::before{
    top: 8.7rem;
    right: -0.4rem;
    content: '';
    background: #18713E;
    height: 18px;
    width: 28px;
  }
  .card_astro::after{
    top: 119px;
    right: -8px;
    padding: 0.3rem;
    width: 7rem;
  }
  .astrologr_report_card::after{
    padding-left: 20px;
  }
  .top_banner_heading_talk{
    margin-top: -12.6% !important;
    font-size: 19px;
    margin-bottom: 10%;
  }
  .absolute_call_btn{
    top: 107px;
    right: -12px;
  }
  .mart_product_heading{
    font-size: 20px;
    margin-bottom: 15px;
  }
  .mart_product_box{
    margin-bottom: 7%;
  }
  .mart_pd_box{
    display: block;
  }
  .mart_pd_end{
    width: 100%;
    padding: 0 11px 0px 12px;
    text-align: inherit;
  }
  .mart_pd_img img{
    height: 187px;
    width: 100%;
    margin-right: 0;
  }
  .mart_pd_end h3{
    margin-bottom: 9px;
  }
  .mart_pd_end .cart_add{
    padding: 9px 3%;
  }
  .mart_pd_end button{
    padding: 9px 3%;
  }
  .mart_pd_middle h5{
    font-size: 18px;
    margin-top: 9px;
  }
  .mart_pd_middle h6{
    font-size: 14px;
    margin-bottom: 5px;
  }
  .container_padding_LR2{
    padding: 34px 15px;
  }
  .single_mart_pd_box{
    display: block;
    padding: 7px 10px;
    box-shadow: 0px 2px 7px rgb(113 89 90 / 29%);
  }
  .container_padding_LR3 {
    padding: 0px 15px 3px;
}
.single_mart_pd_middle h5{
  font-size: 20px;
  margin-top: 5px;
}
.single_mart_pd_end h3{
  font-size: 19px;

}
.Referred_box {
  display: block;
  padding: 17px 0 0;
}
.decide_product_count {
  text-align: inherit;
  margin-top: 10px;
}
.greycard_numerology h2{
  font-size: 19px;
}
.product_delivery_address h5{
  font-size: 18px;
}
.product_delivery_address p{
  font-size: 15px;
  margin-bottom: 3px;
}
.right_in_desk{
  text-align: inherit;
}
.alignment_form{
  padding:0 15px;
}
.account_set_heading{
  margin-top: 0px;
  margin-bottom: 10px;
}

.product_grey_card2 select{
  width:100%;
}
.product_grey_card2 input{
  width: 100%;
}
.delete_account_box{
  padding: 20px 0px;
}
.delete_account_box .card-body{
  padding: 20px 10px;
}
}

.top_banner_heading_daily_horo img{
  width: 100%;
  margin-top: -8.5%;
}
.flip_box_front_3 p{
  font-size: 12px;
  text-align: center;
  color: #828282;
  margin: 7px 0;
  font-family: Muli;
  font-style: normal;
  font-weight: normal;
}
.active_horoscope_headng{
  font-weight: 600;
}
@media (max-width: 1024px) and (min-width: 768px){
  .top_banner_heading_talk {
    margin-top: -8.6%;
}
.daily_horo_descriptions{
  padding: 23% 3% 3%;
}
}
@media (max-width: 1020px) and (min-width: 700px){
  .mart_pd_end{
    width: 356px;
  }
  .mart_pd_img img{
    width: 215px;
  }
}
.single_numerology{
  height: 124px;
  width: 207px;
  object-fit: cover;
  border-radius: 4px 4px 0px 0px;
  margin-bottom: 17px;

}
.single_numerology_box{
  width: 207px;
  /* float: left; */
  margin-right: 20px;
}
.padd_sides{
  padding: 35px 20px 2px;
  display: flex;
}
@media only screen and (max-width:600px){
  .padd_sides{
    display: block;
    padding: 16px 20px 2px;
  }
  .single_numerology_box{
    width:100%;
  }
  .single_numerology{
    width:100%;
    height: 270px;
  }
  .greycard_numerology h1{
    font-size: 21px;
  }
}
.regular-checkbox {
  display: none;
}

.regular-checkbox + label {
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
  padding: 4px 9px;
  border-radius: 3px;
  /* display: inline-block; */
  /* position: relative; */
  margin-right: 10px;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
  background-color: #e9ecee;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
  color: green;
}

.regular-checkbox:checked + label:after {
  content: '\2714';
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: 4px;
  color: #7f847f;
}

.big-checkbox + label {
  padding: 18px;
}
.allblog_box {
  height: 408px;
  overflow: hidden;
}
.blog_sng_img img{
  width: 100% !important;
  height: auto !important;
}
.blog_sng_img h3{
  font-size: 22px;
}
.s_other_inforight{
  font-size: 15px;
  color: #a29f9f;
  letter-spacing: 0.3px;
  margin-bottom: 8px;
  text-align: end;
}
.top_header_box12{
  display: none;
}
@media only screen and (max-width:600px){


  .home_top_hdr{
    display:none;
  }
  .top_header_box4{
    display:none;
  }
  .s_single_image{
    height: auto;
  }
  .faq_question{
    font-size: 14px;
    line-height: 19px;
  }
  .faq_img_q span{
    font-weight: 600;
    font-size: 17px;
    padding: 13px 15px;
  }
  .faq_img_q2 span{
    font-weight: 600;
    font-size: 17px;
    padding: 13px 18px;
  }
  .termscard{
    padding: 3% 6%;
  }
  .faq_answer{
    font-size: 14px;
    line-height: 19px;
  }
  .absolute_waiting_time{
    position: absolute;
    right: 3px;
    top: 9rem;
    color: red;
    font-weight: 600;
    font-size: 10px;
    margin-bottom: 0;
    padding-bottom: 7px;
    background: transparent;
  }
  .terms_heading{
    font-size: 23px;
    margin-bottom: 0;
  }
  .aboutus_page_img img{
    height: 200px;
}
.astro_about h2{
    font-size: 27px;
}
.astro_about{
    top: 39px;
}

/* .chatwith_astro:before{
  display: none;
} */
/* .chatwith_astro:after{
  display: none;
} */
}
.art_gal_navbrand{
  margin-left: 32px;
  margin-right: 0;
}
.side_nav_login{
  display: none;
}

.total_exp_astro{
  font-weight: 500;
  font-size: 12px;
  color: #4a4747;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 4px;
  text-transform: capitalize;
  
}
.total_exp_astro img{
  height: 17px;
}
.pl_0_in_desk{
  padding-left: 0;
}
.push_in_desk{
  float: right;
  left: 50%;
}
.pull_in_desk{
  float: left;
  right: 50%;
}
.mt_3rem{
  margin-top: 3rem;
}
@media only screen and (max-width:600px){
  .total_exp_astro{
    margin-top: 8px;
    text-align: center;
  }

  .comments_n_review {
    padding-left: 0;
    padding-right: 0;
}
  .mt_3rem{
    margin-top: 0;
  }
  .push_in_desk{
    float: unset;
    left: unset;
  }
  .pull_in_desk{
    float: unset;
    right: unset;
  }
  .vision_mission{
    margin-bottom: 10px;
  }
  .about_more{
    box-shadow: 0px 2px 4px rgb(113 89 90 / 29%);
    padding: 5px 10px 2px 10px;
    margin-bottom: 20px;
  }
  .talk_w_astro_border{
    height: 15px;
    background: #ffd805;
    position: absolute;
    right: 0;
    left: -1px;
    z-index: -1;
    margin: 15px 4px;
    top: -19px;
    border-radius: 10px;
  }
  .pl_0_in_desk{
    padding-left: 15px;
  }
  #loginSignup .modal-dialog{
    max-width: 100%;
    margin-top: 39px;
  }
  .login_left_img{
    padding: 0;
    padding-left: 15px;
    padding-right: 15px;
    display: none;
  }
  .sample_login_text{
    padding: 0% 4%;
  }
  .login_inputs{
    padding: 4% 4% 5%;
  }
  .astro_chatting_icon{
    top: -2rem;
  }
  .astro_report_icon{
    top: -2rem;
  }
  .talk_w_astro{
    height: unset !important;
  }
  .astro_calling_icon{
    top: -2rem;
  }
  .single_astro_img{
    width: 33%;
    height: 109px;
  }
  .single_astro_name{
    font-size: 18px;
  }
  .talk_w_astro_detail {
    margin-bottom: 5px !important;
    /* margin-top: 34px; */
  }
  .talk_w_astro_detail2 {
    margin-bottom: 5px !important;
  }
  .single_astro_calling, .single_astro_chatting, .single_astro_report{
    margin-bottom: 10px;
  }
  .award_n_recongnition{
    font-size: 20px;
  }
  .wallet_availmoney p{
    font-size: 15px;
  }
  .wallet_availmoney img{
    width: 24px;
  }
  .account_set_heading{
    font-size: 21px;
    margin-top: 17px !important;

  }
  .active_add_money a{
    padding: .8rem 0.1rem;
  }
  .unactive_add_money a{
    padding: .8rem 0.1rem;
  }
  .unactive_order{
    width: 50%;
  }
  .top_pad_in_mob{
    padding-top: 5%;
  }

  .not_in_mob, .top_header_box8{
    display: none;
  }

}
#dismiss2 {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.hover_for_btn:hover{
  background: linear-gradient(180deg, #e6d000 0%, #efbb06 100%);
}

.header-navbar-rht li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-right: 20px;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  height: 100%;
}
.notify_counter {
  background-color: #00bce7;
  display: block;
  font-size: 10px;
  font-weight: bold;
  padding: 3px 5px;
  position: absolute;
  right: 29px;
  color: #fff;
  top: 5px;
}
.header-navbar-rht li.show > .dropdown-menu {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.header-navbar-rht li .dropdown-menu {
  border-radius: 5px;
  padding: 0;
  margin: 0;
  min-width: 200px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  display: block;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
}
.header-navbar-rht li .dropdown-menu {
  border: 0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
      
  
.dropdown-menu {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  box-shadow: inherit;
  font-size: 14px;
  transform-origin: left top 0;
}
.header-navbar-rht li .notifications::before {
  top: 2px;
  right: 69px;
}
.header-navbar-rht li .dropdown-menu::before {
  content: "";
  position: absolute;
  top: 2px;
  right: 0;
  border: 7px solid #fff;
  border-color: transparent transparent #ffffff #ffffff;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1);
}
 .topnav-dropdown-header_2, .topnav-dropdown-footer {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 15px;
}
.topnav-dropdown-header .notification-title {
  color: #333;
  display: block;
  float: left;
  font-size: 14px;
}
.topnav-dropdown-header .clear-noti {
  color: #f83f37;
  float: right;
  font-size: 12px;
  text-transform: uppercase;
}
.notifications .noti-content {
  max-height: 290px;
  width: 453px;
  overflow-y: auto;
  position: relative;
  min-height: 58px;
}
.notification-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.notifications ul.notification-list > li:last-child {
  border-bottom: none;
}
.notifications .media:last-child {
  border-bottom: none;
}
.notifications .media {
  margin-top: 0;
  border-bottom: 1px solid #f5f5f5;
}
.notifications .media > .avatar {
  margin-right: 10px;
}
.avatar-sm {
  width: 2.5rem;
  height: 2.5rem;
}
.avatar > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.rounded-circle {
  border-radius: 50%!important;
}
.noti-details {
  color: #010066;
  margin-bottom: 0;
  margin-right: auto;
}
.noti-time {
  margin: 0;
  color: grey;
}
.topnav-dropdown-footer {
  border-top: 1px solid #eee;
}
.topnav-dropdown-footer a {
  display: block;
  text-align: center;
  color: #333;
}


/*wallet*/
.user-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px;
}
.user-header .user-text {
  margin-left: 10px;
}
.user-header .user-text h6 {
  font-size: 15px;
  margin-bottom: 2px;
}
.user_wallet_bal {
  color: green;
  font-size: 24px;
  margin-bottom: 0;
  margin-top: 5%;
}
.user_wallet_bal i {
  color: black;
}
.topup_wallt {
  padding: 1% 5%;
}
.topup_wallt h5 {
  color: black;
}
.topup_wallt p {
  color: #757575 !important;
  font-size: 13px;
}
.top_up_Input {
  padding: 2%;
  margin-bottom: 3px;
}
.top_up_Input label {
  font-size: 25px;
  padding-top: 4px;
  color: #939292;
  margin-right: -23px;
  z-index: 9999;
  margin-left: 10px;
}
.top_up_Input input {
  padding: 6px 32px;
  margin-bottom: 0;
}
.top-up_amouunt {
  padding: 1% 3%;
}
.top-up_amouunt span {
     border: 1px solid #a2a099;
    color: #716969;
  padding: 1px 7px;
  line-height: 33px;
  border-radius: 3px;
}
.topupbtn {
  background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
  color: #010066;

  border: none;
  width: 100%;
  padding: 2%;
  margin: 7% 0 2%;
  border-radius: 3px;
}
.goto_wallet{
  margin-left: 35%;
  font-size: 16px;
  text-align: center;
}
.wallet_menu {
  width: 366px;
}
.notify_drops .dropdown-toggle::after{
  display: none;
}
.topnav-dropdown-header ul li{
  list-style: none;
}
.notifications.media-body{
  display:flex;
}
.notifications .media {
     margin-top: 0;
    border-bottom: 1px solid #f5f5f5;
    padding: 0 10px;
    margin-bottom: 7px;
}
.wallet_drops .dropdown-toggle::after{
  display: none;
}
.media-body{
  display: flex;
}
.loginbtn_for_mobile{
  display: none;
}
@media only screen and (max-width:991px){
  .w_100_in_mob{
    width:100%;
  }
  .fixed-top{
    z-index:1;
  }
  .art_gal_navbrand{
    margin-left: 7px;
    margin-right: 0;
  }
 
  .nav_not_in_mob{
    display:none !important;
  }
  .wallet_menu {
    width: 336px;
} 
.loginbtn_for_mobile{
  display: block;
  float: right;
}

.loginbtn_for_mobile .dropdown-menu{
  position: absolute;
}
.home_top_hdr{
  display: none !important;
}
  .top_header_box12{
    display: block;
    color: #828282;
    /* font-family: Merienda; */
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    /* line-height: 22px; */
    border: 0.5px solid #E0E0E0;
    /* padding: 5px; */
    background: white;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    height: 34px;
  }
  .top_astro_navbar{
    width: 100%;
    display: block;
    /* justify-content: unset; */
  }
  .top_header_box12 ul{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .top_header_box12 .ul_li_3 .dropdown-menu{
    position: absolute !important;
    right: 0;
    left: unset;
    z-index: 9999;
  }
  .top_header_box12 .ul_li_3{
    position: absolute;
    top: 0;
    right: 10px;
  }
  .top_header_box12 .ul_li_2{
    position: absolute;
    top: 0;
    right: 38px;
  }
  .top_header_box12 .ul_li_2 .dropdown-menu{
    position: absolute !important;
    right: 0;
    left: unset;
    z-index: 9999;
        top: 32px;
  }
  .top_astro_navbar li a{
    padding: 0;
  }
  .cart_badge{
    top: 5px;
  }
}
@media only screen and (max-width:367px){
  .top_header_box12 .ul_li_3 .dropdown-menu{
    width: 280px;
  }
  .wallet_menu{
    width: 280px;
  }
  .media-body {
    display: block;
}
}

.accordion .link a{
  color: #151443 ;
  width: 100%;
  display: block;
}
.comments_n_review{
  padding-left: 20px;
  padding-right: 20px;
}
.user_blog_icon{
  width: 50px !important;
}
.display_none{
  display:none;
}
.rating_bar_box{
  width: 75%;
}
.thumbsup_img{
  width:50px;
}

@media only screen and (max-width:600px){
  
  .login_heading{
    font-size: 18px;
  }
  .user_comment{
    margin-bottom: 2px; 
  }
  .thumbsup_img{
    width:35px;
  }
  .rating_bar_box{
    width: 100%;
  }
  .home_top_hdr_second p{
    font-size: 11px !important;
  }
  .art_gal_navbrand span{
    margin-right: 0px;
  }
  .user_blog_icon{
    width: 40px !important;
  }
  .container_padding_LR{
    padding: 17px 15px;
  }
}
@media (max-width: 1024px) and (min-width: 768px){
  .user_blog_icon{
    width: 40px !important;
  }
}
.all_notificatioins_box {
  box-shadow: 1px 2px 5px rgb(138 138 138 / 50%);
  padding: 20px;
  border-radius: 4px;
}
.make_table_scroll{
  overflow: auto;
}

.nav_not_in_mob{
  float: right;
    width: 76%;
}
.w_100_in_mob{
  width:100%;
}
.unactive_order2 {
    width: 20%;
    text-align: center;
    border-radius: unset;
}

.astro_ui{
  display: block;
  padding: 10px;
  overflow: hidden;
  margin-bottom: 30px;
  webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15);
  box-shadow: 0 1px 4px rgba(0,0,0,.15);
}

.astro_ui h2{
  font-size: 2em;
  color: #555;
  font-weight: 400;
  padding-bottom: 10px;
  margin: 0 0 15px;
  border-bottom: 1px solid #e5e5e5;
}
.astro_ui .table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
.astro_ui .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.astro_ui .table tr td {
  font-size: 1.1em;
  font-weight: 400;
}
.astro_card_hro_chart{
  display: block;
  padding: 10px;
  overflow: hidden;
  margin-bottom: 30px;
  webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15);
  box-shadow: 0 1px 4px rgba(0,0,0,.15);
}
.dashaPlanet {
  background: #53bbf3;
  border: 1px solid #53bbf3;
  border-radius: .2em;
  color: #fff;
  cursor: pointer;
  height: 40px;
  line-height: 38px;
  text-align: center;
  width: 70px;
  margin-right: 10px;
}
.dashaData {
  width: 100%;
  height: 40px;
  position: relative;
  float: left;
  margin: 20px 0 15px 10px;
}
.dashaData b {
  color: #5c5c5c;
  font-weight: 400;
  font-size: 1.2em;
}
.dashaData p {
  color: #878787;
  position: relative;
}
.dashaFirstLevel {
  margin-bottom: 15px;
}
.dashaSecondLevel {
  /* margin-left: 20px!important; */
  float: left;
  margin-bottom: 15px;
}
.dashaThirdLevel {
  /* margin-left: 40px!important; */
  float: left;
  margin-bottom: 15px;
}
.dashaFourthLevel {
  /* margin-left: 60px!important; */
  float: left;
  margin-bottom: 15px;
}
.dashaFifthLevel {
  /* margin-left: 80px!important; */
  float: left;
  margin-bottom: 15px;
}
.kalsarpa-desc {
  width: 130px;
  height: 130px;
  padding: 10px 10px 5px;
  background: #f7f7f7;
  border-radius: 50%;
  margin: 0 auto;
  border: 1px solid #e5e5e5;
}
.kalsarpa-desc h3 {
  text-align: center;
  padding: 0 0 6px;
  margin-bottom: 0;
  color: #565656;
  border-bottom: 1px solid #d3d3d3;
  box-shadow: 0 1px #fff;
  font-size: 19px;
  margin-top: 20px;
}
.kalsarpa-desc p {
  text-align: center;
  font-size: 1.5em;
  margin: 0;
}
.status-true {
  color: #18DF66;
}
.dashaFirstlevelData {
  margin: 0 0 15px 10px!important;
}
.pull-left {
  float: left !important;
}
.gemestoneRemediesDetails {
  padding: 5px 0;
  height: auto;
  overflow: hidden;
  display: block;
}
.gemestoneRemediesDetails span{
  background: none repeat scroll 0 0 rgba(68, 138, 255, 0.85);
  border-radius: 0.3em;
  color: #FFFFFF;
  height: auto;
  overflow: hidden;
  padding: 6px 10px;
  text-align: justify;
  width: auto;
  margin: 5px 5px 0 1px;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
}
.unactive_order2 .nav-link{
  padding: .5rem 2px !important;
}
.cart_heading{
  font-weight: 600;
  font-size: 27px;
  color: #333333;
  letter-spacing: 0.4px;
  margin-bottom: 15px;
}
.padd_sides_shop{
  padding: 27px 20px 2px;
}
.small_shop_cart{
  width: 100%;
  display: flex;
}
.first_shop_box{
  width: 72%;
  padding: 0 12px;
}
.second_shop_box{
  width: 28%;
  padding: 0 12px;
}
.inner_shop_cart{
  display: flex;
  width: 100%;
  border-bottom: 1px solid #BDBDBD;
  margin-bottom: 15px;
}
.shop_cart_check{
  width: 5%;
}
.shop_cart_product{
  width: 95%;
}
.smallmart_pd_img img{
  height: 126px;
  width: 156px;
  object-fit: cover;
  margin-right: 17px;
  border-radius: 7px;
}
.small_mart_pd_middle{
  width: 100%;
}
.small_mart_pd_middle h5{
  font-weight: 600;
  font-size: 19px;
  color: #151443;
  margin-bottom: 10px;
}
.small_mart_pd_middle h6{
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  color: #333333;
  margin-bottom: 11px;
  text-transform: capitalize;
}
.small_mart_pd_end{
  text-align: end;
  padding: 0;
}
.small_mart_pd_end h3{
  font-style: normal;
  font-weight: bold;
  font-size: 17px;
  color: #151443;
}
.small_mart_pd_end h3 span{
  color: #ec2127;
  font-size: 13px;
}
.delete_shop_prodct{
  text-align: end;
    margin-top: 26px;
    color: #f16140;
}
.regular-checkbox2 {
  display: none;
}

.regular-checkbox2 + label {
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
  padding: 6px 6px;
  border-radius: 3px;
  /* display: inline-block; */
  /* position: relative; */
  margin-right: 10px;
  margin-top: 80px;
}

.regular-checkbox2 + label:active, .regular-checkbox2:checked + label:active {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox2:checked + label {
  background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
  color: green;
}

.regular-checkbox2:checked + label:after {
  content: '\2714';
  font-size: 12px;
  position: absolute;
  top: 79px;
  left: 2px;
  color: #151443;
}
.select_all_prodcts{
  border-bottom: 1px solid #BDBDBD;
  margin-bottom: 23px;
}
.select_all_prodcts p{
  font-weight: 500;
    font-size: 13px;
    color: #4F4F4F;
    margin-bottom: 0;
}
.select_all_prodcts h5{
  font-weight: 500;
  font-size: 18px;
  text-align: right;
  color: #828282;
  margin-bottom: 6px;
}
.subtotal_box{
  background: #F2F2F2;
  padding: 20px 7px;
  font-weight: 600;
  font-size: 15px;
  color: #333333;
}
.top_picks_box{
  border: 1px solid #BDBDBD;
  box-sizing: border-box;
  padding: 10px;
  margin-top: 10px;
}
.top_pick_heading{
  font-weight: bold;
  font-size: 17px;
  color: #333333;
  margin-bottom: 16px;
}
.top_pick_img{
  height: 71px;
  padding: 8px;
    width: 68px;
    object-fit: cover;
    margin-right: 7px;
    border-radius: 3px;
    float: left;
}
.top_pick_details h5{
  font-weight: 600;
  font-size: 14px;
  color: #000;
  margin-bottom: 3px;
}
.top_pick_details h3{
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  color: #151443;
  margin-bottom: 0;
  line-height: 23px;
}
.top_pick_details span{
  color: #ec2127;
    font-size: 12px;
}
.top_pick_details button{
  background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
  border-radius: 4px;
  font-family: Muli;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  color: #151443;
  border: none;
  padding: 3px 12px;
  border: 1.3px solid #FFC90B;
  text-align: center;
}
.top_pick_product{
  margin-bottom: 12px;
}
.toggleswitch {
  position: relative;
  width: 90px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.toggleswitch-checkbox {
  display: none;
}

.toggleswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #2a2954;
  border-radius: 0px;
}

.toggleswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}

.toggleswitch-inner:before,
.toggleswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 26px;
  font-size: 14px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid transparent;
  background-clip: padding-box;
}

.toggleswitch-inner:before {
  content: "Light";
  padding-left: 10px;
  background-color: #FFFFFF;
  color: #151443;
}

.toggleswitch-inner:after {
  content: "Dark";
  padding-right: 10px;
  background-color: #FFFFFF;
  color: #666666;
  text-align: right;
}

.toggleswitch-switch {
  display: block;
  width: 25px;
  margin: 0px;
  background: linear-gradient(180deg, #38375f 0%, #1a1947 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 65px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}

.toggleswitch-checkbox:checked + .toggleswitch-label .toggleswitch-inner {
  margin-left: 0;
}

.toggleswitch-checkbox:checked + .toggleswitch-label .toggleswitch-switch {
  right: 0px;
}
.home_top_hdr_second{
  display: none;
}
@media only screen and (max-width:990px){
  .home_top_hdr_second{
    display: block !important;
    height: 34px;
    z-index: 9998;
    width: 100%;
  }
}
@media only screen and (max-width:600px){
  .chat_w_astro_box{
    height: 180px;
  }
  .padd_sides_shop{
    padding: 35px 20px 2px;
  }
  .unactive_order2{
    width: 50%;
    border: 1px solid lightgrey;
  }
  .unactive_order2 .nav-link{
    font-size: 14px !important;
    padding: .5rem 2px !important;
  }
  .kundli_result_box .container-fluid{
    padding: 0;
  }
  .kundli_result_box h2{
    font-size: 24px;
  }
  .pdd_in_mob{
    padding-top: 20px;
  }
  .small_shop_cart{
    display: initial;
  }
  .first_shop_box{
    width: 100%;
  }
  .second_shop_box{
    width: 100%;
  }
  .small_mart_pd_end{
    text-align: initial;
  }
  .delete_shop_prodct{
    text-align: end;
    margin-top: 0;
    color: #f16140;
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1024px){
  .nav_not_in_mob{
    width: 75%;
  }
  .kundli_result_box h2{
    font-size: 1.5rem;
  }
 
}
@media (min-width: 768px) and (max-width: 991px){
  #loginSignup .modal-dialog{
    max-width: 93%;
  }
  .small_shop_cart{
    display: initial;
  }
  .first_shop_box{
    width: 100%;
  }
  .second_shop_box{
    width: 100%;
  }
 
}
.footer_logo{
  height: 45px;
  margin-right: 8px;
}
.logo_text{
  font-family: Montserrat;
  display: inline-block;
  font-weight: bolder;
  font-size: 27px;
  margin-bottom: -5px !important;
  position: absolute;
  top: 9px;
  color: #010066;
}
@media (min-width: 300px) and (max-width: 991px){
  .first_nav_head{
    z-index: 99 ;
    width: 100%;
  }
}
.wallet_holder{
  border: 1px solid #b6b6bb;
  padding: 1px 3px 4px 2px;
  /* border-radius: 4px; */
}
/* .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  color: #ABABAB;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 0.5;
}
.slick-prev:before {
  content: "/f053";
}
.slick-prev:before, .slick-next:before {
  font-family: "FontAwesome";
  font-size: 20px;
  line-height: 1;
  color: #F6B94E;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
  background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%) ;
} */
table.dataTable thead th, table.dataTable thead td{
  padding: 10px 13px 10px 5px !important;
}
#oval {
  width: 100%;
height: 131px;
/* border-radius: 570px / 62px; */
margin-top: -22px;
border-bottom: 13px solid #e8e8e8;
background-image: url(http://127.0.0.1:8000/index/assets/images/bg_banner/chat_with_astro_banner.jpg);
background-repeat: no-repeat;
background-size: cover;
border-top-right-radius: unset;
padding-top: 52px;
border-top-left-radius: unset;
margin-bottom: 9px;
}
.oval_heading{
color: white;
font-family: Merienda;
font-style: normal;
font-weight: normal;
font-size: 32px;
text-align: center;
text-transform: capitalize;
}
@media only screen and (max-width:600px){
  .astrologer_name_details{
    width: 64%;
    float: left;
  }
  .logo_text{
    top: 4px;
  }
  .enter_otp_box{
    width: 37px;
    height: 42px;
    margin-right: 10px;
  }
  .create_account .form-control{
    padding: .375rem .10rem;
  }
#oval{
  width: 100%;
  height: 97px;
  /* border-radius: 565px / 128px; */
  margin-top: -22px;
  border-bottom: 13px solid #e8e8e8;
  
  background-repeat: no-repeat;
  background-size:  cover;
  border-top-right-radius: unset;
  padding-top: 44px;
  border-top-left-radius: unset;
  background-position: center;
}
.oval_heading{
  font-size: 19px;
}
.slick-prev{
  color: inherit;
  padding: 0 !important;
  font: inherit;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 33px!important;
  height: 38px!important;
  border-radius: 10px;
  background: rgba(233, 233, 233);
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../assets/images/left.svg);
  border: none;
  background-size: 10px;
  visibility: visible !important;
  opacity: 1;
  left: -33px;   
   margin-left: unset;
}
.slick-next{
  margin-right: -5%;
  color: inherit;
  padding: 0 !important;
  font: inherit;
  position: absolute;
  top: 50%;
  right: -21px;
  transform: translateY(-50%);
  width: 42px!important;
  height: 54px!important;
  border-radius: 10px;
  background: rgba(233, 233, 233);
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../assets/images/right.svg);
  background-size: 10px;
  border: none;
  visibility: visible !important;
  opacity: 1;
  width: 33px!important;
  height: 38px!important;
}
}


/* 
height: 180px;
width: 100%;
background: rgb(110 92 181 / 68%); */

.active_horo{
  width: 33.3%;
  text-align: center;
}
.unactive_horo{
  width: 33.3%;
  text-align: center;
}
@media only screen and (max-width:575px){
  /* .astromart_secction .container-fluid{
    background-color: rgb(4 4 4 / 38%);
    height: 180px;
  }
  .talk_to_astro_box .container-fluid{
    background-color: rgb(4 4 4 / 38%);
    height: 180px;
  }
  .chat_w_astro_box .container-fluid{
    background-color: rgb(4 4 4 / 38%);
    height: 180px;
  } */
  .customer_story_h3{
    top: 23%;
    left: 34%;
    font-size: 23px;
  }
  .customer_story_h4{
    top: 48%;
  left: 41%;
  font-size: 23px;
  }
  .chatwith_astro{
    background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
    width: 100%;
  }
  .astromart_secction{
    background-image: url('../assets/images/martmob.webp');
    height: 180px;
    background-size: cover;
    background-repeat: no-repeat;
}
.talk_to_astro_box {
  background-image: url('../assets/images/talkmob.png');
  height: 182px;
  background-size: cover;
  background-repeat: no-repeat;
}
.chat_w_astro_box {
  background-image: url('../assets/images/chatmob.png');
  height: 182px;
  background-size: cover;
  background-repeat: no-repeat;
}
.chatwith_astro_box{
  height: 340px;
}
.fix_chat_mob{
  background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
  width: 100%;
  left: 0;
  top: 5px;
}
.fix_talk_mob{
  background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
    width: 100%;
    left: 0;
    top: 116px;
}
.fix_report_mob{
  background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
  width: 100%;
  left: 0;
  top: 227px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
  .art_gal_navbrand{
    margin-left: 14px;
    margin-right: 0;
  }

}
#sidebarCollapse{
  background: unset !important ;
  background-image: unset !important;
  width: 35px !important;
}
@media only screen and (max-width: 767px){
  .ul_li_1{
    position: absolute;
    right: 143px;
  }
  .cart_badge{
    top: -6px;
  }
  
  .chat_box{
    bottom: 48px;
  }
  .chatbox{
    bottom: 48px;
  }
  .chat_reply_box{
    padding: 3px !important;
    padding-right: 4px !important;
  }
  .chat_reply_box .col-1{
    padding-left: 3px;
  }
  .chat_reply_box .col-10{
    padding-right: 4px;
    padding-left: 4px;
  }
  .add_smile{
    margin-top: 8px;
    height: 30px;
  }
  .chat_reply_box{
    height: 51px;
    position: fixed !important;
  }
}
.modal{
  z-index: 9999;
}
.desk_para_mart{
  display: block;
}
.mob_para_mart{
  display: none;
}
@media only screen and (max-width: 991px){
  .notifications .noti-content{
    width: 304px !important;
  }
  .desk_para_mart{
    display: none !important;
  }
  .mob_para_mart{
    display: block !important;
  }
}
.submit_btn_yellow{
  background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
  border-radius: 4px;
  font-family: Muli;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  color: #151443;
  border: none;
  padding: 6px 22px;
  border: 1.3px solid #FFC90B;
  text-align: center;
}
.chat_box ul{
  padding-left: 26px;
  padding-right: 26px;
  height: 493px !important;
  padding-top: 10px;
}
.fix_chat_mob h5{
  margin-left: 7px;
}
.fix_chat_mob p{
  margin-left: 7px;
}
.fix_chat_mob h5{
  margin-left: 7px;
}
.fix_talk_mob p{
  margin-left: 20px;
}
.fix_report_mob h5{
  margin-left: 20px;
}
.fix_report_mob p{
  margin-left: 20px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  #oval{
    height: 116px;
    padding-top: 46px !important;
  }
  .chatwith_astro{
    bottom: -42px;
  }
  .customer_stories .slick-next{
    left: -55px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ul_li_1{
    position: absolute;
    right: 143px;
  }
  .cart_badge{
    top: -5px;
    left: 9px;
  }
  .customer_stories .slick-prev{
    left: -64px;
  }
}
.chat_reply_box input{
  bottom: 0;
  height: 45px;
  padding: 0.65rem 4.5rem 0.65rem 1rem;
  /* padding: 17px; */
}
#sntch_button{
  background-image: none !important;
  background-color:unset !important;
  z-index: 1 !important;
  box-shadow: none !important;
}
.add_4_pad{
  padding:4%;
}
@media (min-width: 576px) and (max-width: 767px) {
  .single_product_grey_card label{
    font-size: 13px;
  }
  .chatwith_astro_box{
    padding: 0 2.5% 0 0;
  }
  .support_us{
    right: 0px;
    bottom: 1px;
    z-index: 9999;
  }
  .talk_to_astro_box{
    height: auto;
    background-size: cover;
  }
  .chat_w_astro_box , .astromart_secction{
    height: auto;
    background-size: cover;
  }
  .astromart_lightup h3{
    font-size: 27px;
  }
  .chatwith_astro{
    height: 107px;
    padding: 6px;
    padding-left: 19px;
  }
  .talk_chat_mart_detail h5{
    font-size: 16px;
  }
  .talk_chat_mart_detail p{
    font-size: 15px;
  }
  .talk_chat_mart_img{
    width: 40.21px;
    height: 79px;
  }
  .daly_horo_sec {
    padding: 12.5% 11%;
}
.about_planet_img{
  display: none;
}
.shaded_img_story{
  display: none;
}
.customer_stories .slick-next{
  left: -147px;}
.remove_bt_margin {
  margin-bottom: 31px;
}
.pl_0_in_desk{
  padding-left: 15px;
}
.container_padding_LR22{
  padding: 34px 24px;
}
}
#emoji{
  margin-top: 100px;
    position: absolute;
    bottom: 64px;
    background: white;
    height: 169px;
    top: unset !important;
}
#emoji div{
  display: inline;
}
#emoji span{
  display: none;
}
#emoji input{
  width: 4%;
text-align: center;
border: 0px;
  font-size: 27px;
  cursor: pointer;
}
@media only screen and (max-width:767px){
  .send_reply{
    margin-top: 10px;
  }
  .chat_box .list-unstyled{
    width: 100%;
}
  .single_product_grey_card label{
    font-size: 13px;
  }
  #emoji input{
    width: 9%;
    font-size: 25px;
  }
  #emoji{
    bottom: 48px;
    position: fixed !important;
    background: white;
    height: 200px;
    overflow: scroll;
    padding-left: 6px;
    padding-top: 6px;
  }
  #moonChart{
    width: 100% !important;
  }
  /* #chartSvg {
    width: 100% !important;
  } */
}
.hindi_language{
  font-size: 12px;
    font-weight: 600;
    border: 1px solid #ffcf09;
    padding: 3px 14px 1px 14px;
    border-radius: 3px;
}
#northChart , #southChart, #chalitChart, #navamanshaChart, #moonChart, #sunChart{
  overflow: scroll;
}
.astro_img_chatting img{
  height: 38px;
  width: 38px;
  border-radius: 30px;
  border: 1px solid lightgrey;
  margin-right: 5px;
}
@media only screen and (max-width: 767px) {
  .pd_o_in_mobb{
    padding: 0;
  }
  .free_services{
    padding: 0;
  }
  .dashaFirstLevel {
    margin-bottom: 15px;
  }
  .dashaData{
    margin: 20px 0 22px 10px;
  }
  .dashaSecondLevel {
    margin-left: 0px!important;
    float: left;
    margin-bottom: 15px;
  }
  .dashaThirdLevel {
    margin-left: 0px!important;
    float: left;
    margin-bottom: 15px;
  }
  .dashaFourthLevel {
    margin-left: 0px!important;
    float: left;
    margin-bottom: 15px;
  }
  .dashaFifthLevel {
    margin-left: 0px!important;
    float: left;
    margin-bottom: 15px;
  }
  .add_smile{
    height: 25px;
    margin-top: 9px;
  }
  .send_reply{
    height: 25px;
    margin-top: 10px;
  }
  .chat_box ul{
  overflow-y: auto;
  margin-block-start: 0px;
  top: 90px;
  bottom: 35px;
  position: fixed;
  height: unset !important;
  width: 100%;
}

.hindi:hover{
  cursor: pointer;
}
.add_smile:hover{
  cursor: pointer !important;
}

}

@media only screen and (max-width: 330px){
  .slick-prev{
    width: 25px!important;
    height: 25px!important;
    left: -26px !important;
  }
  .slick-next{
    width: 25px!important;
    height: 25px!important;
    right: -13px !important;
  }
  .customer-logos_event2{
    width: 270px !important;
    margin: auto;
  }
  .customer-logos_event2 .our_astrologer {
    /* width: 270px !important; */
  }
  .customer-logos_event{
    width: 270px !important;
    margin: auto;
  }
  .customer-logos_event .free_services {
    width: 271px !important;
  }
}
@media (min-width: 331px) and (max-width: 375px){
  .slick-prev{
    width: 30px!important;
    height: 37px!important;
    left: -31px !important;
    border-radius: 7px;
  }
  .slick-next{
    width: 30px!important;
    height: 37px!important;
    right: -18px !important;
    border-radius: 7px;
  }
  .customer-logos_event2{
    width: 270px !important;
    margin: auto;
  }
  .customer-logos_event2 .our_astrologer {
    /* width: 270px !important; */
  }
  .customer-logos_event{
    width: 270px !important;
    margin: auto;
  }
  .customer-logos_event .free_services {
    width: 271px !important;
  }
}
@media (min-width: 375px) and (max-width: 400px) {
  .customer-logos_event2{
    width: 295px !important;
    margin: auto;
  }
  .customer-logos_event2 .our_astrologer {
    /* width: 295px !important; */
  }
  .customer-logos_event{
    width: 295px !important;
    margin: auto;
  }
  .customer-logos_event .free_services {
    width: 295px !important;
  }
}
@media (min-width: 400px) and (max-width: 430px) {
  .customer-logos_event2{
    width: 320px !important;
    margin: auto;
  }
  .customer-logos_event2 .our_astrologer {
    /* width: 320px !important; */
  }
  .customer-logos_event{
    width: 320px !important;
    margin: auto;
  }
  .customer-logos_event .free_services {
    width: 320px !important;
  }
}
@media (min-width: 431px) and (max-width: 676px) {
  .customer-logos_event2{
    width: 347px !important;
    margin: auto;
  }
  .customer-logos_event2 .our_astrologer {
    /* width: 347px !important; */
  }
  .customer-logos_event{
    width: 347px !important;
    margin: auto;
  }
  .customer-logos_event .free_services {
    width: 347px !important;
  }

}
@media (min-width: 601px) and (max-width: 767px){
  .slick-next{
    right: -41px;
  }
  .slick-prev{
    left: -39px;
  }
}
.table thead th{
  vertical-align: middle;
}
@media (min-width: 320px) and (max-width: 767px) {
  .customer-logos_event .slick-list{
    height: 394px;
    overflow: hidden;
  }
  .customer-logos_event2 .slick-list{
    height: 394px;
    overflow: hidden;
  }
  .art_gal_navbrand p{
    font-size: 21px;
  }
  .art_gal_navbrand p{
    top: 12px;
  }
  .customer-logos_event2 .our_astrologer {
    margin-right: 14px;
  }
 
  .customer-logos_event .free_services {
    margin-right: 14px;
  }
}
.mCSB_container{
  overflow-y: auto !important;
}
table.dataTable thead th{
  border-bottom: 5px solid #ffd748;
}
.exp_d_block_mob{
  display:none;
}
.about_more_work{
  box-shadow: 1px 2px 5px rgb(138 138 138 / 50%);
  padding: 15px 10px;
  text-align: center;
  border-radius: 10px;
  background: aliceblue;
  height: 191px;
  margin-bottom: 20px;
}
.about_more_work img{
  height: 68px;
    width: 68px;
}
.about_more_work h4{
  font-size: 23px;
}
@media (min-width: 768px) and (max-width: 1024px){
  .about_more_work h4 {
    font-size: 17px;
}
}


@media only screen and (min-width: 991px){
  .center_footer2{
    padding-left: 50px !important;
  }
  .center_footer{
    padding-left: 92px !important;
  }
}
@media only screen and (max-width: 767px){

  .about_more_work{
    height: unset !important;
  }
  .center_inmob{
    text-align: center;
    margin-top: 17px;
    margin-bottom: 10px;
  }
  .exp_d_block_mob{
    display:block;
  }
  .exp_d_none_mob{
    display:none !important;
  }
  .total_exp_astro img{
    height: 17px;
    width: 17px !important;
  }
}
#photos #overlay{
  background: rgb(247 247 248) !important;
  font-family: Muli;
}
#photos p{
  /* top: 31% !important; */
  font-weight: 700;
  display: block;
  text-align: center;
  font-family: Muli !important;
  color: #010066 !important;
}
#photos img{
  opacity: 0;
}
#photos{
  background: rgb(247 247 248) !important;
}
#photos svg{
  color: #010066 !important;
}
thead{
  background: #151443;
border-radius: 4px;
font-family: Muli;
font-style: normal;
font-weight: 800;
font-size: 14px;
color: #FFFFFF !important;
letter-spacing: 1px;
border-bottom: 5px solid #ffd748;
}
.table thead th{
  color: white !important;
}
.error{
  color: red;
}
.options:hover{
  cursor: pointer;
}
.grey{
  background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%) !important;
  padding: 8px 12px !important;
  border: 1px solid #ffcc0a !important;
}
.options{
  margin-left: 5px;
    padding: 8px 12px ;
    border-radius: 4px;
    border: 1px solid lightgrey;
    background: #f2f2f2;
    font-size: 15px;
    line-height: 31px;
    line-height: 47px;
}
#pricePrint{
  font-style: normal;
font-weight: bold;
font-size: 24px;
color: #151443;
}
.proceed_to_pay{
  position: absolute;
    right: 0;
    bottom: 0;
}
.less_right_pad{
  padding-right: 8px;

}
.chat_top_options{
  background: white;
  padding: 11px 21px 4px;
}
.astroname_in_chat{
  color: #010066;
    font-size: 20px;
    font-weight: 600;
}


#countdown  {
  font-size: 1em;
  padding: 4px 4px;
  text-transform: uppercase;
  margin-left: 10px;
  color: white;
  background: green;
  border-radius: 2px;
}

#countdown  span {
  color: #f6f8f6;
  font-weight: 600;
  background: #2bc32b;
  padding: 0 2px;
}
.end_chat_btn{
  float: right;
  padding-top: 5px;
}
.end_chat_btn button{
  background: #bf334b;
  border: none;
  color: white;
  border-radius: 2px;
  text-align: center;
  height: 28px;
  padding: 2px 21px;
 
}
.min_class{
  position: absolute;
  font-size: 12px;
  color: white;
  top: 42px;
  right: 11px;
}
.max_class{
  position: absolute;
  font-size: 12px;
  color: white;
  top: 42px;
  right: 12px;
}
.chat_wallet_opt{
  float: right;
    padding: 0 19px;
    padding-top: 7px;
}
.chat_wallet_opt span{
  background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
    padding: 2px 4px;
}
.chat_wallet_opt button{
  background: green;
  border: none;
  color: white;
  border-radius: 5px;
}
@media only screen and (max-width: 600px){
  .wallet_availmoney2 img{
    width: 24px;
  }
  .wallet_availmoney2 p{
    font-size: 15px;
  }
  .wallet_availmoney2{
    padding-top: 0;
    margin-top: 0;
  }
  .end_chat_btn button{
    width: unset;
    text-align: center;
    font-size: 13px;
    letter-spacing: inherit;
  }
  .padd_sides_shop{
    padding: 15px 10px 2px;
  }
  .shop_cart_product{
    width: 100%;
  }
  .smallmart_pd_img{
    text-align: center;
  }
  .smallmart_pd_img img{
    height: 170px;
    width: 226px;
    object-fit: cover;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .make_inline_mob{
    display: inline-flex;
  }
  .make_inline_mob span{
    margin-right: 10px;
  }
  .select_all_prodcts{
    display: none;
  }
  .proceed_to_pay{
    position: unset;
  }
  .astroname_in_chat{
    font-size: 15px;
  }
  #countdown{
    font-size: 12px;
    margin-left: 4px;
  }
  .end_chat_btn{
    float: unset;
    position: absolute;
    top: 7px;
    right: 0;
    right: 5px;
  }
  .astro_img_chatting img{
    height: 35px;
    width: 35px;
  }
  .chat_top_options{
    padding: 8px 7px 4px;
  }
  #countdown:after {
    content:"\a";
    white-space: pre;
}
  .chat_wallet_opt{
    float: unset;
    padding: 0 11px;
  }
}
.site_togglers{
  margin: 18px 10px;
  
}
.site_togglers .btn-lg{
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 5px 10px;
  width: 75px;
  color: #151443;
}
.activetoggles{
  background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%);
}
@media only screen and (max-width: 768px) {
  .cart_heading{
    font-size: 21px;
    margin-bottom: 0;
  }
 
}
.chatwith_astro p{
  color: black !important;
}
@media (min-width: 768px) and (max-width: 991px){
  .about_more_work img {
    height: 57px;
    width: 57px;
}
}
.mCSB_draggerRail{
  display: none !important;
}
.profile_dp_down_box .dropdown-item.active, .dropdown-item:hover{
  color: #060606 !important;
  background-color: initial !important;
}
.error{
  color:red !important;
}

.loader-container{
  position: relative;
}
.loader-container::before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(/index/assets/images/icons/loading.svg) no-repeat center 25%;
  background-size: 48px 48px;
  z-index: 999999999;
  left: 0;
  top: 0;
  background-color: rgba(255,255,255,0.4);
}

/* date picker custom css */
.ui-datepicker{
  box-shadow: 0px 2px 2px 1px #ccc;
}
.ui-datepicker .ui-datepicker-title select{
  background: #ebebeb;
  border: none;
  padding: 5px 5px;
  margin: 0 2px !important;
  border-radius: 4px;
}
.ui-datepicker-calendar thead{
  background: inherit;
  color: inherit !important;
  border: none;
}
.ui-datepicker-calendar tbody td>a{
  text-align: center;
}
.ui-datepicker .ui-datepicker-header{
  background: none;
  border: none;
}
.paginate_button.current,.paginate_button:hover{
  background:linear-gradient(180deg, #FFE600 0%, #FFC90B 100%) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
  color:#000 !important;
}
.seperator { border-bottom: 1px solid black; }
/* end */

.seo-text-block{
  /* padding: 15px 0; */
}
.seo-text-block a{
  text-decoration: underline !important;
  color: #0056b3;
}
.seo-text-block p{
  font-size: 16px;
}
.seo-text-block h1{
  font-size: 32px;
}
.seo-text-block h2{
  font-size: 22px;
}
.seo-text-block h3{
  font-size: 20px;
}
.seo-text-block h4{
  font-size: 18px;
}
.seo-text-block h5{
  font-size: 16px;
}