:root {
    --orange:#E86D2A;
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-breadcrumb-divider: '//';
}

*{
    margin: 0;
    padding: 0;
}

html, body {
    overflow-x: hidden;
    font-family: 'Montserrat', 'system-ui';
    /*font-family: Gilroy, -apple-system, BlinkMacSystemFont, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Arial, sans-serif !important;*/
    box-sizing: border-box;
}

body.bg_body{
    background:#fff !important;
}

img.logo-img{
    width: 200px;
    height:auto !important;
}

.loginSection{
    display: flex;
    align-items: center;
    width: max-content;
}

.loginImg img{
    width: 182px; 
}

.headerMenu a.nav-link {
    font-size: 12px;
    padding: 0px 10px !important;
    font-weight: 600;
}

.headerMenu a.nav-link:hover {
    color: #E86D2A !important;
}

.chatBtn, .talkBtn {
    color: #000 !important;
    border: 1px solid #000;
    padding: 5px 12px;
    background: #fff !important;
    font-size: 12px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.chatBtn:hover, .talkBtn:hover {
    color: #fff !important;
    background: linear-gradient(45deg, #b1229c, #f79c55) !important;
    border: 1px solid #b1229c;
}

.chatBtn i, .talkBtn i{
    font-size: 20px;
}

.SignupBtn{
    color: #E86D2A;
    font-size: 14px;
    border-radius: 6px;
    padding: 10px 20px;
    font-family: "Montserrat", sans-serif;
    transition: .5s ease-in-out;
}

.SignupBtn:hover{
    background-color: #E86D2A;
    color: #fff;
}

.loginBtn {
    font-size: 14px;
    background-color: #E86D2A;
    color: #fff;
    border-radius: 6px;
    /* border: 1px solid #E86D2A; */
    padding: 10px 20px;
    font-family: "Montserrat", sans-serif;
    transition: .5s ease-in-out;
}

.loginBtn:hover{
    background-color: #000;
    color: #fff;
}

.userProfile{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(180deg, #FFDECC 0%, #E86D2A 100%);
}

.dropTitle{
    font-size: 14px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    color: #212121;
}

.dropNum{
    color: #6D6D6D;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
}

.dropdownImg{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(180deg, #FFDECC 0%, #E86D2A 100%);
}

.nav_shadow{
   /* box-shadow: 0px 4px 4px 0px #00000040; */
    z-index: 10;
}

/*.navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
    color: #fff!important;
}*/

.main_nav.navbar-light .navbar-nav .nav-link:hover{
    color: #F79C55 !important;
}

.dropIcons{
    color: #E86D2A;
    background: rgba(232, 109, 42, .2);
    border-radius: 5px;
    padding: 0px 5px;
}

.droplistTitle{
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
}

.logOutBtn{
    background: #E86D2A;
    color: #fff;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    border: 2px solid #E86D2A;
}

.logOutBtn:hover{
    color: #E86D2A;
    background-color: #fff;
}

.UserdropDown{
    border: 0px;
    border-radius: 12px;
    box-shadow: 0px 4px 7px 0px #00000040;
}

nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #383232!important;
}


.main_nav{
    background: linear-gradient(45deg, #b1229c, #f79c55);
    z-index:1;
}

.main_nav .nav-item .nav-link{
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 20px;
    margin: 0 10px;
    border-bottom: 2px solid transparent;
}

.main_nav .nav-item .nav-link.active{
    font-size:16px;
    font-weight: 500!important;
    border-bottom: 2px solid #F79C55; /* Blue bottom border for active link */
    color: #F79C55 !important; /* Text color change when active 
   /* background: #a6089596;
    border-radius: 35px;*/
    
}

.main_nav .nav-item .nav-link:hover{
    color: #F79C55 !important;
    font-weight: 500 !important;
    border-bottom: 2px solid #F79C55;
    /*background: #a6089596;
    border-radius: 35px;*/
}

.main_nav .paddingLeft{
    padding-left: 64px;
}

.main_nav li.nav-item{
    position: relative;
    display: inline-flex;
    min-height: 2.8rem;
    height: auto;
    border-right:1px solid #000;
}

.main_nav li.nav-item:first-child {
    border-left: 1px solid #000;
    margin-left: 10px;
}

/*.activeNav{
    font-weight: 600!important;
}
.activeNav:after {
    position: absolute;
    background: #fff;
    height: 4px;
    left: 0px;
    content: "";
    bottom: 0;
    width: 100%;
    border-radius: 4px;
} */

.activeNav:hover:after {
    width: 100%;
}

.sliderBanner{
    background-image: url("/web_assets/img/slider2.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 300px;
    background-position: bottom;
    z-index: -1;
}

.consult-title{
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
}

.astro-title{
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

.astro-part{
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #C9614A;
}

.underImg{
    width: 100px;
}
.nameTitle {
    min-height: 60px;
    margin-top: 5px;
}
.consult-title{
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    color: #C9614A;
    font-weight: 300;
}
.g_title{
    color: #B6B6B6;
    font-size: 10px;
    font-family: "Montserrat", sans-serif;
}
.healerBtn {
    font-size: 14px;
    background-color: #E86D2A;
    color: #fff;
    border-radius: 6px;
    border: 1px solid #E86D2A;
    padding: 10px 20px;
    font-family: "Montserrat", sans-serif;
    transition: .5s ease-in-out;
}
.healerBtn:hover{
    background-color: #fff;
    color: #E86D2A;
}

.heal {
    height: 100px;
    width: 100px;
    background-color: #E86D2A;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.planetImg{
    width: 26px;
}

.h-text{
    font-size: 12px;
    color: #000;
    font-family: "Montserrat", sans-serif;
}

.arrowImg {
    height: 60px;
    display: block;
    margin-left: -35px;
}
.slideObj{
    height: 220px;
}
.sliderBackground {
    background-color: #000;
    border-radius: 5px;
    padding: 10px;
    margin-top: 25px;
    width: 90%;
    margin-left: 5%;
}
.slideGap{
    gap:130px;
}
.bottomGap {
    gap: 120px;
}
.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 10px!important;
    height: 10px!important;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 1;
    /* transition: opacity .6s ease; */
    border-radius: 50%!important;
}
.carousel-indicators .active {
    opacity: 1;
    background-color: #E86D2A;
}

.heading{
    color: #000;
    font-size: 30px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

/* .headImg {
    width: 52px !important;
    margin-left: 34px !important;
} */

.chatastroBtn{
    border: 1px solid #E86D2A;
    background-color: #E86D2A;
    border-radius: 20px;
    padding: 5px 10px;
    color: #fff;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    transition: .5s ease-in-out;
}

.chatastroBtn:hover{
    background-color: #fff;
    color: #E86D2A;
}

.talkastroBtn {
    border: 1px solid #E86D2A;
    border-radius: 20px;
    padding: 5px 10px;
    color: #E86D2A;
    background-color: #fff;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    transition: .5s ease-in-out;
}
.talkastroBtn:hover{
    background-color: #E86D2A;
    color: #fff;
}

.c-title{
    font-size: 17px;
    font-family: "Montserrat", sans-serif;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}
.trade-title{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    /*height: 32px;*/
    line-height: 10px;
    font-size: 13px;
    color: #575757;
    margin-bottom: 6px !important;
    font-weight: 600;
}
.language {
    font-size: 13px;
    color: #575757;
    margin-bottom: 6px !important;
    font-weight: 600;
}
.exp-title{
    color: grey;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    margin-bottom: 30px !important;
}
.liveHealerSection .card{
    border-radius: 10px;
}
.liveWidth-3 {
    position: relative;
    /* margin-top: 25px; */
}
.expertImg {
    width: 100%;
    background: linear-gradient(#FFF7F5, #FEE9E0);
    border-radius: 12px;
    height: 143px;
}
.proImg {
    position: absolute;
    left: 0px;
    top: -3px;
    width: 65px;
    height: 50px;
}
.language p {
    display: flex;
    text-align: center;
    gap: 2px;
}
.UserchatBtn{
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    border: 2px solid #E86D2A;
    color: #E86D2A;
    padding: 5px 5px;
    border-radius: 5px;
    background-color: #fff;
    transition: .5s ease-in-out;
    min-width: 90%;
    border-radius: 50px;
}
.UserchatBtn:hover{
    color: #fff;
    background-color: #E86D2A;
}

.language p span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 50%;
}
.ratingPositions {
    position: absolute;
    bottom: 7px;
    left: 5px;
    width:inherit;
}

.ratingBox {
    background-color: #fff !important;
    box-shadow: 0px 0px 10px 1px #ddd !important;
    padding: 3px 10px !important;
}

.t-title{
    font-weight: 600;
    text-align: left;
    border-radius: 5px;
    text-align: center;
    width: max-content;
    color: #00AF1C !important;
    padding: 0 !important;
    background-color: transparent;
    font-size: 13px;
}
.price-title{
    color: #C9614A;
}
.price-title del{
    color: #C9614A;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
}

.price-title span {
    color: #C9614A;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
}

.ratImg,.lanImg{
    width: 16px;
}

.rating, .lan{
    font-size: 13px;
    color: #575757;
    margin-bottom: 6px !important;
    font-weight: 600;
}
.timeLimitBtn {
    position: absolute;
    bottom: 39px;
}

.bg_color{
    background: #a609951c;
    border-radius: 5px;
}

.ViewAllbtn{
    color: #fff;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    padding: 10px 20px;
    transition: .5s ease-in-out;
    border: none;
    font-weight:500;
    box-shadow: 0 0 5px #aaa;
    background: #eb5840;
}

.ViewAllbtn:hover{
    background: #a6099694;
    color: #fff;
}

.dropdown-menu[data-bs-popper] {
    position: absolute;
}

/* ==================== Services section starts ==================== */

.servicesSection{
   /* background-image: url("/web_assets/img/services-section.png");
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover; 
    background: #f9b68269;*/
}
.servicesSection .card{
    border-radius: 10px!important;
}
.s-title{
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    color: grey;
font-weight:600;
}
.imgbg {
    border-radius: 5px;
  
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 90px;
}

/*.bg1{
    background: #FFE9E9;
}*/

.bg2 {
    background: #DCF3EF;
}
.bg3{
    background: #F6EBFF;
}
.bg4 {
    background: #FFF5E9;
}

.servicesImg {
    width: 100%;
    height: 90px;
    margin: auto !important;
    max-height: 100%;
border-radius: 10px;
}

/* ==================== Services section ends ==================== */


/* =================== Blog Section starts ======================== */
.blogSection .card{
    border-radius: 10px!important;
}

.Readbtn{
    border: 0px;
    color: #767676;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    text-decoration: none;
    font-weight: 500;
}

.blog-text{
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.userIcon{
    font-size: 12px;
    font-weight: 500;
    color: #808080;
    font-family: "Montserrat", sans-serif;
}
.vastuBtn {
  
    background-color: #fff;
    color: #000;
    font-weight: 600;
    font-size: 12px;
    padding: 5px 20px;
    font-family: "Montserrat", sans-serif;
    border-radius: 35px;
    width: auto;
    text-decoration: none;
    position: absolute;
    left: 15px;
    top: 15px;
    border: 1px solid #000;
}
.vastuBtn:hover{
    background-color: #000;
    color: #fff;
}



/* =================== Blog Section ends ======================== */


/* =================== Views sections starts ===================== */

.viewSection{
    width: 100%;
    background: linear-gradient(90deg, #E86D2A 49.05%, #FFB31F 100%);
}

.viewImg {
    width: 65px;
    height: 65px;
}

.countView {
    color: #fff;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
}
.viewTitle {
    color: #fff;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
}

.border-right{
    border-right: 2px solid #fff;
}

/* ===================== Views sections starts ==================== */


/* =================== Feed Back Starts ========================= */
.feedBackSection .card{
    border-radius: 10px!important;
}
.c-text{
    color: grey;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.feedImg {
    border-radius: 50%;
    width: 45px;
    height: 45px;
}
.feedTitle{
    font-size: 16px;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}
.feedAddress{
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: grey;
}

/* =================== Feed Back Ends ========================= */

/* ==================== Slider css starts ===================== */
.slick-dots li {
    margin: 0px!important;
    width: 20px;
}

.custom-indicators {
    text-align: center;
    margin-top: 10px;
    /* Adjust as needed */
}

.indicator {
    background-color: #ccc;
    /* Inactive indicator color */
    border: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    transition: 1.5 ease-in-out;
}

.indicator.active {
    background-color:#E86D2A;;
    width: 26px;
    height: 10px;
    border-radius: 20px;
}

/* .slick-active{
    width: 10px!important;
} */

.bgOrange {
    background: #FF74261A;
    opacity: .5;
    width: 157px;
    height: 468px;
    position: absolute;
    left: 0px;
    z-index: 0;
    margin-top: 18px;
}

.bgOrange1 {
    background: #FF74261A;
    opacity: .5;
    width: 157px;
    height: 442px;
    position: absolute;
    right: 0px;
    z-index: 0;
    margin-top: 50px;
}

.saturnImg img {
    position: absolute;
    right: 110px;
    margin-top: -13px;
    width: 77px;
}

.imgRightArrow img {
    width: 100px;
    position: absolute;
    margin-left: -34px;
    margin-top: -65px;
}

.leftArrow img {
    width: 100px;
    position: absolute;
    right: 41px;
    margin-top: -104px;
}

.slick-initialized .slick-slide {
    color: #FFF;
    height: auto;
    margin: 0 15px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slick-next,
.slick-prev {
    z-index: 5;
}

.slick-next {
    right: 15px;
    background: black !important;
    padding: 0px;
    width: 40px;
    height: 40px;
/*    line-height: 40px;*/
color:#fff;
border-radius: 50%;
}

.slick-prev {
    left: 0px;
background: black !important;
    padding: 0px;
    width: 40px;
    height: 40px;
/*    line-height: 40px;*/
color:#fff;
border-radius: 50%;
}

.slick-next:before,
.slick-prev:before {
    color: #fff;
    font-size: 26px;
}


/* ==================== Slider css ends ===================== */

/* ===================== Out top healer starts ================ */
.outTopSlider .card{
    border-radius: 10px!important;
   /* height:250px  !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;*/
    transition :transform 0.3s ease;
  /* border:2px solid #ccc !important; */
height:550px;
}

.outTopSlider .card:hover{
 transform: translateY(-10px);
}
.card_img{
    width: 120px;
    height: 120px;
    border-radius: 50%;     
}

.OutTop {
    color: #E86D2A;
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
 font-weight: 500;
}

.out-title{
    font-size: 15px;
    font-family: "Montserrat", sans-serif;
    color: #000;
    font-weight: 600;
}

.outExptitle{
    color: grey;
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
}

.overf{
    -webkit-line-clamp: 5 !important;
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    height: 127px !important;
}


/* ===================== Out top healer ends ================ */


/* ==================== Bottom section starts =============== */

.bottomSection {

    background-image: url("/web_assets/img/slider2.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 87%;
    height: 316px;
    border-radius: 10px;
}

/* .cont-title {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
} */

.ast-title {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

.astro-part {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #C9614A;
}

.connt-title {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    color: #C9614A;
    font-weight: 300;
}

.gg_title {
    color: #B6B6B6;
    font-size: 10px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

.heelerBtn {
    font-size: 14px;
    background-color: #E86D2A;
    color: #fff;
    border-radius: 6px;
    border: 1px solid #E86D2A;
    padding: 10px 20px;
    font-family: "Montserrat", sans-serif;
    transition: .5s ease-in-out;
}
.heelerBtn:hover{
    background-color: #fff;
    color: #E86D2A;
}

.heel {
    height: 100px;
    width: 100px;
    background-color: #E86D2A;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.plannetImg {
    width: 26px;
}

.hh-text {
    font-size: 12px;
    color: #000;
    font-family: "Montserrat", sans-serif;
}

.arrowwImg {
    height: 60px;
    display: block;
    margin-left: -35px;
}

.sliddeObj {
    height: 244px;
}

/* ==================== Bottom section ends =============== */

/* ======================= Modal styling starts ============== */

    .btnClose, .btnClose:hover{
        text-decoration: none;
        position: absolute;
        right: 15px;
        top: 10px;
        font-size: 16px;
        color: gray;
    }
    .loginImg{
        width: 100%;
    }
    .loginTitle{
        font-size: 20px;
        font-weight: 600;
        font-family: "Montserrat", sans-serif;
    }
    .sendBtn{
        background: #E86D2A;
        color: #fff;
        font-family: "Montserrat", sans-serif;
        font-size: 14px;
        border: 1px solid #E86D2A;
    }
    .sendBtn:hover{
        background: #fff;
        color: #E86D2A;
    }
    .agree-text{
        color: #727272;
        font-size: 12px;
        font-family: "Montserrat", sans-serif;
    }
    .privacy-text{
        font-size: 12px;
        font-weight: 500;
        font-family: "Montserrat", sans-serif;
        color: #E86D2A;
    }
    .countryCode{
        width: 24%;
        display: block;           
            padding: .375rem .75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border-radius: .25rem;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    .encodeMob{
        font-family: "Montserrat", sans-serif;
        font-size: 15px;
        color: #000;
        font-weight: 600;
        text-align: center;
    }
    .otpText{
        color: #7C7C7C;
        font-family: "Montserrat", sans-serif;
        font-size: 12px;
        font-weight: 400;
    }
        .otp-input-fields {
            margin: auto;
            background-color: white;
            max-width: 400px;
            width: auto;
            display: flex;
            justify-content: center;
            gap: 10px;
        }
    
        .otp-input-fields input {
            height: 50px;
            width: 50px;
            background-color: transparent;
            border-radius: 4px;
            border: 1px solid #B9B9B9;
            text-align: center;
            outline: none;
            font-size: 16px;
            /* Firefox */
        }
    
        .otp-input-fields input::-webkit-outer-spin-button,
        .otp-input-fields input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
    
        .otp-input-fields input[type=number] {
            -moz-appearance: textfield;
        }
    
        .otp-input-fields input:focus {
            border-width: 2px;
            border-color: #B9B9B9;
            font-size: 20px;
        }
        p.otptext{
            color: #676767;
            font-size: 12px;
            font-weight: 400;
            font-family: "Montserrat", sans-serif;
        }
        span.resendCount{
            color: #E86D2A;
            font-size: 12px;
            font-weight: 400;
            font-family: "Montserrat", sans-serif;
        }
        
/* ======================= Modal styling ends ============== */


/* ======================= Services Section starts ============ */

.servTitle{
    color: #000000;
    font-size: 17px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
}
.h-title{
    color: #7C7C7C;
    font-size: 14px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
}
ol.breadcrumb li.breadcrumb-item {
    font-size: 16px;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.breadcrumb .active-item{
    color: #E86D2A!important;
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: var(--bs-breadcrumb-divider);
}

.joinBG{
    background: linear-gradient(92.67deg, #FFFAF2 0%, #FFEAE5 100%);
    width: 100%;
    height: 100%;
box-shadow: 0 0 10px #ccc;
    padding: 40px !important;
    border-radius: 25px !important;
}
.j-title{
    color: #E86D2A;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
font-weight:500;
}
.jj-title{
    color: #272727;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: 600;
}
.joinBtn{
    color: #fff;
    background: #E86D2A;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 500;
    width: 60%;
    transition: .5s ease-in-out;
    border: 1px solid #E86D2A;
padding:10px 20px;
}
.joinBtn:hover{
    background: #fff;
    color: #E86D2A;
}
.joinUnderline {
/*   width:106px;*/
    margin-left: 40px;
}
.joinArrow{
   /* width: 180px;
    margin-top: 50px;*/
}
.leftDots img {
    width: 40px;
    height: 40px;
    position: absolute;
    left: -8px;
    bottom: -22px;
}
.rightDots img {
    width: 40px;
    height: 40px;
    position: absolute;
    right: -5px;
    top: -60px;
}
.dropNav li a{
    font-size: 14px;
    font-weight:500;
    margin-bottom: 5px;
}

.dropNav li a:hover{
/*background-color:#E86D2A;*/
background:#000;
color:#fff;
border-radius: 10px;
}
/* ======================= Services Section ends ============ */

/* ======================= Healer List Starts ================ */

.healersTabBtn{
    border-radius: 20px;
    color: #000;
    background: #d7d4d450;
    border: 1px solid #000;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    transition: .5s ease-in-out;
    padding: 10px 20px;
    font-weight: 600;
}

.healersTabBtn.active, .healersTabBtn:hover{
    border-radius: 35px;
    color: #fff;
    padding: 10px 20px;
    background: #000;
    font-size: 14px;

}
input.borderInput::placeholder{
    font-size: 12px;
    color: #AAAAAA;
    font-family: "Montserrat", sans-serif;
}
.borderInput, .borderInput:focus{
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    height: 44px;
    line-height: 30px;
    outline: 0;
    box-shadow: none;
    border: 1px solid #AAAAAA
}
.searchButton{
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #fff;
    height: 44px;
    line-height: 30px;
    border: 1px solid #AAAAAA
}
.searchIcon{
    color: #AAAAAA;
    font-size: 16px;
}
.WaitchatBtn {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    border: 1px solid #FB0000;
    color: #FB0000;
    padding: 2px 16px;
    border-radius: 5px;
    background-color: #fff;
    transition: .5s ease-in-out;
}

.WaitchatBtn:hover {
    background: #FB0000;
    color: #fff;
}

.waitTiming {
    color: #FB0000;
    font-size: 8px;
    font-weight: 500;
    position: absolute;
}
/* ======================= Healer List ends ================ */



/* ======================= User Detail Form Starts =============== */

    .userChatWithBtn{
        background: #E86D2A;
        color: #fff;
        font-family: "Montserrat", sans-serif;
        font-size: 12px;
        border: 1px solid #E86D2A;
    }
    .userChatWithBtn:hover{
        background-color: #fff;
        color: #E86D2A;
    }
    .skipBtn{
        font-family: "Montserrat", sans-serif;
        font-size: 12px;
        color: #6A6A6A;
        font-weight: 500;
    }
    .userDetailForm{
       background: #fff;
    margin-top: 30px;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    .userDetailForm input::placeholder,
    .userDetailForm input, .userDetailForm select
    {
        font-size: 14px;
        color: #515151;
        font-family: "Montserrat", sans-serif;
        border-color: #B9B9B9;
        height: 40px;
font-weight:500;
        border-radius: 8px;
    }
    .formBgOrange {
        background: #FF74261A;
        opacity: .5;
        width: 166px;
        height: 330px;
        position: absolute;
        left: 0px;
        z-index: 0;
        margin-top: -15px;
    }
    .formBgOrange1 {
        background: #FF74261A;
        opacity: .5;
        width: 166px;
        height: 442px;
        position: absolute;
        right: 0px;
        z-index: 0;
        margin-top: 58px;
    }
    .formleftArrow img {
        width: 100px;
        position: absolute;
        right: 35px;
        margin-top: -55px;
    }
    .formsaturnImg img {
        position: absolute;
        left: 23px;
        margin-top: 10px;
        width: 77px;
    }
    .space-bottom {
        margin-bottom: 196px;
    }
/* ======================= User Detail Form Ends =============== */




/* ======================= Chat Section Starts ================== */

.msger{
    width: 100%;
    height: 100%;
    display: flex;
}
.main-container{
    width: 74%; 
    height: 100%;
   /* background: linear-gradient(105.88deg, #EAEAEA 1.01%, #E4E4E4 100%);
    background: #e4e4e469;*/
    margin-left: 26%;
    max-height: 100%;
    min-height: 100vh;
}

.msger-img img{
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.msgr-title{
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    color: #000;
    font-weight: 500;
}
.msger-header{
    width: 74%;
    background: #FCE4D7;
    padding: 16px;
}
.time-left{
    color: #00AF1C;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.chatEndBtn{
    color: #E86D2A;
    border: 1px solid #E86D2A;
    background-color: #fff;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    transition: .5s ease-in-out;
    position: absolute;
    right: 20px;
}
.chatEndBtn:hover{
    background-color: #E86D2A;
    color: #fff;
}
main.msger-chat {
    width: 100%;
    /*background: #FFFEF6;*/
    margin-bottom: 57px;
    margin-top: 70px;
    padding:10px 0;
    overflow-y: scroll;
    scrollbar-width: none;
}

::-webkit-scrollbar-track{
    background: #FFB48B;
}

.msger-inputarea{
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
}
.msger-input{
   border-radius: 20px;
    width: 100%;
    border: 1px solid #B0B0B0;
    box-shadow: 0px 0px 4px 0px #00000040;
    color: #000;
    font-weight: 500;
    padding: 5px 15px;
    font-size: 15px;
    outline: none;
}
.msger-input::placeholder{
    font-size: 12px;
    color: #999999;
}
.msger-send-btn {
    border: 1px solid #E86D2A;
    border-radius: 20px;
    padding: 5px 20px;
    color: #fff;
    font-size: 12px;
    background-color: #E86D2A;
    transition: .5s ease-in-out;
}
.msger-send-btn:hover{
    background-color: #fff;
    color: #E86D2A;
}
.attach{
    transform: rotate(45deg);
    margin-right: 20px;
}
.attach i{
    color: #000;
    font-size: 24px;
}

/* ======================== RIGHT MESSAGE STARTS ===================== */

.msg {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}
.msg:last-of-type {
    margin: 0;
}
.msg-bubble {
    max-width: 450px;
    padding: 10px;
    border-radius: 15px; 
}
.msg-info-time .bi bi-check2-all{
font-size:10px;l
}
/*.msg-info {
    margin-bottom: 10px;
}*/
.msg-info-name {
    margin-right: 10px;
    font-weight: bold;
}
.msg-info-time {
    font-size: 10px;
    font-weight:700;
    float: right;
    color: #838383;
}

.right-msg {
    flex-direction: row-reverse;
}
.right-msg .msg-bubble {
    background: #C5FBC0;;
    color: #fff;
    /* border-bottom-right-radius: 0; */
}
.right-msg .msg-img {
    margin: 0 0 0 10px;
}

.chatrightTitle{
    font-size: 14px;
    color: #000;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}
.msg-info-text {
    font-size: 14px;
    color: #000;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
}

/* ======================== RIGHT MESSAGE ENDS ===================== */


/* ======================== LEFT MESSAGE STARTS ===================== */

.left-msg .msg {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}

.left-msg .msg:last-of-type {
    margin: 0;
}

.left-msg .msg-bubble {
   
    max-width: 450px;
    padding: 10px;
    border-radius: 15px;
    word-wrap: break-word;
}

/*.left-msg .msg-info {
    margin-bottom: 10px;
}*/

.left-msg .msg-info-name {
    margin-right: 10px;
    font-weight: bold;
}

.left-msg .msg-info-time {
    font-size: 10px;
font-weight:700;
    float: left;
    color: #838383;
}

.left-msg {
    flex-direction: row;
}

.left-msg .msg-bubble {
    background: #C5FBC0;
    ;
    color: #fff;
    /* border-bottom-right-radius: 0; */
}

.left-msg .msg-img {
    margin: 0 0 0 10px;
}

.left-msg .chatleftTitle {
    font-size: 14px;
    color: #000;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

.left-msg .msg-info-text {
    font-size: 14px;
    color: #000;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
}

/* ======================== LEFT MESSAGE ENDS ===================== */

.reviewPending{
    text-align: center;
    font-size: 14px;
    color: #484848;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.chatExptitle{
    color: #484848;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 12px;
}
.chatButton{
    font-size: 12px;
    border: 1px solid #E86D2A;
    border-radius: 20px;
    background-color: #E86D2A;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    transition: .5s ease-in-out;
}
.chatButton:hover{
    background-color: #fff;
    color: #E86D2A;
}
.mainSideContainer {
    height: 100%;
    width: 26%;
    background: linear-gradient(180deg, #3a393e, #5e5b38);;
    position: fixed;
    padding:15px;
    overflow:auto;
z-index:9;
}

/* .sideImg{
    border-radius: 50%;
    border: 2.14px solid #FFFFFF;
} */

.sideImg{
   width:175px;
   height:175px;
}
.sideImg img {
    width: 100%;
    height: 175px !important;
    margin:auto !important;
    max-height:100%;

    border: 2.14px solid #FFFFFF;
    border-radius: 50%;
  /*  padding: 10px;*/
}
.sideLeftArrow i {
    font-size: 28px;
    margin-left: 20px;
    color: #fff;
}
.crownImg{
    width: 24px;
}

.premiumBtn{
    border: 1.6px solid #F5852E;
    border-radius: 30px;
    background: #333333;
    padding: 2px 12px;
}
.premiumBtn p{
    color: #E86D2A;
    font-size: 13px;
font-weight:500;
    font-family: "Montserrat", sans-serif;
}
p.sideText{
    color: #fff;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    text-align: justify;
}
.f-title{
    color: #fff;
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.vl {
    border-left: 1px solid #fff;
    height: 38px;
}

.submitBtn{
    border: 1px solid #E86D2A;
    color: #fff;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    background: #E86D2A;
    transition: .5s ease-in-out;
}

.submitBtn:hover{
    background-color: #fff;
    color: #E86D2A;
}

/* ======================= Chat Section Ends ================== */




/* ======================= Custom Popup Modal Starts ==================  */
.closeIcon {
    margin-bottom: 10px;
    position: absolute;
    right: 20px;
    top: 10px;
    padding-bottom: 10px;
}

/* #popup-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.685);
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9998;
    display: block;
    overflow-y: hidden;
    overflow-x: hidden;
} */
.popup{
    width: 100%;
    height: auto;
    background: rgba(0, 0, 0, 0.4);
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 9999;
}
.popup .popup__content {
    width: 100%;
    border-radius: 20px;
    overflow: auto;
    padding: 20px;
    background: white;
    color: black;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    max-width: 300px;
    min-width: 30%;
}
.popImg {
    display: flex;
    justify-content: center;
}
.popImg .loadImg{
    width: 60px;
    height: 60px;
}
.chatRequestTitle{
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    color: #2D2D2D;
    font-weight: 600;
}
.popUser{
    color: #606060;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 12px;
}
.waitTitle{
    color: #000000;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.rejectBtn, .cancelBtn{
    width: 120px;
    background-color: #fff;
    border: 1px solid #E86D2A;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    color: #E86D2A;
}
.rejectBtn:hover, .cancelBtn:hover{
    background-color: #E86D2A;
    color: #fff;
}
.acceptBtn, .chatEnd{
    width: 120px;
    background-color: #E86D2A;
    border: 1px solid #E86D2A;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    color: #fff;
}
.acceptBtn:hover, .chatEnd:hover{
    background-color: #fff;
    color: #E86D2A;
}

/* ================= feedback Rating starts ==================  */

.feedback {
    max-width: 360px;
    width: 100%;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
}

.ratingsComment{
    border: 1px solid #D0CDCD;
    color: #767676;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    border-radius: 10px;
    padding: 10px;
}

.comment-ratings {
    display: flex;
    width: 100%;
    justify-content: center;
    overflow: hidden;
    flex-direction: row-reverse;
    /* height: 150px; */
    position: relative;
}

.comment-ratings-0 {
    filter: grayscale(100%);
}

.comment-ratings>input {
    display: none;
}

.comment-ratings>label {
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin-top: auto;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 76%;
    transition: .3s;
}

.comment-ratings>input:checked~label,
.comment-ratings>input:checked~label~label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}


.comment-ratings>input:not(:checked)~label:hover,
.comment-ratings>input:not(:checked)~label:hover~label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

/* ================= feedback Rating ends ==================  */



/* ================= Reviw Rating starts ==================  */

.review-rating {
    max-width: 360px;
    width: 100%;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
}
/* .star-rating-0 {
    filter: grayscale(100%);
} */


img.reviewArrow {
    position: absolute;
    right: 5px;
    top: 8px;
    height: 64px;
}

.star-rating {
    display: flex;
    width: 100%;
    justify-content: start;
    overflow: hidden;
    flex-direction: row-reverse;
    /* height: 150px; */
    position: relative;
}

.star-rating>input {
    display: none;
}

.star-rating>label {
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin-top: auto;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 76%;
    transition: .3s;
}

.star-rating>input:checked~label,
.star-rating>input:checked~label~label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}


.star-rating>input:not(:checked)~label:hover,
.star-rating>input:not(:checked)~label:hover~label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}


/* ================= review Rating ends ==================  */




/* ============= Rating PopUp Starts ================ */

.popupRating {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 9999;
}

.popupRating .popupRating__content {
    width: 100%;
    border-radius: 20px;
    overflow: auto;
    padding: 20px;
    background: white;
    color: black;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    max-width: 300px;
    min-width: 30%;
}

.popRatingUser {
    color: #606060;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 12px;
}

/* ============= Rating PopUp Ends ================ */



/* ======================= Custom Popup Modal Ends ==================  */




/* ==================== Footer section starts =============== */

.footerSection{
    width: 100%;
   background: linear-gradient(90.13deg, #545151 0.12%, #000000 100.86%);
    margin-bottom: 0px;
}
/*
.footerLogo {
    width: 60px;
    height: 60px;
}*/

.footaddress-t {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
}

.footaddress {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
}

.mailAddress {
   font-size: 14px;
    color: #fff;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
}

.envelopeIcon{
    color: #E86D2A;
}
.phoneIcon{
    color: #E86D2A;
}
.mobNo {
   font-size: 14px;
    color: grey;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
}

.socialIcons{
    opacity: 70%;
    color: #fff;
}

.foot-title{
    color: #fff;
    font-family: "Montserrat", sans-serif;
    /*font-size: 14px;*/
    font-weight: 600;
    margin: 10px 0px;
}

.foot-list a , .foot-list p{
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight:500;
    text-decoration: none;
}

.subscribeBtn{
    color: #fff;
    background: #E86D2A;
    border-radius: 5px;
    padding: 5px 15px;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    transition: .5s ease-in-out;
    border: 1px solid #E86D2A;
}
.subscribeBtn:hover{
    background: #fff;
    color: #E86D2A;
}

.footInput input[type="text"]::placeholder{
    color: #515151;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
}

 .footInput input, .footInput input:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #B9B9B9;
 }

/* ==================== Footer section ends =============== */


/* ===================== Book Session Starts =================== */

#wrapper {
    margin: 0px auto;
   /* height:100vh;*/
}

.session-tabs .card{
    border-radius: 20px;
    background-color: #fff;
}

.session-card-title{
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}
.session-card-text{
    color: #787878;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.book-section {
    width: 100%;
    background-color: #d7d4d450;
    border-radius: 10px;
    /*border: 1px solid #E86D2A; */
    padding: 10px;
}
.bookNowbtn {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    border-radius: 35px;
    border: 1px solid #000;
    /*background-color: #E86D2A;*/
    transition: .5s ease-in-out;
}.bookNowbtn:hover {
    background-color: #000 !important;
    color: #fff !important;
}

.text-message {
    width: 20px;
    height: 20px;
}
.rupee {
    font-size: 16px;
    font-weight: 600;
    color: #E86D2A;
    font-family: "Montserrat", sans-serif;
}
.min-rupee{
    color: #E86D2A;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.forChat{
    font-size: 12px;
    color: #000;
    font-family: "Montserrat", sans-serif;
}

#codes>li {
    padding: 6px;
}

#codes>li>a {
   /* background: #fff;*/
    position: relative;
    display: block;
    padding: 8px 24px;
    border-radius: 10px;
    color: #000;
    cursor: pointer !important;
    border: 1px solid #000;
    border-radius: 35px;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 500;
  
}

#codes>li>a:active,
#codes>li>a:hover,
#codes>li a.nav-link.active,
#codes>li a.nav-link.active:hover {
    position: relative;
   
    font-size: 14px;
    font-weight: 500;
    display: block;
    padding: 8px 24px;
   
    color: #fff !important;
    cursor: default;
    background: #000;
    border: 1px solid #000;
   /* border-bottom-color: transparent!important;*/
}
.reviewRatingTitle, .aboutTitle,.social-Title{
    font-weight: 700;
   /* font-size: 24px;*/
   
    color: #000;
}
.user-title{
    color: #000;
   /* font-size: 15px;*/
    font-weight: 500;
    
}
.user-text{
    color: #505050;
    overflow:auto;
    /* font-size: 12px;*/
    height: 130px;
}

.reviewRatingSection .card{
    border-radius: 15px;
   /* border: 1px solid #E86D2A; */
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   transition :transform 0.3s ease;
   height:250px !important;

}
.user-img{
    width: 70px;
    border-radius: 50%;
    border: 1px solid #CECECE;
    padding: 5px;
}

.about-section p.about-text{
    color: #464646;
   /*font-size: 12px;*/
   text-align: justify;
    font-weight: 400;
}


.social a i {
    font-size: 34px;
}

.instagram {
    width: 36px;
    height: auto;
}

/* .social a i.fa-instagram-square {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
} */
.social a i.fa-youtube-square {
    color: #E60000;
}

.social a i.fa-facebook-square {
    color: #475993;
}

/* ===================== Book Session Ends =================== */



/* ======================== Book Now starts ====================*/

.bg-color{
    background: #333333;
}
.userBookTitle{
    color: #000;
   
    /*font-size: 22px;*/
    font-weight: 500;
}
.leftBookArrow{
    font-size: 26px;
    color: #000;
}
.userCard{
   	/* border: 1px solid #E86D2A80;*/
    	border-radius: 10px 10px 0 0 ;
	padding:1rem;
	background:aliceblue;
}

.min-book-rupee{
    color: #000;
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.book-rupee {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    font-family: "Montserrat", sans-serif;
}
.table.table_p td{
padding:0.5rem !important;
white-space: normal;
}
.exp-book-title{
    color: #333333;
    font-size: 14px;
    font-family: "Montserrat",sans-serif;
    font-weight: 500;
}

.p_date{
color: #333333;
    font-size: 13px;
    font-family: "Montserrat",sans-serif;
    font-weight: 500;
}
.rateReview{
    color: #333333;
   
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.rateReview img{
    width: 20px;
}
.connectTitle{
    color: #E86D2A;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 14px;
}
.text-message1 {
    width: 26px;
    height: 26px;
}

/*.bookSessionCard {
    border: 1.3px solid #E0DEDE;
    border-radius: 10px;
}*/
.sessionTitle{
    text-align: center;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 20px;
}
.selectTitle{
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 16px;
}
.bookSlotBtn{
    color: #fff;
    width: 100%;
    background: #E86D2A;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    border-radius: 10px;
    padding: 10px 15px;
    border: 1px solid #E86D2A;
    transition: .5s ease-in-out;
border-radius:35px;
}
.bookSlotBtn:hover {
    background: #fff;
    color: #E86D2A;
}

.SlotList{
    height: 150px;
    overflow: auto;
}

.dateBtn{
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    text-align: center;
    border: 1px solid #000;
    font-size: 14px;
    width: 110px;
    max-height: 60px;
    padding:10px;
border-radius:35px;
}

.bookedDate{
    border: 1px solid #000;
    color: #000;
    background:#d7d4d450;
border-radius:35px;
}
.bookedDate:hover, .dateBtn:hover {
    color: #fff;
    background-color: #000;
}
.booked-text{
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
}
 .dateBtn:hover .booked-text{
    color: #fff;
}

.session_tabs {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    text-decoration: none;
    list-style: none;
    overflow-x: hidden;
    gap: 5px;
    white-space: nowrap;
}

.session_items{
    text-align: center;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 0px 4.88px 0px #00000026;
    border-radius: 10px;
    margin: 4px;
}

.session_items:hover{
  background: #00000066;
}

.session_items h6{
    font-size: 12px;
    font-weight: 400;
}

.session_items h4 {
    font-size: 18px;
    font-weight: 500;
}

.session_items:hover h4,
.session_items:hover h6{
    color: #fff;
}

 .activeDate{
    background: #000; 
}

.activeDate h4, .activeDate h6{
color: #fff;
}
.workday-indicator,.satday-indicator,.sunday-indicator {
    width: 20px;
    border-radius: 5px;
}
.workday-indicator{
    border-bottom: 5px solid #00AF1C;
}
.satday-indicator{
    border-bottom: 5px solid #FB0000;
}
.sunday-indicator {
    border-bottom: 5px solid #F8B31A;
}

.btnPrevious,
.btnNext {
    box-shadow: 0px 2.05px 4.09px 0px #00000040;
    position: absolute;
    top: 40px;
    color: #000;
    background: #fff;
    padding: 5px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btnPrevious {
    font-size: 12px;
    left: 8px;
}
.btnNext{
    font-size: 12px;
    right: 8px;
}

.nameTitle{
    min-height: 35px;
}
/* ======================== Book Now ends ====================*/



/* ======================== New Change Css ====================*/
.card-shadow{
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   transition :transform 0.3s ease;
   
}
.card-shadow:hover{
transform: translateY(-10px);
}

.card_shadow{
    /*border: 2px solid #ccc;*/
border:none;
    border-radius: 10px;
    /*min-height: 170px;*/
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
   
}
.card_shadow:hover{
transform: translateY(-10px);
}

img.hand_img_small{
width:50%;
}
.outTopSlider .slick-track{
padding:10px 0;
}

.my-slider .card{
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition :transform 0.3s ease;
}

.my-slider .card:hover{
transform: translateY(-10px);
}

.my-slider .slick-track{s
padding:10px 0;
}

.UserdropDown {
 min-width: 14rem !important;
}

.UserdropDown a.btnhover{
color:#000 !important;
}

.UserdropDown a.btnhover:hover {
    background: #000;
    border-radius: 10px;
    color:#fff;
}

.UserdropDown a.btnhover:hover p, .UserdropDown a.btnhover:hover h6, .UserdropDown a.btnhover:hover h5 {
 color:#fff !important; 
   font-weight:500;
}

.UserdropDown a.btnhover:hover .dropIcons{
   background:#fff !important;
   color:#E86D2A !important;
}

.cardheight{
/* height:220px !important; */
}

.cardheight img{
height:220px;
border-radius:10px !important;
}

/*.bottomSection1 {
   background: #b1229c69;
}*/

.pad1rem{
    padding:2rem;
}

.profileForm{
    
    background: #fff;
    padding: 25px;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.tb_div{
    background: #fff;
    padding: 20px;
    border-radius: 20px;
box-shadow: 0 0 10px #aaa;
}

.tb_div label{
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px;
}

.tb_div div.dt-container .dt-paging .dt-paging-button.disabled{
 	background: #000000a1 !important;
 	color:#fff !important;
}

.tb_div div.dt-container .dt-paging .dt-paging-button.disabled:hover{
 	background: #f9a97d !important;
 	color:#000 !important;
}

.tb_div div.dt-container .dt-paging .dt-paging-button{
    min-width: 2.5em !important;
    padding: 0.4em 1em !important;
    border-radius: 50% !important;
}

.bg-content{
background: #E86D2A;
    padding: 10px;
    border-radius: 5px;
    width: 100px;
    height: 65px;

}


.send_msg{
position: fixed;
    bottom: 0;
    width: 74%;
    background: #FCE4D7;
}


.bgContent{
background: #fff;
    width: 75px;
    height: 70px;
    border:2px solid grey;
    box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    border-radius: 5px;
   /* padding: 10px;*/
}




.timezone_data{
width :100%;
margin:0 auto;

}



.all_bgBtn{
    background: var(--orange);
    border: 1px solid;
    border-color: var(--orange);
    color:#fff !important;
    border-radius:35px;
}

.all_bgBtn:hover{
    background: #fff !important;
    color:var(--orange) !important;
}


.busybtn{
    background-color: #e86d2a;
    color: #fff;
    border: 2px solid #e86d2a90;
}
.busybtn:hover{
    background-color: #e86d2a !important;
    color: #fff !important;
    border: 2px solid #e86d2a90;
}

.dt-type-numeric{
text-align:center !important;
}

.modal-open{
max-height : 100% !important;

}

.login_form .iti__country-list{
max-width: 340px;
}

.login_form .iti__country.iti__highlight{
min-width: 500px;
}

.share_p_btn{
background: transparent;
text-align: end;
}

.share_p_btn img{
 width:75%;
}

.left-bottom-content{
    padding:2px  4px;
   /* display: flex;
    align-items: center;
    justify-content: center;*/
}

.left-top-content{
    background: #E86D2A;
    padding: 2px;
}

.left-bottom-content p{
    color: #000 !important;
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;

}

.left-top-content .feedback{
    color: #fff !important;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    padding: 3.4px 0;
}

.ul_nav_wrap{
	justify-content:center;	
}
.card_height4{
    height:458px;
}

.blog-text{
    height:60px;
}
.left-top-content img{
width:20px;
}

img.cardImg{
    width:140px;
    height:140px;
}

.main_nav{
    background: #fff !important;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    color: #000 !important ;
}

.text_decoration{
width:80%;
}


.content-wrapper {
position: relative;
width: 100%;
max-width: 600px; /* Set max-width as needed */
margin: auto;
}

.about_p {
height: 142px;
overflow-y: scroll;
background-color: white; /* Background color for content area */
position: relative;
z-index: 2; /* Ensures text appears above blur overlays */
-ms-overflow-style: none; /* Hide scrollbar in IE and Edge */
scrollbar-width: none; /* Hide scrollbar in Firefox */
}

.about_pp {
color:#000;
/* height: 170px; */
overflow-y: scroll;
/* background-color: white; Background color for content area */
position: relative;
z-index: 2; /* Ensures text appears above blur overlays */
-ms-overflow-style: none; /* Hide scrollbar in IE and Edge */
scrollbar-width: none; /* Hide scrollbar in Firefox */
}

.about_pp::-webkit-scrollbar {
display: none; /* Hide scrollbar in Chrome, Safari, and Opera */
}

.about_p::-webkit-scrollbar {
display: none; /* Hide scrollbar in Chrome, Safari, and Opera */
}

.blur-overlay {
position: absolute;
left: 0;
right: 0;
height: 15px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 1.1), rgba(255, 255, 255, 0)); /* Adjust color as needed */
z-index: 3;
pointer-events: none; /* Makes sure the overlay does not interfere with scrolling */
}


.blur-overlay.bottom {
bottom: 0;
background: linear-gradient(to top, rgba(255, 255, 255, 1.1), rgba(255, 255, 255, 0));
}


.about_ppp {
color:#000;
height: 17px;
overflow-y: scroll;
position: relative;
z-index: 2; 
-ms-overflow-style: none; 
scrollbar-width: none; 
}

.about_ppp::-webkit-scrollbar {
display: none; 
}





/* ======================== New Change Css all Pages ====================*/

 .dateBtn{
        margin:5px;
    }
    .dateBtn.active{
    background-color: #000;
    color: #fff;
    }
    .booking_slot, .reviewSection{
        /* background: linear-gradient(99.64deg, #FFFAF1 0%, #FFEFCF 100%); */
        /* background:#e4e4e469; */
        min-height:100vh;
    }
    .booking_carc_h500{
        width:100%;
        height:500px;
        box-shadow: 0 0 25px #b1b1b1ba;
    }
    .kundali_des{
        height:215px;
        overflow:auto;
    }

    .reviewCard{
        border-radius: 10px 10px 0 0;
        padding: 1rem;
        background: aliceblue;

    }

    .tradeBtn{
        background: #E86D2A !important;
        color: #fff !important;
    }

    .review_card{
        width: 100%;
       height: 100%;
       box-shadow: 0 0 25px #b1b1b1ba;
    }

.reviewSection .table>:not(caption)>*>*{
padding:0.5rem !important;
}

.reviewSection .form-control {
    padding: .4rem;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.bgImg_allp{
     background-image:url('<?=base_url();?>web_assets/img/services-section.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;

}

/* ======================== New Change Css all Pages 16-12 ====================*/


   .login_form{
            padding: 7.05rem 1rem;
        }
        .login_form1{
            padding: 5.8rem 1rem;
        }

.login_page {
    position: relative;
   
    min-height: 100vh; 
   
    display: flex;
    align-items: center;
    justify-content: center;
}

.reviewBox{
display:flex;
align-items:center;
justify-content:center;
}

button.close {
    z-index: 99999;
    top: -4px;
    position: absolute;
    float: right;
    right: -4px;
    font-size: 30px;
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    border: none;
    display: flex
;
    align-items: center;
    justify-content: center;
    background: #ea7a3d;
    color: #fff;
    box-shadow: 0 0 10px;
}