@import url('https://fonts.googleapis.com/css2?family=Livvic:ital,wght@0,400;0,500;1,300;1,400&family=Noto+Sans:ital,wght@0,100;0,300;0,400;1,200;1,400&family=Open+Sans:ital,wght@0,300;0,500;1,500&family=Playfair+Display:wght@400;500;600&family=Poppins:ital,wght@0,200;0,400;1,200;1,300&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Open Sans';
}


/* ********************************header start****************************** */

.logo img {
    width: 80%;
    text-align: center;
    padding: 10px 0;
}
.cb-mobile-header{
    justify-content: end;
}

.cb-mobile-header .chat-with-astrologer-btn{
    display: flex;
    width: 200px;
    height: 46px;
    align-items: center;
    justify-content: center;
    background: #f16024;
    font-size: 14px;
    font-weight: 600;
    border-radius: 40px;
    padding: 8px 20px;
    margin-right: 8px;
    white-space: nowrap;
    color: #fff;
    text-decoration: none;
    margin-top: 18px;
}

.cb-mobile-header .chat-with-astrologer-btn i {
    margin: 0 5px;
    font-size: 15px;
}
.cb-mobile-header .navbar-toggler{
    display: none;
}
.mobile-logo{
    display: none;
}

.button-box {
    float: right;
}
.rahukaal-box {
    text-align: center;
    background: #FF9800;
    font-size: 30px;
    font-family: inherit;
    font-weight: 500;
    padding: 15px;
    margin-top: 20px;
    border-radius: 50px;
    margin-bottom: 18px;
}
.form-section {
    width: 69px;
    padding: 4px 8px;
    height: 43px;
    margin-top: 18px;
    color: black;
    font-size: 15px;
    border: 1px solid#00000052;
    border-radius: 2px;
}

.search-box {
    position: relative;
}

.search-box input {
    position: relative;
    padding: 8px;
    margin-top: 20px;
    color: #fff;
    position: relative;
    border-radius: 30px;
    font-size: 14px;
    padding: 10px 30px 10px 20px;
    border: 1px solid #e4e4e4;
}

.search-box i {
    position: absolute;
    cursor: pointer;
    color: #000;
    opacity: .6;
    top: 13px;
    font-size: 14px;
    right: 20px;
}

.cb-menubar {
    background-color: #f16024;
}

.navbar {
    padding: 0;
}

.cb-navbar.navbar-light .navbar-nav .nav-link {
    color: #fff;
    position: relative;
    border-top: 1px solid transparent;
    padding: 10px 15px;
    background: transparent;
    font-size: 14px;
    font-family: "Open Sans";
    font-weight: 600;
    padding-right: 18px;
}


.navbar-nav .nav-item.active .nav-link {
    background-color: #ab4500;
}

.navbar-nav .nav-item .nav-link:hover {
    background-color: #ab4500;
}

.cb-navbar.navbar-light .navbar-nav .nav-link i {
    padding: 0 3px;
}
.muhurat-menu li {
    padding: 0;
    margin: 0;
}
.muhurat-menu li a{
    font-size: 14px;
    text-align: center;
    padding: 5px 10px;
    color: #000;
}
#header-menu ul.dropdown-menu.muhurat-menu.show {  padding: 0; }
#header-menu ul.dropdown-menu.muhurat-menu.show li a {text-align: left;border-bottom: 1px solid #f16024;padding: 8px 10px;}
#header-menu ul.dropdown-menu.muhurat-menu.show li a:hover {background: #f16024; color: #fff;}

/* *****************************banner************************************* */

.cb-banner-section {
    background-color: #000;
}

.banner {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.banner img {
    width: 200px;
    height: 200px;
}

.banner-text h1 {
    text-align: center;
    font-size: 25px;
    line-height: 1.6;
    color: #a0ab00;
    padding-top: 50px;
    font-weight: 500;
}

.banner-text P {
    color: #FFFFFF;
    font-size: 38px;
    font-weight: bold;
}

.cb-button-prev {
    left: -35px;
    background: #000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: 85px;

}

.cb-button-next{
     right: -35px;
    background: #000;
    width: 20px;
    height:20px;
    border-radius: 50%;
    top: 85px;
}
   



/* <!-- **********************************ecxtra work********************************* --> */

.astrology-section {
    padding: 40px 0;
    background-color: #fff;
}

.cb-astrologer {
    margin: 0;
    padding: 10px 0;
    list-style: none;
    width: 100%;
}

.cb-astrologer>li {
    margin: 0 0.5em 0 0.1em;
    color: #616161;
    text-align: justify;
    float: left;
}

.cb-astrologer>li>a {
    background: #ccc;
    padding: 0.13em 0.4em;
    font-size: 13px;
    float: left;
    text-decoration: none;
    color: #454545;
    position: relative;
    display: flex;
    align-items: center;
    height: 22px;
}

.cb-astrologer>li>a ::before {
    top: 50%;
    margin-top: 0;
    border: 0 solid #f1f2f2;
    border-left-color: #0000;
    left: 0;
}

.cb-astrologer>li>a::after {
    content: "";
    position: absolute;
    top: 50%;
    border-top: 11px solid #0000;
    border-bottom: 11px solid #0000;
    border-left: 12px solid #ccc;
    right: -12px;
    z-index: 99;
    transform: translateY(-50%);
    height: 100%;
}

.cb-astrologer>p {
    cursor: default;
    color: #000;
    padding: 0px;
    text-align: center;
    float: left;
}

.cb-balance p {
    padding: 10px 0;
    font-size: 16px;
    color: #000;
    font-weight: 400;
    font-family: 'Noto Sans', sans-serif;
}

.categary {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.categary>li .recharge-btn {
    color: #ff7010;
    border: 1px solid #ff7010 !important;
    border-radius: 5px;
    padding: 7px 18px;
    font-size: 12px;
    display: block;
    text-decoration: none;
    transition: all .3s ease-in-out;
    cursor: pointer;
    background-color: transparent;
}

.categary>li .recharge-btn:hover {
    background-color: #ff7010;
    color: #fff;
    border-color: #ff7010;
}

.categary>li {
    list-style: none;
}

.categary>li .filter-btn {
    width: 80px;
    font-size: 12px;
    padding: 7px;
    border-radius: 5px;
    background-color: #fff;
    transition: all .3s ease-in-out;
    border: 1px solid #ddd;
    color: #313131;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}

.categary>li .filter-btn>i {
    font-size: 12px;
    color: #7e7e7e;
    margin-right: 5px;
}

.categary>li .filter-btn:hover {
    background-color: #ddd;
    border: 1px solid #ddd;
    color: #313131;
}

.cb-serach-form {
    list-style: none;
}

.cb-serach-form>div {
    position: relative;
    padding: 0;
    margin-left: 10px;
}

.cb-serach-form>div>input {
    position: relative;
    border-radius: 5px;
    font-size: 13px;
    padding: 6px 30px 6px 6px;
    width: 100%;
    color: #212529;
    background-color: #fff;
    border: 1px solid #ced4da;
}

.cb-serach-form>div>i {
    position: absolute;
    opacity: .6;
    top: 10px;
    font-size: 13px;
    right: 22px;
    width: 0;
}

.astrologer-box {
    background-color: #fff;
    box-shadow: 0 0 0px #ccc;
    border-radius: 10px;
    margin-bottom: 22px;
    text-decoration: none;
    position: relative;
    width: 100%;
    display: flex;
    border: 1px solid #ccc;
}

.astrologer-box .left-side {
    padding: 14px 17px 10px;
}

.astrologer-box .left-side a img {
    width: 85px;
    height: 85px;
    background-repeat: round;
    object-fit: cover;
    overflow: hidden;
    border: 1px solid #ccccccd1;
    border-radius: 50%;
    cursor: pointer;
    background-image: url(../images/cb-img1.jpg);
}

.astrologer-box .left-side {
    width: 30%;
}

.astrologer-box .left-side ul {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.astrologer-box .left-side ul>li {
    list-style: none;
    padding-top: 5px;
}

.astrologer-box .left-side ul>li>i {
    color: #000;
}

.astrologer-box .left-side p {
    color: #000;
    font-size: 15px;
}

.astrologer-box .right-side .name {
    display: flex;
    justify-content: space-between;
    width: 92%;
    padding: 5px 0;
}

.astrologer-box .right-side .name i {
    width: 25px;
    height: 25px;
    color: #fff;
    font-size: 12px;
    padding: 6px 0;
    background-color: #3aad00;
    border-radius: 100%;
    text-align: center;
}

.astrologer-box .right-side {
    width: 70%;
}

.astrologer-box .right-side .name a p {
    font-size: 18px;
    color: #000;
    font-weight: 400;
    display: block;
    text-align: left !important;
    margin-bottom: 0;
}

.astrologer-box .right-side .cb-text1 {
    color: #f16024;
    font-size: 18px;
    padding: 5px 0;
}

.astrologer-box .right-side .name>p:hover {
    color: #ff7010;
}

.astrologer-box .right-side>p {
    color: #000;
    font-size: 15px;
    margin: 0;
    padding: 2px 0;
}

.cb-chat-btn {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    color: #f16024;
    background-color: #fff;
    border: 1px solid #f16024;
    padding: 5px 12px;
    display: block;
    border-radius: 5px;
}

.cb-chat-btn:hover {
    background-color: #ff7010;
    color: #fff;
    border: none;
}

.cb-morebtn a {
    display: inline-block;
    background: #f16024;
    border-radius: 5px;
    color: #fff;
    padding: 8px 40px;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Noto Sans', sans-serif;
    text-decoration: none;
}

.cb-morebtn a:hover {
    background-color: #f16024;
    color: #fff;
    border: none;
}
/*******************************************slick slider****************************************/
.slide-section{
    margin-bottom: 40px;
}
.myslide{
    position: relative;
    margin-right: 10px;
}
.myslide img{
    width: 100%;
    border-radius: 10px;
    height: auto;
}
.slide-text{
    position: absolute;
    bottom: 0;
    line-height: 1.5;
    width: 88%;
   color: #fff;
    font-weight: 600;
    padding: 5px 10px;
    text-align: center;
    font-size: 18px;
}
/*****************************************************category-list*******************************************/

.cb-categortext{
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;


}
.category-list{
    justify-content: space-between;
    margin: 0;
    padding: 0;
    display: flex;
}

.category-list li{
    list-style: none;
   text-align: center;
}

.category-list li a{
    text-decoration: none;
   text-align: center;
   margin-right: 10px;
}
.category-list li a img{
    width: 40px;
    height: 40px;
}
.category-list li a  p{
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-bottom: 0;

}
.category-list li a span{
    color: #4a4949;
    padding: 5px 0 !important;
    font-size: 10px;
    font-weight: 400;
     text-align: center;

}
.cb-text-category  h3{
    font-size: 24px;
    font-weight: 600;
    }
.cb-category-box{
   background-color: #fff;
    box-shadow: 0 0px  3px #ddd;
    border-radius: 10px;
    margin-bottom: 22px;
    padding: 20px 20px;
}
.cb-select-button{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-weight: normal;
   font-size: 14x;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #E9E9ED;
    color: #000;
    width: 100px;
    height: auto;
    float: right;
}
/*********************************myastrokart about section start************************************/
.myastrokart-cb-box{
            box-shadow: 0 0px 3px #ccc;
            border-radius: 10px;
            padding: 20px 20px;
            margin-bottom: 22px;
}
.myastrokart-cb-box h3 {
font-size: 24px;
line-height: 1.6;
font-weight: 600;
color: #333;
margin-top: 10px;

}
.myastrokart-cb-box p{
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 15px;
    color: #4a4949;
}
.myastrokart-cb-box p span{
    font-size: 14px;
    line-height: 1.6;
    font-weight: bold;
    margin: 0 0 15px;
    color: #000;
}
/* <!-- ******************************************slider start myastrokart************************************************** -->*/
.myastro-carousel h3{
    font-size: 24px;
    font-weight: 600;
    color: #000;
    line-height: 1.6;

}
.myastro-view-btn{
    text-align: right;
}
.myastro-view-btn a{
    font-size: 16px;
    font-weight: 500;
    color: #ab4500;
    text-decoration: none;
    display: block;
    padding-top: 8px;
}

.myastro-view-btn a i{
     color: #ab4500;
     margin: 0 3px;
}
.slider-section a{
    text-decoration: none;
}

.slider-img img{
    width: 100%;
    height: 170px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.slider-head h3{
    font-size: 16px;
    font-weight: 600px;
    color: #000;
    padding: 0 15px;
    margin: 0;
}
.slider-head p{
    font-size: 14px;
    color: #000;
    padding: 0 15px;
   
    
}
.slider-head p span{
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
.slider-section{
    box-shadow: 0 0px 3px #ccc;
    border-radius: 10px;
    margin:0  10px ;
   
}
.slider-button-prev{
    left: -25px;
    background: #000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: 150px;
}
.slider-button-next{
    right: -25px;
    background: #000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: 150px;

}

.sliderastro-section{
    box-shadow: 0 0px 3px #ccc;
    border-radius: 10px;
   margin-bottom: 20px;
   padding: 20px 20px;
}

/*********************************************shubh muhurat section start*****************************************/
.muhurt-list-box{
    box-shadow: 0 0px 3px #ccc;
    border-radius: 10px;
    padding: 20px 20px;
    margin-bottom: 22px;
    margin-top: 20px;
}
.muhurt-list-box h3{
    font-size: 24px;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 5px;

}
.muhurt-list-box p{
    font-size: 14px;
    font-weight: 400;
    color: #000;
}
.muhurt-list-titles{
    margin-bottom: 5px;
    padding-top: 10px;
}
.muhurt-list-titles:hover{
 background: rgba(86,56,113,.05);;
}
.muhurt-list-titles .muhurt-img{
    text-decoration: none;
}
.muhurt-list-titles .muhurt-img >img{
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 5px;
}
.muhurt-list-titles .muhurt-text{
    padding-left: 16px;
}

.muhurt-list-titles .muhurt-text h3{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
    color: #000;
    margin: 0;
}
.muhurt-list-titles .muhurt-text p{
    font-size: 14px;
    font-weight: 400;
    color: #404040;    

}
.muhurt-list-titles .muhurt-btn a{
    width: 100px;
    margin-top: 15px;
    margin-bottom: 0;
    background: #fff;
    float: right;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    color: #f16024;
    border: 1px solid #f16024;
    border-radius: 5px;
}
.muhurt-list-titles .muhurt-btn a:hover{
    background-color: #f16024;
    color: #fff;
}

/************************************vrat upvas section start*****************************/
.cb-vrat-test{
    display: flex;
    justify-content: space-between;
}
.cb-vrat-test h3{
    font-size: 24px;
    font-weight: 600;
    color: #000;
    line-height: 1.6;
}
.cb-vrat-test a{
    font-size: 16px;
    font-weight: 500;
    color: #ab4500;
    text-decoration: none;
    display: block;
    padding-top: 8px;
}
.cb-vrat-test a i{
    color: #ab4500;
    margin: 0 3px;
}
.vrat-title p{
    font-size: 14px;
    line-height: 1.6;
    color: #333;
}
.cb-vrat-img a{
    text-decoration: none;
}
.cb-vrat-img a img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 5px;
}
.cb-vrat-img a h3{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    color: #000;
    padding: 10px 0;
    text-align: left;
}
.cb-vrat-img{
    margin: 0 8px;
}
.vrat-box{
   box-shadow: 0 0px 3px #ccc;
    border-radius: 10px;
    padding: 20px 20px;
    margin-bottom: 22px;
    margin-top: 20px;  
}
/***********************************panchang section start****************************************************/
.panchang-list{
  padding: 0;
  margin: 0;
}
.panchang-list li{
    list-style: none;
    display: flex;
}
.panchang-list li>div>img{
    width: 70px;
    height: 70px;
    

}
.panchang-list .panchang-head {
    padding: 0px 10px;
}
.panchang-list .panchang-head h3{
    font-size: 24px;
    font-weight: 600;
    color: #000;
    line-height: 1.6;
}
.panchang-list .panchang-head p{
    font-size: 14px;
    line-height: 1.6;
    color: #333;
    font-weight: 400;

}
.panchang-location{
    text-align: right;
    padding:16px  0;
    padding-right: 15px;
}
.panchang-location p{
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    font-weight: 400;
}
.panchang-location .location i{
    color: #f16024;
    font-size: 20px;
}
.panchang-location .location i span{
    color: #f16024;
     font-size: 14px;
     font-weight: 400;
}
.panchang-text{
    text-align: center;
}
.panchang-date{
    margin: 0;
    padding: 0;
}
.panchang-date>p{
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    padding-top: 10px;
}

.panchang-tithi .panchang-right p{
    text-align: right;
    margin: 0 5px;
     font-size: 15px;
    line-height: 1.6;
    font-weight: 500;
    color: #fff;
    padding: 5px 0;

}
.panchang-tithi .panchang-left p{
    text-align: left;
    margin: 0 30px;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 500;
    color: #fff;
    padding: 5px 0;
}

.cb-panchang{
     background-color: red;
}

.sunrise p{
    font-size: 15px;
    line-height: 1.6;
    font-weight: 500;
    color: #fff;
    padding: 5px 0;
    margin: 0;
}
.panchang-box{
box-shadow: 0 0px 3px #ccc;
    border-radius: 15px 15px 0 0;
    padding: 10px 12px 0px;
    position: relative;
    margin: 30px 0;
 
   
   }
   .panchang-color{
     background-image: url(../images/homecardbg.gif);
     
    background-repeat: no-repeat;
    background-position: center;
   
    background-color: #1d1d1d;
   }
   

/***************************************profile page start*************************************************/


.cb-cover-image {
height: 300px;
background-repeat: no-repeat;
background-size: cover;
}
.cb-profile-img img{
   
  margin-bottom: 10px;
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
}
.cb-profile-text{

  justify-content: space-between;
  margin-bottom: 10px;
}
.cb-profile-text h3{
font-size: 24px;
    line-height: 1.33;
    color: #000;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0;
}
.cb-profile-text h3 span{
    color: #4d525b;
    font-size: 24px;
    line-height: 1.33;
   font-weight: 400;
   
    margin-bottom: 0;
    margin-top: 0;
}
.cb-profile-text .button-btn{
    background: #f16024;
    border-color: #f16024;
    color: #f7f7f7;
    font-size: 14px;
   
    border: 1px solid;
    border-radius: 3px;
    
    font-weight: 700;
    padding: 6px 13px;
    
}
.cb-profile-input{
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    color: #4d525b;
}
.profile-star{
padding: 0;
}
.profile-star li{
    list-style: none;
}
.profile-star li i{
    color: #f16024;
    margin: 2px;
}
.profile-star li p{
    font-size: 13px;
    margin: 0;
    padding-top: 4px;
}
.cb-star-profile{
    padding: 0;
    justify-content: space-between;
}
.cb-star-profile li{
    list-style: none;

    
}
.cb-star-profile li span{
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    color: #f16024;

}
.cb-star-profile li p{
    font-size: 16px;
    color: #0e1724;
    line-height: 1.5;
    font-weight: 400;
    margin: 0px;
}
.cb-profile-details p{
font-size: 15px;
font-weight: 400;
line-height: 1.4;
color: #0e1724;
}
.profiles i{
    color: #5dc26a;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    padding: 0;
    margin-right: 20px;

}
.profiles p{
        font-size: 14px;
            line-height: 1.43;
            color: #5dc26a;
            padding: 0 !important;
}
.cb-profile-section{
    padding: 16px;
    box-shadow: 0 0 3px #ddd;
    margin-top: -100px;
    background: #fff;
    margin-bottom: 50px;
 }
 .astrologer-box .right-side .name a {
    text-decoration: none;
}
.cb-profile-text button.modal-astro-button{
    font-size: 14px;
    font-weight: normal;
    width: 30%;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    box-shadow: 0 0 3px #ddd;
    background: #ab4500;
    padding: 10px;
    color: #fff;
    border: 1px solid #ab4500;
    margin-top: 30px;
}


/* ************************************review section start************************************************/
.review-title{
     padding: 10px;
     border-bottom: 1px solid #ddd;
      box-shadow: 0 0 6px #ddd;
    background: #fff;
  
}

.review-text{
    justify-content: space-between;
}
.review-text h3{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    color: #0e1724;
    padding-top: 5px;
}
.review-select-box{
    justify-content: end;
}
.review-select-box p{
font-size: 14px;
    font-weight: 400;
    text-align: right;
    color: #0e1724;
       margin: 0;
    padding: 0;
    margin: 7px 8px;
}
.form-select-section{
    display: inline-block;
    padding: 6px 8px;
    font-weight: normal;
    font-size: 14x;
    text-align: left;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #E9E9ED;
    color: #000;
    width: 100px;
    height: auto;
    float: right;


}
.review-box p{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color:#4d525b ;
    padding: 0;
    margin-top: 10px;
}
.cb-doller-text p{
    text-align: right;
    font-size: 15px;
    font-weight: 400;
     color:#4d525b ;
     margin: 0;
}
.cb-content h3{
    color: #0e1724;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}
.cb-content p{
    font-size: 14px;
    line-height: 1.43;
    font-weight: 400;
    color: #0e1724;
}
.cb-content p a{
    text-decoration: none;
}
.cb-myastrotalk-reviews{
    display: flex;
    list-style: none;
    padding: 0 ;
    margin-right: 10px;
}
.cb-myastrotalk-reviews li{
    margin-right: 5px;
}
.cb-myastrotalk-reviews li a{
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #0d6efd;
}
.cb-myastrotalk-reviews li a i{
    font-size: 3px;
    margin: 0 5px;
    color: #000;
}
.border-bottom{
    1px solid #ddd
}
.review-star{
    padding: 0;
}
.review-star li{
    list-style: none;
}
.review-star li i{
    color: #f16024;
    margin: 2px;
}
.review-star li p{
    font-size: 13px;
   margin: 0;
    padding-top: 4px;
}
.riviews-list{
   box-shadow: 0 0 3px #ddd;
    background: #fff;
    padding:  10px; 
}

.popup-modal label{
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 2px;
    margin-top: 10px;
}

.popup-modal input{
    background-color: #fff;
    color: #000;
    font-weight: 100;
    border: 1px solid #ccc;
  padding: 10px 10px;
}

.popup-modal .form-input{
    width: 100%;
    font-size: 14px;
    color: #333;
    border-radius: 4px
    padding: 6px 10px;
    margin-bottom: 10px;
    margin-top: 5px;
}
.popup-modal .my-astro-select{
    background-color: #fff;
    font-size: 14px;
    font-weight: 100;
    border: 1px solid #ccc;
    height: 42px;
}
.popup-modal .my-astro-select option{
    font-size: 14px;
    color: #000;
    line-height: 1.4;
}
.popup-modal.left-check-box{
display: flex;
    width: 165px;
    justify-content: space-between;
}
.kundali-boxes{
    box-shadow: 0 0px 3px #ccc;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 22px;
}

.astro-button{
    text-align: right;
    margin: 20px;
    border-top: 1px solid #eee;

}
.popup-modal .popup-btn{
    padding: 10px 20px;
    font-size: 14px;
    font-weight: normal;
    width: 30%;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    box-shadow: 0 0 3px #ddd;
    background: #ab4500;
    padding: 10px;
    color: #fff;
    border: 1px solid #ab4500;
   

}

/***************************************STEPBAR TIMELINE START*********************************************/
.wrapper {
    font-size: 14px;
    
}

.StepProgress {
    position: relative;
    padding-left: 45px;
    list-style: none;
}

.StepProgress::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 0;
    left: 15px;
    width: 10px;
    height: 100%;
    border-left: 2px solid #CCC;
}

.StepProgress-item {
    position: relative;
    counter-increment: list;
}

.StepProgress-item:not(:last-child) {
    padding-bottom: 10px;
}

.StepProgress-item:not(:last-child)::before {
    display: inline-block;
    content: '';
    position: absolute;
    left: -30px;
    height: 100%;
    width: 10px;
}

.StepProgress-item:not(:last-child)::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: -37px;
    width: 15px;
    height: 15px;
    border: 2px solid #CCC;
    border-radius: 50%;
    background-color: #FFF;
}

.StepProgress-item.is-done::before {
    border-left: 2px solid #ccc;
}

.StepProgress-item.is-done::after {
    
    font-size: 0px;
    color: #FFF;
    text-align: center;
    border: 2px solid #ccc;
    background-color: #ccc;
}
.step li p{
    width: 95%;
    height: 42px;
    background: #fff;
    font-size: 14px;
    border-radius: 40px;
    padding: 10px 0px;
   color: #000;
   margin: 10px;
   border: 1px solid #00000040;
   text-align: center;
}
.daybox{
    position: absolute;
    left: -180px;
    top: 0;
}
.daybox h3{
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    color: #0e1724;
    margin: 0;
}
.daybox small{
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #4d525b;
}
.stepbar-timeline {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    color: #0e1724;
    text-align: left;
    background: #fff;
  padding: 12px;
    border-bottom: 1px solid #ddd;
    
    
}
.stepbar-section{
    box-shadow: 0 0 3px #ddd;
    background: #fff;
    padding:  10px; 
    margin-bottom: 10px; 
}
/*********************************************** janam-kundali start***********************************************/
.cb-janam-kundali{
margin: 20px;
}
.cb-janam-kundali h1{
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700 !important;
    text-align: center;
    text-transform: uppercase;
    color: #000
}
.cb-janam-kundali p span{
font-size: 14px ;
font-weight: bold;
text-align: center;
line-height: 1.6;
    color: #333;
}
.cb-janam-kundali p{
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    line-height: 1.6;
    color: #333;
   
}
.kundali-form a{
    font-size: 16px;
    text-decoration: underline;
    color: #ab4500;
    padding-bottom: 0.5rem;
}
.kundali-form h2{
    font-size: 16px;
    font-weight: 600;
    color:#ab4500 ;
    padding-top: 10px;
    text-align: left;
}
.kundali-banner{
    background-image: url(../images/astrology-banner.jpg);
    padding: 0 15px;
    background-position-x: center;
    padding-bottom: 8px;
}
.kundali-banner h2{
    font-size: 24px;
    font-weight: 600;
    color: #fff;
   padding-top: 10px;
    line-height: 1.3;

}
.kundali-banner a{
     font-size: 12px;
    text-decoration: underline;
    color: #fff;
    padding-right:  5px;
    padding-bottom: 15px;
}
.kundali-text{
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: 10px 0;
}
.my-astro-form label{
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 2px;
    margin-top: 10px;
}

.my-astro-form input{
    background-color: #fff;
    color: #000;
    font-weight: 100;
    border: 1px solid #ccc;
  padding: 10px 10px;
}

.my-astro-form .form-input{
    width: 100%;
    font-size: 14px;
    color: #333;
    border-radius: 4px
    padding: 6px 10px;
    margin-bottom: 10px;
    margin-top: 5px;
}
.my-astro-form .my-astro-select{
    background-color: #fff;
    font-size: 14px;
    font-weight: 100;
    border: 1px solid #ccc;
    height: 42px;
}
.my-astro-form .my-astro-select option{
    font-size: 14px;
    color: #000;
    line-height: 1.4;
}
.my-astro-form.left-check-box{
display: flex;
    width: 165px;
    justify-content: space-between;
}
.kundali-boxes{
    box-shadow: 0 0px 3px #ccc;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 22px;
}
.kundali-astro-imgages a img{
    width: 100%;
    height: auto;
}
.astro-button{
    text-align: right;
    margin: 20px;
    border-top: 1px solid #eee;

}
.astro-button .btn-first{
    padding: 10px 20px;
    font-size: 14px;
    font-weight: normal;
    width: 30%;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
        box-shadow: 0 0 3px #ddd;
    background: #fff;
    padding:  10px; 
    color: #000;
    border: 1px solid #ab4500;
    margin-right: 3px;
    margin-top: 30px;

}
.astro-button .btn-second{
    padding: 10px 20px;
    font-size: 14px;
    font-weight: normal;
    width: 30%;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
box-shadow: 0 0 3px #ddd;
    background: #ab4500;
    padding:  10px; 
    color: #fff;
    border:1px solid #ab4500;
    margin-top: 30px;

}
/*************************************choghadiya start*******************************************/
.choghadiya-header{
   background: linear-gradient(to right,#eaac5b 0%,#948720 10%,#948720 90%,#eaac5b 100%);
   padding: 10px 0 5px;
}
.choghadiya-title h3{
    line-height: 1;
    font-weight: 600;
    font-size: 22px;
    text-align: center;
    color: #fff;
}
.Choghadiya-img img{
    width: 60px;
    height: 60px;
    margin-right: 10px;
}
.choghadiya-head h3{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 1.4;
    margin: 0;
}
.choghadiya-head span{
    font-size: 14px;
    line-height: 1.4;
        color: #f1f1f1;
        font-weight: 600;
}
.choghadiya-head div p{
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
        color: #f1f1f1;
        font-weight: 600;
}
.choghdiya-name p{
    font-size: 14px;
    line-height: 1.4;
        color: #f1f1f1;
        font-weight: 600;
        margin: 0;
}
.choghadiya-title-right h3{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin: 0;
    text-decoration: underline;
}
.choghadiya-title-right p{
    font-size: 20px;
    line-height: 1.4;
        color: #f1f1f1;
        font-weight: 600;
        line-height: 1.4;
        text-align: center;
        margin: 0;
}
.choghadiya-title-right span{
    text-align: center;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    padding: 0;
}
.cb-red-color{
    color: #cf2121;
    font-weight: 600;
    font-size: 14px;
    padding-left: 6px;
    display: inline-block;
}


.choghadiya-map-input input{
     color: #000;
    background: #fff;
    height: 35px;
    font-size: 14px;
    border-radius: 4px;
    display: inline-block;
    padding: 15px;
}
.choghadiya-calender span i{
    
   background-color: transparent !important;
   
}

.choghadiya-calender input{
    color: #000;
    background: #fff;
    height: 35px;
    font-size: 14px;
    border-radius: 4px;
    display: inline-block;
    padding: 15px;
}
.choghadiya-btn{
    text-align: right;
}
.choghadiya-btn .choghadiya-prev{
    margin: 2px;
    padding: 6px 6px;
    min-width: 100px;
    height: 35px;
    font-size: 14px;
    text-align: center;
    border-radius: 3px;
    display: inline-block;
    box-shadow: 0 1px 1px rgba(0,0,0,.4);
    background-color: #ab4500;
    border: none;
}
.choghadiya-btn .choghadiya-prev i{
margin: 4px;
color: #fff;
font-size: 14px;
}

.choghadiya-btn .choghadiya-today{
     margin: 2px;
    padding: 6px 6px;
    min-width: 100px;
    height: 35px;
    font-size: 14px;
    text-align: center;
    border-radius: 3px;
    display: inline-block;
    box-shadow: 0 1px 1px rgba(0,0,0,.4);
    background-color: #ab4500;
    border: none;
}

.choghadiya-btn .choghadiya-next{
      margin: 2px;
    padding: 6px 6px;
    min-width: 100px;
    height: 35px;
    font-size: 14px;
    text-align: center;
    border-radius: 3px;
    display: inline-block;
    box-shadow: 0 1px 1px rgba(0,0,0,.4);
    background-color: #ab4500;
    border: none;
}

.choghadiya-btn .choghadiya-next i{
        margin: 4px;
        color: #fff;
        font-size: 14px;
}



.cb-choghadiya-text h3{
    width: 100%;
   font-weight: 600;
    font-size: 22px;
    padding: 15px 30px;
    text-align: center;
     background: #ab4500;
     color: #fff;
     margin: 0;
   
}
.cb-choghadiya-text p{
        font-size: 15px;
    line-height: 1.6;
    margin-top: 10px;
    color: #4a4949;
    text-align: center;
}
.choghadiya-table-iconleft{
    display: flex;
    padding: 10px 0;
    margin: 0;
}
.choghadiya-table-iconleft img{
    width: 22px;
    height: 22px;
    margin-right: 5px;
   
   
}
.choghadiya-table-iconleft h4{
    font-size: 14px;
    font-weight: ;
    font-weight: 500;
    color: #000;
    padding-top: 2px;
}
.choghadiya-table-iconright{
    display: flex;
    padding: 10px 0;
    margin: 0;
}
.choghadiya-table-iconright img{
     width: 22px;
    height: 22px;
    margin-right: 5px;
   
}

.choghadiya-table-iconright h4{
     font-size: 14px;
    font-weight: ;
    font-weight: 500;
    color: #000;
    padding-top: 2px;
}
.choghadiya-name-left img{
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.choghadiya-name-left p{
    font-size: 15px;
    text-align: center;
   margin: 0;
    color: #fff;
    font-weight: 600;

}
.choghadiya-name-left{
    border: 1px solid #ab4500;
    background-color: #f16024;
    padding: 10px;
    border-radius: 5px;
    margin: 1px 0px;
    min-height: 55px;
}
.choghadiya-name-right p{
     font-size: 15px;
    text-align: left;
   margin: 0;
    color: #fff;
    font-weight: 600;
}
.choghadiya-name-right{
     border: 1px solid #ab4500;
    background-color: #f1602470;
    padding: 10px;
    border-radius: 5px;
    margin:1px  0;
     min-height: 55px;
}
.green-col{
    background-color: #379420;
}
.red-col{
background-color: #cf2121;
}
.light-green-col{
    background-color: #329420b8;
}
.maroon-col{
    background-color: #581e00;
}
.blue-col{
    background-color: #001833;
}
.choghadiya-name-right1 p{
    font-size: 15px;
    text-align: left;
   margin: 0;
    color: #fff;
    font-weight: 600;
}
.choghadiya-name-right1 .cb-red-color{
     color: #cf2121;
    font-weight: 600;
    font-size: 14px;
    padding-left: 6px;
    display: inline-block;
}
.choghadiya-name-right1{
     border: 1px solid #ab4500;
    background-color: #f1602470;
    padding: 0px 4px 0 6px;
    border-radius: 5px;
    margin: 1px 0;
}
.cb-white-color{
     color: #fff;
    font-weight: 600;
    font-size: 15px;
    
    display: inline-block;
}
.cb-choghadiya-box{
   box-shadow: 0 0px 3px #ccc;
    border-radius: 10px;
    padding: 20px 20px;
    margin-bottom: 22px;
    margin-top: 20px
}
.cb-choghadiya-col{
    padding: 0 2px;
}

.deepgreen{
    background: #13630bc9;
}
.red{
    background: #b50000bf;
}
.green{
    background:#019001ad;
}
.blue{
    background: #085e9bc2;
}
.bg-time-color{
    background: #f1602470;
}
.bg-time-colorday{
    background: #f1602470;
    color: red;
   
}
.bg-time-colorday th{
     font-size: 14px ;
    border-left: 0;
    border-bottom: 2px;
    text-align: left;
}
.bg-time-color td{
    font-size: 14px;
    color: #333;
    padding: 8px;
    text-align: left;

}
.bg-gray{
    background-color: #f9f9f9;
    color: #333;
}
.bg-gray td{
    font-size: 14px;
    color: #333;
    padding: 8px;
    text-align: left;

}


/******************************************************Frequently section start******************************/
.question-box h3{
    display: block;
    padding: 5px;
    font-weight: 600;
    font-size: 24px;
    text-transform: capitalize;
    padding-right: 20px;
    position: relative;
    color: #000;
    text-align: center;
    text-transform: uppercase;
}
.accordian-section .accordion-button{
    background: #fff;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.6;
    padding: 15px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;

}
.accordian-section .accordion-item{
    border: none;
}
.accordian-section .accordion-body p{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    padding: 5px;
    color: #333;
}

 .accordian-section .accordion-button:first-child{
    border-top: none;
 }
  .accordian-section  .accordion-body {

    border-bottom: 1px solid #ccc;
}

/***************************************************LOVE CALCULATOR START********************************************/
.calculator-text h3{
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700 !important;
    text-align: center;
    text-transform: uppercase;
    color: #000;
}

.calculator-text p{
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    line-height: 1.6;
    color: #333;
}
.calculator-title{
    justify-content: space-between;
}

.calculator-title h3{
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600 !important;
    color:#fff ;
    padding: 10px 0;

   }

.cb-calculator h3{
     font-size: 18px;
    line-height: 1.2;
    font-weight: 600 !important;
    color:#fff ;
    padding: 10px 0;
}

.calculate{
    background-color: #f16024;
    border-bottom: 1px solid #ab4500;
}
.calculator-img{
    padding: 0;
}
.calculator-img img{
    width: 40px ;
    height: 40px;
    margin-right: 5px;
    padding: 0 0;
}
.calculator-img p{
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    line-height: 1.6;
    color: #333;
    padding: 8px 0;
}
.calculator-check i{
    font-size: 20px;
    color: green;
    padding: 8px 0;
   
}
.calculator-check{
    background-color: #f1602470; 
}

.calcute-color{
    background-color: #f6f6f6;
}
.calcute-color h3{
     font-size: 18px;
    line-height: 1.2;
    font-weight: 600 !important;
    color:#000 ;
    padding: 10px 0;
}

.calculator-box{
  margin-bottom: 22px;
   border: 1px solid #ccc;
}
.cb-calculate-report{
    border-bottom: 1px solid #ccc;
}
.pay-detail{
    justify-content: space-between;
}
.pay-detail p{
     font-size: 15px;
    line-height: 1.2;
    font-weight: 600 !important;
    color:#000 ;
    padding-top: 7px;
}
.pay-detail span{
    font-size: 15px;
    font-weight: 500;
    color: #333;
    padding-top: 7px;
}
.calculator-details{
     background-color: #f16024;
}
.calculator-details span{
    font-size: 15px;
    font-weight: 500;
    color: #fff;
   
}
.calculator-details p{
      font-size: 15px;
    line-height: 1.2;
    font-weight: 600 !important;
    color:#fff ;
   padding: 5px 0;
   margin: 0;
}
.payment-box h3{
     font-size: 22px;
    line-height: 1.2;
    font-weight: 600 !important;
    color:#000 ;
    padding-bottom: 10px;
    
}
.payment-form input{
    padding: 10px 10px;
    border-radius: 5px 5px 5px 5px;
    border: #ccc 1px solid;
    background-color: #fff;
    color: #000 ;
    width: 100%;
}
.payment-select{
    padding: 10px 10px;
    border-radius: 5px 5px 5px 5px;
    border: #ccc 1px solid;
    background-color: #fff;
    color: #333 ;
    width: 100%;
}
.report-check p{
     font-size: 18px;
    line-height: 1.2;
    font-weight: 600 !important;
    color:#000 ;
   padding-top: 30px;
  
}
.report-check ul{
    list-style: none;
    padding: 0;
}
.report-check ul li{
    list-style: none;
    padding: 0;
}
.report-check ul li input{
    width: 22px;
    height: 22px;
    margin: 4px 0 0;
    
}
.report-check ul li label{
    padding-left: 15px;
    line-height: 1.3;
    height: 27px;
    color: #333;
    font-size: 14px;
    padding: 0 10px;
}
.calculator-btn{
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 12px 20px;
    background-color: green;
    color: #fff;
    width: 100%;

}
.calculator-btn:hover{
    background-color: green;
    color: #fff;
}
.cb-report-img img{
    width: 265px;
    height: 75px;
    padding: 10px 0;
    margin: 0;
      box-shadow: 0 0px 3px #ccc;
    border-radius: 10px;
   
}

.cb-report-img2 img{
    width: 200px;
    height: 75px;
    padding: 10px 0;
    margin: 0;
     box-shadow: 0 0px 3px #ccc;
    border-radius: 10px;
  
}
/*<!-- *******************************Aries Daily Horoscope start***************************** -->*/

.horoscope-img img{
    width: 180px;
    height: auto;
    display: block;
   
}

.horoscope-title h3{
    font-size: 20px;
    font-weight: 600;
    color: #000;
    line-height: 1.4;
    text-align: center;
    margin-top: 10px;
    padding: 0;
}

.horoscope-title p{
    font-size: 14px;
    line-height: 1.6;
    color: #333;
    font-weight: 500;
    padding: 0;
}

.horoscope-btn button{
    font-size: 14px;
    line-height: 1.6;
    color: #333;
    text-align: center;
    margin-top: 5px;
    padding: 6px 20px;
    width: 200px;
    background-color: #fff;
}

.horoscope-list{
    padding: 0 ;
    display: flex;
    border-bottom: 2px solid #cccccc4f;
     padding-bottom: 7px;

}

.horoscope-list li{
    list-style: none;
    margin-right: 50px;
}

.horoscope-list li span a{
    text-decoration: none;
}

.horoscope-list li span{
    font-size: 15px;
    color: #ab4500;
    font-weight: 500px;
    padding-bottom: 8px;
}

.activeTab{
    background: 0 0;
    border-bottom: 2px #ab4500 solid;
    padding-bottom: 8px;
    text-decoration: none;
    color: #ab4500 !important;
}
.horoscope-list li span a{
     font-size: 15px;
    padding-bottom: 8px;
    color: #000;
    font-weight: 500px;
}
.horoscope-list li span a:hover{
    background: 0 0;
    border-bottom: 2px #ab4500 solid;
    padding-bottom: 8px;
    text-decoration: none;
    color: #ab4500 !important;
}
.horoscoperashi h3{
    font-size: 20px;
    font-weight: 600;
    color: #000;
    line-height: 1.4;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 10px;
}
.horoscoperashi p{
    font-size: 16px;
    text-align: left;
    font-weight: 400;
    color: #333;
    margin: 0 0 10px;
}

.horoscope-right h3{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #000;
    text-align: center;

}
.horoscope-right p{
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 1.6;
    color:#ab4500 ;
}


.horoscope-left h3{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #000;
    text-align: center;

}
.horoscope-left p{
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 1.6;
    color:#ab4500 ;
}

.cb-horoscope-box{
    justify-content: space-between;
}

.cb-horoscope-box h3{
    font-size: 24px;
    font-weight: 600;
    color: #000;
    line-height: 1.6;
}

.cb-horoscope-box a{
    font-size: 16px;
    font-weight: 500;
    color: #ab4500;
    text-decoration: none;
    display: block;
    padding-top: 8px;
}

.cb-horoscope-box a i{
    color: #ab4500;
    margin: 0 3px;
}

.horoscope-brife i{
    font-size: 30px;
        color: #ab4500;
       padding: 5px 10px;
}
.horoscope-brife i:before{
    content: "\f0b1";
}
.horoscope-color{
    text-align: left;
    padding: 0;
    margin: -8px;
}


.horoscope-color h3 a{
    font-size: 16px;
    line-height: 1.4;
    color: #ab4500;
    font-weight: 500;
    text-decoration: none;
}
.horoscope-color h3 a:hover{
    text-decoration: underline;
    color:#ab4500 ;
}
.horoscope-color p{
    font-size: 14px;
    color: #333;
    font-weight: 500;
    margin: 0;
}
.horoscope-color p a{
     font-size: 14px;
    line-height: 1.4;
    color: #ab4500;
    font-weight: 500;
    text-decoration: none;
}
.horoscope-color p a:hover{
    text-decoration: underline;
    color:#ab4500 ;
}

/************************************ prodose vrat start****************************************************/
.vrat-img img{
    width: 200px;
    height: auto;
    display: block;
    margin-bottom: 15px;
}
.prodose-title p{
font-size: 18px;
color: #000;
font-weight: 700;
line-height: 1.6;
text-align: center;
padding-top: 10px;

}
.cb-prodose span{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: #333;
}
.cb-prodose span i{
  margin: 0 10px;
  font-size: 16px;
  color: black;
}

.form-input .form-control{
    color: #000;
    background: #fff;
    height: 35px;
    font-size: 14px;
    border-radius: 4px;
    display: inline-block;
   
}
.vrat-text p{
    font-size: 14px;
   line-height: 26px;
    font-weight: 400;
    color: #333;
    padding-top: 10px;
    margin: 0 0 10px;
}
.table-text a{
    text-decoration: none;
}
.table-text a:hover{
    text-decoration: underline;
    color: #ab4500;;
}

.table-text a h3{
    font-size: 14px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: left;
    color: #ab4500;
}

.table-date{
    font-size: 14px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: left;
    line-height: 26px;
    color: #333;
}

.table-heading th{
font-size: 14px;
 text-align: left;
    line-height: 26px;
    color: #000;
}
.purnima-vrat-box{
    box-shadow: 0 0px 3px #ccc;
    border-radius: 10px;
    margin-bottom: 22px;
}
.vrat:hover{
    background-color: #cac9c9;
}
.vrat {
    border-right: 1px solid #cccccc45;
    border-bottom: 1px solid #cccccc45;
}
.vrat a{
text-decoration: none;
    padding: 30px 10px;
}
.vrat a img{
   width: 100px; 
   height: 100px;
}
.vrat .Purnima-vratcb{
    padding-left: 10px;
    padding-top: 10px;
    margin: 0;
}

.vrat .Purnima-vratcb h3{
    font-size: 18px;
    font-weight: 600;
    line-height: 1.6;
    color: #000;
    margin: 0;
  }
.vrat .Purnima-vratcb p{
    color: #333;
    font-size: 16px;
   font-weight: 400;
   line-height: 1.6;
}

/*<!-- ************************************************calender-list start********************************************************** -->*/
.calender-list-box>div{
   
    margin-bottom: 10px;
}

.calender-list-box>div h3{
    font-size: 18px;
    color: #000;
    font-weight: 700;
    text-align: left;
   line-height: 1.1rem;
    
}

.calender-list-box{
    box-shadow: 0 0px 3px #ccc;
    border-radius: 10px;
    padding: 20px 20px;
    margin-bottom: 22px;
}

.vrat-celender-date{
    margin-left: 0px;
    margin-right: -15px;
}
.vrat-celender-date {
    text-align: left;
    margin: 0;
}
.vrat-celender-date span b{
    color: #ab4500;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}
.vrat-name p{
    font-size: 14px;
    font-weight: 400;
    color: #333;
    text-align: left;
    margin: 0;
}

.month-list > a {
    display: block;
    background: #ab4500;
    margin: 2px;
    text-align: center;
    color: #fff;
    padding: 5px 10px;
    text-decoration: none;
    font-size: 14px;
}
.month-list > a.active{
    background: #948720;
}
.month-list > a:hover {
    background: #948720;
}

.day-section {
    background: #e4e4e4;
    padding: 15px;
    text-align: center;
}

.day-section > a {
    display: inline-block;
    background: #333;
    padding: 3px 10px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    margin: 5px;
}

.day-section > a:hover {
    background: #948720;
}
.day-section > a.active {
    background: #948720;
}
/***************************** love calculator star************************************************/
.love-cal h3{
    color: #000;
    font-weight: 700;
    font-size: 18px;
    padding: 0 15px;
    margin-top: 20px;
   
    text-align: center;
}
.love-cal p{
    font-size: 16px;
    font-weight: 600;
    color: #ab4500;
    padding: 0 15px;
    
}
/***********************************myastrologrs-cb-box start*********************************/
.myastrologrs-cb-box{
    box-shadow: 0 0px 3px #ccc;
    border-radius: 10px;
    padding: 20px 20px;
    margin-bottom: 22px;
}

.myastrologrs-cb-box h2{
    font-size: 24px;
    line-height: 1.6;
    font-weight: 600;
    color: #333;
    margin-top: 10px;
}
.myastrologrs-cb-box p{
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 15px;
    color: #4a4949;
}




/* ****************************************footer start************************************************* */

.cb-footer-color {
    background-color: #ab4500;
    padding-top: 50px;
}

.cb-footer-font h4 {
    font-size: 20px;
    font-weight: 600;
    padding-left: 12px;
    color: #fff;
}

.footer-list li {
    padding-left: 0;
    list-style: none;
    margin-left: -14px;
}

.footer-list li a {
    font-size: 14px;
    color: #fff;
    transition: .3s all;
    text-decoration: none;
    outline: 0;
    margin: 0;
}

.footer-list li a:hover {
    text-decoration: underline;
    color: #fff;
    outline: 0;
    opacity: 1;
}

.cb-footer-text h4 {
    font-size: 20px;
    font-weight: 600;
    padding-left: 12px;
    color: #fff;
}

.cb-footer-text p {
    font-size: 14px;
    color: #fff;
    text-align: left;
    margin-left: 12px;
}

.cb-share-btn {
    margin-left: 12px;
}

.cb-share-btn a {
    color: #fff;
    background: #385898;
    border-color: #385898;
    margin: 0 3px;
    font-size: 12px;
    border-radius: 5px;
    padding: 3px 8px;
    text-decoration: none;
}

.cb-share-btn a i {
    font-size: 12px;
    color: #fff;
    padding: 0 3px;
}

.cb-footer-img {
    margin-left: 5px;
}

.cb-footer-img h4 {
    font-size: 20px;
    font-weight: 600;
    padding-left: 12px;
    color: #fff;
}

.cb-footer-img a img {
    width: 150px;
    height: auto;
    padding: 10px;
}

.footer-bottum {
    background-color: #000;
}

.cb-footer-bottom-list {
    padding: 0;
    display: flex;
}

.cb-footer-bottom-list li {
    list-style: none;
    padding: 10px 10px;
    margin-top: 5px;
}

.cb-footer-bottom-list li a {
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
}

.footer-input-text p {
    font-size: 12px;
    font-weight: 200;
    color: #fff;
    padding-left: 5px;
}

.social-icon {
    float: right;
}

.social-icon a {
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: #fff;
    padding: 8px 8px 5px 8px;
    border-radius: 10px;
    margin: 0 5px 9px;
}

.social-icon a i {
    font-size: 16px;
    color: #f16024;
}
/****************************************responsive*************************************************/


/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 992px) {

     .cb-mobile-header{
        justify-content: space-between;
    }
    .logo img {
        width: 50%;
        text-align: center;
    }
   
}




/*mobile device*/

@media (max-width: 576px) {
    .cb-mobile-header{
        justify-content: space-between;
    }
    .cb-mobile-header .navbar-toggler{
        display: block;
    }
    .logo{
        display: none;
    }
    .search-box{
        display: none;
    }
   .mobile-logo{
    display: block;
   }
   
    .banner img {
        width: 140px;
        height: 140px;
        padding-top: 25px;
}
    .banner-text h1{
        font-size: 15px ;
        padding-top: 20px;
    }
    .banner-text P{
        font-size: 20px;
        text-align: center;
        padding-top: 10px;
    }
    .cb-button-prev{
        left: -25px;
        top: 76px;
    }
    .cb-button-next{
        right: -25px;
        top: 76px;
    }
    .panchang-location{
        text-align: left;
        padding-left: 20px;
       
       
    }
    .cb-footer-bottom-list li a{
        font-size: 15px;
    }

     .cb-footer-bottom-list li a{
        font-size: 15px;
    }

    .panchang-list .panchang-head h3{
        font-size: 18px;
    }
    .panchang-list .panchang-head p{
        font-size: 13px;   
    }
    ul.category-list {
        display: block;
    }

    ul.category-list li {
        display: inline-block;
        width: 30%;
        margin-top: 10px;
    }

}