:root {
     --ast-clr-3: #FF9F3E;
     --ast-clr-1: #fff;
     --ast-clr-2: #000;
     --ast-clr-3: #FF9F3E;
     --ast-clr-4: #3E3E3E;
     --ast-clr-5: #C6C6C6;
     --ast-clr-6: #6A6A6A;
     --ast-clr-7: #101010;
     --ast-clr-8: #834200;
     --ast-clr-9: #F8DCBF;
     --ast-clr-10: #707070;
     --ast-ff-1: 'Noto Sans Devanagari', -apple-system, sans-serif;
     --ast-ff-2: 'Roboto', -apple-system, sans-serif;

 }

 *,
 body,
 html {
     margin: 0;
 }

 a {
     text-decoration: none;
 }

 .astr_logos_header {
     display: flex;
     justify-content: space-between;
 }

 .rhs_astr_cont {
     background: #000 url('https://c.ndtvimg.com/astrology/bg.png') center top repeat-y;
     float: left;
     width: 100%;
     color: #fff;
     position: relative;
     /*! height: 501px; */
     border-radius: 3px;
     overflow: hidden;
 }

 .rhs_astr_cont::before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #000;
     opacity: 0.45;
 }

 .rhs_astr_cont .ast-section-list {
     position: relative;
     overflow: hidden;
 }

 .ast-heading-h2 {
     font-size: 20px;
     margin-bottom: 8px;
     font-weight: bold;

     margin-top: 4px;
 }

 .ast-common-head,
 .ast-common-bdy {
     width: 100%;
     display: flex;
     justify-content: space-between;

 }

 .ast-common-head .ast-col-6 {
     width: 100%;
 }


 .ast-zodiac-slct {
     width: 100%;
     /*! margin-bottom: 5px; */
 }

 .zodiac-slct-btn {
     width: auto;
     display: flex;
     flex-shrink: 0;
     align-items: center;
     isolation: isolate;
     position: relative;
     color: var(--wht-clr);
 }

 .zodiac-slct-arrow {
     display: block;
     /*! font-size: 0; */
     position: relative;
     right: 10px;
     z-index: -1;
 }

 .zodiac-slct-arrow svg {
     font-size: 11px;
 }

 .zodiac-slct {
     width: auto;
     -webkit-appearance: none;
     background-color: transparent;
     font-size: 14px;
     line-height: 1.5;
     font-weight: 500;
     color: var(--ast-clr-3);
     position: relative;
     z-index: 1;
     padding-right: 20px;
     cursor: pointer;
     border: 0;padding-left: 0;
 }

 .ast-cunt-date {
     font-size: 1.25rem;
     color: var(--ast-clr-6);
 }

 .ast-zodiac-birth {
     width: 100%;
     display: flex;
     flex-direction: column;
     text-align: right;
 }

 .ast-dob {
     font-size: 14px;
     color: var(--ast-clr-3);
     margin-bottom: 0.3125rem;
 }

 .ast-date-pick {
     font-size: 1.25rem;
     display: flex;
     align-items: center;
     margin-left: auto;
     position: relative;
 }

 .ast-date-slect {
     display: flex;
     align-items: center;
     isolation: isolate;
 }

 .ast-dob-icn {
     display: block;
     font-size: 0;
     position: absolute;
     right: 0;
     z-index: -1;
     cursor: pointer;
     color: var(--btn-bg-clr);
     top: 3px;
 }

 .ast-dob-icn svg {
     font-size: 13px;
     color: var(--ast-clr-3);
 }

 .date-input {
     width: 100%;
     background-color: transparent;
     font-size: 1.25rem;
     color: var(--wht-clr);
     text-align: right;
     padding-right: 25px;
     font-size: 1.125rem;
     cursor: pointer;
     caret-color: transparent;
     border: 0;
 }

 .zodiacsigns {

     width: 100%;
     float: none;
     margin: 0 auto;
     color: var(--ast-clr-6);
     padding: 0.625rem 1.25rem 0.625rem 3.125rem;
     display: flex;
     align-items: flex-start;
     justify-content: center;
     height: 100%;
     position: relative;
     top: 0;
     z-index: 1;
 }

 .zodiacsigns svg {
     animation: rotating 60s linear infinite;
     width: 195px;
 }

 .zodiacsigns:hover svg {
     animation-play-state: paused;
 }

 @keyframes rotating {
     from {
         transform: rotate(0deg)
     }

     to {
         transform: rotate(-360deg)
     }
 }

 .slected {
     color: var(--btn-bg-CLR);
 }

 .ast-zodiacs-dtls {
     width: 100%;
 }

 .ast-zodiacs-tabs {
     width: 100%;
     padding: 2.1875rem 0;
 }

 .ast-zodiacs-tabs_ul {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 0;
     margin: 0;
     list-style: none;
 }

 .ast-zodiacs-tabs_li {
     
     font-size: 13px;
     margin: 0 .3125rem;
 }

 .ast-zodiacs-tabs_li:first-child {
     margin-left: 0;
 }

 .ast-zodiacs-tabs_li:last-child {
     margin-right: 0;
 }

 .ast-zodiacs-tabs_li>a {
     padding: 6px 11px;
     border-radius: 3.125rem;
     border: solid 1px var(--ast-clr-6);
     color: var(--ast-clr-6);
     transition: 0.3s ease-in-out;
     width: 60px;
     text-align: center;
     text-decoration: navajowhite;
 }

 .active-tab.ast-zodiacs-tabs_li>a,
 .ast-zodiacs-tabs_li>a:hover {
     border-color: var(--ast-clr-9);
     color: var(--ast-clr-9);
 }

 .ast-zodiacs-tabs_wrp {
     width: 100%;
     font-size: 14px;
     line-height: 20px;
 }

 .ast-zodiacs-tabs_wrp>div,
 .ast-zodiacs-subtabs_wrp>div,
 .ast-zodiacs-sub2tabs_wrp>div {
     display: none;
     opacity: 0;
     transform: translateY(15px);
     animation: fadeIn 0.5s ease 1 forwards;
     -webkit-line-clamp: 3;
 }

 .ast-zodiacs-tabs_wrp>div.active-content-tab,
 .ast-zodiacs-subtabs_wrp>div.active-content-tab,
 .ast-zodiacs-sub2tabs_wrp>div.active-content-tab {
     display: block;
     animation: fadeIn 0.5s ease 1 forwards
 }

 @keyframes fadeIn {
     100% {
         opacity: 1;
         transform: none
     }
 }

 .read-more_link {
     font-size: 13px;
     font-weight: 700;
     padding: 6px 20px;
     border-radius: 3.125rem;
     border: solid 1px var(--ast-clr-6);
     color: var(--ast-clr-6);
     margin-left: auto;
     margin-right: auto;
     transition: 0.3s ease-in-out;
 }

 .read-more_link:hover {
     border-color: var(--btn-bg-clr);
     color: var(--btn-bg-clr);
 }

 .datepicker table {
     border-collapse: collapse;
     border-spacing: 0;
     color: var(--ast-clr-1);
     font-family: var(--ast-ff-2);
 }

 .datepicker table td.day:hover {
     background: var(--ast-clr-3);
     cursor: pointer;
 }

 .read-more_link {
     margin: 0;
 }

 .rdmore_txt_center {
     text-align: center;
     margin: 13px 0 10px 0;
 }

 .ast-body-main {
     width: 100%;
     padding: 3.125rem 0;
 }

 .ast-section-list {
     width: 100%;
     padding: 12px;
     box-sizing: border-box;
 }

 .ast-common-wrp {
     width: 100%;
     padding-bottom: 4.6875rem;
 }

 /*datepicker.css*/
 .dropdown-menu {
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 1000;
     display: none;
     float: left;
     min-width: 160px;
     padding: 5px 0;
     margin: 2px 0 0;
     list-style: none;
     background-color: var(--ast-clr-2);
     border: 1px solid var(--ast-clr-6);
     border-radius: 6px;
     -webkit-box-shadow: 0 5px 10px rgb(255 255 255 / 20%);
     -moz-box-shadow: 0 5px 10px rgba(255 255 255, 0.2);
     box-shadow: 0 5px 10px rgb(255 255 255 / 20%);
     -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
     background-clip: padding-box;
 }



 .datepicker {
     top: 0;
     left: 0;
     padding: 0;
     margin-top: 1px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
 }

 .datepicker>div {
     display: none;
 }

 .datepicker table {
     width: 100%;
     margin: 0;
 }

 .datepicker td,
 .datepicker th {
     text-align: center;
     width: 20px;
     height: 20px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
 }

 .datepicker td.day:hover {
     background: var(--btn-bg-CLR);
     cursor: pointer;
 }

 .datepicker td.day.disabled {
     color: var(--ast-clr-5);
 }

 .datepicker td.old,
 .datepicker td.new {
     color: #999999;
 }

 .datepicker td.active,
 .datepicker td.active:hover {
     background-color: var(--btn-bg-CLR);
 }

 .datepicker td.active:hover,
 .datepicker td.active:hover:hover,
 .datepicker td.active:focus,
 .datepicker td.active:hover:focus,
 .datepicker td.active:active,
 .datepicker td.active:hover:active,
 .datepicker td.active.active,
 .datepicker td.active:hover.active,
 .datepicker td.active.disabled,
 .datepicker td.active:hover.disabled,
 .datepicker td.active[disabled],
 .datepicker td.active:hover[disabled] {
     background-color: #FF9F3E;
 }

 .datepicker td span {
     display: block;
     width: 46px;
     height: 44px;
     line-height: 44px;
     float: left;
     margin: 2px;
     cursor: pointer;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
 }

 .datepicker td span:hover {
     background: #FF9F3E;
 }

 .datepicker td span.active {
     background-color: #FF9F3E;
 }

 .datepicker td span.active:hover,
 .datepicker td span.active:focus,
 .datepicker td span.active:active,
 .datepicker td span.active.active,
 .datepicker td span.active.disabled,
 .datepicker td span.active[disabled] {
     background-color: #FF9F3E;
 }

 .datepicker td span.old {
     color: #999999;
 }

 .datepicker th.switch {
     width: 145px;
 }

 .datepicker th.next,
 .datepicker th.prev {
     font-size: 21px;
 }

 .datepicker thead tr:first-child th {
     cursor: pointer;
 }

 .datepicker thead tr:first-child th:hover {
     background: var(--btn-bg-CLR);
 }

 .input-append.date .add-on i,
 .input-prepend.date .add-on i {
     display: block;
     cursor: pointer;
     width: 16px;
     height: 16px;
 }

 .table-condensed th,
 .table-condensed td {
     padding: 4px 5px;
 }

 @media only screen and (max-width: 767px) {
     .datepicker {
         left: auto !important;
         right: 15px !important;
     }
 }


 .zodiac-slct-arrow {
     color: var(--ast-clr-3);
 }

 .ast-svg-icn {
     width: 1em;
     height: 1em;
     display: inline-block;
     stroke: currentColor;
     fill: currentColor;
     stroke-width: 0;
 }


 .ast-cunt-date {
     font-size: 13px;
     color: #6A6A6A;
 }

 .date-input {
     font-size: 13px;
     color: var(--ast-clr-3);
     padding-right: 18px;
 }

 .ast-common-head {
     width: 100%;
 }

 .ast-common-bdy {
     flex-direction: column;
 }

 .ast-order-1 {
     order: 1;
 }


 .zodiacsigns {
     padding: 7px 0 19px 0;
     overflow: hidden;
     top: auto;
 }

 .almanacsigns {
     padding: 10px 0 0 0;
     overflow: hidden;
     text-align: center;
 }

 .read-more_link {
     /*! margin: .625rem auto; */
 }

 .ast-zodiacs-tabs {
     padding: 0;
     margin-bottom: 15px;
 }


 .zodiacsigns-svg>g:hover>path,
 .slected>path {
     color: var(--ast-clr-3);
     cursor: pointer;
 }


 .ast-zodiacs-stabs {
     width: 100%;
     padding: 2.1875rem 0;
     background-color: #000;
     position: sticky;
     position: -webkit-sticky;
     top: 0;
     z-index: 109;
 }

 .ast-zodiacs-stabs_wrp {
     width: 100%;
     font-size: 1.25rem;
 }

 .ast-zodiacs-tabs_li>a.active-stab,
 .ast-zodiacs-tabs_li>a:hover {
     border-color: var(--ast-clr-9);
     color: var(--ast-clr-9);
 }
 .rhs_widget {
    width: 100%;
    height: 100%;
    clear: both;
    margin: 0 0 20px 0;
  }

 @media only screen and (max-width:768px){
    .rhs_astr_cont{
        border-radius: 8px;
        margin: 20px 20px 0;
        width: auto;
    }

    
 }