.horoscrope_sec {
    background: url('https://www.swadeshnews.in/img/horoscope_bg.png');
}

footer.footer2 .footer-main {
    background: url(https://www.swadeshnews.in/img/horoscope_bg.png);
}

footer.footer2 .footer-bottom {
    background: url(https://www.swadeshnews.in/img/horoscope_bg.png);
}

#navbar-wrap {
    background: url(https://www.swadeshnews.in/img/horoscope_bg.png);
}

header.header3 {
    background: url(https://www.swadeshnews.in/img/horoscope_bg.png) !important;
}

@media (min-width: 1600px) {
    .active-light-mode header.header nav.template-main-menu > ul.menu > li.menu-item > a {
        color: #fff !important;
    }
}

.horoscrope_sec p {
    color: #fff;
}


.ast-rhs-ad {
    width: 300px;
}

    .ast-rhs-ad .ast-ad-txt {
        display: block;
        text-align: center;
    }

.rhs-ad-wrp {
    margin-bottom: 1.875rem;
}

@media only screen and (max-width: 767px) {
    .ast-rhs-ad {
        width: 100%;
    }

        .ast-rhs-ad .rhs-ad-wrp:not(:first-child) {
            display: none;
        }
}

/*base.css*/
:root {
    --ast-clr-1: #fff;
    --ast-clr-2: #000;
    --ast-clr-3: #ff6600;
    --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 Serif Devanagari", sans-serifs;
    --ast-ff-2: "Noto Serif Devanagari", sans-serifs;
}

*, *::before, *::after {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    box-sizing: border-box;
}



*, :active, :focus, a:hover, a:link, a:visited {
    text-decoration: none;
    outline: 0;
    outline-offset: 0;
}

ol, ul {
    list-style: none;
}

.horoscrope_sec img, .horoscrope_sec picture, .horoscrope_sec video, .horoscrope_sec canvas, .horoscrope_sec svg {
    display: inline-block;
    max-width: 100%;
    width: 100%;
    height: auto;
    vertical-align: middle;
    border-style: none;
}

.horoscrope_sec a {
    color: var(--ast-clr-3);
    text-decoration: none;
    background-color: transparent;
}

.zodiac-slct-arrow svg {
    width: 16px;
}

.horoscrope_sec a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none;
}

    .horoscrope_sec a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration: none;
    }

:focus {
    outline: 0;
}

button:focus:not(:focus-visible) {
    outline: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.horoscrope_sec article, .horoscrope_sec aside, .horoscrope_sec figcaption, c.horoscrope_sec figure, .horoscrope_sec footer, .horoscrope_sec header, .horoscrope_sec hgroup, .horoscrope_sec main, .horoscrope_sec nav, .horoscrope_sec section {
    display: block;
}

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



body {
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    font-family: var(--ast-ff-1);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--ast-clr-1);
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    background: #000 url('https://www.swadeshnews.in/img/horoscope_bg.png') center top repeat-y;
    isolation: isolate;
}

    body::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.25);
        z-index: -1;
        pointer-events: none;
    }

.ast-full-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.ast-container {
    width: 100%;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    margin-right: auto;
    margin-left: auto;
}

::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

@media (min-width: 912px) {
    .ast-container {
        max-width: 912px;
    }
}

@media (min-width: 1200px) {
    .ast-container {
        max-width: 1290px;
    }
}

.ast-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
}

.ast-no-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .ast-no-gutters > .ast-col, .ast-no-gutters > [class*=ast-col-] {
        padding-right: 0;
        padding-left: 0;
    }

.ast-col, .ast-col-auto, .ast-col-1, .ast-col-2, .ast-col-3, .ast-col-4, .ast-col-5, .ast-col-6, .ast-col-7, .ast-col-8, .ast-col-9, .ast-col-10, .ast-col-11, .ast-col-12 {
    position: relative;
    width: 100%;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
}

.ast-col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.ast-col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

@media (min-width: 912px) {
    .ast-col-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .ast-col-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .ast-col-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    aside.ast-col-3 {
        max-width: 330px;
    }

    .ast-col-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .ast-col-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .ast-col-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .ast-col-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .ast-col-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .ast-col-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .ast-col-9 {
        max-width: 960px;
    }

    .ast-col-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .ast-col-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .ast-col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.ast-heading-h1 {
    font-size: 3.75rem;
    color: var(--ast-clr-1);
    font-weight: 700;
}

.ast-heading-h2 {
    font-size: 3.125rem;
    color: var(--ast-clr-1);
    font-weight: 700;
    line-height: 1.3;
}

.hide-on {
    display: none;
    pointer-events: none;
}

@media (max-width: 1259px) {
    .ast-hr-scroll {
        width: 100%;
        font-size: 0;
        flex-wrap: nowrap;
        white-space: nowrap;
        position: relative;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        justify-content: flex-start;
        scroll-snap-type: x mandatory;
        justify-content: flex-start;
        scroll-snap-align: start;
        scroll-padding: 0;
    }

    .ast-hr-scroll-item {
        align-items: flex-start;
        scroll-snap-align: start;
    }
}

@media only screen and (min-width: 768px) {
    .hide-on-dsk {
        display: none;
        pointer-events: none;
    }
}

@media only screen and (max-width: 767px) {
    .hide-on-mob {
        display: none;
        pointer-events: none;
    }

    .ast-heading-h2 {
        font-size: 1.875rem;
    }
}

/*bredcrum.css*/
.ast-breadcrumbs {
    width: 100%;
    margin-bottom: 1.875rem;
}

.ast-brdcrms-list {
    width: 100%;
    display: flex;
    align-items: center;
}

.ast-brdcrms-item {
    font-size: 20px;
    font-weight: 500;
    color: var(--ast-clr-6);
    position: relative;
    display: flex;
    align-items: center;
}

.ast-brdcrms-link {
    color: var(--ast-clr-6);
    transition: 0.3s ease-in-out;
}

    .ast-brdcrms-link:hover {
        color: var(--ast-clr-3);
    }

.ast-brdcrms-item:not(:first-child)::before {
    content: '';
    width: 10px;
    height: 10px;
    display: inline-flex;
    margin: -0.125rem .625rem 0 .625rem;
    flex-shrink: 0;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3LjQgMTIiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojNmE2YTZhO308L3N0eWxlPjwvZGVmcz48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMCAxMC42IDQuNiA2IDAgMS40IDEuNCAwIDcuNCA2IDEuNCAxMiAwIDEwLjYiLz48L3N2Zz4=') center center no-repeat;
    color: var(--ast-clr-6);
}

/*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;
}

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    color: var(--ast-clr-1);
    font-family: var(--ast-ff-2);
}

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

.datepicker {
    top: 0;
    left: 0;
    padding: 4px;
    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(--ast-clr-3);
            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(--ast-clr-3);
        }

            .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: var(--ast-clr-3);
            }

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

            .datepicker td span:hover {
                background: var(--ast-clr-3);
            }

            .datepicker td span.active {
                background-color: var(--ast-clr-3);
            }

                .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: var(--ast-clr-3);
                }

            .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(--ast-clr-3);
        }

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

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

/*fonts.css*/
/*@font-face {
        font-family: 'noto_sans_devanagari_uiRg';
        src: url('../fonts/noto-sans-devanagari-ui-regular-webfont.woff2') format('woff2'), url('../fonts/noto-sans-devanagari-ui-regular-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'noto_sans_devanagari_uimedium';
        src: url('../fonts/noto-sans-devanagari-ui-medium-webfont.woff2') format('woff2'), url('../fonts/noto-sans-devanagari-ui-medium-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: 'noto_sans_devanagari_uiSBd';
        src: url('../fonts/noto-sans-devanagari-ui-semi-bold-webfont.woff2') format('woff2'), url('../fonts/noto-sans-devanagari-ui-semi-bold-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: 'noto_sans_devanagari_uibold';
        src: url('../fonts/noto-sans-devanagari-ui-bold-webfont.woff2') format('woff2'), url('../fonts/noto-sans-devanagari-ui-bold-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: 'noto_sans_devanagari_uiblack';
        src: url('../fonts/noto-sans-devanagari-ui-black-webfont.woff2') format('woff2'), url('../fonts/noto-sans-devanagari-ui-black-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap
    }*/

/* @font-face {    font-family: 'LocalFont';    src:url(../fonts/NotoSansDevanagariUI-Regular.0d46ba40.woff2) format("woff2"), url('../fonts/Noto-Sans-Devanagari-UI-Regular.ttf.woff') format('woff'),        url('../fonts/Noto-Sans-Devanagari-UI-Regular.ttf.svg#Noto-Sans-Devanagari-UI-Regular') format('svg'),        url('../fonts/Noto-Sans-Devanagari-UI-Regular.ttf.eot'),        url('../fonts/Noto-Sans-Devanagari-UI-Regular.ttf.eot?#iefix') format('embedded-opentype');         font-weight: 400;        font-style: normal;        font-display: swap}@font-face {    font-family: 'LocalFont';    src:url('../fonts/Noto-Sans-Devanagari-UI-Medium.ttf.woff') format('woff'),        url('../fonts/Noto-Sans-Devanagari-UI-Medium.ttf.svg#Noto-Sans-Devanagari-UI-Medium') format('svg'),        url('../fonts/Noto-Sans-Devanagari-UI-Medium.ttf.eot'),        url('../fonts/Noto-Sans-Devanagari-UI-Medium.ttf.eot?#iefix') format('embedded-opentype');         font-weight: 600;        font-style: normal;        font-display: swap}@font-face {    font-family: 'LocalFont';    src:url('../fonts/Noto-Sans-Devanagari-UI-SemiBold.ttf.woff') format('woff'),        url('../fonts/Noto-Sans-Devanagari-UI-SemiBold.ttf.svg#Noto-Sans-Devanagari-UI-SemiBold') format('svg'),        url('../fonts/Noto-Sans-Devanagari-UI-SemiBold.ttf.eot'),        url('../fonts/Noto-Sans-Devanagari-UI-SemiBold.ttf.eot?#iefix') format('embedded-opentype');         font-weight: 700;        font-style: normal;        font-display: swap}@font-face {    font-family: 'LocalFont';    src:url('../fonts/Noto-Sans-Devanagari-UI-Bold.ttf.woff') format('woff'),        url('../fonts/Noto-Sans-Devanagari-UI-Bold.ttf.svg#Noto-Sans-Devanagari-UI-Bold') format('svg'),        url('../fonts/Noto-Sans-Devanagari-UI-Bold.ttf.eot'),        url('../fonts/Noto-Sans-Devanagari-UI-Bold.ttf.eot?#iefix') format('embedded-opentype');         font-weight: 800;        font-style: normal;        font-display: swap} */
/*footer.css*/
.ast-taboola-btm {
    width: 100%;
}

.ast-footer {
    width: 100%;
    padding: 1.25rem 0;
}

    .ast-footer .ast-head-logo {
        width: 15.625rem;
        flex-direction: column;
        align-items: flex-end;
    }

    .ast-footer .ast-main-logo {
        margin-right: 0;
        margin-bottom: .625rem;
    }

.ast-so-srch {
    max-width: 200px;
    width: 100%;
    text-align: center;
    margin-left: auto;
}

.ast-social-icons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .625rem;
}

    .ast-social-icons a {
        font-size: 1.5rem;
        color: var(--ast-clr-1);
        transition: 0.3s ease-in-out;
    }

        .ast-social-icons a:hover {
            color: var(--ast-clr-3);
        }

.ast-search {
    width: 100%;
    position: relative;
}

.ast-search-form {
    width: 100%;
    position: relative;
    margin-top: .625rem;
}

    .ast-search-form input[type="text"] {
        width: 100%;
        background-color: transparent;
        padding: .625rem 2.5rem .625rem .9375rem;
        border-radius: 50px;
        border: solid 1px var(--ast-clr-6);
        color: var(--ast-clr-1);
        font-size: 1rem;
    }

        .ast-search-form input[type="text"]:focus {
            transition: 0.3s ease-in-out;
            border-color: var(--ast-clr-1);
        }

.ast-search-btn {
    -webkit-appearance: none;
    border: none;
    background-color: transparent;
    position: absolute;
    right: 10px;
    top: 45%;
    transform: translateY(-50%);
    color: var(--ast-clr-6);
    font-size: 1.125rem;
    cursor: pointer;
}

    .ast-search-btn:hover {
        transition: 0.3s ease-in-out;
        color: var(--ast-clr-1);
    }

.ast-foot-text {
    font-family: var(--ast-ff-2);
    font-size: 1.125rem;
    font-weight: 400;
    color: var(--ast-clr-6);
    text-align: center;
    margin: 1rem 0 0 0;
}

    .ast-foot-text span:last-child {
        border-left: solid 1px var(--ast-clr-6);
        margin-left: .625rem;
        padding-left: .625rem;
    }

@media only screen and (max-width: 767px) {
    .ast-footer .ast-head-logo, .ast-so-srch {
        margin-left: auto;
        margin-right: auto;
        align-items: center;
    }

    .ast-so-srch {
        max-width: 250px;
        margin-top: 1.875rem;
        margin-bottom: 1.25rem;
    }

    .ast-foot-text {
        font-size: 1rem;
        display: block;
    }

        .ast-foot-text span {
            display: block;
        }

            .ast-foot-text span:last-child {
                border: none;
                margin: 0;
                padding: 0;
            }
}

.ft-nv {
    margin: 2rem auto 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: solid 1px #404040;
    padding-bottom: 1rem;
}

.ft-nav_li {
    font-size: 1.125rem;
    display: inline-block;
    padding: 0 1rem 0 0;
    position: relative;
    line-height: 1;
}

    .ft-nav_li a {
        color: var(--ast-clr-6);
    }

        .ft-nav_li a:hover {
            color: var(--ast-clr-3);
        }

    .ft-nav_li:before {
        content: "";
        width: 1px;
        height: 100%;
        background-color: #404040;
        position: absolute;
        top: 0;
        right: 6px;
    }

    .ft-nav_li:last-child {
        padding-right: 0;
    }

.dis-txt {
    width: 100%;
    padding: 15px;
    background-color: #2a2a2a;
    border: solid 1px #3a3a3a;
    border-radius: 4px;
    font-size: 1rem;
    font-style: italic;
}

/*header.css*/
@supports ((position: -webkit-sticky) or (position:sticky)) {
    .ast-sticky-header {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.ast-header {
    width: 100%;
    padding: 1.25rem 0 1.875rem 0;
}

.ast-header-inside {
    width: 100%;
    display: flex;
}

.ast-head-logo {
    width: auto;
    display: flex;
}

.ast-main-logo, .ast-pow-logo {
    width: 15.625rem;
    display: flex;
    flex-shrink: 0;
    margin-right: .9375rem;
}

.ast-pow-logo {
    width: 12.5rem;
}

.ast-pow-txt {
    font-family: var(--ast-ff-2);
    font-size: .75rem;
    text-transform: uppercase;
    flex-shrink: 0;
    margin-right: 0.3125rem;
    padding-top: 0.3125rem;
}

.ast-notif {
    margin-left: auto;
    position: relative;
    isolation: isolate;
    z-index: 1;
}

.ast-notif-link {
    height: 40px;
    display: flex;
    align-items: center;
    color: var(--ast-clr-2);
    white-space: nowrap;
    background-color: var(--ast-clr-3);
    border-radius: 3.125rem;
    position: relative;
    padding: 0 20px 0 5px;
}

.ast-notif-wrp {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: var(--ast-clr-2);
    position: relative;
    margin-right: .625rem;
}

.ast-notif-txt {
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 400;
    position: relative;
    top: 3px;
}

.ast-bell-icn {
    font-size: 1.25rem;
    height: 100%;
    color: var(--ast-clr-3);
}

.ast-notif-link:hover .ast-bell-icn, .ast-notif-link:focus .ast-bell-icn {
    animation: bellshake .5s cubic-bezier(.36, .07, .19, .97) both;
    backface-visibility: hidden;
    transform-origin: top center;
}

@keyframes bellshake {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(5deg);
    }

    30% {
        transform: rotate(-5deg);
    }

    45% {
        transform: rotate(4deg);
    }

    60% {
        transform: rotate(-4deg);
    }

    75% {
        transform: rotate(2deg);
    }

    85% {
        transform: rotate(-2deg);
    }

    92% {
        transform: rotate(1deg);
    }

    100% {
        transform: rotate(0);
    }
}

.ast-popover {
    width: 220px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: var(--ast-clr-7);
    border-radius: 4px;
    padding: .9375rem;
    opacity: 0;
    pointer-events: none;
    z-index: -10;
    transform: translateY(110%);
    transition: 0.3s ease-in-out;
}

    .ast-popover::before {
        content: "";
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid var(--ast-clr-7);
        position: absolute;
        right: 35px;
        top: -10px;
    }

.ast-popover-content {
    font-family: var(--ast-ff-2);
}

.ast-notif:hover .ast-popover {
    z-index: 109;
    opacity: 1;
    pointer-events: all;
    transform: translateY(90%);
}

@media only screen and (max-width: 767px) {
    .ast-header {
        padding: .9375rem 0;
    }

    .ast-burg-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        height: 35px;
        font-size: 1.5rem;
        margin-right: .4375rem;
        flex-shrink: 0;
    }

    .ast-head-logo {
        flex-direction: column;
        align-items: flex-end;
    }

    .ast-main-logo {
        width: 10.3125rem;
    }

    .ast-pow-logo {
        width: 9.375rem;
    }

    .ast-pow-txt {
        font-size: .625rem;
    }

    .ast-notif {
        margin-top: 5px;
    }

    .ast-notif-txt {
        font-size: .75rem;
    }

    .ast-notif-link {
        height: 32px;
        padding-right: 10px;
    }

    .ast-notif-wrp {
        width: 24px;
        height: 24px;
        margin-right: 5px;
    }

    .ast-bell-icn {
        font-size: .875rem;
    }

    .ast-notif-txt {
        top: 2px;
    }

    .ast-notif:hover .ast-popover {
        transform: translateY(80%);
    }
}

/*slide-nav.css*/
:root {
    --vj-sn-lg1: #f9f9f9;
    --vj-sn-br1: rgba(255, 255, 255, 0.15);
}

.ndtv-lgo_img, .ndtv-logo, .sid-nav-cls, .sid-nav-cls:hover, .sid-nav-wrp, .sid-nav_li, .sid-nav_li-ttl, .sid-nav_ul, .snv-lng, .snv-lng .snv_cn-li, .snv_cn-icn, .snv_lg-dot, .snv_lg-li, .snv_lg-lnk, .srh_inp-wrp, .vj_icn {
    display: inline-block;
}

.sid-nav-cls, .sid-nav_li-ttl, .snv_cn-lnk, .snv_cn-lnk:hover, .snv_lg-lnk, .srh_inp {
    color: var(--vj-cl-dr1);
}

body.js_sid-nav {
    overflow: hidden;
}

.vj_icn {
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    vertical-align: middle;
}

.ndtv-logo {
    height: 40px;
    float: left;
    position: relative;
    top: 0;
    margin: 0 10px;
    z-index: 6;
}

.sid-nav-cls, .sid-nav-cls:hover {
    margin-left: 10px;
    float: right;
}

.ndtv-lgo_img, .ndtv-lgo_img-lg {
    margin-top: 13px;
}

.ndtv-lgo_img-lg {
    display: none;
}

.amp_sid-nav, .sid-nav {
    background-color: rgba(0, 0, 0, 1);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    display: inline-block;
    float: right;
    height: 100%;
    width: 100%;
    max-width: 350px;
    font-family: var(--ast-ff-2);
}

.sid-nav {
    left: -350px;
    overflow-y: scroll;
    top: 0;
    position: fixed;
    z-index: 999999;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .17s cubic-bezier(.37, .15, .32, .94);
    -moz-transition: .17s cubic-bezier(.37, .15, .32, .94);
    -ms-transition: .17s cubic-bezier(.37, .15, .32, .94);
    -o-transition: .17s cubic-bezier(.37, .15, .32, .94);
    transition: .17s cubic-bezier(.37, .15, .32, .94);
}

.sid-nav-cls, .sid-nav_li-ttl, .sid-nav_ul, .sid-nav_wrp, .snv_cn-lnk {
    position: relative;
}

.sid-nav a {
    text-decoration: none;
}

.js_ser-nav .sid-nav, .js_sid-nav .sid-nav {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.sid-nav-wrp {
    float: right;
}

.sid-nav-cls {
    height: 46px;
    width: 50px;
    text-align: center;
}

.sid-nav .ndtv-lgo {
    margin-left: 16px;
}

.sid-nav_ul {
    padding: 10px 0 0;
    width: 100%;
}

.sid-nav_li-ttl {
    float: left;
    font-size: 11px;
    font-weight: 500;
    line-height: 11px;
    margin: 0 20px 10px;
    padding: 0 0 6px;
    text-transform: uppercase;
}

.sid-nav_li {
    border-bottom: 1px solid var(--vj-sn-br1);
    float: left;
    width: calc(100% - 40px);
}

    .sid-nav_li.active .sid-nav_lnk:after {
        background-color: var(--vj-cl-m);
        border-radius: 0 4px 4px 0;
        content: "";
        display: block;
        left: 0;
        line-height: 37px;
        position: absolute;
        text-align: center;
        top: 0;
        bottom: 0;
        width: 4px;
    }

.snv_ic-wrp {
    background: var(--vj-sn-br1);
    border-radius: 51px;
    float: left;
    margin-right: 12px;
    width: 36px;
    height: 36px;
}

.sid-nav_div, .sid-nav_sub, .sid-nav_wrp, .snv-hrsrl, .snv-two, .snv_cn-ul {
    width: 100%;
    display: inline-block;
    float: left;
}

.snv_cn-lnk .vj_icn {
    color: #e2e2e2;
    font-size: 14px;
    float: left;
    margin: 11px 11px 0;
}

    .snv_cn-lnk .vj_icn.vj_hop, .snv_cn-lnk .vj_icn.vj_hop-icon {
        font-size: 22px;
        margin: 7px 7px 0;
    }

.sid-nav_wrp {
    overflow-y: auto;
    padding: 20px 0 0;
}

.snv-two {
    padding: 10px 0;
}

    .snv-two .snv_cn-li {
        display: inline-block;
        float: left;
        width: 50%;
    }

.snv-srl .snv_cn-li:nth-child(2n) {
    border-left: 1px solid #eee;
}

.snv_cn-lnk {
    padding: 7px 0 7px 20px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    font-family: var(--ast-ff-2);
    line-height: 36px;
    color: #e2e2e2;
}

    .snv_cn-lnk:before {
        border-radius: 30px;
        color: #4e4e4e;
        display: none;
        font-size: 18px;
        height: 32px;
        left: 2px;
        line-height: 30px;
        position: absolute;
        text-align: left;
        top: 5px;
        width: 33px;
    }

    .snv_cn-lnk:hover {
        color: var(--vj-cl-m);
    }

.snv_cn-li:nth-child(odd) .snv_cn-lnk {
    border-right: 1px solid var(--vj-sn-br1);
}

.sid-nav_li-ttl .cl1 {
    color: var(--vj-cl-dr);
}

.snv_cn-tg {
    background: #dc1559;
    border: 2px solid #f9f9f9;
    border-radius: 6px;
    color: #f3f3f3;
    font-size: 8px;
    font-weight: 700;
    line-height: 8px;
    left: 43px;
    padding: 1px 3px;
    position: absolute;
    text-transform: uppercase;
    top: 3px;
}

.snv_cn-hed {
    background-color: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--vj-sn-br1);
    min-height: 46px;
    padding: 0 0 0 11px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 99;
}

.ndtv-logo {
    left: 6px;
    width: 89px;
    margin-right: 10px;
}

.sid-nav .ndtv-logo {
    margin-left: 0;
}

.snv_cn-icn {
    background: var(--vj-sn-br1);
    border-radius: 30px;
    margin: 7px 0 0;
    padding: 9px;
    width: 30px;
    height: 30px;
}

.snv_lg-dot, .snv_lg-dot-act {
    background: var(--vj-cl-dr1);
}

.snv-lng {
    float: left;
    padding: 10px 0 14px;
    width: 100%;
}

    .snv-lng .snv_cn-li {
        float: left;
        width: 25%;
    }

.snv_lg-lnk {
    float: left;
    font-size: 13px;
    font-weight: 600;
    padding: 0 10px 0 20px;
    line-height: 21px;
    opacity: .5;
}

.snv_lg-li {
    float: left;
}

.snv_lg-lnk.snv_lg-act {
    opacity: 1;
}

.snv_lg-dot {
    border-radius: 12px;
    float: left;
    margin: 7px 7px 0 0;
    height: 6px;
    width: 6px;
}

.srh_inp, .srh_inp-wrp {
    position: relative;
    width: 100%;
}

.srh_inp-wrp {
    float: left;
    margin-bottom: 0;
    padding: 0 16px;
}

.srh_inp {
    background: var(--vj-sn-br1);
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    height: 46px;
    padding: 8px 39px 8px 41px;
}

.srh_inp-icn, .srh_inp-wrp label {
    color: var(--vj-cl-dr1);
    font-size: 15px;
    position: absolute;
}

.srh_inp-icn {
    line-height: 13px;
    left: 31px;
    top: 15px;
    width: 17px;
    z-index: 1;
}

.srh_inp-wrp label {
    pointer-events: none;
    left: 60px;
    top: 11px;
    opacity: 1;
}

.srh_inp:focus ~ label, .srh_inp:valid ~ label {
    opacity: 0;
}



cat-list {
    width: 100%;
    font-family: var(--ast-ff-1);
    margin-bottom: 15px;
}

.snv_cat-head {
    float: left;
    width: calc(100% - 40px);
    margin: 0 20px 5px;
    font-size: 15px;
    font-weight: 700;
    border-bottom: 1px solid var(--vj-sn-br1);
    padding-bottom: 3px;
    color: #f5f5f5;
}

.snv_cat-list > .snv_cn-ul {
    width: 100%;
    margin: 0 0 10px;
}

    .snv_cat-list > .snv_cn-ul > .snv_cn-li {
        width: 50%;
        font-size: 16px;
        padding-left: 20px;
    }

        .snv_cat-list > .snv_cn-ul > .snv_cn-li > a {
            padding: 7px 0;
            font-size: 16px;
            line-height: normal;
        }

.clear_btn {
    width: 35px;
    position: absolute;
    top: 0;
    right: 20px;
    height: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9;
    padding: 8px;
}

@media only screen and (max-width: 767px) {
    .amp_sid-nav, .sid-nav {
        max-width: 100%;
    }

    .sid-nav {
        left: -100%;
    }
}

/*top-ad.css*/
.ast-top-ad {
    width: 100%;
    position: relative;
    margin: 1.25rem 0;
}

.ast-top-ad_inside {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.ast-ad-txt {
    font-family: var(--ast-ff-2);
    font-size: 0.6875rem;
    text-align: center;
    color: var(--ast-clr-6);
    margin-bottom: 0.3125rem;
}

@media only screen and (max-width: 767px) {
    .ast-top-ad {
        display: block;
    }

    .ast-top-ad_inside {
        height: 79vw;
        background-color: var(--ast-clr-7);
    }

    .ast-top-ad_wrp {
        width: 320px;
        height: 250px;
        font-size: 0;
        margin: 0 auto;
    }

        .ast-top-ad_wrp img {
            width: 100%;
            height: 100%;
        }
}

.ast-add__wrp {
    width: 100%;
    background-color: var(--ast-clr-7);
    margin: 30px 0 30px 0;
    padding: 3px 0 30px;
    position: relative;
    text-align: center;
    border-bottom: 1px solid var(--ast-clr-7);
    border-top: 1px solid var(--ast-clr-7);
}

.ast-add__placeholder {
    font-size: 0;
    margin: 0 auto;
    width: 320px;
    height: auto;
}

.ast-add__txt {
    color: var(--ast-clr-6);
    letter-spacing: 0.06rem;
    display: block;
    font-size: 0.52rem;
    margin-bottom: 2px;
    width: 100%;
    text-transform: uppercase;
    line-height: 1.5625rem;
}

.ast-ad_outrC {
    height: 250px;
}

.t-nv_lbl {
    background-color: rgb(226 11 11);
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 8px;
    font-weight: 800;
    line-height: 10px;
    min-height: 10px;
    padding: 0 3px;
    position: absolute;
    top: 0;
    right: 0;
    text-transform: uppercase;
    text-shadow: 0 0 1px rgb(0 0 0 / 17%);
}

/*top-global-nav.css*/
.ast-glob-nav {
    width: 100%;
    position: relative;
    background-color: var(--ast-clr-4);
}

.ast-glb-nav {
    width: 100%;
    margin: 0 auto;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ast-glb-nav_list {
    display: flex;
    align-items: center;
}

.ast-glb-nav_item {
    font-family: var(--ast-ff-2);
    font-size: 0.75rem;
}

.ast-glb-nav_link {
    color: var(--ast-clr-5);
    margin: 3px;
    padding: 7px;
    position: relative;
    letter-spacing: 0.5px;
    transition: 0.3s ease-in-out;
}

    .ast-glb-nav_link:hover {
        color: var(--ast-clr-3);
    }

/*top-nav.css*/
.ast-nav {
    width: 100%;
    background-color: var(--ast-clr-3);
}

.ast-nav-ul {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.ast-nav-li {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 2rem;
    position: relative;
}

    .ast-nav-li:first-child {
        margin-left: 0;
    }

.ast-nav-anchr {
    display: block;
    color: var(--ast-clr-8);
    position: relative;
    padding: .625rem 0;
}

    .ast-nav-anchr::after, .ast-social-link::after {
        content: '';
        display: block;
        width: 100%;
        height: 5px;
        background-color: transparent;
        transform: scale(0);
        transform-origin: center center;
        transition: 0.3s ease-in-out;
        position: absolute;
        bottom: 0;
        border-radius: 3px 3px 0 0;
    }

    .act-nav .ast-nav-anchr, .ast-nav-anchr:hover {
        color: var(--ast-clr-2);
    }

        .act-nav .ast-nav-anchr::after, .ast-nav-anchr:hover::after, .ast-social-link:hover::after {
            background-color: var(--ast-clr-2);
            transform: scale(1);
            transition: 0.3s ease-in-out;
        }

.ast-subnav-ul {
    min-width: 12rem;
    width: auto;
    position: absolute;
    z-index: -10;
    background-color: var(--ast-clr-7);
    border-radius: 4px;
    padding: .4375rem 0;
    opacity: 0;
    pointer-events: none;
    transform: translateY(15px);
    transition: 0.3s ease-in-out;
}

    .ast-subnav-ul > .ast-nav-li {
        margin: 0;
        white-space: nowrap;
        border-bottom: solid 1px var(--ast-clr-2);
        padding: 0 1.25rem;
    }

        .ast-subnav-ul > .ast-nav-li:last-child {
            border-bottom: none;
        }

        .ast-subnav-ul > .ast-nav-li > a {
            color: var(--ast-clr-6);
            display: inline-block;
            padding: .4375rem 0;
        }

.ast-nav-li:hover > a {
    color: var(--ast-clr-2);
}

    .ast-nav-li:hover > a::after, .ast-social-li:hover > .ast-social-link::after {
        background-color: var(--ast-clr-2);
        transform: scale(1);
        transition: 0.3s ease-in-out;
    }

.ast-nav-li:hover > .ast-subnav-ul {
    z-index: 109;
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
}

.ast-subnav-ul .ast-nav-li:hover > a, .ast-subnav-ul .ast-nav-li a.act-nav {
    color: var(--ast-clr-3);
}

    .ast-subnav-ul .ast-nav-li:hover > a::after .act-nav::after {
        background-color: var(--ast-clr-3);
        transform: scale(1);
        transition: 0.3s ease-in-out;
    }

.ast-subnav-ul .ast-nav-anchr::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: transparent;
    transform: scale(0);
    transform-origin: center center;
    transition: 0.3s ease-in-out;
    position: absolute;
    bottom: 0;
}

.ast-social-ul {
    width: auto;
    display: flex;
    align-items: center;
    margin-left: auto;
    justify-content: flex-end;
}

.ast-social-li {
    display: inline-flex;
    margin: 0 .625rem;
    position: relative;
    isolation: isolate;
}

.ast-social-link {
    font-size: 20px;
    color: var(--ast-clr-2);
    padding: .625rem 0;
    position: relative;
}

.top-search {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: .625rem;
    background-color: var(--ast-clr-7);
    border-radius: 4px;
    opacity: 0;
    z-index: -10;
    pointer-events: none;
    transform: translateY(115%);
    transition: 0.3s ease-in-out;
}

    .top-search form {
        display: flex;
        align-items: center;
        position: relative;
    }

.top-srch-input {
    padding: .4375rem .625rem;
    border-radius: 4px;
    font-size: 1rem;
    padding-right: 2rem;
}

.top-srch-submit {
    -webkit-appearance: none;
    background-color: var(--ast-clr-3);
    padding: .4375rem .625rem;
    border-radius: 4px;
    margin-left: .3125rem;
    cursor: pointer;
}

.srch-show-on {
    z-index: 109;
    opacity: 1;
    pointer-events: all;
    transform: translateY(100%);
}

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

.ast-section-list {
    width: 100%;
}

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

.ast-common-head, .ast-common-bdy {
    width: 100%;
    display: flex;
}

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

.ast-zodiac-slct {
    width: 100%;
    margin-bottom: 0.3125rem;
}

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

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

    .zodiac-slct-arrow svg {
        font-size: 0.6875rem;
    }

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

.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: 1.25rem;
    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(--ast-clr-3);
}

    .ast-dob-icn svg {
        font-size: 1rem;
    }

.date-input {
    width: 100%;
    background-color: transparent;
    font-size: 1.25rem;
    color: var(--ast-clr-3);
    text-align: right;
    padding-right: 1.5625rem;
    cursor: pointer;
    caret-color: transparent;
}

.zodiacsigns {
    max-width: 480px;
    width: 100%;
    float: left;
    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: -75px;
    z-index: 1;
}

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

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

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

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

.slected {
    color: var(--ast-clr-3);
}

.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;
}

.ast-zodiacs-tabs_li {
    display: flex;
    flex-shrink: 0;
    font-size: 1.125rem;
    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: .3125rem 1.25rem 0 1.25rem;
        border-radius: 3.125rem;
        border: solid 1px var(--ast-clr-6);
        color: var(--ast-clr-6);
        transition: 0.3s ease-in-out;
    }

        .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: 1.25rem;
}

    .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;
    }

        .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: 1.25rem;
    font-weight: 700;
    padding: 0.3125rem 1.5625rem 0 1.5625rem;
    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(--ast-clr-3);
        color: var(--ast-clr-3);
    }

.ast-almanac .ast-zodiac-birth {
    height: 100%;
    justify-content: center;
}

.ast-almanac .date-input, .ast-almanac .ast-dob-icn {
    color: var(--ast-clr-3);
}

.almanacsigns {
    padding: 1.875rem 2.5rem;
    color: var(--ast-clr-6);
}

.ast-almanac-list {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ast-almanac-item {
    width: 45%;
    display: flex;
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--ast-clr-3);
    margin: 1.25rem 0;
}

.almanac-list-icn {
    width: 42px;
    height: 42px;
    border-radius: 100%;
    border: solid 1px var(--ast-clr-9);
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    padding: .5rem;
    color: var(--ast-clr-9);
    margin-right: .9375rem;
}

.almanac-list-dtls > span {
    display: block;
}

.almanac-list-head {
    color: var(--ast-clr-9);
}

.almanac-list-subhead {
    color: var(--ast-clr-1);
}

.almanac-list-subheadsub {
    color: var(--ast-clr-6);
}

.ast-para-heading {
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--ast-clr-9);
}

.ast-card-list {
    width: 270px;
    margin: 1.25rem auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ast-clr-6);
    transition: 0.3s ease-in-out;
}

.ast-card {
    width: 100%;
}

.ast-card-dtls {
    width: 100%;
    height: 100%;
    padding: 1.5625rem;
    position: absolute;
    top: 0;
    left: 0;
}

    .ast-card-dtls a {
        width: 100%;
        height: 100%;
        display: block;
        font-size: 0;
    }

.ast-card-fig {
    width: 100%;
    height: 210px;
    padding: 1.875rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .ast-card-fig img {
        width: auto;
        margin: 0 auto;
    }

.ast-heading-h3 {
    font-size: 1.5rem;
    font-weight: 600;
}

.ast-card-dtls .ast-heading-h3 {
    text-align: center;
    margin-bottom: 1.5625rem;
    color: var(--ast-clr-1);
}

.ast-card-btn {
    display: table;
    margin: 0 auto;
    padding: .3125rem 1.25rem 0 1.25rem;
    border-radius: 3.125rem;
    border: solid 1px var(--ast-clr-6);
    color: var(--ast-clr-1);
    font-size: 1.25rem;
    font-weight: 400;
    transition: 0.3s ease-in-out;
}

.ast-card-list:hover .ast-heading-h3 {
    color: var(--ast-clr-3);
}

.ast-card-list:hover .ast-card-btn {
    border-color: var(--ast-clr-3);
    color: var(--ast-clr-3);
}

.ast-card-list:hover {
    color: var(--ast-clr-3);
}

.ast-news-list {
    max-width: 296px;
    width: 100%;
    margin: .625rem 0 3.125rem 0;
}

.ast-news-fig {
    width: 100%;
    height: 217px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: .625rem;
}

.ast-heading-h3 {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5;
    transition: 0.3s ease-in-out;
}

    .ast-heading-h3 a {
        color: var(--ast-clr-1);
    }

.ast-news-list:hover .ast-heading-h3 a {
    color: var(--ast-clr-3);
}

.ast-subtabs {
    padding: 1.25rem 0 1.875rem 0;
}

.ast-zodiacs-subtabs, .ast-zodiacs-sub2tabs {
    padding: 1.25rem 0;
}

.ast-news-rhs {
    width: 100%;
}

    .ast-news-rhs .ast-heading-h4 {
        color: var(--ast-clr-3);
        font-weight: 600;
    }

    .ast-news-rhs .ast-news-list {
        max-width: 100%;
        display: flex;
        margin: 1.25rem 0;
    }

        .ast-news-rhs .ast-news-list:first-child {
            margin-top: .625rem;
        }

    .ast-news-rhs .ast-news-fig {
        width: 90px;
        height: 90px;
        flex-shrink: 0;
        margin: 0 .625rem 0 0;
        border-radius: 5px;
    }

        .ast-news-rhs .ast-news-fig a {
            width: 100%;
            height: 100%;
            display: block;
        }

        .ast-news-rhs .ast-news-fig img {
            height: 100%;
            object-fit: cover;
        }

    .ast-news-rhs .ast-heading-h3 {
        font-size: 1rem;
        line-height: 1.4;
    }

.ast-panchaang-info {
    width: 100%;
}

    .ast-panchaang-info h3 {
        font-size: 1.5rem;
        margin: 1.25rem 0;
    }

.rashi-page .zodiacsigns {
    float: none;
    top: 0;
    margin: .625rem auto;
}

.rashi-page-styl2 .ast-card-fig {
    display: flex;
    align-items: center;
    height: 150px;
}

.rashi-page-styl2 .ast-card-dtls .ast-heading-h3 {
    font-size: 1.5rem;
}

.zodiac-comp-icn {
    width: 80px;
    height: 80px;
    background-color: transparent;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
    border: solid 1px var(--ast-clr-10);
    background: url('https://www.swadeshnews.in/img/rashi-sprite.svg') center center no-repeat;
    background-size: 150%;
    transition: 0.3s ease-in-out;
}

.zodiac-slct option {
    background-color: var(--ast-clr-7);
    color: var(--ast-clr-3);
    display: block;
    padding: 5px;
    border: none;
    outline: none;
}

.ast-anuk-inpslect option {
    color: var(--ast-clr-1);
}

.zodiac-comp-plus {
    margin: 0 .9375rem;
    font-size: .75rem;
    font-weight: 400;
}

.mesh-zodiac {
    background-position: 13px 16px;
}

.vrishabha-zodiac {
    background-position: 13px -50px;
}

.mithun-zodiac {
    background-position: 13px -115px;
}

.kark-zodiac {
    background-position: 13px -179px;
}

.singh-zodiac {
    background-position: 12px -245px;
}

.kanya-zodiac {
    background-position: 10px -309px;
}

.tula-zodiac {
    background-position: 12px -376px;
}

.vrishchik-zodiac {
    background-position: 12px -442px;
}

.dhanu-zodiac {
    background-position: 12px -509px;
}

.makar-zodiac {
    background-position: 12px -573px;
}

.kumbh-zodiac {
    background-position: 12px -638px;
}

.meen-zodiac {
    background-position: 12px -704px;
}

.ast-card-list:hover .zodiac-comp-icn {
    border-color: var(--ast-clr-3);
}

.all-anukulata .ast-almanac-list {
    width: calc(100% + 3.333333333333333%);
    justify-content: flex-start;
    margin-left: -1.666666666666667%;
}

.all-anukulata .ast-almanac-item {
    width: 30%;
    margin: 1.666666666666667%;
    transition: none;
}

    .all-anukulata .ast-almanac-item > a {
        display: flex;
        align-items: center;
        color: var(--ast-clr-1);
        transition: 0.3s ease-in-out;
    }

    .all-anukulata .ast-almanac-item:hover > a {
        color: var(--ast-clr-3);
    }

.all-anukulata .zodiac-comp-icn {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    margin-right: .9375rem;
    transition: none;
}

.all-anukulata .ast-almanac-item:hover .zodiac-comp-icn {
    border-color: var(--ast-clr-3);
}

.all-anukulata .mesh-zodiac {
    background-position: -42px 13px;
}

.all-anukulata .vrishabha-zodiac {
    background-position: -42px -40px;
}

.all-anukulata .mithun-zodiac {
    background-position: -42px -90px;
}

.all-anukulata .kark-zodiac {
    background-position: -42px -141px;
}

.all-anukulata .singh-zodiac {
    background-position: -42px -195px;
}

.all-anukulata .kanya-zodiac {
    background-position: -42px -245px;
}

.all-anukulata .tula-zodiac {
    background-position: -42px -300px;
}

.all-anukulata .vrishchik-zodiac {
    background-position: -42px -352px;
}

.all-anukulata .dhanu-zodiac {
    background-position: -42px -405px;
}

.all-anukulata .makar-zodiac {
    background-position: -42px -455px;
}

.all-anukulata .kumbh-zodiac {
    background-position: -42px -507px;
}

.all-anukulata .meen-zodiac {
    background-position: -42px -560px;
}

.all-anukulata .ast-almanac-item:hover .mesh-zodiac, .all-anukulata .ast-almanac-item:hover .vrishabha-zodiac, .all-anukulata .ast-almanac-item:hover .mithun-zodiac, .all-anukulata .ast-almanac-item:hover .kark-zodiac, .all-anukulata .ast-almanac-item:hover .singh-zodiac, .all-anukulata .ast-almanac-item:hover .kanya-zodiac, .all-anukulata .ast-almanac-item:hover .tula-zodiac, .all-anukulata .ast-almanac-item:hover .vrishchik-zodiac, .all-anukulata .ast-almanac-item:hover .dhanu-zodiac, .all-anukulata .ast-almanac-item:hover .makar-zodiac, .all-anukulata .ast-almanac-item:hover .kumbh-zodiac, .all-anukulata .ast-almanac-item:hover .meen-zodiac {
    background-position-x: 10px;
}

.ast-anuk-match {
    width: 100%;
    margin: 1.875rem 0 4.375rem;
}

.ast-anuk-match_inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.ast-anuk-match_half {
    width: 45%;
}

    .ast-anuk-match_half + .ast-anuk-match_half {
        margin-left: auto;
    }

.ast-anuk-match_add {
    width: 10%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-weight: 400;
    color: var(--ast-clr-3);
    position: relative;
}

    .ast-anuk-match_add .ast-svg-icn {
        position: absolute;
        top: 35%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.ast-anuk-form {
    width: 100%;
}

.ast-anuk-form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ast-anuk-form_list {
    width: 100%;
    margin: .9375rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .ast-anuk-form_list input[type="text"] {
        max-width: 250px;
        width: 100%;
        height: 40px;
        padding: .3125rem .625rem;
        background-color: transparent;
        border: solid 1px var(--ast-clr-6);
        font-size: 1.25rem;
        color: var(--ast-clr-1);
        border-radius: 4px;
        text-align: center;
        transition: 0.3s ease-in-out;
    }

        .ast-anuk-form_list input[type="text"]:focus {
            border-color: var(--ast-clr-5);
        }

    .ast-anuk-form_list .zodiac-comp-icn {
        transform: scale(1.3);
        margin: 0 0 1.25rem;
        border-color: #000103;
        position: relative;
    }

.ast-anuk-form_name {
    margin-top: .3125rem;
}

.ast-anuk-form_list .zodiac-comp-icn::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    border: solid 2px #000103;
    border-radius: 50%;
}

.ast-dir-row {
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.ast-anuk-inpslect .zodiac-slct-btn {
    width: 100%;
    border-radius: 4px;
    border: solid 1px var(--ast-clr-6);
    padding: .3125rem .3125rem .3125rem .625rem;
    height: 40px;
}

.ast-anuk-inpslect .zodiac-slct {
    width: 100%;
    color: var(--ast-clr-1);
    font-size: 1.25rem;
    font-weight: 400;
}

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

.ast-anuk-inpslect {
    margin: 0 .625rem;
    width: 35%;
}

.ast-anuk-rdislect {
    margin: 0 .9375rem;
    display: flex;
    align-items: center;
}

    .ast-anuk-rdislect [type="radio"]:checked, .ast-anuk-rdislect [type="radio"]:not(:checked) {
        position: absolute;
        left: -9999px;
    }

        .ast-anuk-rdislect [type="radio"]:checked + label, .ast-anuk-rdislect [type="radio"]:not(:checked) + label {
            position: relative;
            padding-left: 28px;
            cursor: pointer;
            display: inline-block;
            color: var(--ast-clr-6);
            font-size: 1.25rem;
            line-height: 1.2;
        }

            .ast-anuk-rdislect [type="radio"]:checked + label:before, .ast-anuk-rdislect [type="radio"]:not(:checked) + label:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 18px;
                height: 18px;
                border: 1px solid var(--ast-clr-6);
                border-radius: 100%;
                background: transparent;
            }

            .ast-anuk-rdislect [type="radio"]:checked + label:after, .ast-anuk-rdislect [type="radio"]:not(:checked) + label:after {
                content: '';
                width: 10px;
                height: 10px;
                background: var(--ast-clr-3);
                position: absolute;
                top: 4px;
                left: 4px;
                border-radius: 100%;
                -webkit-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

            .ast-anuk-rdislect [type="radio"]:not(:checked) + label:after {
                opacity: 0;
                -webkit-transform: scale(0);
                transform: scale(0);
            }

            .ast-anuk-rdislect [type="radio"]:checked + label:after {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1);
            }

.ast-anuk-form_sbmit {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.875rem 0;
}

.ast-anuk-form_btn {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--ast-clr-3);
    width: 300px;
    height: 40px;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--ast-clr-1);
    cursor: pointer;
    border-radius: 4px;
}

.ast-result-indicator {
    width: 100%;
    margin: 1.25rem 0;
}

.ast-result-bar {
    display: block;
    width: 100%;
    height: 26px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    background-color: var(--ast-clr-6);
}

.ast-result-fillbar {
    display: inline-block;
    width: auto;
    height: 100%;
    background-color: var(--ast-clr-3);
}

.ast-result-text {
    width: 100%;
    display: block;
    font-size: 1.5rem;
    color: var(--ast-clr-3);
    padding-top: .625rem;
}

    .ast-result-text span {
        font-size: 1.75rem;
        font-weight: 700;
    }

.ast-nam-anuk .ast-anuk-form_list {
    align-items: flex-start;
}

    .ast-nam-anuk .ast-anuk-form_list input[type="text"] {
        max-width: 100%;
        text-align: left;
    }

.ast-nam-anuk .ast-anuk-form_sbmit {
    justify-content: flex-start;
}

.ast-nam-anuk .ast-anuk-form_btn {
    width: 200px;
}

.ast-nam-letter {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ast-nam-letter_eng, .ast-nam-letter_hindi {
    font-family: var(--ast-ff-2);
    font-size: 7.5rem;
    line-height: 1;
    font-weight: 700;
    color: var(--ast-clr-6);
}

.ast-nam-letter_hindi {
    position: relative;
    top: 40px;
}

.ast-nam-anuk .ast-result-indicator {
    margin: 3.125rem 0 1.25rem;
}

@media only screen and (max-width: 767px) {
    .ast-body-main {
        padding: 1.25rem 0;
    }

    .ast-common-wrp {
        padding-bottom: 1.875rem;
    }

    .ast-cunt-date, .date-input {
        font-size: 1.125rem;
    }

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

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

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

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

    .zodiacsigns {
        padding: 1.5625rem;
        overflow: hidden;
        top: auto;
    }

    .almanacsigns {
        padding: 1.5625rem 2.1875rem;
        overflow: hidden;
    }

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

    .ast-zodiacs-tabs {
        padding: 1.5625rem 0;
    }

    .ast-almanac-item {
        width: 48%;
        font-size: 1.25rem;
        margin: .625rem 0;
    }

    .ast-news-list {
        max-width: 100%;
        display: flex;
        margin: .625rem 0;
    }

        .ast-news-list .ast-news-fig {
            order: 2;
            width: 120px;
            height: 89px;
            flex-shrink: 0;
            margin: 0 0 0 .9375rem;
        }

    .ast-news-fig img {
        width: 100%;
        height: 100%;
        font-size: 0;
        display: block;
        object-fit: cover;
    }

    .ast-news-list .ast-heading-h3 {
        font-size: 1.125rem;
        order: 1;
    }

    .rashi-page-styl2 .ast-card-list {
        width: 100%;
    }

    .rashi-page-styl2 .ast-card-dtls a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .ast-para-heading {
        font-size: 1.25rem;
    }

    .ast-anuk-form_list {
        margin: .625rem 0;
    }

    .ast-dir-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .ast-anuk-inpslect, .ast-anuk-rdislect {
        width: 100%;
        margin: .625rem 0;
    }

    .all-anukulata .ast-almanac-list {
        width: 100%;
        margin: 0;
        justify-content: space-between;
    }

    .all-anukulata .ast-almanac-item {
        width: 48%;
        margin: 1.666666666666667% 0;
    }

    .all-anukulata .zodiac-comp-icn {
        transform: scale(0.85);
        margin-right: .3125rem;
    }

    .almanac-list-dtls {
        font-size: 1.25rem;
        line-height: 1.3;
    }

    .all-anukulata h4 {
        margin-bottom: 1.25rem;
    }

    .ast-anuk-match {
        margin-bottom: 1.875rem;
    }

    .ast-anuk-match_add .ast-svg-icn {
        top: 25%;
    }

    .ast-anuk-result .ast-anuk-match_add .ast-svg-icn {
        top: 35%;
    }

    .ast-result-bar {
        height: 16px;
    }

    .ast-nam-anuk .ast-anuk-match_half {
        width: 100%;
    }

        .ast-nam-anuk .ast-anuk-match_half:last-child {
            display: none;
        }

    .ast-nam-anuk .ast-result-indicator {
        margin: 1.25rem 0;
    }
}

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

html {
    scroll-behavior: smooth;
}

.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);
}

:target {
    scroll-margin-top: 105px;
}

/*listing.css*/
.ast-listing-wrp {
    display: flex;
    padding-top: .9375rem;
}

.ast-col-680 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 680px;
    flex: 0 0 680px;
    max-width: 680px;
}

.ast-col-200 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    max-width: 200px;
}

.ml-auto {
    margin-left: auto;
}

.ast-listing-wrp .ast-col-680 {
    order: 2;
}

.ast-listing-wrp .ast-col-200 {
    order: 1;
    margin-right: auto;
}

.ast-trending-wrp, .ast-highlihts-wrp {
    width: 100%;
    margin-bottom: 1.875rem;
}

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

.ast-aside-ttl {
    background-color: var(--ast-clr-4);
    font-size: 1.125rem;
    border-radius: 3px;
    padding: 3px;
    width: 100%;
    text-align: center;
}

.ast-aside-list {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.ast-aside-item {
    width: 100%;
    display: flex;
    padding: .625rem 0;
    margin-top: .625rem;
    position: relative;
}

    .ast-aside-item:not(:last-child) {
        border-bottom: solid 1px var(--ast-clr-4);
    }

.ast-trndImg {
    flex-shrink: 0;
    width: 50px;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 4px;
}

.ast-trndTxt {
    font-size: .875rem;
}

    .ast-trndTxt a {
        color: var(--ast-clr-5);
    }

.ast-listing-list {
    width: 100%;
}

.ast-listing-item {
    display: flex;
    border-radius: 4px;
    border: solid 1px var(--ast-clr-4);
    margin-bottom: 20px;
    padding: 20px;
    transition: all 0.2s ease-in-out;
}

    .ast-listing-item:hover {
        border-color: var(--ast-clr-6);
        box-shadow: 0 0 20px rgba(0, 0, 0, 1);
    }

.ast-listing-item_img {
    width: 144px;
    flex: 0 0 144px;
    border-radius: 6px;
    height: 108px;
    overflow: hidden;
    margin-right: 1.25rem;
}

.ast-listing-item_dtls {
    width: calc(100% - 144px);
    margin-left: auto;
}

.ast-listing-item_heading {
    font-size: 1.5rem;
}

    .ast-listing-item_heading a {
        color: var(--ast-clr-1);
    }

.ast-posted-by {
    display: block;
    font-size: .875rem;
    margin-bottom: .625rem;
    color: var(--ast-clr-5);
}

    .ast-posted-by > span:not(:first-child) {
        border-left: solid 1px var(--ast-clr-4);
        padding-left: .4375rem;
        margin-left: .3125rem;
    }

.ast-listing-item_para {
    font-size: 1.25rem;
    color: var(--ast-clr-5);
}

.ast-pagination-wrp {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .9375rem 0;
}

.ast-pagination {
    text-align: center;
    font-size: .9375rem;
    font-weight: 700;
}

    .ast-pagination > a, .ast-pagination > span {
        width: 30px;
        height: 30px;
        line-height: 1;
        border-radius: 50%;
        display: inline-flex;
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        color: var(--ast-clr-5);
        padding-top: 4px;
    }

    .ast-pagination > a {
        margin: 0 .3125rem;
    }

    .ast-pagination > span {
        background-color: var(--ast-clr-4);
        color: var(--ast-clr-1);
    }

    .ast-pagination .arrowBtn {
        background-color: var(--ast-clr-4);
        color: var(--ast-clr-1);
    }

        .ast-pagination .arrowBtn.next:after, .ast-pagination .arrowBtn.prev::before {
            content: "";
            border: solid var(--ast-clr-1);
            border-width: 0 2px 2px 0;
            display: inline-block;
            padding: 3px;
            transform: rotate(-45deg) translate(0, -2px);
            -webkit-transform: rotate(-45deg) translate(0, -2px);
        }

        .ast-pagination .arrowBtn.prev::before {
            content: "";
            transform: rotate(135deg) translate(0, -2px);
            -webkit-transform: rotate(135deg) translate(0, -2px);
        }

.ast-excerpt-descp {
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 15px;
}

.ast-post-wrp {
    width: 100%;
}

    .ast-post-wrp .ast-posted-by {
        font-size: .9375rem;
    }

.ast-highlihts-wrp .ast-aside-list {
    padding-left: 15px;
}

.ast-highlihts-wrp .ast-aside-item:before {
    content: '';
    position: absolute;
    top: 16px;
    left: -15px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--ast-clr-5);
}

.ast-media-wrp {
    width: 100%;
    margin-bottom: 1.6rem;
}

.ast-fig-img {
    width: 100%;
    font-size: 0;
    line-height: 0;
}

.ast-caption-dtls {
    background-color: var(--ast-clr-4);
    padding: 10px 10px 5px 10px;
}

.ast-story-details p {
    margin-bottom: 1.5rem;
}

.ast-story-details h3 {
    font-size: 1.5rem;
}

.ast-story-share {
    width: 100%;
    display: flex;
    margin-bottom: 1.5rem;
    align-items: center;
    justify-content: center;
}

    .ast-story-share > .ast-story-list {
        width: 32px;
        height: 32px;
        background-color: var(--ast-clr-4);
        border-radius: 50%;
        flex-shrink: 0;
        margin: 0 .9375rem;
        position: relative;
    }

        .ast-story-share > .ast-story-list > a {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            color: var(--ast-clr-1);
        }

.ast-social-tooltip {
    width: auto;
    padding: 5px 10px;
    background: var(--ast-clr-4);
    border-radius: 4px;
    position: absolute;
    left: 50%;
    top: -100%;
    transform: translateX(-50%);
    height: 32px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.068, -0.55, 0.265, 1.55);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 1);
    font-family: var(--ast-ff-2);
    line-height: 1.4;
}

    .ast-social-tooltip:after {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 50%;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid var(--ast-clr-4);
        transform: translateX(-50%);
    }

.ast-story-share > .ast-story-list:hover .ast-social-tooltip {
    top: -150%;
    opacity: 1;
    pointer-events: all;
}

.externalVideo {
    width: 100%;
    position: relative;
    height: 420px;
}

    .externalVideo iframe {
        width: 100% !important;
        height: 100% !important;
    }

@media only screen and (max-width: 767px) {
    .ast-listing-wrp {
        flex-direction: column;
    }

        .ast-listing-wrp .ast-col-680 {
            order: 1;
        }

        .ast-listing-wrp .ast-col-200 {
            order: 2;
            margin-top: 1.875rem;
        }

    .ast-col-680, .ast-col-200 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .ast-listing-item {
        padding: 0;
        border: none;
        border-radius: 0;
    }

        .ast-listing-item:not(:last-child) {
            border-bottom: solid 1px var(--ast-clr-4);
        }

    .ast-listing-item_img {
        width: 100px;
        height: 75px;
        flex: 0 0 100px;
        order: 2;
        margin-right: 0;
        margin-left: 20px;
    }

    .ast-listing-item_dtls {
        width: calc(100% - 100px);
        order: 1;
    }

    .ast-listing-item_heading {
        font-size: 1.125rem;
    }

    .ast-posted-by {
        font-size: .75rem;
    }

    .ast-listing-item_para {
        width: calc(100vw - 12%);
        font-size: 1.125rem;
    }

    .ast-trndImg {
        width: 100px;
        order: 2;
        margin-right: 0;
        margin-left: 1.25rem;
    }

    .ast-aside-item {
        align-items: center;
    }

    .ast-trndTxt {
        font-size: 1.125rem;
        font-weight: normal;
    }

    .ast-excerpt-descp {
        font-size: 1.125rem;
    }

    .ast-story-share {
        justify-content: space-between;
    }

        .ast-story-share > .ast-story-list {
            margin: 0;
        }

    .ast-story-list .ast-svg-icn {
        font-size: 1rem;
    }

    .externalVideo {
        width: 100%;
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
    }

        .externalVideo iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100% !important;
            height: 100% !important;
        }
}


@media(max-width: 760px) {
    .ast-zodiacs-tabs_li {
        font-size: 1rem;
    }

    .mobile-menu-btn .btn-wrap span {
        background-color: #fff;
    }
}