.page-submenu{ width: 100%; float: left; background: #fedfff; background-image: linear-gradient(#ffffff, #fedfff); padding: 0px 0px 0; 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: #713472; font-weight: 600; border-bottom: solid 4px #713472;}
.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-left: 0px;}
.page-submenu li a{ color: #000; font-size: 17px; padding: 8px 25px; font-weight: 400; display: inline-block;}
.page-submenu li a:hover{ color: #713472;}
.page-submenu li:hover:after{ content: ""; border-radius: 15px 15px 0px 0px; height: 5px; width: 90%; bottom: -4px; left: 5%; background: #713472; position: absolute;}
.page-submenu .active{color: #713472; font-weight: 500; position: relative; padding-left: 0px;}
.page-submenu .active:after{ content: ""; border-radius: 15px 15px 0px 0px; height: 5px; width: 90%; bottom: -4px; left: 5%; background: #713472; 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 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; float: left;}
.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: #713472;
    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: #713472;
    border-color: #713472;
    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 h3{
font-size: 22px;
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;}
.left-sign-up p{font-weight: 400; font-size: 18px; padding: 15px 15px 0; line-height: 1.25;}
.left-sign-up ul{ padding: 0px 0px 0px 40px; margin: 0px;}
.left-sign-up li{ font-size: 16px; font-weight: 300; line-height: 23px;}
.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;}

.left-sign-up form .form-control{ border: solid 1px #2e5e9c; padding: 10px 15px;     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: center; border-radius: 5px 5px 0px 0px;  padding: 10px 0px 10px; margin-bottom: 10px; font-weight: 500; color: #000000; border-bottom: solid 1px #dddddd; }
.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: #713472;
    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; display: flex;}
.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 ul{display: grid; grid-template-columns: repeat(5, calc(20% - 15px)); grid-gap:20px}

.related-articles li{ border-radius: 5px; width: 100%; border: solid 1px #bababa; background: #fff;  padding: 20px 20px 20px; vertical-align: top; margin-bottom: 20px; float: none; text-align: center; display: inline-block;}

.latest_projects_b {list-style-type: none; list-style: none; position:relative;
    float: left; width: 100%; border-bottom: solid 1px #ddd; padding: 10px 0px;
   }

   .latest_projects_b:last-child{ border-bottom: none;}


.latest_projects_b .content p{ font-size:15px; text-align: left; color:#000; line-height:22px; font-weight: 300; padding-left: 0px; margin-bottom: 0px;}
.customer-name{ font-size:14px; text-align: right; font-weight: 400; float: right; color:#2e5e9c; position: relative;}
.report-block {
    width: 100%;
    float: left;
    padding: 20px 0px;
}

.report-block .icon{ text-align:center; float:left; margin-right:10px; border-right: solid 1px #cccccc;}
.report-block .icon img{ width:30px; margin-right: 6px;}


.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: #713472!important;
    border: solid 1px #713472!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: #fff9eb; 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: 22px; 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: center; margin: 0px; font-weight: 500;}


.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: 33px; font-size: 16px; color: #000;  display: flex;
       align-items: center; margin: 0px; padding: 0px;}

    .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;
    }
    .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;}
.right-box-linking a{ border: solid 1px #aaaca7; display: inline-block; padding: 5px 10px; margin: 0px 3px 8px; font-weight: 500; font-size: 14px; background: #fff;}
.right-box-linking a:hover{ color: #b47d01; border: solid 1px #b47d01;}
.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;}
.indastro-shop-product li:hover{ background-color: #fff; color: #2e5e9c;}
.indastro-shop-product li:hover a{color: #2e5e9c;}


.three-box-repeater{display: grid; grid-template-columns: repeat(3, calc(33.3% - 10px)); grid-gap: 15px;}
.three-box-item{width: 100%; position: relative; display: inline-block; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); padding: 0px 25px; text-align: center; margin:35px 0px 20px}
.three-box-item .icon{ width: 65px; height: 65px; text-align: center; margin-bottom: 10px; display: inline-block; border-radius: 50%; background: #713472; margin-top: -25px; border: solid 8px #fff; box-shadow: 0px 0px 2px #713472;}

.three-box-item .icon img{ width: 100%; padding: 6px;}
.three-box-item p{ font-size: 16px; line-height: 18px!important; padding: 10px 0px 20px;}
.three-box-item h2 {font-family: 'Unna', serif; position: relative; color: #000;}
.three-box-item a:hover{ text-decoration: none!important;}
.three-box-item:hover .rm{ opacity: 1; transition:all 0.3s ease-in}
.three-box-item .rm{ width: 24px; height: 24px; position: absolute; bottom: -12px; left: 45%; font-size: 18px; line-height: 24px; text-align: center; display: inline-block; border-radius: 50%; color: #fff; background: #713472; opacity: 0;  transition:all 0.3s ease-in}
.three-box-item h2:after{ content: ""; position: absolute; bottom: -10px; left: 40%; width: 20%; height: 3px; background: #fec8ff;}
.three-box-repeater2{display: grid; grid-template-columns: repeat(3, calc(33.3% - 10px)); grid-gap: 15px;}
.three-box-item2{width: 100%; position: relative; display: inline-block; background: #efefef; padding: 0px 35px 20px; text-align: left; margin:35px 0px 20px; border-radius: 10px; text-align: center;}
.three-box-item2 .icon{ background: url(../../img/v2/shape-bg-1.png) no-repeat center top; height: 124px;}
.three-box-item2:nth-of-type(2) .icon{ background: url(../../img/v2/shape-bg-2.png) no-repeat center top;}
.three-box-item2:nth-of-type(3) .icon{ background: url(../../img/v2/shape-bg-3.png) no-repeat center top;}
.three-box-item2 .icon img{ width: 88px!important; margin-top: 10px;}
.three-box-item2 .shape{ width: 36px; height: 36px; border-radius: 50%; background: #e6e1ff; position: absolute; left: 20px; top: 24%;}
.three-box-item2 p{ font-size: 16px; line-height: 18px!important; padding: 10px 0px 20px;}
.three-box-item2 h2 {font-family: 'Unna', serif; position: relative; color: #000; padding-top: 20px; margin-bottom: 0px!important;}
.three-box-item2 a:hover{ text-decoration: none!important;}
.three-box-item2:hover h2{ color: #b47d01;}
.three-box-item2:nth-of-type(2):hover h2{ color: #9f4731;}
.three-box-item2:nth-of-type(3):hover h2{ color: #323232;}

.related-articles{ margin: 30px 0px;}



@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{ width: 60%; margin: 10px 20% 20px; padding: 3px 0px;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-left: 0px!important; padding-right: 0px!important;}
    .related-articles li{ width: 100%; margin-bottom: 0px;}
    .birthday-block .date{ top: 86px; right: 72px;}
    .ra{ margin-top: 25px; padding-top: 20px;}
    .Yearly_horoscope_bottom_box img{ display: block; width: 85px!important;}
    .article_detail_panel .product_profile{ padding-top: 0px;}
    .article_detail_panel .yearly_content_block h2{ font-size: 1.3rem;}
    .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: #713472;
    color: #fff;
    border: none;
    padding: 10px 20px;
    min-width: 300px;
    display: inline-block;
    font-weight: 500;
    font-size: 17px;
}

.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:42px;
   

    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 5px 5px 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; font-weight: 500;
}

@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:40%; 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.4); position:absolute; z-index:100000000; background:#ffffff; left:54%; 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; color:#FFF; padding:1rem 1.5rem; line-height:22px}
    .moon-sign-notification2 .radio-buttons{ font-family: 'Unna', serif; font-size:20px; margin-bottom:5px;}
    .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;}

    @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 ul{grid-template-columns: repeat(2, calc(50% - 15px)); grid-gap: 20px;}

    }