.consult-indastro{width: 100%; float: left; text-align: center; padding: 30px 0px;}
        .consult-indastro .link-block .icon{width: 36px; height: 36px;  display: inline-block; background: #fff; border-radius: 50%; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2); margin-right: 5px;}
        .consult-indastro svg{width: 36px; height: 36px; vertical-align: middle; border-radius: 5px; padding: 8px; }
        .consult-indastro .link-block{display: inline-block; width: 100%; color: #000; font-family: 'Arvo', serif; font-size: 21px; font-weight: 400;}
        /* .link-block span{border-radius: 50%; background: #fff;  margin-right: 5px; padding: 6px; width: 36px; height: 36px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);} */

        #live-consultation .free_horoscope_btn{background: #C67225;}
         .consult-indastro .link-block a{ color: #000; font-family: 'Catamaran', sans-serif; font-size: 21px; font-weight: 400;}
    
        .consult-indastro .radio-buttons{display: inline-block; padding-left: 25px; font-family: 'Catamaran', sans-serif; font-size: 21px; font-weight: 400;}

        .consult-indastro .radio-buttons strong{font-weight: 600; background: url(img/v2/underline-brush.png) no-repeat bottom; background-size: 35px;}
         .consult-indastro .checkmark{box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15); top:3px; width: 16px; height: 16px; border: solid 1px #C67225;}
         #live-consultation .radio-buttons input:checked ~ .checkmark{background: #C67225;}
         .consult-indastro .radio-buttons .checkmark:after{top:3.5px; left: 3px;}


         .consult-indastro .ask-question  .radio-buttons{margin-left: 0px; padding-right: 0px;}
         .consult-indastro .ask-question .checkmark{border: solid 1px #2e5e9c; width: 16px; height: 16px; top: 0px; left: 3px;}
         .content-box{display: none; width: 100%;  text-align: center; float: left; padding: 0px 0px;}
         .date-input-wrapper{padding: 5px 15px;}
         /* #audioDiv label{padding: 0px 15px;} */
         .consultationDateLabel{padding: 6px 15px!important; display: inline-block;}

         .content-box label {
            
    font-size: 16px!important;
    font-family: 'Catamaran', sans-serif;
    text-align: left;
    font-weight: 600;

    float: left;

    color: #333;
}

#consultationDate{
    font-size: 16px;
    width: 100%;
    outline: none;
    background: #fff;
    font-family: 'Catamaran', sans-serif;
    border-radius: 5px;
    border: solid 1px #b0b0b0;
    padding: 5px 10px;
    appearance: revert !important;
    background-image: none !important;
    height: 35px;
}

       #selectedDate{font-family: 'Unna', serif; padding: 5px 0px 0px !important; font-style: italic; text-align: left; margin-top:5px; width:100%; float: left; color:#2e5e9c; font-weight:400;  line-height: 16px; font-size:14px;}
       #selectedDate strong{font-weight: 700; }

         #live-consultation {background: #fff; margin-top: 15px; border: solid 2px #C67225; border-radius: 10px;     padding: 0px 0px 0px !important;}
          /*.h-ask-question.active, #live-consultation.active {display: block;} */
         #live-consultation .form-group{ padding: 5px 0; display: flex; align-items: center; width: 100% !important; justify-content: space-around;}

            
         #live-consultation label{color: #010101; padding: 10px 15px; font-size: 16px; font-weight: 500; background: #fff;     font-family: 'Catamaran', sans-serif;}
         #live-consultation svg{padding: 0px; width: 20px;}
        
    .link-block.active svg{box-shadow: none;}

    .consult-indastro .h-ask-question{margin-bottom: 0px; padding: 15px 0px 0px !important; text-align: left;}
    .date-input-wrapper {
  position: relative; gap: 10px;
  display: flex; background: rgba(198, 114, 37, 0.1); 
  width: 100%;
}
.consult-type{
  display:flex;
  gap:0px; padding: 0px 0px 0px; border-bottom: solid 1px #efefef; overflow: hidden; border-radius: 10px 10px 0px 0;
}

.type-card{
  width:260px;
  cursor:pointer; padding: 0px 0px!important;
}

.type-card input{
  display:none;
}

.card-inner{

  border-radius:0px;
  padding:30px 5px 50px;
  position:relative;
  background:#fff;
  box-shadow:none;
  transition:.3s; border-right: solid 1px #efefef;
}

/* active border */
.type-card input:checked + .card-inner{
background: linear-gradient(to bottom, #f4e3d3, #ffffff);

}

.top{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}

.icon{
  font-size:22px;
}

/* gradient divider */
.divider{
  width:1px;
  height:28px;
  background:linear-gradient(to bottom, transparent, #ccc, transparent);
}

.text{
  font-size:18px;
  font-weight:500; font-family: 'Catamaran', sans-serif; text-align: center; line-height: 18px;
}

/* bottom radio */
.radio-circle{
  width:16px;
  height:16px;
  border:1px solid #c7782b;
  border-radius:50%;
  position:absolute;
  bottom:25px;
  left:50%; box-shadow: 1px 8px 7px rgba(0, 0, 0, 0.10);
  transform:translateX(-50%);
}

.type-card input:checked + .card-inner .radio-circle{
  background:#c7782b;
  box-shadow:0 0 0 4px rgba(199,120,43,.2);
}

     
        #manual-report .modal-footer{position: fixed;  bottom: -45px; width: 100%; border-radius: 0px 0px 6px 6px;  background: #f0f0f0; text-align: center; border: none;}
        .continue-btn {background: #E4AB2B; color: #fff;  border: none; border-radius: 5px; font-size: 20px; font-weight: 500; padding: 8px 20px; min-width: 150px; display: inline-block; text-align: center;}
        #manual-report .modal-header{padding-bottom: 0; border: none;}
        .placeholder-label {
  position: absolute;
  top: 35%;
  left: 27px;
  font-weight: 400 !important;
  transform: translateY(-50%);
  color: #999 !important;
  pointer-events: none;
  transition: 0.2s ease all;
  font-size: 16px;
}
       .placeholder-label.hidden {
  opacity: 0;
  visibility: hidden;
}

.h-ask-question{ width:100%; float:left;}
.h-ask-question .ask-question{background:none; border:none; box-shadow:none; margin:0px 0px 0px; padding:0px;}
.h-ask-question .ask-question textarea{font-family: 'Unna', serif; border-radius: 10px 10px 0px 0px; font-style: italic; font-size: 17px; line-height: 22px; margin-top: 0; background: none; border: none; padding: 10px 15px;}
.h-ask-question .ask-question textarea:focus{ outline: none;  border: none;}

.consult-indastro .free_horoscope_btn{font-family: 'Catamaran', sans-serif; padding: 4px 25px!important; font-weight:500; border:
none; font-size: 16px; box-shadow: none; float:right; margin-top:0px;}

.h-ask-question .question-time-duration{ background:#fff; padding: 0px 0px; border-radius: 10px; border:solid 2px #344d77; font-family: 'Unna', serif;  font-size:17px; }
.question-time-duration .form-group{ padding:5px 0; background: rgba(55, 77, 119, 0.1); display: flex; align-items: center; width: 100%!important; justify-content: space-around;}
.question-time-duration .form-group label{ font-family: 'Catamaran', sans-serif; color:#000; line-height: 18px;  font-size:17px; width:auto; float:left;  font-weight:600;}
.aq{padding-right: 20px; border-right: solid 1px #ccc;}
   .report-thumb{
  flex:0 0 auto;
  width:77px; height:77px; margin-right: 12px; object-fit: cover;
  border-radius:8px; overflow:hidden; float: left;
  
  align-items:center; justify-content:center;
}
              
        @media screen and (max-width: 767px){
          .consult-indastro{text-align: left;}
          .consult-indastro .link-block{ width: 100%; margin-bottom: 0px; padding-top: 15px;border-top: solid 1px #dddcdc;}
           .consult-indastro .link-block:first-of-type{border-top: none;}
         .consult-indastro .h-ask-question{padding: 10px 0px 0px !important;}
         #live-consultation{margin-top: 10px;}
           .consult-indastro svg{width: 28px; height: 28px; padding: 4px; }
            #manual-report .modal-dialog{width: 95%;}
                 #live-consultation label{font-size: 15px; padding: 2px 0px;}
                 .placeholder-label{top: 50%;}
                 .consult-indastro .link-block{font-size: 18px;}
                 .consult-indastro .link-block .icon{width: 28px; height: 28px;}
                 #selectedDate{font-size: 11px; line-height: 11px;}
                 .date-input-wrapper{min-height: auto;}
                 .question-time-duration .form-group label{ font-size:15px;}
                 .consult-indastro .free_horoscope_btn{ padding:3px 10px!important;}
                 .aq{padding-right: 0; border-right: none; border-bottom: solid 1px #ccc; padding-bottom: 20px;}
               
                 .top{gap: 6px;}
                 .text{font-size: 16px; }
                 #live-consultation svg{width: 18px;}
                 .card-inner{padding: 20px 5px 35px; min-height: 101px;}
                 
        }

       

 .radio-options { display: none; position: absolute; z-index: 1; top: 14px; background: #fff; padding: 10px; border: 1px solid #dfa333; border-radius: 5px ;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); width: 175px; left: -25px; top: 0;}
 .radio-options svg{width: 12px!important; height: 12px!important; padding: 0px;}
      .radio-options label{padding-right: 0px!important; font-size: 15px!important; color: #666!important; padding-bottom: 5px; font-weight: 400!important; border-bottom: solid 1px #efefef; width: 100%; }
      .radio-options .price{font-weight: 700; color: #2e5e9c; float: left; font-size: 14px; padding-top: 0px; padding-left: 15px;}
      .radio-options .radio-options{padding: 5px 0px!important;}
      .form-group {position: relative; /* So the radio options position correctly */ display: inline-block;}
      .radio-options label {display: block; margin-bottom: 0px; font-size: 14px; cursor: pointer; }
      @media screen and (max-width: 767px) {
        .radio-options{top: 39px; left:-99px;}
        .radio-options label{margin-bottom: 0px!important;}
        .our-expert .astrologer{min-height: auto!important;}
          .our-expert .astrologer img {width: 75%; height: auto; padding: 0px 0px 0px;}
            .our-expert-blog .astrologer_detail .name {
    font-size: 13px; padding: 0;
  }
      }