/*
* @Author: lalit
* @Date:   2024-05-06 18:51:53
* @Last Modified by:   Lalit
* @Last Modified time: 2025-08-14 11:24:52
*/

/*======================== astro talk page css start ============  */

.flex-row{ display: flex; flex-wrap: wrap;}

.astrobox-cnt .AstroOnline {
    position: absolute;
    z-index: 1;
    background-color: #00B431;
    border-radius: 100px;
    top: 0;
    left: 0 !important;
    height: 10px;
    width: 10px;
}


.astrobox-cnt .AstroOffline {
    position: absolute;
    z-index: 1;
    background-color: #959595;
    border-radius: 100px;
    top: 0;
    left: 0 !important;
    height: 10px;
    width: 10px;
}

.astrobox-cnt .AstroBusy {
    position: absolute;
    z-index: 1;
    background-color: #A872DB;
    border-radius: 100px;
    top: 0;
    left: 0 !important;
    height: 10px;
    width: 10px;
}

.astrobox.astrobox-cnt .astroImg {
    width: 64px;
    position: relative;
    float: left;
    text-align: center;
}

.astrobox-cnt .astroprofilepic {
    width: 64px;
    height: 64px !important;
    overflow: initial; position: relative;
}

.astrobox-cnt .astroprofilepic img {
    border-radius: 100%;
    object-fit: cover;
}

.astrobox-cnt .astrotxt {
    overflow-wrap: break-word;
    position: relative;
    float: left;
    width: calc(100% - 74px);
    box-sizing: border-box;
}


.astrobox-cnt  .fa-star {
    color:#EB750C;
}


.astrobox.  {
    position: relative;
    float: left;
    width: 100%;
    background-color: #fff;
    border: 1px solid #FBD3AF;
    box-shadow: 0px 1px 4px 0px #00000040;
    padding: 10px;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 30px;
    min-height: 140px;
}

.talkastroCont .astrobox-cnt {
    margin-top: 0;
    margin-bottom: 0px;
    height: 100%;
/*    display: flex;*/
    flex-wrap: wrap;
}

.astroProfileBox  {margin-bottom: 30px;}


.astrobox-flx{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: auto;
}


.astrobox-cnt  .userratings{
    font-size:9px;
    text-align: center;
    color: #959595;
    font-family: "Roboto", sans-serif;
}

.astrobox-cnt  .userratings .fa {
    color: #959595;    
}

.astrobox-cnt   .ratings .fas{
    color:#EB750C ;  font-size: 8px;  
}

.astrobox-cnt  .fa-star-half-stroke {
    color:#EB750C;
    font-size: 8px;  
}

.astrobox.astrobox-cnt h4 {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.2px;
    text-align: left;
    color: #454545;
}


.astrobox.astrobox-cnt p {
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.5px;
    text-align: left;
    color: #757575;
}

.time-del {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    margin:15px 0 18px;
    border-top: 1px dotted #FBD3AF;
}

.time-del .price-txt {
    background: #fff;
    padding: 0 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);  margin: 0;
}

.chat-btn-row {
    display: flex;
    justify-content: space-between;
}

.chat-btn-row {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.chat-btn-row a {
    width: 48%;
    border: none;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight:400;
    letter-spacing: 0.5px;
    text-align: center;
    color: #fff;
    border-radius: 8px;
    height: 32px;
    line-height: 34px;
    padding: 0;
}

.chat-btn-row .btn-chat 
{
background: #EB750C;  ;  
}

.chat-btn-row .btn-call 
{
    background: #00B431;
}

.time-del  .price-txt del {
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.5px;
    text-align: left;
    color: #757575;
}

.time-del  .free-tag {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #c10101;
}

.offer-text{font-family: "Roboto", sans-serif; font-size: 11px; font-weight: 500; line-height: 16px; letter-spacing: 0.5px; text-align: center; color: #757575; margin-left: 10em; margin-right: 10em;}
.wait-time{color: #af0a0a !important;
    margin-left: 8em !important;
    margin-right: 6em !important;
    padding-top: 8px;
    font-size: 16px !important;}
.choise {
    color: #fff;
    background: linear-gradient(90deg, #FF9263 0%, #FFB359 52.48%, #FF7800 100%);
    font-family: Roboto;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-align: center;
    display: inline-block;
    min-width: 92px;
    height: 18px;
    line-height: 18px;
    border-radius: 4px;  
    padding:1px  4px;
}

.lbl-ch {
    width: 100%;
    display: inline-block;
    text-align: left; margin: 0 0  3px;
}

.rising {
    color: #fff;
    background: linear-gradient(90deg, #FF9263 0%, #FFB359 52.48%, #FF7800 100%);
    font-family: Roboto;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-align: center;
    display: inline-block;
    min-width: 92px;
    height: 18px;
    line-height: 18px;
    border-radius: 4px;
    float: right;
    padding:1px  4px;
}

.tab-astro a {
    height: 40px;
    padding: 10px 16px 10px 16px;  
    border-radius: 24px;
    border: 1px solid #959595;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.3px;
    text-align: center;
    color: #757575;white-space:nowrap;
    cursor: pointer;
}

.tab-astro {
    display: flex;
    width: 100%;
    gap: 5px;
    overflow-x: auto;
    justify-content: space-between;
    align-items: center;
    overflow-y: hidden;
    padding-bottom:10px;
    margin:5px 0 10px;
   scrollbar-width: none;
}

a.active-astro {
    border: 2px solid #EB750C;
    min-width: 80px;
}

.testimonial-customer .content {
    box-shadow: 0px 1px 4px 0px #B1B1B1F5;
    padding: 10px 10px;
    margin: 5px 0;
    border-radius: 4px;
    height: 160px;
    text-align: justify;
}

.testimonial-customer .content p {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    color: #757575;
}

.testimonial-customer .content .name{
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.5px;
    text-align: left; margin: 0;
}

.testimonial-customer h3 {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.2px;
    text-align: left;
    color: #757575;
    margin: 0 0 10px;
}

.testimonial-customer {
    margin: 0 0 30px;
    width:100%;
    padding-left: 15px;
    padding-right: 34px;
    
}

.testimonial-customer .owl-carousel .owl-stage-outer{padding: 0 5px;}

@media (max-width: 767px)   
{

.tab-astro{padding-top:5px;}
#searchData { padding: 0 15px;}
#staticAstrologers{padding:0 15px;}
    
}

/*======================== astro talk page css end ============  */

/*Reviews Section Css*/
.ourReviews {padding: 30px 0 20px; background: rgb(180, 20, 28); background: linear-gradient(90deg, rgba(180, 20, 28, 1) 0%, rgba(235, 117, 12, 1) 54%); text-align: center; clear: both; margin-bottom: 0px; margin-top: 10px; margin-left: -14px; margin-right: -14px; }

.ourReviews .row {--bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5); }

.reviewsHeadingST {text-align: center; color: white; font-weight: 600; margin-bottom: 10px; position: relative; display: flex; align-items: center; justify-content: center; text-transform: uppercase; font-size: 30px; }

.reviewsSubHeadingST {text-align: center; color: white; margin-top: 0; margin-bottom: 30px; position: relative; display: inline-block; font-size: 20px; }

.reviewer_Slider .astroContainerBox {border-radius: 20px; }

button.owl-next span {background-color: transparent; line-height: 35px; border: 2px solid #524f4f; color: #524f4f; }

button.owl-prev span {background-color: transparent; line-height: 35px; border: 2px solid #524f4f; color: #524f4f; }

.our_cust .owl-carousel.owl-drag .owl-item {/* margin-right: 20px !important */ }

@media (min-width: 768px) {.ourReviews .col-md-12 {flex: 0 0 auto; width: 100%; } }

@media only screen and (max-width:767px) and (min-width:300px) {.reviewer_Slider .astroContainerBox {height: 330px; } /*.testimonial{box-sizing: border-box; display: inline-flex; }*/ .ourReviews .owl-carousel.owl-drag .owl-item {margin-right: 10px !important; } .reviewer_Slider .online-content p {padding-left: 0px; } }
/*Reviews Section Css*/


/*Free Astrologer Service Css*/
.freeServicesST {padding: 30px 0 0px; background-color: #eee; text-align: center; margin-left: -14px; margin-right: -14px; clear: both; }


.kundli_heading {text-align: center; color: #313131; font-weight: 600; margin-bottom: 10px; position: relative; display: flex; align-items: center; justify-content: center; text-transform: uppercase; font-size: 24px; }


.sectionFreeServicesST, .sectionFreeServicesST:focus, .sectionFreeServicesST:hover {text-decoration: none; }

.sectionFreeServicesST {text-align: center; background-color: #fff; padding: 20px; border-radius: 10px; transition: all .3s ease-in-out; display: block; color: #000; box-shadow: 0 0 4px #a99e9e; border-bottom: 5px solid #CE3918; margin-bottom: 10%; }

.sectionFreeServicesST.free_service {margin: 18px 10px; }

.free-services-icon {width: 110px; height: 110px; margin: 0 auto 10px; }

.sectionFreeServicesST .description, .sectionFreeServicesST .title {color: #525151; font-size: 15px; overflow: hidden; text-overflow: ellipsis; }

.sectionFreeServicesST .description {text-align: justify; font-size: 14px; line-height: 25px; font-weight: 300; height: 145px; margin-top: 5px; }

.sectionFreeServicesST .title {font-weight: 700; white-space: nowrap; }
/*Free Astrologer Service Css*/

/*Why Astrology Css*/
.more {display: none }
.more-para {display: none }
.read {color: red }
.talkUI {line-height: 25px; margin-top: 12px; font-size: 15px; margin-left: 25px; }
.why_astrology {background-color: #f3f2f2; padding: 4px 0 20px; }

.why_astrology .verticle-line {width: 100%; padding-right: var(--bs-gutter-x, 10.75rem); padding-left: var(--bs-gutter-x, 10.75rem); margin-right: auto; margin-left: auto; border-top: none; }

.m-top {margin-top: 5px; }

.why_astrology .ast-ic_img {transition: width 2s; background: #f5f5f5; border-radius: 100%; width: 50px; height: 50px; text-align: center; vertical-align: middle; display: flex; justify-content: center; align-items: center; border: 8px solid #fff; float: left; margin-top: 20px; }

.why_astrology .ast-ic_img img {width: 36px; }

.why_astrology .ast-heading-left h4 {text-align: center; color: #313131; font-weight: 600; position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; }

.verticle-line {padding-top: 0px; }

@media only screen and (max-width:767px) and (min-width:300px) {.why_astrology .verticle-line {width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; border-top: none; } .why_astrology .ast-heading-left h4 {margin-top: 22px; } }
/*Why Astrologer Css*/


/*======================== astro detail page css start ============  */


.modify-astro-section 
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.astro-img-left {
    width: 220px;
}

.astro-detail-ctn {
    width: calc(100% - 240px);
}

.lbl-choise .choise {
    float: left;
}

.acallNow {width: 100%; border-radius: 20px; font-size: 24px; }
.Acharges {font-size: 30px; }
.AstroBusy {position: absolute; z-index: 1; background-color: #800080; color: #fff; padding: 1px 5px; border-radius: 5px; top: 7px !important; left: 84% !important; font-size: 12px; }
.AstroOffline {position: absolute; z-index: 1; background-color: red; color: #fff; padding: 1px 5px; border-radius: 5px; top: 7px !important; left: 84% !important; font-size: 12px; }
.ratingsClass {background: #feac18 !important; height: 45px; width: 45px !important; border-radius: 50%; line-height: 45px; color: #fff; font-size: 24px; }
.add-on {position: absolute; right: 38px; margin-top: -33px; }
#join-us-form {margin-top: 40px; }
.jumbotron {padding: 0px 15px; }
.space {padding: 25px; }
.textColorBlack {color: black; }
.the-datepicker__deselect-button {display: none !important }
.checkbox span {color: #000 !important; }
.checkbox a {color: #337ab7 !important; } a:focus,
a:hover {text-decoration: none; }
.acallNow {background-color: transparent; width: 47%; margin-left: 10px; }
.buttons {display: flex; margin: auto; text-align: center; align-items: center; margin-left: 10px; }
.item_container {margin-bottom: 25px; }
.horo_image {padding: 15px; border: 1px solid #ddd; }
.horo_image img {border-radius: 50%; }
.AstroBusy {font-size: 15px; left: 83% !important; }
.AstroOffline {font-size: 15px; left: 83% !important; }
.Acharges {margin-top: 18px; margin-bottom: 25px; }
.chat-btn {border-color: #ffce45; }
.call-btn {border-color: #499d62; }
.table-detail {font-size: 16px; }
.table-detail>tbody>tr>th {padding: 15px }
.buttons {margin: auto; display: block; }
.fa-star, .fa-star-half-o{color:#FFA41C !important;}
.fa-star-o{color: #ccc !important;}
.astrologerFees .AstroOnline, .astrologerFees .AstroBusy, .astrologerFees .AstroOffline {
    position: absolute;
    top: -10px !important;
    left: 15px !important;
    background: #00B431;
    height: 20px;
    width: 60px;
    text-align: center;
    line-height: 20px;
    border-radius: 10px;
    font-family: Roboto;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.5px;
}




.astrologerFees.offline .AstroOffline {
    background: #959595;
}

.astrologerFees.offline {
    border-color: #959595;
}

.astrologerFees.offline button {
    background: #959595;
}


.astrologerFees.busy .AstroBusy {
    background: #A872DB;
}

.astrologerFees.busy {
    border-color: #A872DB;
}

.astrologerFees.busy button {
    background: #959595;
}

/*New Css*/
.astrologers-info {padding-top: 20px; }
.astro-information {border: 2px solid #ccc; border-radius: 15px; background: none; padding-top: 30px; padding-bottom: 30px; margin-bottom: 49px; padding-left: 50px; padding-right: 50px; margin-left: 30px; margin-right: 30px; /* background-position: -172px -103px; position: relative;*/ }
.as-det {position: relative; margin: 0; margin-top: 15px; }
.pd8 {padding: 8px; }
.as-img {position: relative; margin-top: 60px; }
.astro-information .as-img img {width: 100%; height: 100%; border-radius: 50%; border: 5px solid #fff; }
.desk-Name {position: absolute; top: -12px; color: #fff; letter-spacing: 1px; left: 25px; margin-bottom: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; font-size: 28px; }
.as-snd-part {position: relative; margin-top: 25px; margin-bottom: 0; width: 100%; }
.as-snd-part li {list-style: none; padding-left: 0px; margin-bottom: 15px; line-height: 35px; }
.as-list-profile li {color: #333; font-size: 16px; margin-bottom: 12px; }
.ec-font {/*white-space: nowrap;*/ /*text-overflow: ellipsis; overflow: hidden; width: 100%;*/ }
.ec-font img {width: 28px; margin-right: 15px; }
.adp-action {margin-top: 40px; text-align: center; }
.astro-circle {margin: 0 auto; text-align: center; }
.astro-circle {width: 135px; height: 135px; border-radius: 50%; background: #fff; text-align: center; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; border: 1px solid #b6151b; box-shadow: inset -4px 4px 0 #b6151b; }
.astro-circle:before {position: absolute; content: ""; }
.desktop .rate-no {font-size: 44px; position: absolute; top: 32px; text-align: center; }
.rate-img {position: absolute; bottom: 32px; }
.rate-img {margin-top: 15px; }
.rate-img .fa {margin-right: 0px; }
.as-det .cl-action {/*display: inline-block; float: none;*/ margin-top: 90px; }
.about-astrologer {padding: 20px 0px 20px 0px; font-size: 16px; text-align: justify; }
.about-astrologer-2 {padding: 20px 0px 20px 0px; font-size: 16px; text-align: justify; }
.more {position: absolute; bottom: 0; right: 0; padding: 7px; color: black; font-weight: bold; background: white; z-index: 1; }
.more2 {top: -5px; position: absolute; bottom: 0; right: 0; padding: 5px 0px 0px 0px; color: black; font-weight: bold; background: white; z-index: 1; margin-right: -40px; }
.reveal {height: 145px; overflow: hidden; }
.reveal2 {height: 48px; overflow: hidden; }
.input-group-btn>.reveal {height: 35px; }
.horo_sign_intro {margin-top: 40px; }
.call-btn-new {display: flex; margin: 0 auto; background-color: #fff; border: none; box-shadow: 0 0 4px #ccc; width: 100%; justify-content: space-between; align-items: center; border-radius: 30px; padding: 8px 17px; transition: all .3s ease-in-out; min-height: 55px; margin-left: 10px; }
.online_status {color: #1aa260 !important; background-color: #fff; border: 2px solid #1aa260 !important; }
.busy_status {color: #eb0029 !important; background-color: #fff; border: 2px solid #eb0029 !important; }
.offline_status {color: #333; background-color: #fff; border: none; }
.call_chat_icon {width: 20px; }
.btn_css {text-align: left; }
.btn_txt {font-size: 16px; }
.charges_amount {font-size: 15px; font-weight: 600; }
.per_minute {font-size: 12px; white-space: nowrap; font-weight: 600; }
/*.expertise span .morelink{margin-top: -40px;position: absolute;float: right;right: -3rem;}*/

.astro-details-section {padding-top: 30px; }
.astro-details {width: 100%; padding-right: var(--bs-gutter-x, 11.75rem); padding-left: var(--bs-gutter-x, 13.75rem); margin-right: auto; margin-left: auto; }
.astro-details .row {--bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5); align-items: flex-start !important; }
.borderOutlineST {
    border-radius: 10px;
    border: 1px solid #E1E1E1;
    padding: 15px;
    margin-bottom: 10px;
    position: relative;
}
.align-items-start {align-items: flex-start !important; }
.astrologerPicBackground {border-radius:20px; width: 100%; height: 220px; background-color: #ddd; overflow: hidden; }
.astrologerPicBackground img { object-fit: cover; object-position: center; }
.astrologerName {
    margin: 10px 0 12px;
    color: #454545;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    display: inline-block;
    width: 100%;
}
.totalCalls p .fas {
    font-size: 11px;
}
.astrologerSkills {margin-bottom: 10px; color: #757575; font-size: 16px; }
.astrologerExperience, .astrologerLanguages {font-size: 17px; color: #616161; margin-bottom: 10px; font-weight: 400; }
.astrologerExperience, .astrologerLanguages {font-size: 17px; color: #616161; margin-bottom: 10px; font-weight: 400; }
.astrologerFees {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    border: 2px solid #FBD3AF;
    border-radius: 8px;
    padding: 15px;
    position: relative;
}
.astrologerFeesAmount .ctn p { margin: 0;}
.astrologerFeesAmount .ctn .del-fs {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.10000000149011612px;
    text-align: left;
    color: #757575;
}
.astrologerFeesAmount .ctn .boldClassST{
    font-family: Roboto;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.5px;
    text-align: left;
    color: #c10101;
}
.astrologerFeesAmount { width: 80px;}
.boldClassST {font-weight: 800; color: #4c4c4c; }
.boldClassST span, .disnt_price {color: #4c4c4c; font-weight: 400; font-size: 17px; }
.totalConsultations {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 14px;
}
.totalCalls {
    font-weight: 400;
    width: 100%;
}

.totalCalls p {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
    text-align: left;
    color: #959595;
}

.buttonWrapCallChat {
    width: calc(100% - 90px);
    display: flex;
    justify-content: space-between;
}

.buttonWrapCallChat .btns_chat_mbl {
    width: 49%;
}

.buttonWrapCallChat .btns_chat_mbl button .fa {
    font-size: 18px;
    margin-right: 5px;
}


.buttonWrapCallChat .btns_chat_mbl button {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 8px;
    border: 0;
    padding: 10px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height:23px;
    letter-spacing: 0.2px;
    text-align: left;
    color: #fff; 
    height: 44px;
}

.chatBtn button {
    background: #EB750C;
}

.callBtn button {
    background: #00B431;
}

.exp-txt {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0.5px;
    text-align: left;
    color: #757575;
    margin: 0;
}

.totalCalls b {font-weight: 600; margin-right: 5px; color: #616161; }
.totalCalls .iconDetailsST {width: 17px; display: inline-flex; margin-right: 5px; align-items: center; }
.iconDetailsST img {width: 100%; display: block; }
.display-grid {display: flex; }
.buttonContactST:focus, .buttonContactST:hover {
    box-shadow: 0 0 6px 0px #ccc;
}
.width_icon {width: 25px; min-width: 25px; }
.width_icon img {width: 100%; display: block; }
.start_btn {width: calc(100% - 20px); text-align: center; }
.online-status .astrologerFeesAmount, .online-status .permin, .online-status .strt {color: #1aa260 !important; }
.buttonContactST .astrologerFeesAmount, .buttonContactST .permin, .buttonContactST .strt {color: #616161 !important; text-align: center; }
.strt {font-size: 16px; }
.busy-status, .busy-status .astrologerFeesAmount, .busy-status .permin, .busy-status .strt {color: #eb0029 !important; }
.busy-status {background-color: #959595 !important; color:#fff !important;}
.offline-status{background: #959595 !important;}
.aboutme_left {margin-top: 30px; }
.aboutHeading {font-size: 20px; text-align: center; font-weight: 600; margin-bottom: 10px; color: #454545; }
.aboutParah {font-size: 15px; font-weight: 400; margin: 0; overflow: hidden; color: #616161; line-height: 25px; }
.astro-details-1 {width: 100%; padding-right: var(--bs-gutter-x, 11.75rem); padding-left: var(--bs-gutter-x, 13.75rem); margin-right: auto; margin-left: auto; }
.rating_review {margin-bottom: 10px; }
.ratting_heading {font-size: 20px; margin-bottom: 10px; color: #454545; font-weight: 700; text-align: left; }
.rating_review .row_review {align-items: center; display: flex; justify-content: space-between; }
.row_review .ratting-star {width: 40%; text-align: center; }
.ratting-star i {position: relative; display: inline-block; font-size: 17px; color: #6c757d; padding-right: 3px; }
.ratting_number {text-align: center; font-size: 40px; margin-bottom: 0; font-weight: 400; color: #313131; line-height: 1.2; }
.total_view {text-align: center; color: #616161; font-size: 14px; line-height: 2.2; }
.row_review .ratting-review {width: 60%; }
.status_bar_ratting {display: flex; align-items: center; }
.number_progress_bar {font-size: 20px; color: #616161; margin-right: 10px; margin-bottom: 9px; }
.rating_review .width_custom {background-color: #eee; }
.width_custom {width: 80%; border-radius: 10px; }
.progress, .progress-bar {display: flex; overflow: hidden; }
.progress {height: 1.8rem; font-size: .75rem; background-color: #e9ecef; border-radius: 1.25rem; margin-bottom: 7px !important; }
.bg_green {background-color: #3ed33e !important; }
.progress-bar {flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #0d6efd; transition: width .6s ease; }
.bg_blue {background-color: #2196f3; }
.bg_light_green {background-color: #1ebed3; }
.bg_brown {background-color: #ed9410; }
.review_border_radius {border: 1px solid #0003; border-radius: 10px; padding: 10px 10px 0; margin-bottom: 40px; }
.box_reply_review, .box_reply_review_loader {background-color: #fff; border: 1px solid #0003; border-radius: 10px; margin: 10px 0; }
.box_reply_review {display: flex; padding: 10px; min-height: 70px; }
/*   .bg_dark_green_name {background-color: darkred !important; } */
.picture_profile {padding: 10px; background-color: orange; color: #fff; border-radius: 50%; width: 35px; min-width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; }
.rate_reply {padding-left: 15px; width: 100%; font-size: 18px; }
.rate_reply i {position: relative; display: inline-block; font-size: 13px; color: #333; padding-right: 3px; }
.date_rate_reply {font-size: 13px; margin: 3px 0; color: #616161; }
.comment_rate_reply {font-size: 13px; color: #616161; margin-top: 1px; overflow-wrap: normal; word-break: break-word; }
.desktopView {display: block !important; }
.mobileView {display: none !important; }
.desktop {display: block; }
.mobile {display: none !important; }
.buttonChatCallST_mobile_view .btns_chat_mbl {width: 100%; margin-bottom: 10px; margin-left: 15px; }
.buttonChatCallST_mobile_view .buttonContactST {margin-bottom: 14px; }
.buttonWrapCallChat .chatBtn .offline-status, .buttonWrapCallChat .callBtn .offline-status {color: #ccc !important; border: 1px solid #ccc !important; }
.buttonWrapCallChat .chatBtn .busy-status, .buttonWrapCallChat .callBtn .busy-status {color: #fff !important;background-color: #959595 !important;border: 2px solid #959595 !important; }
.buttonWrapCallChat .chatBtn .fa, .buttonWrapCallChat .callBtn .fa {font-size: 1.7em; }
.free-tag{color:#c10101; margin-left:10px;}
.no-discount{margin-left: 5px;}
.ribbonTopRightST {width: 77px;height: 68px;overflow: hidden;position: absolute;top: 0;left: 93%;}
.ribbonBgST-old {right: -17px; top: 25px; transform: rotate(41deg); position: absolute; display: block; width: 95px; padding: 2px 0; font-size: 14px; background-color: #b7171d; text-transform: capitalize; text-align: center;}
.ribbonBgST {right: -23px; top: -2px; transform: rotate(0deg); position: absolute; display: block; width: 95px; padding: 2px 0; font-size: 14px; background-color: transparent; text-transform: capitalize; text-align: center; }
.btn-load-more{background-image: -webkit-linear-gradient( 71deg, rgb(183,23,29) 50%, rgb(243,113,16) 100%) !important; border-color: rgb(183,23,29); font-size: 15px;color: #fff !important;padding: 5px 10px 5px 10px;cursor: pointer;margin: 5px 0px 15px 0px;}
.ribbonTopRightST .goldenST {/*background: -webkit-linear-gradient(#f7ef8a, #edc967, #d2ac47); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: #0000;*/ text-shadow: 0 0 #edc967; color:#fff; }
.giftST{text-align: center;padding-top: 15px;}
.btn-gift {
    width: 100%;
    height: 40px;
    font-size: 17px;
    color: #fff !important;
    text-align: center;
    font-weight: 700;
    background-color: #f78729;
    border-color: #f78729;
    text-transform: capitalize;
    padding: 5px 4px 1px 0px;
}
.totalConsultations .left {
    width: calc(100% - 100px);
}
.totalConsultations .right {
    width: 85px;
}
.totalConsultations .left .ratings {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 16px;
    color: #EB750C !important;
    margin: 5px 0 5px;
}

.astro-abt h5 {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height:14px;
    letter-spacing: 0.2px;
    text-align: left;
    color:#454545; margin:0 0 5px;
}

.astro-abt p span {
    padding: 0 8px 0 0;
}

.astro-abt a {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.5px;
    text-align: left;
    color: #EB750C;
}

.astro-abt p {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
    text-align: left;
    color: #959595; margin: 0;
}

.astro-abt {
    padding: 10px 0;
}

.totalConsultations .left .ratings .fas{color:#EB750C !important; font-size: 16px;}
.totalConsultations .left .ratings .fa-star-o{color: #ccc !important;}
.giftST .fa{font-size: 1.2em;}
#giftPackagesModal .rechargeVoucher{background-image: none;border: 1px solid #333;}
#giftPackagesModal .rechargeVoucher .offerPercent h3 {color: #333;font-size:18px;}
#giftPackagesModal .rechargeVoucher .offerPercent {padding: 3px 0px 3px 0px;}
#giftPackagesModal .card-input-element:checked + .card-input .rechargeVoucher {box-shadow: 0 0 1px 1px #201e1e;background-color: rgba(60,60,60,.9);background-image: none;}
#giftPackagesModal .card-input-element:checked + .card-input .rechargeVoucher h3{color: #fff;}
/*New Css*/
@media  only screen and (max-width: 320px) {
  .name-t {font-size: 13px !important; }
}
@media  only screen and (max-width: 767px) and (min-width: 300px) {
.fixed-button{z-index:7 !important;}
.offer-text{margin-left: 11em;margin-right: 11em;}
.wait-time{color: #af0a0a !important;margin-left: 8em !important;margin-right: 8em !important;padding-top: 8px;font-size: 13px !important;}
.mainmenu {padding: 0px 10px 0 5px; }
.sticky .navbar-toggle {margin: 30px 6px; }
.sticky .navbar-brand {margin-top: 18px; }
.astro-details-section {padding-top: 5px; }

.AstroBusy {font-size: 12px; left: 74% !important; }
.AstroOffline {font-size: 12px; left: 74% !important; }
.acallNow {margin-left: 0px; margin-right: 15px; }
.astro-information {padding-left: 15px; padding-right: 15px; margin-left: 16px; margin-right: 16px; }
.horo_sign_intro {padding-left: 40px; padding-right: 40px; }
.horo_sign_intro h2 {font-size: 23px; }
.astro-information .as-img img {width: 70%; margin: auto; display: block; }
.as-img {margin-top: 25px; }
.as-det .cl-action {margin-top: 28px; }
.reveal {height: 530px; }
.input-group-btn .reveal {height: 32px; width: 39px }
.more2 {margin-right: -20px; }
.buttons {margin-left: 10px; display: block; }
.acallNow {margin-right: 0px; margin-bottom: 10px; }
.astro-details {padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); }
.astro-details-1 {padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); }
.astro-details .row {--bs-gutter-x: 4.5rem; }
.aboutParah {text-align: justify; }
.mobileAstrologerDetail .container .borderOutlineST {border-radius: 5px; border: 1px solid #0003; padding: 10px 10px 0; margin: 10px 0 5px; }
.mobileAstrologerDetail .align-items-start {margin-top: 0; align-items: flex-start; }
.mobileAstrologerDetail .astrologerProfilePic {padding: 0; width: 100px; }
.astrologerPicBackground{height: auto;}
.astro-detail-ctn {
    width: calc(100% - 110px);
}
.exp-txt{font-size: 11px;}
.mobileAstrologerDetail .astrologerProfilePic img {width:100px !important; height: 100px !important; }
.mobileAstrologerDetail .astrologerName {
    font-size: 16px;
    text-align: left;
    margin-bottom: 0;
    font-weight: 500;
    color: #454545;
    margin-top: 0;
}

.buttonWrapCallChat .btns_chat_mbl button{
height: 30px; 
font-size: 12px;
line-height: 20px;
letter-spacing: 0.3px;
text-align: left;

}

.totalConsultations .left .ratings .fas{font-size: 12px;}
.totalConsultations .left .ratings{font-size: 12px;}
.totalCalls p{font-size: 10px;line-height: 12px;}
.totalCalls p .fas {font-size: 8px;}
.totalConsultations{margin-top: 0;}
.mobileAstrologerDetail .astrologerSkills {font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #616161; }
.mobileAstrologerDetail .astrologerLanguages {font-size: 13px; margin: 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mobileAstrologerDetail .astrologerExperience {font-size: 13px; margin-bottom: 5px; }
.mobileAstrologerDetail .astrologerFeesAmount {margin-bottom: 0; font-size: 13px;width:85px; }
.mobileAstrologerDetail .boldClassST {ont-weight: 800; color: #000; }
.desktopView {display: none !important; }
.mobileView {display: block !important; }
.desktop {display: none !important; }
.mobile {display: block !important; }
.mobileView .totalConsultations .totalCalls {padding-left: 96px; padding-right: 96px; }
.aboutUsMobileView {border-radius: 5px; border: 1px solid #0003; padding: 10px; margin-bottom: 5px; }
.mobileAstrologerDetail .aboutHeading {font-size: 16px; margin-bottom: 5px; font-weight: 600; }
.mobileAstrologerDetail .aboutParah {font-size: 15px; position: relative; padding: 0 5px 8px 5px; }
.buttonChatCallST_mobile_view {display: block; position: fixed; width: 100%; bottom: 0; left: 0; background-color: #eee; z-index: 99; --bs-gutter-x: 0 !important; }
.buttonWrapCallChat {padding: 8px 10px; flex-direction: row; justify-content: space-between; width: 100%; margin-bottom: 13px; }
.buttonChatCallST_mobile_view .btns_chat_mbl {width: 48%; margin-bottom: 0; margin-left: 0px; }


.buttonChatCallST_mobile_view .buttonContactST {margin-bottom: 0; padding: 5px 10px; min-height: 50px; border-radius: 10px; width: 100%; border: 2px solid #fff !important; box-shadow: 0 2px 4px 2px #ccc; height: 100%; }
.aboutDesc .shorten-toggle {font-size: 14px; border-radius: 20px; text-align: center; display: flex; align-items: center; justify-content: center; width: -webkit-max-content; width: max-content; color: #000; box-shadow: 0 0 2px #414141; padding: 2px 10px; margin: 10px auto 0; cursor: pointer; transition: .3s ease-in-out; font-weight: 700; }
 .floating-wpp-button{display:none;}
 .ribbonTopRightST {width: 95px;height: 68px;top: 0;left: 67%;}
 .ribbonBgST-old {right: -5px;top: 6px;transform: rotate(0deg);position: absolute;display: block;width: 100px;}
  .ribbonBgST {right: -24px; top: -2px; transform: rotate(0deg); position: absolute; display: block; width: 100px; }
 .ribbon-mt{margin-top: 15px;}
 div#google_translate_element {right: -80px;}
 
 .btn-gift {
    font-size: 13px;
    padding: 0;
    width: 60px;
    height: 30px;
    line-height: 31px;
    margin-top: -20px;
}
.giftST {
    text-align: center;
    padding-top: 0;
}
 #giftPackagesModal .rechargeVoucher .offerPercent h3 {font-size: 16px;}
 .modal-header-dakshina h3{font-size:15px;}
  
}

.lbl-choise {
    width: 100%;
    display: inline-block;
    margin: 0 ;
}

.astro-abt h5{margin-bottom: 5px;}

.fixed-button {
    position: fixed;
    z-index: 99999;
    bottom: 0;
    display: none;
    width: 100%;
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: normal;
    color: #fff;
    text-align: center;
    cursor: pointer; visibility: hidden;
}
.show, .fixed-button:hover {
    display: block;
}

div#block {
    padding: 10px 10px;
    background: #fff;
}

@media screen and (max-width: 767px) {
    
.astrologerFees {margin: 10px 0 20px; padding: 10px;}
.buttonWrapCallChat {margin-bottom: 0; }
.fixed-button{visibility: visible;}

}


/*======================== astro detail page css end ============  */