.page-submenu{ width: 100%; float: left; background: #fff7e4; background-image: linear-gradient(#ffffff, #fff7e4); padding: 10px 0px; margin-top: -20px;  box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.10); margin-bottom: 30px; }
.page-submenu ul{ padding: 0px; margin: 0px; text-align: center;}
.page-submenu li ul{ position: absolute; top: 50px;}
.sub-cat{ width: 100%;  padding: 10px 15px; text-align: center; display: inline-block; margin-top: -30px;}
.sub-cat ul{background: #e5f9ff; padding: 0px;  margin: 0px; display: inline-block; padding: 3px 0px; margin-bottom: 30px;}
.sub-cat li{ list-style: none; display: inline-block; border-right: solid 1px #ccc;}
.sub-cat li:last-child{ border-right: none;}
.sub-cat .active {color: #2e5e9c; font-weight: 600; border-bottom: solid 4px #2e5e9c;}
.sub-cat li a{ font-size: 14px; font-weight: 400; padding: 5px 15px; color: #000;}
.page-submenu li{ list-style-type: none; position: relative; list-style: none; display: inline-block; text-align: center; border-right: solid 1px #ccc; position: relative;}
.page-submenu li:last-child{ border-right: 0px;}
.page-submenu li a{ color: #000; font-size: 17px; padding: 8px 18px; font-weight: 400;}
.page-submenu li a:hover{ color: #2e5e9c;}
.page-submenu li:hover:after{ content: ""; border-radius: 15px 15px 0px 0px; height: 5px; width: 90%; bottom: -4px; left: 5%; background: #2e5e9c; position: absolute;}
.page-submenu .active{color: #2e5e9c; font-weight: 500; position: relative; padding-left: 0px;}
.page-submenu .active:after{ content: ""; border-radius: 15px 15px 0px 0px; height: 5px; width: 90%; bottom: -10px; left: 5%; background: #2e5e9c; position: absolute;}
#vimshotri-dasa{ margin-top: 30px;}
/* .link-dc{color: #0000ff; background:none; border:none; font-weight:400; margin-bottom: 10px; text-align: left;} */
.celebrity-ha{border:solid 2px #e3ddca; width: 100%; float: left; background: #fffff8; padding: 0px 20px 15px; margin-top: 0px; margin-bottom: 20px; font-weight: 300;}
.celebrity-ha .free_box_content img{ width: 95px; height: 95px; object-fit: cover; margin-right: 20px; border-radius: 100%;}
.celebrity-ha h2 {
  font-size: 40px;
  line-height: 40px;
  color: #000;
  text-align: center;
  margin: 0px 0px 15px; border-bottom: solid 1px #ddd;
    padding-bottom: 10px;
    padding-top: 10px;
    background: #fff;
}
.celebrity-ha h1{ text-align:center; font-family: 'Unna', serif; font-size: 34px; border-bottom: solid 1px #ddd; padding-bottom: 10px; padding-top: 10px; background: #fff;}
.celebrity-ha h3 {
    margin-bottom: 10px;
    color: #0e87a2;
    font-size: 21px;
    font-weight: 500;
}
.celebrity-ha h2 { margin-bottom: 10px;}

.celebrity-ha li{margin-top: 5px;
list-style: none;
background-image: url(../../img/v2/bullet-point.png);
background-repeat: no-repeat;
background-position: left 10px;
padding: 4px 0 4px 20px; font-size: 18px;
line-height: 24px;
float: left;
width: 100%;
margin-bottom: 2px;
}

/* .prd-cat{ width: 100%; float: left; border: solid 1px #dec1b7;}
.prd-cat h5{font-size: 20px; background: #ffe9e2; color: #000; padding: 10px 15px; font-weight: 600;}
.prd-cat ul{ padding: 15px;}
.prd-cat li{ list-style-type: none; list-style: none; line-height: 20px; background: #fffbfa; border-radius: 20px; margin-bottom: 10px; border: solid 1px #dec1b7; padding: 5px 15px 5px 15px; position: relative;}
.prd-cat li:before{content: "\2022"; color: #e4896c; font-size: 30px; margin-right: 10px; vertical-align: sub;}
.prd-cat li a{ font-size: 16px; color: #000;}
.prd-cat li a:hover{ text-decoration: underline;}
.prd-cat li img{ width: 36px; border-right: solid 1px #dec1b7; padding-right: 10px; margin-right: 10px;} */
.celebrity-ha .login-form-block{ background: #fff;}
.w-eighty{width: 100%; margin: 0px auto;}
.w-eighty .article_detail_panel{ width: 70%; padding-right: 30px;}
.w-eighty .right-part{ width: 28%; float:right;}
.pl-3{padding-left: 30px;}
.pr-0{padding-right: 0px;}
.w-seventy{width: 70%; margin: 0px auto;}

.w-seventy .article_detail_panel{ width: 100%; float: left;}

.w-eighty .left-menu li i{ width: 36px; height: 36px; margin-right: 10px; padding: 4px; background: #efefef; border-radius: 50%;}
.w-eighty .left-menu li img{ border: none; width: 100%; height: auto; padding-right: 0px; margin-top: 2px;}
.w-eighty .left-menu li a{ font-weight: 400; padding: 0px;}

.w-full{ width: 100%; float: left; margin-top: 30px;}

.w-eighty .float-right{ float: right!important;}
.w-eighty .float-left{ padding-left: 0px; padding-right: 40px;}

.birthday-block2{ width: 100%; text-align: center; border-radius: 5px; float: left; border: solid 10px #fff9eb;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.50);background: url(../../img/v2/birthday-bg-banner.jpg) no-repeat center top; background-size: 100%!important; min-height: 475px; margin-bottom: 20px;}
.birthday-block2 h4{ font-size: 36px; font-weight: 500; color: #8d5c21; padding-top: 115px; text-transform: uppercase;}
.birthday-block2 h4 span{ color: #000000;}
.birthday-block2 h6{ color: #000; font-size: 20px; font-weight: 400; display: inline-block; padding: 8px 20px; margin: 0px; border-top: solid 1px #cb9a3c; border-bottom: solid 1px #cb9a3c;}

.birthday-block2 .cong {font-family: 'Sacramento', cursive; font-size: 36px;  float: left; width: 100%; color: #000000;
    padding: 10px 0px 10px;}

    .birthday-block2 .btn-part{ margin-top: 20px; font-size: 18px; color: #8d5c21; font-weight: 400;}
    .birthday-block2 .btn-part span{ color: #000;}
    .birthday-block2 .btn-part a{ background: #cb9a3c; color: #fff; padding: 5px 20px; border-radius: 20px; display: inline-block; margin-top: 0px;}

.birthday-block {
    width: 100%;
    float: left;
    text-align: center;
    background: #fff9ea; position: relative;
    border-radius: 5px;
    padding: 0px 0px 0px; margin-bottom: 20px;
}
.birthday-block img{ border-radius: 5px 5px 0px 0px;}
.birthday-block .date{ position: absolute; top: 24%; text-transform: uppercase; right: 23%; font-size: 42px; text-align: center; font-weight: 500; color: #f5efe0; line-height: 28px; transform: rotate(16deg);  -webkit-transform: rotate(16deg);   -moz-transform: rotate(16deg);  -ms-transform: rotate(16deg);  -o-transform: rotate(16deg);}
.birthday-block .date span{ font-size: 20px; font-weight: 500;}

.birthday-block h4 {
    font-size: 20px;
    line-height: 36px;
    font-weight: 500;
    padding-top: 10px;
    display: inline-block; position: relative;
}

.birthday-block h4:after{content:""; width: 60%; left: 20%; height: 2px; top: 6px; background: #caac5f; position: absolute;}
.birthday-block h4:before{content:""; width: 60%; left: 20%; height: 2px; background: #caac5f; position: absolute; bottom: -6px;}
.birthday-block .cong {font-family: 'Sacramento', cursive; font-size: 38px; font-weight: bold; float: left; width: 100%; color: #1e304f;
padding: 0px 0px 10px;}


.b-report {
    width: 85%;
    transition: all 0.3s ease-in;
    margin: 0px 7.5% 20px;
    float: left;
    font-weight: 400;
    background: #2e5e9c;
    color: #fff;
    padding: 8px 10px;
    line-height: 20px;
    border-radius: 5px;
}

.b-report:hover {
    background: #f9c85a;
    color: #000;
    transition: all 0.3s ease-in;
}

.right-part input[type=checkbox] + label {
    display: block;
    margin: 0.2em 0.2em 0.2em 0;
    cursor: pointer; background: none;
    padding: 0.2em;
  }

 .right-part input[type=checkbox] {
    display: none;
  }

  .right-part input[type=checkbox] + label:before {
    content: "\2714";
    border: 0.1em solid #ccc; line-height: 21px;
    border-radius: 0.2em;
    display: inline-block;
    width: 1em;
    height: 1em;
    padding-left: 0.2em;
    padding-bottom: 0.3em;
    margin-right: 0.2em;
    vertical-align: bottom;
    color: transparent;
    transition: .2s;
  }

  .right-part input[type=checkbox] + label:active:before {
    transform: scale(0);
  }

  .right-part input[type=checkbox]:checked + label:before {
    background-color: #2e5e9c;
    border-color: #2e5e9c;
    color: #fff;
  }

  .right-part input[type=checkbox]:disabled + label:before {
    transform: scale(1);
    border-color: #aaa;
  }

  .right-part input[type=checkbox]:checked:disabled + label:before {
    transform: scale(1);
    background-color: #bfb;
    border-color: #bfb;
  }


.left-sign-up{background: #fff9eb; border: solid 1px #dddddd; border-radius: 5px; margin: 20px 0px 20px;}
.left-sign-up .form-group{width: 100%!important;}
.left-sign-up .form_block {width: 100% !important;}
.left-sign-up .form_block input {width: 68%;border-radius: 0px 5px 5px 0;}

.left-sign-up .form_block select {
    border: solid 1px #2e5e9c;
      border-right-width: 1px;
      border-right-style: solid;
      border-right-color: rgb(46, 94, 156);
    border-radius: 5px 0 0 5px;
    border-right: none;
    height: 41px;
  }

.member-freereport .view-report{border-radius: 5px; width: 75%; font-weight: 600; font-family: 'Proza Libre', sans-serif; background: #F9C855; font-size: 14px; color: #000; display: inline-block; padding: 10px 15px; text-transform: uppercase; margin: 0px 0px 10px 15px;}

.left-sign-up h5{font-weight: 500; font-family: 'Proza Libre', sans-serif;}
.left-sign-up h5 span{color: #2e5e9c; border-bottom: solid 2px #2e5e9c;}
.left-sign-up h5{padding: 15px;}
.left-sign-up h3{
font-size: 24px;
color: #000000; line-height: 26px;

padding-bottom: 5px;
background: #fff;
border-bottom: solid 1px #dddddd;
padding: 10px 15px;
border-radius: 5px 5px 0px 0px;
text-align: left;
margin: 0px;
font-weight: 500;}
.left-sign-up p{font-weight: 300; font-size: 18px; padding: 15px 15px 0; line-height: 1.25;}
.left-sign-up ul{ padding: 0px 0px 0px 20px; margin: 0px;}
.left-sign-up li{font-size: 18px; font-weight: 400; list-style-type: none; position: relative;  line-height: 1.25; padding: 0px 0px 10px;}
.left-sign-up li span{margin-left: 25px; display: inline-block;}
.left-sign-up li:before {
    content: "✓";
    color: #fff;
    font-size: 11px;
    margin-right: 5px;
    font-weight: 600;
    line-height: 14px; top: 3px;
    width: 11px;
    height: 11px;
    display: inline-block;
    text-align: center;
    padding: 3px;
    border-radius: 50%;
    background: #2e5e9c; position: absolute;
}

.left-sign-up h3 span{ color: #ff0000;}
.left-sign-up form{ background: #fff; display: inline-block; width: 90%; margin: 10px 5% 20px; box-shadow: 0px 0px 38px rgba(0, 0, 0, 0.15); padding: 0px 15px 20px;}
.left-sign-up form label{ color: #000;}

.right-part .d-report{background: #2e5e9c; transition: all 0.3s ease-in; font-weight: 500; font-size: 18px; position: relative; z-index: 1; letter-spacing: 1px; color: #fff; border: solid 2px #2e5e9c; padding: 0px 15px; border-radius: 4px; display: inline-block;  margin: 25px 0px 0px 0px; font-family: 'Catamaran', sans-serif;}
.right-part .d-report i{ width: 32px; height: 32px; border-radius: 50%; background: #376db2; text-align: center; vertical-align: middle; display: inline-block;}
.right-part .d-report i img{ width: 100%; padding: 10px;}
.right-part .d-report span{ border-left: solid 1px #376db2; display: inline-block; padding: 5px 0px 5px 10px;}

.vedic-right-part .d-report{background: #2e5e9c; transition: all 0.3s ease-in; font-weight: 500; font-size: 18px; position: relative; z-index: 1; letter-spacing: 1px; color: #fff; border: solid 2px #2e5e9c; padding: 0px 15px; border-radius: 4px; display: inline-block;  margin: 25px 0px 0px 0px; font-family: 'Catamaran', sans-serif;}
.vedic-right-part .d-report i{width: 32px; height: 32px; border-radius: 50%; background: #376db2; text-align: center; vertical-align: middle; display: inline-block;}
.vedic-right-part .d-report i img{width: 100%; padding: 10px;}
.vedic-right-part .d-report span{border-left: solid 1px #376db2; display: inline-block; padding: 5px 0px 5px 10px;}

.vedic-right-part .form-group .select2{width: 100%!important;}
.vedic-right-part #divState{width: 100%; padding: 0px!important;}

.vedic-right-part #divState .input-medium{width: 100%!important; margin-top: 10px!important;}
.vedic-right-part #MemberCountry{width: 100%!important;}
.vedic-right-part  #divCity{width: 100%!important; padding: 0px!important;}
.vedic-right-part #divState select{width: 100%!important; margin-top: 10px;}

.right-part .member-freereport{margin: 20px 0px; border-radius: 5px;}
.right-part .member-freereport .info li{width: 100%; padding: 0px;}

.left-sign-up form .form-control{ border: solid 1px #2e5e9c; padding: 10px 10px; box-shadow: 0px 0px 9px rgb(0 0 0 / 15%);}
.article-listing-new{width: 100%; float: left; margin: 0px 0px 20px; background-color: #fff9eb; border-radius: 5px; border: solid 1px #dddddd;}
.article-listing-new h3{ font-size: 22px; background: #fff; text-align: left; border-radius: 5px 5px 0px 0px;  padding: 10px 15px; margin-bottom: 10px; font-weight: 500; color: #000000; border-bottom: solid 1px #dddddd;     font-family: 'Arvo', serif;}
.article-listing-new ul{padding: 5px 15px; margin: 0px;}
.article-listing-new li {
    position: relative;
    counter-increment: list; background: #fff; padding: 10px; border-radius: 5px;
    list-style: none;
    width: 100%; margin-bottom: 10px; border: solid 1px #dddddd;
    display: table;
}
/* .article-listing-new li:before
{
    content: counter(list) ".";
    font-weight: 500;
    display: table-cell;
    color: #d0d0d0;
    font-size: 23px;
    vertical-align: top;
    width: 27px;
} */

.related-articles .morebtn {
    background: #3d7dbd;
    color: #fff;
    border-radius: 5px;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
}

.article-listing-new li img{ height: 60px; width: 80px; float: right;  object-fit: cover;  object-position: right; margin-left: 20px; border-radius: 5px;}

.article-listing-new li a{color: #000000; font-size: 16px;
 line-height: 18px; justify-content: space-between; align-items: center; font-family: Catamaran, sans-serif;}
.article-listing-new li a:hover{ text-decoration: underline;}


.pa-block{ width: 100%; float: left; margin: 0px 0px 30px; background-color: #fff9eb; border-radius: 5px; border: solid 1px #ddd;}
.pa-block ul{ padding: 5px 15px 15px;}
.pa-block h5 {
    font-size: 22px;
    border-bottom: solid 1px #ddd; background: #fff; border-radius: 5px 5px 0 0;

    padding: 10px 0px 10px;
    font-weight: 500; text-align: center;
    color: #000000;
}
.pa-block li{ list-style-type: none; list-style: none; background: #fff; line-height: 18px;
     border-radius: 5px; padding: 10px 10px 10px 15px; margin-top: 10px; border: solid 1px #ddd;}
    .pa-block li a{ color: #000; display: flex;  font-size: 16px; align-items: center;     justify-content: space-between;}
    .pa-block li a:hover{ text-decoration: underline;}
    .pa-block li img {
        height: 60px;
        width: 80px;
        float: right;
        object-fit: cover;
        object-position: center; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33); border-radius: 5px;
        margin-left: 20px;
    }
    .article-listing{ width: 100%; float: left; box-shadow: 0px 0px 38px rgba(0, 0, 0, 0.11); margin: 20px 0px 20px;     border: solid 1px #eaeaea;
    border-top: solid 3px #2e5e9c;}
.article-listing h5{ font-size: 15px; letter-spacing: 1px; text-transform: uppercase; padding: 15px 15px; font-weight: 600; color: #404041; border-bottom: solid 1px #eceeeb;}
.article-listing ul{padding: 0px; margin: 0px;}
.article-listing li{ list-style: none; line-height: 18px; display: inline-block; padding: 10px 15px; border-bottom: solid 1px #eceeeb; width: 100%; }
.article-listing li:last-child{ border-bottom: none;}
.article-listing li img{ height: 42px; width: 55px; float: left;  object-fit: cover; margin-right: 15px; border-radius: 5px; border: solid 1px #cfcfcf;}

.article-listing li a{display : flex; color: #2e5e9c; font-size: 17px;
align-items : center; width: 100%;}
.article-listing li a:hover{ text-decoration: underline;}
.article-listing li:last-child a{ text-decoration: underline; float: right; border-bottom: none;}
.ra{ width: 100%; float: left; padding: 0px; background: #efefef;  margin-top: 30px;}
.ra h6{ border-bottom: none; text-transform: capitalize; font-size: 22px; color: #000000; font-weight: 500; }
.related-articles li{ border-radius: 5px; border: solid 1px #bababa; background: #fff;  padding: 20px 20px 20px; margin-right: 1%; width: 18%; vertical-align: top; margin-bottom: 20px; float: none; text-align: center; display: inline-block;}

.w-eighty .related-articles ul{ text-align: left;}
.related-articles li img{ border-radius: 5px!important; padding-bottom: 0px; margin-bottom: 10px; width: 100%; }
.related-articles li a{font-family: 'Rubik',sans-serif; font-weight: 400; font-size: 16px;}
.related-articles li a:hover{ color: #2e5e9c;}
.related-articles li a span{ height: 55px; overflow: hidden; width: 100%; float: left; font-weight: 400; font-size: 18px; color: #2e5e9c;}

.article_detail_panel .product_profile{padding: 20px 10px 0px; text-align: center;}
.prd-banner{width:200px; float:left; position:relative; z-index:10; margin-right: 25px;}
.login-otp-btn {
    color: #2874f0!important;
    border: solid 1px #2874f0!important;
    background: #fff!important;
}
.prd-banner:after{ content:""; position:absolute; background:#fac75a; height:100%; width:100%; left:-15px; top:15px; z-index:-10}

.prd-banner img{ width:100%; float:left}

.afterlogin-birth-chart {
    width: 275px;
    float: left; text-align:center; position:relative;
    margin-right: 20px;
}

.birth_chart h2 {
    font-size: 18px!important;
    color: #fff; background:#e3893a; border-radius:5px; display:inline-block; padding:2px 15px;
    text-align: center;
    position: relative;
    font-style: italic; font-weight:300;
    margin: 0px 0px 5px;
}
.highlight-sign{ width:42px; height:42px; background:#2e5e9c; border:solid 1px #ff1815; color:#FFF; position:absolute; border-radius:100%; text-align:center; font-weight:500; font-size:16px; line-height:18px; padding-top:0px; bottom:6px; left:46px;}
.birth_chart h2:after{content:""; background:url(../../img/v2/line-bg2.png); width:52px; height:7px; position:absolute; right:-50px; top:8px}
.birth_chart h2:before{content:"";background:url(../../img/v2/line-bg2.png); width:52px; height:7px; position:absolute; left:-50px; top:8px;  transform: rotateZ(180deg);}
.birth_chart h2 strong{ font-weight:500; font-weight:normal}
.left-part{ width: 25%; float: left; padding-right: 30px;}
.left-cat-part{ width: 100%; float: left;
  margin-bottom: 20px; background: rgba(208, 123, 46, 0.05); border-radius: 5px; border: solid 1px #ddd;}

  .vertical-review .slick-dots li.slick-active button:before{ color: #2e5e9c; opacity: 1.0;}
  .vertical-review .slick-slide{ margin: 0px 15px;}
  .vertical-review .slick-dots{bottom:-25px;}
  .vertical-review .slick-prev, .slick-next{ top: inherit;
    bottom: -25px; right: 22%; z-index: 10; transform: rotate(-90deg);}

    .vertical-review .slick-prev{ left: 25%; z-index: 10; transform: rotate(-90deg);}

    .vertical-review  .slick-track .slick-slide {height: 85px; border-bottom: solid 1px #ccc; display: flex; align-items: center; overflow: hidden;}

    .vertical-review .vertical-center-4{ border-radius: 5px; border: solid 1px #ddd; background: #fff; display: inline-block; padding: 0px 15px; margin: 15px;}


  .left-cat-part .slick-dots li{ margin: 0px;}
.left-cat-part h3{font-size: 20px; color: #000000; border-bottom: solid 1px #dedede; padding-bottom: 5px; background: #fff; border-bottom: solid 1px #dddddd; padding: 10px 15px; border-radius: 5px 5px 0px 0px; text-align: left; margin: 0px; font-weight: 500; font-family: 'Arvo', serif;} 
/* .left-cat-part ul ul{ padding-left: 20px; padding-bottom: 15px; }
.left-cat-part li{ list-style-type: none; list-style: none;}
.left-cat-part li a{text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    line-height: 30px; color: #3c3c3c;
    font-weight: 600;
    letter-spacing: 0.05em;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    position: relative;}


    .left-cat-part li li a{ text-transform: capitalize; color: #2e5e9c; letter-spacing: .5px; line-height: 18px; font-weight: 500; font-size: 14px;}
    .left-cat-part li li:last-child a{ border-bottom: solid 1px #2e5e9c;}

    .left-cat-part li a:hover, .active{color: #2e5e9c!important; padding-left: 15px;}


    .left-cat-part li > a.active:before, .left-cat-part li a:hover:before {
        width: 0;
        height: 0;
        content: "";
        display: inline-block;
        position: absolute;
        top: 3px;
        border: solid 5px transparent;
        border-left: solid 5px #c7c7c7;
        left: 0px;
    } */

/*
    .top10product{ width: 100%; float: left;  padding-bottom: 0px;}
    .top10product .product-item{height: 100%;  padding: 15px 15px 0px;}
    .top10product .product-item li{ list-style: none; display: inline-block; display: flex; border-radius: 5px; background: #fff; padding: 5px 10px 5px 5px; border:solid 1px #dddddd; text-transform: none; margin-bottom: 10px; width: 100%; }
    .top10product .product-item li img{ width: 60px; height: 45px; border-radius: 5px; object-fit: cover; float: left; margin-right: 15px;}

    .top10product .product-item li h4{ font-weight: 500; font-size: 16px; color: #000; margin-bottom: 5px; display: flex;
       align-items: center; height: 100%;}

    .top10product .product-item li:hover h4{ color: #2e5e9c;} */

.new-product li{ padding-left: 0px!important;}
.new-product li::before{ display: none!important;}
    .top10product{ width: 100%; float: left;  padding-bottom: 0px;}
    .top10product .product-item{height: 100%;  padding: 15px;}
     .top10product .product-item ul{background: #fff; padding: 15px;}
    .top10product .product-item li{ list-style: none; display: flex; position: relative;
        counter-increment: list; padding: 5px 10px 10px 5px; border-bottom:solid 1px #dddddd; text-transform: none; margin-bottom: 5px; width: 100%; }
        .top10product .product-item li a{ width: 100%;}
        .top10product .product-item li:last-child{ border:none;}
        .top10product .product-item li img{ width: 60px; height: 45px; border-radius: 5px; object-fit: cover; float: right; margin-left: 15px;}
    .top10product .product-item li:before {
        content: counter(list) ".";
        font-weight: 500;
        display: table-cell;
        color: #d0d0d0;
        font-size: 20px;

        width: 30px;
    }
    .top10product .product-item li h4{ font-weight: 400; height: 45px; padding-right: 10px; font-size: 16px; color: #000; margin-bottom: 5px; display: flex;
       align-items: center;     font-family: Catamaran, sans-serif;}

    .top10product .product-item li:hover h4{ color: #2e5e9c;}

    .indastro-shop-product{ width: 100%; float: left; background: #fff9eb; border-radius: 5px; border: solid 1px #ddd; margin-bottom: 20px;}
    .indastro-shop-product ul{ margin: 15px; background: #fff;}
    .indastro-shop-product h3 {
        font-size: 22px;
        color: #000000;
        padding-bottom: 5px;
        background: #fff;
        border-bottom: solid 1px #dddddd;
        padding: 10px 15px;
        border-radius: 5px 5px 0px 0px; text-align: center;
        margin-bottom: 10px; font-family: 'Arvo', serif; text-align: left;
    }
    .point-link { width: 100%; float: left;}
.point{ padding: 0px 0px 30px; display: inline-block; background: #fff9eb;  border: solid 1px #ddd; margin-bottom: 30px;}

.point h3{ background-color: #fff; border-bottom: solid 1px #ddd; padding: 15px 15px; color: #000;}
.point ul{ padding: 0px 15px;}
.point li { background: #fff;}
.point .active{ background: #337ab7; }
.point .active a{color: #fff;}
.point li img{ margin-right: 10px; float: left;}
.point li{list-style-type: none;float: left;margin-top: 5px; list-style: none; background-repeat:no-repeat; background-position:left 10px; padding: 4px 0 4px 20px; line-height: 24px; float: left; width: 48%; margin-bottom:2px; margin-left: 1%;}
.right-box-linking{width: 100%; float: left; padding: 5px 10px; margin-top: 10px;}
.right-box-linking a{ border: solid 1px #ED6B5B; color: #203f78; border-radius: 26px; display: inline-block; font-family: Catamaran, sans-serif; padding: 5px 12px; margin: 0px 3px 8px; font-weight: 500; font-size: 13px; background: #fff;}
.right-box-linking a:hover{ color: #b47d01; border: solid 1px #b47d01;}

.nakshatra-link{width: 100%; float: left; padding: 5px 10px; margin-top: 10px;}
.nakshatra-link a{background: url(../../img/v2/flower.svg) no-repeat 10px 8px #fff; border: solid 1px #D07B2E; border-radius: 26px; display: inline-block; font-family: Catamaran, sans-serif; padding: 5px 15px 5px 30px; margin: 0px 3px 8px; font-weight: 500; font-size: 13px; color: #203f78;}
.nakshatra-link a:hover{ color: #D07B2E;  }

    .indastro-shop-product li { list-style: none; padding: 10px 15px 10px 35px; line-height: 20px; position: relative; border-bottom: solid 1px #ddd;}
    .indastro-shop-product li:last-child{ border-bottom: none;}
    .indastro-shop-product li:before{content:"\2022"; font-size: 40px; position: absolute; top:10px; left: 15px;}
    .indastro-shop-product li a{ color: #000; font-size: 16px; font-weight: 400;     font-family: Catamaran, sans-serif;}
    .indastro-shop-product li:hover{ background-color: #fff; color: #2e5e9c;}
    .indastro-shop-product li:hover a{color: #2e5e9c;}



  .horoscope-challenge {
    background: #edf5ff;
    border-left: solid 6px #2e5e9c;
    background-size: 100%;
    border-radius: 10px;
    padding: 15px 30px 30px; margin-bottom: 30px;
}

.article_detail_panel .sign-form-area{width: 100%!important;}
.horoscope-challenge h3 {
    color: #2e5e9c!important;
    padding: 20px 0px 0px!important; font-family: 'Catamaran', sans-serif; font-weight: 700!important;
    font-size: 26px!important;
    margin: 0px;
}
.horoscope-challenge p{font-size: 1.25rem; line-height: 26px;}

.horoscope-challenge h6{font-family: 'Unna', serif; font-size: 1.5rem; margin: 0; padding: 0px 0 10px; color: #333;}
.horoscope-challenge h6 span{font-style: italic; font-size: 1rem;}


@media screen and (max-width: 1150px) {
    .w-eighty .right-part{ padding-left: 15px;}
    .related-articles li{ width: 15%;}
    .product_profile .order_btn a{ padding: 5px 5px;}
}

@media screen and (max-width: 1100px) {
    .w-eighty{ width: 95%;}

    .birthday-block .date{top: 61px; right: 49px;}
    .w-eighty .right-part{ padding-left: 15px;}
}
@media screen and (max-width: 767px) {
    #example-2 ul{display: none;}
    .page-submenu{margin-top: 0px; width: 60%; margin: 10px 20% 0px; padding: 3px 0px; margin-bottom: 10px; border: solid 1px #ccc;}
    .page-submenu .navToSelect{ background: transparent url(../../img/v2/br_down.png) no-repeat 96% 5px !important; border: none; outline: none; box-shadow: none; color: #2e5e9c;font-family: 'Rubik',sans-serif; padding: 3px 0px; }
    .w-eighty .article_detail_panel{ width: 100%; padding-right: 0px; border: none;}
    .prd-banner{ width: 75px; border-radius: 50%;}
    .product-rev{ margin: 0px;}
    .w-eighty{ width: 100%;}
    .w-eighty .right-part{ width: 100%; margin-top: 30px; padding: 25px 20px !important;}
    .related-articles li{ width: 48%;}
    .birthday-block .date{ top: 86px; right: 72px;}
    .ra{ margin-top: 25px; padding-top: 20px;}
    .Yearly_horoscope_bottom_box img{ display: block; width: 75px!important;}
    .Yearly_horoscope_bottom_box{padding: 10px!important;}
    .article_detail_panel .product_profile{ padding-top: 0px;}
    .article_detail_panel .yearly_content_block h2{ font-size: 1.25rem;}
    .yearly_content_block p{font-size: 16px;}
    .article_detail_panel .product_profile{ text-align: left;}
    .article_detail_panel .button_area{ text-align: left;}
    .article_detail_panel .order_btn{ margin-left: 0px; margin-bottom: 10px;}
    .product_profile h4{ margin-top: 0px;}
    .article_detail_panel .product_profile{ padding: 0px 0px 0px;}
    .afterlogin-birth-chart{ width: 100%; text-align: center; margin-right: 0px; padding: 0px 15px; margin-bottom: 20px;}
    .left-part{ width: 100%; padding-right: 0px;}
    .login-form-block .logincontinue{ min-width: auto!important;}
    .celebrity-ha{ margin-bottom: 20px;}
    .birthday-block2{ min-height: 400px;}
    .birthday-block2 h4{ padding-top: 100px;}
    .point li{ width: 100%; margin-left: 0px;}
}



.login-form-area {
    width: 100%;
    margin: 30px 0px;
}

.login-form-block select {
    -moz-appearance: auto !important;
    -webkit-appearance: auto !important;
    appearance: auto !important;
    background: #fff none !important;
    -o-appearance: auto !important;
}

.login-form-block {
    width: 100%;
    float: left;
    background: #faf6f3;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.40);
    padding: 5px 15px;
    border-radius: 4px;
    margin-bottom: 30px;
}

.login-form-block h2 {
    text-align: center;
    font-weight: 600;
    font-size: 32px;
}

.login-form-block .sub-content {
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    padding-top: 10px;
}

.login-form-block .sub-content a {
    color: #2874f0;
    font-weight: 500;
    border-bottom: solid 1px #2874f0;
}

.login-form-block .checkbox {
    padding: 5px 20px;
    font-weight: 300;
    display: inline-block;
    margin: 15px 0px 0px;
    border-top: solid 1px #efefef;
    border-bottom: solid 1px #efefef;
}

.login-form-block .checkbox label {
    margin-bottom: 0px;
    font-weight: 300;
    padding-bottom: 0px !important;
}

.login-form-block .checkbox a {
    color: #2874f0;
}

.login-form-block #authMessage {
    background: #ffdce0;
    border: solid 1px #e6c4c9;
    color: #bc2200;
    margin: 15px 0px 0px;
    padding: 5px 0px;
    border-radius: 4px;
}

.login-form-block .alert_Message {
    background: #fcede9;
    border: solid 1px #f2e0dd;
    color: #7f1623;
    margin: 15px 0px 0px;
    padding: 5px 0px;
    border-radius: 4px;
    text-align: center;
}

.login-form-block .form-group {
    width: 100%;
    float: left;
    margin-top: 0px;
}

.login-form-block .remeber-me {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
}

.login-form-block .forgot-password {
    text-align: right;
    color: #2874f0;
    float: right;
    border-bottom: solid 1px #2874f0;
}

.login-form-block .form-control {
    width: 100%;
    float: left;
    border: solid 1px #dadfe2;
    padding: 4px 10px;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
}

.login-form-block .form-control::placeholder {
    font-size: 14px;
}

.login-form-block .logincontinue {
    border-radius: 25px;
    background: #2e5e9c;
    color: #fff;
    border: none;
    padding: 10px 20px;
    min-width: 300px;
    display: inline-block;
    font-weight: 500;
    font-size: 17px;
}
.product-form  .logincontinue {
    border-radius: 25px;
    background: #2e5e9c;
    color: #fff;
    border: none;
    padding: 10px 20px;
    min-width: 300px;
    display: inline-block;
    font-weight: 500;
    font-size: 17px;
}
.product-form  .login-otp-btn {
    color: #2874f0!important;
    border: solid 1px #2874f0!important;
    background: #fff!important;
}

.login-form-block .form_block {
    border: solid 1px #dadfe2;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
    border-radius: 5px;
    width: 100%;
}

.login-form-block .form_block select {
    border-bottom: none;
    border-right: solid 1px #ccc;
    border-radius: 5px 0px 0px 5px;
    width: 32% !important;
    height: 30px;

    border: none;
    float: left;
}

.login-form-block .error {
    font-size: 11px;
    color: #ff0000 !important;
    font-weight: 400;
}

.login-form-block .form_block .form-control {
    width: 68%;
    border: none;
    box-shadow: none;
    border-left: solid 1px #ccc;
    border-radius: 0px;
}

.login-form-block .selectpicker {
    margin-bottom: 15px;
    width: 32.3%;
    margin-right: 1%;
}

.sign-form-area .form-group {
    width: 50% !important;
    padding: 10px 15px;
}

.sign-form-area .full-width {
    width: 100% !important;
}

.login-form-block #divCity {
    width: 33.3%;
    float: left;
}

.login-form-block label {
    color: #000 !important;
    padding-bottom: 5px !important;
}

@media screen and (max-width: 767px) {
    .sign-form-area .form-group {
        width: 100% !important;
    }

    .login-form-block {
        padding: 5px;
    }

    .sign-form-area .form-group {
        padding: 10px 15px 5px;
    }

    .login-form-block .selectpicker {
        width: 100%;
    }

    .login-form-block #divCity {
        width: 100%;
    }
}



.moon-sign-notification2{width:50%; border-radius: 3px; border:solid 3px #3b7fa4; float:left; text-align:left; padding:1.5rem 2rem; font-weight:300; box-shadow:0px 0px 40px rgba(0, 0, 0, 0.7); position:fixed; z-index:100000000; background:#ffffff; left:50%; top:0; transform: translate(-60%, 50%); outline: 10px solid #ffffff;}

.moon-sign-notification2 p{ font-size: 20px; font-weight: 400; line-height: 1;}
    .moon-sign-notification2 .highlight-content{ background:#3b7fa4; border-radius: 5px; color:#FFF; font-weight: 300; padding:1rem 1.5rem; font-family: 'Catamaran', sans-serif; line-height:26px; margin-bottom: 20px;}
    .moon-sign-notification2 .highlight-content strong{color: #fef181; font-size: 20px; font-style: italic; font-family: 'Arvo', serif; font-weight: 500;}
    .moon-sign-notification2 .highlight-content span{border-radius: 10px 0px 10px 0px; background: #fff; padding: 0px 10px; color: #3b7fa4; font-weight: 500; display: inline-block;}
    .moon-sign-notification2 .radio-buttons{ font-family: 'Arvo', serif; font-size:18px; margin-top:10px;}
    .moon-sign-notification2 .radio-buttons strong{ font-weight:700;}
    .moon-sign-notification2 .signup{ background:#2e5e9c; color:#FFF; transition:all 0.3s ease-in; font-size:20px; font-weight:400; border-radius:5px; padding:5px 20px; display: inline-block; margin-top: 0px;}
    .moon-sign-notification2 .signup:hover{ background: #f9c85a; transition:all 0.3s ease-in; color: #000;}
    .overall-com{width: 100%; float: left; margin-bottom: 20px; background: #fdf6fe; padding: 10px 15px; font-weight: 500;}
    .overall-com .circle-box{width: 100%; line-height: 24px;}
    .overall-com .circle-box svg{float: left; margin-right: 15px;}
    .overall-com strong{font-weight: 700; font-size: 30px;}
    .overall-com .progress-circle circle{stroke-width: 12;}
    .overall-com .progress{stroke: #344D77!important;}

    


    @media screen and (max-width: 767px) {

        .moon-sign-notification2{ width:95%;}
    .w-eighty .float-left{ padding-left: 0px; padding-right: 0px;}
    .moon-sign-notification2{ left:59%; padding: 15px;}
    .moon-sign-notification2 img{ width: 125px;}
    .sub-cat{padding: 0px 0px; margin-top: 0px; background: #e5f9ff; margin-bottom: 20px;}
    .sub-cat ul{ padding: 0px 0px; margin-bottom: 0px;}
    .sub-cat li a{ font-size: 12px; padding: 0px 5px;}
    .related-articles li img{ height: 70px;}
    .celebrity-ha h2{font-size: 28px; line-height: 32px;}

    }



    .low{width: 100%; float: left; margin-bottom: 40px;}
.low ul{padding: 0px; margin: 0px;}
.low li{list-style-type: none; list-style: none; background: url(../../img/v2/leran-as.png) no-repeat left; background-size: 12px;  padding: 5px 0px 5px 20px; border-bottom: solid 1px #efefef;  transition: all 0.3s ease-in;}
.low li:last-child{border-bottom: none;}
.low li li{display: inline-block; border-radius: 5px; padding: 0px 10px 0px 5px; background: #fff; margin-top: 5px; border: none;  margin-right: 5px;}
.low li li:hover{border: none;}
.low li li a{font-size: 20px; font-family: 'Catamaran', sans-serif; color: #2e5e9c;}
.low li a{ display: inline-block; font-size: 1.35rem; width: 100%;  color: #001111;font-weight: 500; font-family: 'Arvo', serif; position: relative;}
.low li a .num{position: absolute; font-size: 20px; left: -25px; color: #ccc;}
.low li:hover{  color: #2e5e9c; transition: all 0.3s ease-in;}
.low li a strong{ color: #2e5e9c;}

 .sn-banner{width: 200px; border-radius: 5px; float: left; margin-right: 20px;}

    @media screen and (max-width: 767px) {
     .low li a{font-size: 1.115rem;}
      .low li  .cool-link{display: inline;}
    }


    .lovec-banner{display: flex; justify-content: center; align-items: center;  gap: -15px; margin-top: 20px;}
    .lovec h6{position: relative; font-family: 'Arvo', serif; font-size: 12px; color: #333; padding-top: 10px; font-style: italic; display: inline-block; width: 100%; margin-top: 0; margin-bottom: 15px;}
    .lovec-banner .sign-ic{border-radius: 50% 50% 5px 5px; text-align: center; border: solid 1px #ccc; padding: 15px 0 0 0; background: #fff;}
     .lovec-banner .sign-ic img{padding: 2px;}
    .lovec-banner .plus-icon{background: #344D77; font-weight: 600; color: #fff; border-radius: 50%; width: 32px; height: 32px; padding: 15px; display: flex; align-items: center; justify-content: center; margin: 0px -10px; z-index: 1; font-size: 30px;}
    .lovec-banner h3{text-align: center; background: #344D77; color: #fff; min-width: 120px; margin: 0px; padding: 8px 0px;  font-family: Catamaran, sans-serif; font-size: 16px; border-radius: 0px 0px 5px 5px; margin-top: 10px;}
    .lovec h1{font-size: 32px;}

.lovec{font-family: Catamaran, sans-serif;}

 @media screen and (max-width: 767px) {
.lovec h1{font-size: 26px;}
.sn-banner{width: 100px!important; margin-right: 10px;}
 }



/* Overlay */
#rightPanelOverlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
z-index: 10000;
  display: none;
}
  .open-right-panel-btn{display: none;}
  /* Close button */
  .close-right-panel {
    position: absolute;
    top: 0;
    background:none;
    border: none; right: 0;
    font-size: 28px;
    line-height: 1;
    padding: 0px 15px;
    cursor: pointer;
    display: none;
    z-index: 1001; color: #344D77;
  }

/* Right panel mobile behavior */
@media (max-width: 767px) {

  #right-part {
    position: fixed;
    top: 0;
    right: -100%;
    width: 90%;
    height: 94%;
    background: #fff; border-radius: 5px 5px 0 0;
    z-index: 10001;
    overflow-y: auto;
    transition: right 0.4s ease;
    padding-top: 0px;
  }

  #right-part.active {
    right: 0;
  }



  /* Show close button ONLY when panel open */
  .right-part.active .close-right-panel {
    display: block;
  }

  /* Bottom fixed open button */
  .open-right-panel-btn {
    position: fixed;
    bottom: 70px;
    right: 15px;
    z-index: 997; display: inline-block;
    background: #FF7A6A;
    color: #fff; left: 25%; width: 50%;
    border: none; display: flex; align-items: center;
    padding: 10px 0px;
    border-radius: 30px; border-radius: 15px 15px 0 0; justify-content: center;
    font-size: 14px;
  }
    .open-right-panel-btn svg{margin-right: 5px;}
}

.progress-wrapper {
  display: flex;
  gap: 30px; width: 100%;
  justify-content: center;
  text-align: center;
}

.circle-box {
  width: 120px;
}

.progress-circle {
  width: 59px;
  height: 59px;
}

.progress-circle circle {
  fill: none;
  stroke-width: 8;
}

.progress-circle circle:first-child {
  stroke: #f2f2f2;
}

.progress-circle .progress {
  stroke-dasharray: 283;
  stroke-dashoffset: 283;
  stroke-linecap: round;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

.progress-circle.green .progress {
  stroke: #1aa99d;
}

.progress-circle.pink .progress {
  stroke: #FF7A6A;
}

.progress-circle.emotional .progress {
  stroke: #344D77;
}

.progress-circle.yellow .progress {
  stroke: #f2a900;
}

.progress-circle text {
  font-size: 26px;
  fill: #1aa99d;
  font-weight: 600;
  text-anchor: middle;
}

.progress-circle.yellow text {
  fill: #f2a900;
}

.circle-box p {
  font-size: 14px;
  margin-top: -8px; font-weight: 500;
  color: #344D77; margin: 0;
}

@media (max-width: 767px) {
.progress-wrapper{gap: 0;}
}