
      .consult-indastro{width: 100%; float: left; position: relative; text-align: center; padding: 30px 0px; border: solid 2px #2e5e9c; border-radius:5px;}
      .consult-indastro .link-block .icon{width: 32px; height: 32px; border: solid 1px #2e5e9c; display: inline-block; background: #fff; border-radius: 50%; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);}
      .consult-indastro .link-block .icon svg{width: 32px; height: 32px; vertical-align: middle; border-radius: 5px; padding: 8px; }
      .consult-indastro .link-block{display: inline-block; line-height: normal; cursor: pointer; vertical-align: top; padding: 4px 15px; color: #2e5e9c; font-family: 'Catamaran', sans-serif; font-size: 18px; font-weight: 400;}
      .consult-indastro .indastro-logo{position: absolute; right:15px; top:15px}
      /* .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);} */
      .justify-content-center {-ms-flex-pack: center !important; justify-content: center !important; display: flex;}
      .consult-indastro .link-block a{ color: #2e5e9c; font-family: 'Catamaran', sans-serif; font-size: 18px; font-weight: 400;}
      .consult-indastro .link-block a:hover{text-decoration:none}
      .consult-indastro .link-block strong{font-weight: 600; background: url(/img/v2/underline-brush.png) no-repeat bottom; background-size: 35px;}
      .consult-indastro .radio-buttons{display: inline-block; padding-left: 25px; font-family: 'Catamaran', sans-serif; font-size: 19px; font-weight: 400; line-height: 24px;}
      .consult-indastro .radio-buttons strong{font-weight: 600; background: url(/img/v2/underline-brush.png) no-repeat bottom; background-size: 35px;}
      .consult-indastro .checkmark{top: 5px; width: 20px; height: 20px; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15); border: solid 2px #2e5e9c;}
      .link-block .radio-buttons .checkmark:after{top:3.5px; left: 3.5px; width:10px; height:10px;}
      .question-time-duration .form-group{padding-left:0px}

      .consult-indastro .ask-question .checkmark{top: 0px;}
      .consult-indastro .ask-question  .radio-buttons{margin-left: 0px;}
      .consult-indastro .ask-question .checkmark{border: solid 1px #2e5e9c; width: 16px; height: 16px; top: 3px; left: 3px;}
      .content-box{display: none; width: 100%; text-align: center; float: left; margin-top: 10px;}
      .content-box label {font-size: 16px!important; font-family: 'Catamaran', sans-serif; text-align: left; font-weight: 600; width: 100%; float: left; margin-bottom: 5px; color: #333;}

      .content-box input{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;}

      .content-box .submit { background: #2e5e9c; border: none; color: #fff; width: 100%; font-weight: 600; margin-top: 26px;}
      .order_list_box{width: 100%; float: left; text-align: left;}

      .order_list_box ul {padding: 0px 0px; margin: 0px;}
      .order_list_box li {list-style-type: none; list-style: none; background: none; float: left; padding: 8px 0px 10px 0px; border-bottom: solid 1px #e4e9eb; font-size: 13px; width: 100%; font-weight: 500; border-left: solid 2px transparent;}
      .order_list_check {display: block; position: relative; padding-left: 25px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none;user-select: none;     }

      .order_list_check .checkmark {position: absolute;border-radius: 3px;border: solid 2px #D9D9D9;left: 0;height: 16px;width: 16px;background-color: #ffffff;box-shadow: none;}
      .order_list_check input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
      .order_list_check input:checked ~ .checkmark:after {display: block;}
      .order_list_check .checkmark:after {left: 5px; top: 2px; width: 4px; height: 8px; border: solid white; border-width: 0 2px 2px 0;transform: rotate(45deg);}
      .order_list_check input:checked ~ .checkmark {background-color: #2874F0;border: none;}


      .h-ask-question, #live-consultation {display: none;}
      #live-consultation .checkmark{top:2px; width: 18px; height: 18px;}
      #live-consultation .radio-buttons .checkmark::after{left: 3.5px; top: 3.5px;}
      .h-ask-question.active, #live-consultation.active {display: block;}
      #live-consultation .form-group{display: flex;  justify-content: space-around; padding-top: 0px;  width:100%!important}
      #live-consultation label{color: #2e5e9c; font-size: 16px; font-weight: 600;}
      #live-consultation svg{padding: 0px; width: 20px;}
 
      #email{padding-bottom:0px!important}

      .consult-indastro .h-ask-question{margin-bottom: 0px; padding: 30px 20px !important; text-align: left;}
      .order_list_box .order_name {width: 70%;float: left;font-size: 18px;line-height: 24px; font-family: 'Catamaran', sans-serif; font-weight: 500;padding-left: 25px; padding-right: 15px;}
      .order_list_box .order_name a{color:#2e5e9c}
      .order_list_box .price {width: 30%; font-size: 18px; font-family: 'Catamaran', sans-serif; float: left; padding: 0px 0px 0px; text-align: left; color: #2e5e9c; font-weight: 500;}
      #manual-report .modal-body{display: inline-block; width: 100%; height: 350px; overflow: scroll; padding-top: 0px;}
      #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!important;  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;}
      .consult-indastro .heading-img{color:#000!important; font-family: Arvo,serif!important;}
      .lc{font-style:normal;}
       .consult-indastro .h-ask-question textarea{background: #fff;}

       .date-input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.placeholder-label {
  position: absolute;
  top: 67%;
  left: 13px; font-weight: 400!important;
  transform: translateY(-50%);
  color: #999!important;
  pointer-events: none; /* so label doesn’t block clicks */
  transition: 0.2s ease all;
  font-size: 16px;
}
.placeholder-label.hidden {
  opacity: 0;
  visibility: hidden;
}

      @media screen and (max-width: 767px){
        .home_consult-indastro{padding: 20px 0px!important;}
        .consult-indastro{text-align: left; padding:20px 10px; margin-top: 20px;}

        .consult-indastro .link-block{ width: 100%; margin-bottom: 0px; padding-top: 10px; border-top: solid 1px #dddcdc; font-size:19px; padding:10px 0px 0;}
        .consult-indastro .link-block:first-of-type{border-top: none;}

        .consult-indastro svg{width: 18px; height: 18px; }
        #manual-report .modal-dialog{width: 95%;}
        .consult-indastro .ask-question .radio-buttons{padding-right: 20px; width:auto;}
        .consult-indastro .free_horoscope_btn{width:100%; padding:5px 0!important; margin-top:10px!important}
        /* .consult-indastro .h-ask-question{padding:20px 0px!important} */
        .link-block .active{padding: 2px 10px;}
        .consult-indastro .link-block .icon{width:34px; height:34px}
        .consult-indastro .link-block .icon svg{width:34px; height:34px}

      .link-block.active {background: #fff; line-height: 26px; color: #091030; border: solid 1px #2e5e9c!important; padding:6px 10px!important;  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);  border-radius: 5px 5px 0px 0px; font-family: 'Catamaran', sans-serif; margin-top:15px}
      .link-block.active span{border:none!important; box-shadow: none!important;}
      #live-consultation .form-group{display:inline-block; padding: 0px 15px;}

#live-consultation .radio-buttons{margin-bottom: 5px;}
.content-box .submit{margin-top: 15px;}
      .link-block.active svg{ border:none; padding:3px!important}
        .consult-indastro .h-ask-question{padding-top:15px!important; padding-bottom:0px!important; background: #fff; border-radius: 0px 0px 5px 5px; border: solid 1px #2e5e9c !important; border-top: 0px !important;}
       .consult-indastro .h-ask-question textarea{background: #fff; font-size: 16px; line-height: 18px;}
       .consultationDateLabel{margin-bottom: 0px!important; padding-bottom: 5px!important;}
       .consult-indastro .heading-img{margin-bottom: 0px!important;}
       .consult-indastro .heading-img{font-size: 26px!important;}
            .link-block .radio-buttons .checkmark:after{top:5px; left: 5px;}
      }

      @media screen and (max-width: 480px){
        .order_list_box .order_name{width: 100%; padding-right: 0px;}
        .order_list_box .price{width: 100%; padding-left: 25px;}
       
      
        #live-consultation label{ padding-bottom:10px; width:100%; margin-left:0px;}
    
        .lc{display: inline-grid; vertical-align: top; font-style:normal;}
        

      }
      .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: 200px; left: 109px; top: 0;}
      .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: 15px; 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: 40px}
        .radio-options label{margin-bottom: 0px!important;}
      }
  