@charset "utf-8"; /* CSS Document */
/*********************************/
/*<!-- Color style variable declaration -->*/
/*********************************/
:root {
    /* Font Variables */
    --font-googlesans: 'Google Sans', sans-serif;
    --googlesans: 'Google Sans', sans-serif;
    --font-roboto: 'Roboto', sans-serif;
    ;
    --font-poppins: 'Poppins', sans-serif;
    --base-font: 14px;
    --base-line-height: 1.2;
    /*  button color*/
    --black: #000;
    --color-white: #fff;
    --color-black: #212121;
    --color-grey: #999;
    --color-ltgrey: #ccc;
    --color-light: #666;
    --color-darkgrey: #707070;
    --color-blue: #1b70e9;
    --color-green: #08a182;
    --color-orange: #ff7e00;
    --color-red: #D8232A;
    --color-yellow: #ffb500;
    --gray40: #F2F2F2;
    --gray50: #F4F4F4;
    --gray60: #f6f6f6;
    --gray200: #CECECE;
    --gray: #ddd;
    --drakblue: #425066;
    --grayeee: #eee;
    --grayccc: #ccc;
    --grayddd: #ddd;
    --gray333: #333;
    --gray666: #666;
    --gray777: #777;
    --gray888: #888;
    --gray999: #999;
    --gray-c: #F7F7F7;
    --grayd: #f3f3f3;
    --link: #0167ff;
    --yellow: #ff0;
    /**/
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
    --boxshadow: 0 0 10px rgb(137 173 255 / 35%);
    --borderradius: 5px;
    --animation: cubic-bezier(.4, 0, .2, 1);
    /*Rating star image*/
    --star-rating: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 45' overflow='visible' xml:space='preserve'%3E%3Cpath fill='none' d='M7.5,15l2.3,5l5.3,0.7l-3.9,3.8l1,5.5l-4.6-2.7L2.9,30l1-5.5L0,20.7L5.3,20L7.5,15z'/%3E%3Cpath fill='%23666666' d='M7.5,17.5l-1.3,3L5.9,21L5.4,21l-3.2,0.4l2.4,2.4l0.4,0.4l-0.1,0.5l-0.6,3.3L7,26.5l0.5-0.3L8,26.5l2.8,1.6 l-0.6-3.3l-0.1-0.5l0.4-0.4l2.4-2.4L9.6,21L9.1,21l-0.2-0.5L7.5,17.5 M7.5,15l2.3,5l5.3,0.7l-3.9,3.8l1,5.5l-4.6-2.7L2.9,30l1-5.5 L0,20.7L5.3,20L7.5,15z'/%3E%3Cpath fill='%23FEB42B' d='M2.9,15l4.6-2.7l4.6,2.7l-1-5.5L15,5.7L9.8,5L7.5,0L5.3,5L0,5.7l3.9,3.8L2.9,15z M12.2,35.4L9.8,35l-2.3-5 l-2.3,5L0,35.7l0,0l0,0l3.9,3.8l-1,5.5l0,0v0l4.6-2.7l4.6,2.7v0l0,0l-0.4-2.2l-0.6-3.2l2.4-2.4l1.4-1.4l0,0l0,0L12.2,35.4z M10.4,38.8l-0.4,0.4l0.1,0.5l0.6,3.3L8,41.5l-0.5-0.3v-8.7l1.3,3L9.1,36L9.6,36l3.2,0.4L10.4,38.8z'/%3E%3C/svg%3E");
    /**/
    /**/
    --tick: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C8.02219 0 6.08879 0.58649 4.4443 1.6853C2.79981 2.78412 1.51809 4.3459 0.761209 6.17317C0.00433284 8.00043 -0.193701 10.0111 0.192152 11.9509C0.578004 13.8907 1.53041 15.6725 2.92894 17.0711C4.32746 18.4696 6.10929 19.422 8.0491 19.8079C9.98891 20.1937 11.9996 19.9957 13.8268 19.2388C15.6541 18.4819 17.2159 17.2002 18.3147 15.5557C19.4135 13.9112 20 11.9778 20 10C20 8.68678 19.7413 7.38642 19.2388 6.17317C18.7363 4.95991 17.9997 3.85752 17.0711 2.92893C16.1425 2.00035 15.0401 1.26375 13.8268 0.761205C12.6136 0.258658 11.3132 0 10 0ZM14.3 7.61L9.73 13.61C9.63685 13.731 9.51721 13.8291 9.38027 13.8967C9.24333 13.9643 9.09272 13.9996 8.94 14C8.78811 14.0008 8.63803 13.967 8.50115 13.9012C8.36426 13.8353 8.24418 13.7392 8.15 13.62L5.71 10.51C5.62924 10.4063 5.5697 10.2876 5.53479 10.1609C5.49988 10.0341 5.49027 9.90172 5.50652 9.77126C5.52277 9.64079 5.56456 9.5148 5.6295 9.40049C5.69444 9.28617 5.78126 9.18576 5.885 9.105C6.09453 8.94189 6.36026 8.8687 6.62375 8.90152C6.75421 8.91777 6.8802 8.95955 6.99452 9.02449C7.10884 9.08943 7.20924 9.17626 7.29 9.28L8.92 11.36L12.7 6.36C12.7801 6.25494 12.8801 6.16669 12.9943 6.10029C13.1086 6.03388 13.2347 5.99062 13.3657 5.97298C13.4966 5.95534 13.6297 5.96365 13.7574 5.99746C13.8851 6.03126 14.0049 6.08989 14.11 6.17C14.2151 6.25011 14.3033 6.35012 14.3697 6.46433C14.4361 6.57855 14.4794 6.70472 14.497 6.83565C14.5147 6.96658 14.5063 7.0997 14.4725 7.22742C14.4387 7.35514 14.3801 7.47494 14.3 7.58V7.61Z' fill='%231AA260'/%3E%3C/svg%3E%0A");
    /**/
}

/* Reset css starts here */
/* browser reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html, body {
    height: 100%;
    scroll-behavior: smooth;
}

body {
    line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

img {
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
    width: auto\9;
    height: auto;
    max-width: 100%;
}

ol, ul, li {
    list-style: none;
}

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

th, td, caption {
    font-weight: normal;
    vertical-align: top;
    text-align: left;
}

q {
    quotes: none;
}

    q:before, q:after {
        content: "";
        content: none;
    }

sub, sup, small {
    font-size: 75%;
}

sub, sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

svg {
    overflow: hidden;
}

#map_canvas img, .google-maps img {
    max-width: none;
}

/* text reset */
pre, code {
    font-family: "DejaVu Sans Mono", Menlo, Consolas, monospace;
}

hr {
    border: 0 solid #ccc;
    border-top-width: 1px;
    clear: both;
    height: 0;
}

ol {
    list-style: decimal;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

a {
    color: #0167ff;
    text-decoration: none;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    cursor: pointer
}

    a:hover {
        color: #212121;
        text-decoration: none;
    }

    a:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    a:hover, a:active, a:focus {
        outline: 0;
    }

body {
    color: #212121;
    font: 400 14px/1 "Roboto", sans-serif !important;
    /*background-color:#f2f2f2 */
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

[role="button"] {
    cursor: pointer;
}

/* input reset */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
}

input[type=number] {
    -moz-appearance: textfield !important;
}

select {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: none;
    padding: 10px;
    width: auto;
    font-size: 14px;
}

input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], input.form-text, textarea {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: normal;
    background: #fff;
    border: 1px solid #ddd;
    color: #212121;
    margin: 0;
    outline: none;
    resize: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    -webkit-transition: color 0.45s, background 0.45s, border 0.45s;
    -moz-transition: color 0.45s, background 0.45s, border 0.45s;
    transition: color 0.45s, background 0.45s, border 0.45s;
    padding: 10px;
}

    input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input.form-text:focus, textarea:focus {
        color: #000;
        -webkit-transition: color 0.25s, background 0.25s, border 0.25s;
        -moz-transition: color 0.25s, background 0.25s, border 0.25s;
        transition: color 0.25s, background 0.25s, border 0.25s;
    }

        input[type="text"]:focus + label, input[type="password"]:focus + label, input[type="email"]:focus + label, input.form-text:focus + label, textarea:focus + label {
            color: #000;
        }

    input[type="text"]:disabled, input[type="password"]:disabled, input[type="email"]:disabled, input.form-text:disabled, textarea:disabled {
        background: #000;
        opacity: 0.5;
    }

    input[type="text"]:-ms-clear, input[type="password"]:-ms-clear, input[type="email"]:-ms-clear, input.form-text:-ms-clear, textarea:-ms-clear {
        height: 0;
        width: 0;
    }

textarea {
    padding: 15px 10px;
}

input::-webkit-input-placeholder {
    color: #b0b0b0;
    opacity: 1;
}

input:-moz-placeholder {
    color: #b0b0b0;
    opacity: 1;
}

input::-moz-placeholder {
    color: #b0b0b0;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #b0b0b0;
    opacity: 1;
}

/* print */
/*
 ::-webkit-scrollbar{width:8px;height:8px;background-color:#bbbbbb}
 ::-webkit-scrollbar-thumb{border-radius:2px;background:#838383}
*/
*::-webkit-scrollbar, *::-webkit-scrollbar-thumb {
    width: 6px;
    height: 0;
    border-radius: 13px;
    background-clip: padding-box;
}

*::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0 10px;
    color: rgba(0, 0, 0, 0.5);
}

* {
    scrollbar-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.1);
    scrollbar-width: thin;
}

@media print {
    * {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}

/*============================================  ============================================*/
.hide {
    display: none !important;
    visibility: hidden !important;
}

.show {
    display: block !important;
    visibility: visible !important;
}

.center {
    text-align: center
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.norelative, .noabsolute {
    position: static !important;
}

/*============================================ Buttons Start ============================================*/
.disabled, a.disabled, .btun.disabled, button:disabled, input[type="submit"]:disabled, button[readonly], button.disabled {
    opacity: 0.6;
    cursor: not-allowed !important;
    background: #999 !important;
}

.btun {
    display: inline-block;
    padding: 7px 20px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
    min-width: 100px;
    letter-spacing: normal;
    font-family: "Roboto", sans-serif;
}

    .btun:hover, .btun:focus, .btun.focus {
        color: #333;
        text-decoration: none;
    }

/* Sizes */
.btun-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.btun-sm {
    padding: 2px 10px;
    font-size: 11.9px;
    line-height: 1.7;
}

.btun-mi {
    padding: 1px 5px;
    font-size: 11px;
    line-height: 1.5;
}

.btun-block {
    display: block;
    width: 100%;
}

/* disabled  */
.btun.disabled, .btun[disabled], fieldset[disabled] .btun {
    cursor: not-allowed;
    filter: alpha(opacity=45);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .45;
}

/* white */
.btun-white, .btun-white.btun-outline:hover {
    color: var(--color-black);
    background-color: var(--color-white);
    border-color: #e7eaec;
}

    .btun-white.btun-outline {
        background-color: transparent
    }

    .btun-white:hover {
        color: var(--color-black);
        background-color: var(--color-grey);
        border-color: #d2d2d2;
    }

/* black */
.btun-black, .btun-black.btun-outline:hover {
    color: var(--color-white);
    background-color: var(--color-black);
    border-color: var(--color-black);
}

    .btun-black.btun-outline {
        background-color: transparent;
        color: var(--color-black)
    }

    .btun-black:hover {
        color: var(--color-white);
        background-color: var(--color-black);
        border-color: var(--color-black);
    }

/* grey */
.btun-grey, .btun-grey.btun-outline:hover {
    color: var(--color-black);
    background-color: var(--color-grey);
    border-color: var(--color-grey);
}

    .btun-grey.btun-outline {
        background-color: transparent
    }

    .btun-grey:hover {
        color: var(--color-black);
        background-color: var(--color-white);
        border-color: #e7eaec;
    }

/* blue */
.btun-blue, .btun-blue.btun-outline:hover {
    color: var(--color-white);
    background-color: var(--color-blue);
    border-color: var(--color-blue);
}

    .btun-blue.btun-outline {
        background-color: transparent;
        color: var(--color-blue);
    }

    .btun-blue:hover {
        background-color: var(--color-blue);
        border-color: var(--color-blue);
        color: var(--color-white);
    }

/* green */
.btun-green, .btun-green.btun-outline:hover {
    color: var(--color-white);
    background-color: var(--color-green);
    border-color: var(--color-green);
}

    .btun-green.btun-outline {
        background-color: transparent;
        color: var(--color-green);
    }

    .btun-green:hover {
        background-color: var(--color-green);
        border-color: var(--color-green);
        color: var(--color-white);
    }

/* orange */
.btun-orange, .btun-orange.btun-outline:hover {
    color: var(--color-white);
    background-color: var(--color-orange);
    border-color: var(--color-orange);
}

    .btun-orange.btun-outline {
        background-color: transparent;
        color: var(--color-orange);
    }

    .btun-orange:hover {
        background-color: var(--color-orange);
        border-color: var(--color-orange);
        color: var(--color-white);
    }

/* red */
.btun-red, .btun-red.btun-outline:hover {
    color: var(--color-white);
    background-color: var(--color-red);
    border-color: var(--color-red);
}

    .btun-red.btun-outline {
        background-color: transparent;
        color: var(--color-red);
    }

    .btun-red:hover {
        background-color: var(--color-red);
        border-color: var(--color-red);
        color: var(--color-white);
    }

/* ltyellow */
.btun-yellow, .btun-yellow.btun-outline:hover {
    color: var(--color-black);
    background-color: var(--color-yellow);
    border-color: var(--color-yellow);
    font-weight: 500
}

    .btun-yellow.btun-outline {
        background-color: var(--color-white);
        color: var(--color-yellow);
    }

    .btun-yellow:hover {
        background-color: var(--color-yellow);
        border-color: var(--color-yellow);
        color: var(--color-black);
    }

/* red */
.btun.btun-radus {
    border-radius: 50px;
}

/**/
.loader {
    border: 2px dotted #000;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: inline-block;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

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

    100% {
        transform: rotate(360deg);
    }
}

/**/
.margin20b {
    margin-bottom: 20px;
}

/**/
.flagicon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    width: 18px;
    height: 14px;
    display: inline-block
}

.flagicon-us {
    background-image: url("https://d3aew4oo17ml6.cloudfront.net/common/images/flags/4x3/us.svg")
}

.flagicon-in {
    background-image: url("https://d3aew4oo17ml6.cloudfront.net/common/images/flags/4x3/in.svg")
}

.flagicon-ca {
    background-image: url("https://d3aew4oo17ml6.cloudfront.net/common/images/flags/4x3/ca.svg")
}

.flagicon-ae {
    background-image: url("https://d3aew4oo17ml6.cloudfront.net/common/images/flags/4x3/ae.svg")
}

.flagicon-au {
    background-image: url("https://d3aew4oo17ml6.cloudfront.net/common/images/flags/4x3/au.svg")
}

.flagicon-de {
    background-image: url("https://d3aew4oo17ml6.cloudfront.net/common/images/flags/4x3/de.svg")
}

.flagicon-sg {
    background-image: url("https://d3aew4oo17ml6.cloudfront.net/common/images/flags/4x3/sg.svg")
}

/*=================================================================================
Grid CSS
=================================================================================*/
/*  Grid Started  */
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .containersm {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container-sm, .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px;
    }

    .containersm {
        max-width: 1000px;
    }
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1200px;
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

    .row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }

.col {
    flex: 1 0 0
}

.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0
    }

    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0
    }

    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%;
    }

    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%;
    }

    .row-cols-xl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%;
    }

    .row-cols-xxl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xxl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xxl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xxl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-xxl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xxl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xxl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

/*============================================ checkbox & radio Start ============================================*/
.inputfield [type="radio"]:not(:checked), .inputfield [type="radio"]:checked {
    position: absolute;
    left: -9999px;
    opacity: 0
}

    .inputfield [type="radio"]:not(:checked) + label, .inputfield [type="radio"]:checked + label {
        position: relative;
        padding-left: 35px;
        cursor: pointer;
        display: inline-block;
        height: 25px;
        line-height: 25px;
        font-size: 1rem;
        transition: .28s ease;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        left: 15px
    }

.inputfield [type="radio"] + label:before, .inputfield [type="radio"] + label:after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    margin: 4px !important;
    width: 16px !important;
    height: 16px !important;
    z-index: 0 !important;
    transition: .28s ease
}

.inputfield [type="radio"]:not(:checked) + label:before, .inputfield [type="radio"]:not(:checked) + label:after, .inputfield [type="radio"]:checked + label:before, .inputfield [type="radio"]:checked + label:after, .inputfield [type="radio"].with-gap:checked + label:before, .inputfield [type="radio"].with-gap:checked + label:after {
    border-radius: 50%
}

.inputfield [type="radio"]:not(:checked) + label:before, .inputfield [type="radio"]:not(:checked) + label:after {
    border: 2px solid #5a5a5a
}

.inputfield [type="radio"]:not(:checked) + label:after {
    z-index: -1;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.inputfield [type="radio"]:checked + label:before {
    border: 2px solid transparent
}

.inputfield [type="radio"]:checked + label:after, .inputfield [type="radio"].with-gap:checked + label:before, .inputfield [type="radio"].with-gap:checked + label:after {
    border: 2px solid #dc1f26
}

.inputfield [type="radio"]:checked + label:after, .inputfield [type="radio"].with-gap:checked + label:after {
    background-color: #dc1f26;
    z-index: 0;
    content: ""
}

.inputfield [type="radio"]:checked + label:after {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.inputfield [type="radio"].with-gap:checked + label:after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5)
}

.inputfield [type="radio"].tabbed:focus + label:before {
    box-shadow: 0 0 0 10px rgba(0,0,0,0.1)
}

.inputfield [type="radio"].with-gap:disabled:checked + label:before {
    border: 2px solid rgba(0,0,0,0.26)
}

.inputfield [type="radio"].with-gap:disabled:checked + label:after {
    border: none;
    background-color: rgba(0,0,0,0.26)
}

.inputfield [type="radio"]:disabled:not(:checked) + label:before, .inputfield [type="radio"]:disabled:checked + label:before {
    background-color: transparent;
    border-color: rgba(0,0,0,0.26)
}

.inputfield [type="radio"]:disabled + label {
    color: rgba(0,0,0,0.26)
}

.inputfield [type="radio"]:disabled:not(:checked) + label:before {
    border-color: rgba(0,0,0,0.26)
}

.inputfield [type="radio"]:disabled:checked + label:after {
    background-color: rgba(0,0,0,0.26);
    border-color: #BDBDBD
}

.inputfield [type="checkbox"]:not(:checked), .inputfield [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    opacity: 0
}

.inputfield [type="checkbox"] + label {
    position: relative !important;
    left: 15px !important;
    padding-left: 35px !important;
    cursor: pointer !important;
    display: block;
    /*height:25px;*/
    line-height: 20px;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    color: #333
}

    .inputfield [type="checkbox"] + label:before, .inputfield [type="checkbox"]:not(.filled-in) + label:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 18px;
        height: 18px;
        z-index: 0;
        border: 2px solid #5a5a5a;
        border-radius: 1px;
        margin-top: 2px;
        transition: .2s
    }

.inputfield [type="checkbox"]:not(.filled-in) + label:after {
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.inputfield [type="checkbox"]:not(:checked):disabled + label:before {
    border: none;
    background-color: rgba(0,0,0,0.26)
}

.inputfield [type="checkbox"].tabbed:focus + label:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 10px rgba(0,0,0,0.1);
    background-color: rgba(0,0,0,0.1)
}

.inputfield [type="checkbox"]:checked + label:before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #26a69a;
    border-bottom: 2px solid #26a69a;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.inputfield [type="checkbox"]:checked:disabled + label:before {
    border-right: 2px solid rgba(0,0,0,0.26);
    border-bottom: 2px solid rgba(0,0,0,0.26)
}

.inputfield [type="checkbox"]:indeterminate + label:before {
    top: -11px;
    left: -12px;
    width: 10px;
    height: 22px;
    border-top: none;
    border-left: none;
    border-right: 2px solid #26a69a;
    border-bottom: none;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.inputfield [type="checkbox"]:indeterminate:disabled + label:before {
    border-right: 2px solid rgba(0,0,0,0.26);
    background-color: transparent
}

.inputfield [type="checkbox"].filled-in + label:before, .inputfield [type="checkbox"].filled-in + label:after {
    content: '';
    left: 0;
    position: absolute;
    transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    z-index: 1
}

.inputfield [type="checkbox"].filled-in:not(:checked) + label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 20% 40%;
    transform-origin: 100% 100%
}

.inputfield [type="checkbox"].filled-in:not(:checked) + label:after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #808080;
    top: 0px;
    z-index: 0;
    border-radius: 2px;
    opacity: 9;
    transform: none
}

.inputfield [type="checkbox"].filled-in + span:not(.lever):after {
    border-radius: 2px;
}

.inputfield [type="checkbox"].filled-in:checked + label:before {
    top: 0 !important;
    left: 0 !important;
    width: 8px !important;
    height: 14px !important;
    border-top: 2px solid transparent !important;
    border-left: 2px solid transparent !important;
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    -webkit-transform: rotateZ(37deg) !important;
    transform: rotateZ(37deg) !important;
    -webkit-transform-origin: 100% 100% !important;
    transform-origin: 100% 100% !important
}

.inputfield [type="checkbox"].filled-in:checked + label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #dc1f26;
    background-color: #dc1f26;
    z-index: 0;
    border-radius: 2px;
}

.inputfield [type="checkbox"].filled-in.tabbed:focus + label:after {
    border-radius: 2px;
    border-color: #808080;
    background-color: rgba(0,0,0,0.1)
}

.inputfield [type="checkbox"].filled-in.tabbed:checked:focus + label:after {
    border-radius: 2px;
    background-color: #26a69a;
    border-color: #26a69a
}

.inputfield [type="checkbox"].filled-in:disabled:not(:checked) + label:before {
    background-color: transparent;
    border: 2px solid transparent
}

.inputfield [type="checkbox"].filled-in:disabled:not(:checked) + label:after {
    border-color: transparent;
    background-color: #BDBDBD
}

.inputfield [type="checkbox"].filled-in:disabled:checked + label:before {
    background-color: transparent
}

.inputfield [type="checkbox"].filled-in:disabled:checked + label:after {
    background-color: #BDBDBD;
    border-color: #BDBDBD
}

.inputfield input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after, .inputfield input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after {
    box-shadow: 0 1px 3px 1px rgba(0,0,0,0.4), 0 0 0 15px rgba(38,166,154,0.1)
}

.inputfield input[type=checkbox]:not(:disabled) ~ .lever:active:after, .inputfield input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after {
    box-shadow: 0 1px 3px 1px rgba(0,0,0,0.4), 0 0 0 15px rgba(0,0,0,0.08)
}

/*============================================ checkbox & radio End ============================================*/
/*=================================================================================
Grid CSS
=================================================================================*/
.frame-width {
    top: 10px;
    left: 50%;
    margin-left: -205px;
    min-height: 614px;
    width: 410px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

@media (max-width: 768px) {
    .frame-width {
        top: 0;
        left: 0;
        margin-left: 0;
        min-height: 670px;
        width: 100%;
    }
}

#astrologer {
}

#pageheader {
    border-bottom: solid 1px #ebebeb;
    /*box-shadow: rgb(0 0 0 / 10%) 0px 1px 8px 0px;*/
}

#astrologer .toplinewrp {
    height: 7px;
    display: flex
}

    #astrologer .toplinewrp .redbg {
        height: 7px;
        width: 50%;
        background: #DC1F27;
    }

    #astrologer .toplinewrp .yellowbg {
        height: 7px;
        width: 50%;
        background: #FDBA17
    }

#pageheader header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 15px 0 0
}

#pageheader .astrologo {
    position: relative;
    height: 50px;
    display: flex;
    gap: 10px
}

    #pageheader .astrologo a {
        width: 145px;
        background: url(https://astro.sulekha.com/common/images/sulekha-logo.png?v=9) 0 0 no-repeat;
        display: block;
        height: 50px;
        overflow: hidden;
        text-indent: -9999px;
    }

#pageheader .hdsearchwrp {
    position: relative;
}

    #pageheader .hdsearchwrp .hdsearch {
        border-radius: 50px;
        border: solid 1px #909090;
        width: 100%;
        height: 50px;
        padding-right: 120px;
        padding-left: 20px;
    }

    #pageheader .hdsearchwrp a.btun {
        position: absolute;
        top: 5px;
        right: 5px;
        height: 40px;
        border-radius: 50px;
        background: #D8232A;
        border-color: #D8232A;
        align-items: center;
        display: flex;
        justify-content: center;
        font-size: 15px;
        padding-left: 25px;
        padding-right: 25px;
    }

        #pageheader .hdsearchwrp a.btun svg {
            margin-left: 5px;
            fill: var(--color-white)
        }

/**/
#pageheader .secnav {
}

    #pageheader .secnav ul {
        display: flex;
        justify-content: flex-end;
        align-items: center
    }

        #pageheader .secnav ul li {
            margin-left: 10px;
            font-family: var(--font-poppins);
            font-size: 14px;
            position: relative
        }

            #pageheader .secnav ul li span {
            }

            #pageheader .secnav ul li a {
                color: var(--color-light);
                display: flex;
                align-items: center;
                padding: 5px 10px;
                justify-content: center;
            }

                #pageheader .secnav ul li a svg {
                    margin-right: 5px;
                    fill: #999;
                }

                #pageheader .secnav ul li a.btun {
                    border-color: #D8232A;
                    font-family: var(--font-roboto);
                    font-size: 15px;
                    color: #D8232A;
                }

            #pageheader .secnav ul li.loginwrp a:hover {
                background: #fff
            }

            #pageheader .secnav ul li.walletnav span {
                color: var(--color-green);
                font-family: var(--font-googlesans);
                font-size: 14px;
                font-weight: 700;
                margin-left: 3px;
            }

            #pageheader .secnav ul li.loginwrp svg {
                fill: #D8232A
            }

            #pageheader .secnav ul li.loginwrp.active a.btun {
                border-color: #ddd;
                border-radius: 50px;
                color: var(--color-light)
            }

            #pageheader .secnav ul li.loginwrp.active a svg {
                fill: #666
            }

            #pageheader .secnav ul li.loginwrp.active a i svg {
                fill: #999
            }

            #pageheader .secnav ul li.loginwrp i {
                display: none;
                -webkit-transition: all .5s ease-in;
                -moz-transition: all .5s ease-in;
                -ms-transition: all .5s ease-in;
                -o-transition: all .5s ease-in;
                transition: all .5s ease-in;
            }

            #pageheader .secnav ul li.loginwrp.active i {
                display: block;
                margin-left: 3px;
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
            }

            #pageheader .secnav ul li .afterlogin {
                position: absolute;
                right: 0;
                background: var(--color-white);
                position: absolute;
                box-shadow: 0 0 18px rgb(0 0 0 / 15%);
                z-index: 2;
                border-radius: 4px;
                min-width: 250px;
                padding: 10px 0
            }

                #pageheader .secnav ul li .afterlogin .username {
                    padding: 10px;
                    color: var(--color-light);
                    border-bottom: solid 1px #ddd
                }

                #pageheader .secnav ul li .afterlogin .logoutwrp a {
                    padding: 10px;
                    color: var(--color-light);
                    justify-content: flex-start;
                    border-top: solid 1px #ddd
                }

                #pageheader .secnav ul li .afterlogin ul {
                    display: block
                }

    #pageheader .secnav .afterlogin ul {
        margin: 0
    }

        #pageheader .secnav .afterlogin ul li {
            margin: 0 0 5px;
        }

            #pageheader .secnav .afterlogin ul li a:hover {
                background: #FDBA17;
                color: var(--color-white);
                border: 0
            }

            #pageheader .secnav .afterlogin ul li a {
                padding: 10px;
                margin: 0;
                color: var(--color-black);
                border: 0;
                justify-content: flex-start
            }

/**/
#pageheader nav {
    margin-top: 25px;
    font-family: var(--font-poppins);
    display: flex;
    justify-content: center
}

    #pageheader nav ul {
        display: flex;
        justify-content: center;
        align-items: center
    }

        #pageheader nav ul li {
            font-weight: 500;
            margin: 0 15px;
            position: relative
        }

            #pageheader nav ul li i {
                margin-left: 3px;
            }

            #pageheader nav ul li a {
                color: var(--color-black);
            }

            #pageheader nav ul li .submenu {
            }

/**/
#pageheader menu {
    margin-top: 15px;
    font-family: var(--font-poppins);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

    #pageheader menu a {
        font-weight: 500;
        padding: 15px;
        position: relative;
        color: var(--color-black);
        display: block
    }

        #pageheader menu a i {
            margin-left: 3px;
        }

    #pageheader menu span {
        position: relative
    }

        #pageheader menu span a {
            border-bottom: solid 3px #fff
        }

        #pageheader menu span:hover a {
            border-bottom: 3px solid #FDBA17
        }

        #pageheader menu span svg {
            -webkit-transition: all .5s ease-in;
            -moz-transition: all .5s ease-in;
            -ms-transition: all .5s ease-in;
            -o-transition: all .5s ease-in;
            transition: all .5s ease-in;
        }

        #pageheader menu span:hover a i svg {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        #pageheader menu span:hover .submenu {
            display: block
        }

    #pageheader menu .submenu {
        background: var(--color-white);
        position: absolute;
        box-shadow: 0 0 18px rgb(0 0 0 / 15%);
        z-index: 111;
        border-radius: 4px;
        display: none;
        min-width: 250px;
        left: 0
    }

    #pageheader menu span:last-child .submenu {
        right: 0;
        left: auto;
    }

    #pageheader menu .submenu ul {
        margin: 10px 0 0;
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;
    }

        #pageheader menu .submenu ul li {
            margin: 0 0 5px;
        }

            #pageheader menu .submenu ul li a:hover {
                background: #FDBA17;
                color: var(--color-white);
                border: 0
            }

            #pageheader menu .submenu ul li a {
                display: block;
                padding: 10px;
                margin: 0;
                color: var(--color-light);
                border: 0
            }

    #pageheader menu .submenu.thridwarp ul {
        overflow: inherit;
        max-height: 100%
    }

        #pageheader menu .submenu.thridwarp ul li {
            position: relative
        }

            #pageheader menu .submenu.thridwarp ul li .thridlevel {
                position: absolute;
                left: 250px;
                background: var(--color-white);
                box-shadow: 0 0 18px rgb(0 0 0 / 15%);
                border-radius: 4px;
                display: none;
                top: 0;
                min-width: 250px;
            }

            #pageheader menu .submenu.thridwarp ul li:hover .thridlevel {
                display: block
            }

    #pageheader menu span .submenu.thridwarp ul li a {
        display: flex
    }

    #pageheader menu span .submenu.thridwarp ul li i {
        margin-left: auto
    }

        #pageheader menu span .submenu.thridwarp ul li i svg {
            fill: var(--color-black) !important;
            -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
        }

/**/
.search-sugges {
    left: 0;
    background: var(--color-white);
    position: absolute;
    box-shadow: 0 0 18px rgb(0 0 0 / 15%);
    z-index: 2;
    border-radius: 4px;
    min-width: 100%;
    padding: 10px 0;
    max-height: 420px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}

    .search-sugges label {
        padding: 10px;
        color: var(--color-red);
        font-weight: 500
    }

    .search-sugges ul {
        margin: 10px 0
    }

        .search-sugges ul li {
        }

            .search-sugges ul li a:hover {
                background: #FDBA17;
                color: var(--color-white);
                border: 0
            }

            .search-sugges ul li a {
                display: block;
                padding: 10px 15px;
                margin: 0;
                color: var(--color-light);
                border: 0
            }

            .search-sugges ul li.active a {
                background: #FDBA17;
                color: var(--color-white);
                border: 0
            }

/**/
.astrocardwrp {
    border-radius: 4px;
    border: solid 1px #ebebeb;
    padding: 15px;
    /*box-shadow: rgb(0 0 0 / 10%) 0px 1px 8px 0px;*/
}

.astronameinfo {
    margin-bottom: 20px;
}

    .astronameinfo h1 {
        font-size: 28px;
        font-weight: 600;
        letter-spacing: .5px;
        display: flex;
        padding-bottom: 10px;
        align-items: center
    }

        .astronameinfo h1 span, .astronameinfo h1 span.busy, .astronameinfo h1 span.offline {
            border: solid 1px #08a182;
            color: var(--color-green);
            font-size: 13px;
            border-radius: 12px;
            font-weight: 400;
            padding: 3px 8px;
            display: inline-block;
            margin-left: 5px;
        }

            .astronameinfo h1 span.busy {
                border: solid 1px #ec4758;
                color: var(--color-red);
            }

            .astronameinfo h1 span.offline {
                border: solid 1px #666;
                color: var(--color-light);
            }

    .astronameinfo .tagline {
    }

        .astronameinfo .tagline span {
            color: var(--color-darkgrey);
            margin: 0 7px;
        }

            .astronameinfo .tagline span:first-child {
                margin-left: 0
            }

/**/
.astrolger-profile {
    display: flex;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
}

    .astrolger-profile figure {
        width: 180px;
        height: 180px;
        border: 5px solid #FFFFFF;
        box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
        -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28);
        -webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
        border-radius: 50%;
        position: relative
    }

        .astrolger-profile figure i {
            position: absolute;
            top: 0;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: var(--color-white);
            box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
            -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28);
            -webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
            right: 10px;
            line-height: 47px;
        }

        .astrolger-profile figure img {
            border-radius: 50%;
            width: 180px;
            height: 170px;
        }

    .astrolger-profile figcaption {
        background: #FEF390;
        border: 3px solid #FFFFFF;
        box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
        -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28);
        -webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
        border-radius: 20px;
        padding: 10px 30px;
        margin-top: -25px;
        font-size: 15px;
        position: relative;
        z-index: 1
    }

        .astrolger-profile figcaption a {
            display: flex;
            align-items: center;
            color: var(--color-darkgrey);
        }

        .astrolger-profile figcaption i {
            margin-right: 5px;
        }

/**/
.astrostats {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: nowrap;
    padding: 15px 0 0
}

    .astrostats span {
        padding: 0 10px;
        border-right: solid 1px #ebebeb;
    }

        .astrostats span:last-child {
            border-right: 0
        }

        .astrostats span b {
            display: block;
            font-family: var(--font-googlesans);
            font-weight: 700;
            font-size: 24px;
            padding-bottom: 5px
        }

        .astrostats span em {
            display: block;
            font-family: var(--font-poppins);
            color: var(--color-darkgrey);
            font-size: 14px;
            font-weight: 400
        }

/**/
.breadcrumb {
    padding: 15px 0;
    font-size: 12px;
    line-height: 13px;
    color: var(--color-grey);
    display: block;
    z-index: 2;
}

    .breadcrumb a {
        color: var(--color-black);
    }

        .breadcrumb a:after {
            display: inline-block;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "/";
            padding: 0 5px;
            color: var(--color-light);
        }

/**/
.astrointro {
}

    .astrointro ul {
    }

        .astrointro ul li {
            padding: 0 0 15px;
            font-size: 14px;
        }

            .astrointro ul li span {
                width: 20%;
                display: inline-block;
                color: var(--color-darkgrey);
                font-size: 13px;
            }

            .astrointro ul li small {
                font-size: 14px;
                display: inline-block;
                width: 80%;
            }

                .astrointro ul li small b {
                    font-size: 14px;
                    color: var(--color-black);
                    border: solid 1px #ddd;
                    border-radius: 20px;
                    padding: 2px 15px;
                    margin-right: 10px;
                    display: inline-block;
                    line-height: normal;
                    margin-bottom: 5px;
                }

/**/
.ratings-group {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 5px;
}

    .ratings-group .ratings {
        margin-right: 5px;
    }

    .ratings-group span {
        color: var(--color-black);
        margin-right: 5px;
        font-size: 14px;
    }

        .ratings-group span b {
            color: var(--color-black);
            font-size: 14px;
        }

/**/
.actongroup {
    margin: 15px 0;
    display: flex;
    align-items: center;
    gap: 15px;
}

    .actongroup a.btun {
        display: flex;
        align-items: center;
        padding: 10px 36px
    }

        .actongroup a.btun svg {
            fill: var(--color-white)
        }

    .actongroup i {
        margin: 0 3px
    }

    .actongroup .actionwrp {
        border: solid 1px #ddd;
        border-radius: 30px;
    }

        .actongroup .actionwrp:last-child {
            margin-right: 0
        }

        .actongroup .actionwrp a {
            color: var(--color-black);
            padding: 10px 20px;
            display: block
        }

            .actongroup .actionwrp a div {
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-wrap: nowrap
            }

                .actongroup .actionwrp a div span {
                    font-size: 16px;
                    color: var(--color-darkgrey);
                }

                    .actongroup .actionwrp a div span i {
                        fill: #999;
                    }

            .actongroup .actionwrp a strong {
                text-align: center;
                display: block;
                font-size: 12px;
                padding-top: 5px;
                color: var(--color-darkgrey);
            }

        .actongroup .actionwrp small {
            font-size: 14px;
        }

            .actongroup .actionwrp small em {
                font-size: 20px;
                font-family: var(--font-googlesans);
                font-weight: 700;
                padding-right: 3px;
                color: var(--color-green)
            }

            .actongroup .actionwrp small b {
                color: var(--color-darkgrey);
            }

    .actongroup .available {
        fill: #1AA260;
        border: solid 1px #1AA260
    }

    .actongroup .actionwrp.available a div span i {
        fill: #1AA260;
    }

    .actongroup .actionwrp.available a div span, .actongroup .actionwrp.available a strong, .actongroup .actionwrp.available small em, .actongroup .actionwrp.available small b {
        color: #1AA260;
    }

    .actongroup .busy {
        fill: #EB0029;
        border: solid 1px #EB0029
    }

    .actongroup .actionwrp.busy a {
        cursor: not-allowed;
    }

        .actongroup .actionwrp.busy a div span i {
            fill: #EB0029;
        }

        .actongroup .actionwrp.busy a div span, .actongroup .actionwrp.busy a strong, .actongroup .actionwrp.busy small em, .actongroup .actionwrp.busy small b {
            color: #EB0029;
        }

    .actongroup .offline {
        fill: #999;
        border: solid 1px #999;
    }

        .actongroup .offline a {
            cursor: not-allowed;
        }

    .actongroup .actionwrp.offline a div span i {
        fill: #999;
    }

    .actongroup .actionwrp.offline a div span, .actongroup .actionwrp.offline a strong, .actongroup .actionwrp.offline small em {
        color: #999;
    }

    .actongroup .actionwrp i {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        border-radius: 50px;
        width: 30px;
        height: 30px;
    }

        .actongroup .actionwrp i svg {
            fill: #fff;
        }

    .actongroup .actionwrp.call, .actongroup .actionwrp.call i {
        background: var(--color-green);
    }

    .actongroup .actionwrp.order-report, .actongroup .actionwrp.order-report i {
        background: var(--color-red);
    }

    .actongroup .actionwrp.chat i {
        background: #FD9316
    }

    .actongroup .actionwrp.chat.busy {
        border-color: #EB0029
    }

        .actongroup .actionwrp.chat.busy i {
            background: #EB0029 !important;
        }

            .actongroup .actionwrp.chat.busy i svg {
                fill: var(--color-white) !important
            }

    .actongroup .actionwrp.chat {
        border-color: #FD9316;
    }

    .actongroup .actionwrp.video i {
        background: #1AA260
    }

    .actongroup .actionwrp.video {
        border-color: #1AA260;
    }

/**/
.getnotifi {
    background: #FFF0F0;
    text-align: center;
    padding: 10px 0;
    font-size: 13px;
    border-radius: 4px;
    border: solid 1px #fbd8d8;
}

    .getnotifi .btun {
        padding: 1px 5px;
        font-size: 11px;
        min-width: auto;
        margin: 0 5px
    }

/**/
/* Accordion Menu */
.accordionmenu, .accordionmenu ul, .accordionmenu li, .accordionmenu a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-weight: normal;
    text-decoration: none;
    font-size: 14px;
    position: relative;
    font-family: var(--font-googlesans);
}

.accordionmenu {
    padding: 15px 0;
    width: 100%;
    margin: 0;
}

    .accordionmenu p.faqpagr {
        border-bottom: solid 1px #ddd
    }

    .accordionmenu ul {
        border-top: 0;
    }

        .accordionmenu ul li:before {
            display: none !important
        }

        .accordionmenu ul li {
            border: solid 1px #ebebeb;
            margin-bottom: 15px;
            border-radius: 4px;
            padding-left: 0 !important;
            padding-bottom: 0 !important
        }

            .accordionmenu ul li a {
                font-size: 15px;
                color: #333;
                display: flex;
                justify-content: space-between;
                align-items: center;
                flex-wrap: nowrap;
                padding: 10px;
            }

                .accordionmenu ul li a:hover {
                    text-decoration: none;
                }

            .accordionmenu ul li.active a {
                color: var(--color-black);
                font-weight: 500;
                background: #dee2e6;
            }

                .accordionmenu ul li.active a i {
                    background: #fff;
                    padding: 0;
                    border-radius: 50%;
                    width: 25px;
                    height: 25px;
                    display: inline-block;
                    text-align: center;
                    line-height: 24px;
                }

                .accordionmenu ul li.active a svg {
                    padding-top: 0;
                    width: 12px;
                    height: 12px;
                }

            .accordionmenu ul li a i {
                float: right;
                color: #000;
                font-size: 16px;
            }

                .accordionmenu ul li a i svg {
                    -webkit-transition: all .5s ease-in;
                    -moz-transition: all .5s ease-in;
                    -ms-transition: all .5s ease-in;
                    -o-transition: all .5s ease-in;
                    transition: all .5s ease-in;
                }

            .accordionmenu ul li.active a i svg {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
            }

        /* Sub menu */
        .accordionmenu ul div {
            display: none;
        }

        .accordionmenu ul .acc {
            padding: 5px 12px;
        }

            .accordionmenu ul .acc a {
                display: inline-block;
                color: #009fff;
            }

            .accordionmenu ul .acc ol, .accordionmenu ul .acc ul {
                margin: 10px 0 0;
            }

                .accordionmenu ul .acc ol li {
                    list-style: decimal !important;
                }

            .accordionmenu ul .acc ul {
                margin-bottom: 10px;
            }

                .accordionmenu ul .acc ol li, .accordionmenu ul .acc ul li {
                    list-style-type: circle;
                    margin: 0 0 10px 20px;
                    border: 0;
                    color: #666;
                    font-size: 15px;
                    line-height: 22px;
                }

                    .accordionmenu ul .acc ul li a, .accordionmenu ul .acc ol li a {
                        background: none;
                        padding: 0;
                        display: inline;
                        font-size: 14px;
                        color: var(--color-blue)
                    }

            .accordionmenu ul .acc p a {
                display: inline-block;
                padding: 0;
                font-size: 14px;
                line-height: 21px;
            }

            .accordionmenu ul .acc .table {
                width: 100%;
            }

                .accordionmenu ul .acc .table th, .accordionmenu ul .acc .table td {
                    border: solid 1px #ddd
                }

                .accordionmenu ul .acc .table thead {
                    background: #fbfbfb;
                }

                    .accordionmenu ul .acc .table thead th {
                        font-weight: 500;
                        padding: 10px;
                    }

                .accordionmenu ul .acc .table tbody td {
                    font-size: 14px;
                }

                    .accordionmenu ul .acc .table tbody td a {
                        font-size: 14px;
                        padding: 0
                    }

    .accordionmenu p {
        color: #666;
        font-size: 14px;
        line-height: 21px;
        padding: 0 0 10px;
    }

/* Accordion Menu */
/**/
.stickynav {
    border: solid 1px #ebebeb;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    border-radius: 4px;
    margin-bottom: 30px;
}

    .stickynav a {
        margin: 15px 10px;
        color: var(--color-black);
        background: #EDF7FB;
        padding: 10px 15px;
        border-radius: 4px;
        font-size: 16px;
    }

        .stickynav a.active {
            color: #0389C9;
            font-weight: 500
        }

.detalsticky {
    position: fixed;
    top: 100px;
    border: solid 1px #ebebeb;
    width: 100%;
    background: #fdfdfd;
    z-index: 9;
}

    .detalsticky .stickynav {
        border: 0;
        border-radius: 0;
        margin-bottom: 0
    }

        .detalsticky .stickynav a {
            margin: 0 15px 0 0;
            background: none;
            border-bottom: 3px solid #fff;
            border-radius: 0;
            color: var(--color-light)
        }

            .detalsticky .stickynav a.active {
                border-bottom: 3px solid #DC1F27;
                color: var(--color-black)
            }

/**/
.liststicky {
    position: fixed;
    top: 0px;
    border: solid 1px #ebebeb;
    width: 100%;
    background: #fff;
    z-index: 7;
    animation: smoothScroll .5s forwards;
}

@keyframes smoothScroll {
    from {
        transform: translateY(-40px)
    }

    to {
        transform: translateY(0)
    }
}

.liststicky .listinghead {
    padding: 10px 0;
    border-bottom: 0
}

.liststicky .row {
    margin-bottom: 0
}

.liststicky .listinghead .listing-title {
    font-size: 20px;
}

    .liststicky .listinghead .listing-title h1 {
        line-height: 24px;
    }

/**/
.astrolgerinfo {
    margin-bottom: 30px;
    font-family: var(--font-googlesans);
}

.astrolgertitle {
    font-size: 22px;
    font-weight: 600;
    margin: 15px 0;
    letter-spacing: .5px;
    display: flex;
    align-items: center
}

    .astrolgertitle span {
        font-size: 12px;
        margin-left: auto
    }

        .astrolgertitle span a {
            color: var(--color-blue);
            letter-spacing: normal;
            font-weight: 400
        }

.astrolgerdesc {
}

    .astrolgerdesc figure {
        margin: 15px;
        text-align: center
    }

    .astrolgerdesc h2 {
        font-size: 22px;
        font-weight: 600;
        margin: 15px 0;
        letter-spacing: .5px;
        line-height: 30px;
    }

    .astrolgerdesc p {
        color: var(--color-light);
        font-size: 15px;
        line-height: 22px;
        padding-bottom: 10px;
    }

        .astrolgerdesc p strong, .astrolgerdesc ul li strong, .astrolgerdesc ol li strong {
            font-weight: 500;
            color: var(--color-black)
        }

    .astrolgerdesc ul, .astrolgerdesc ol {
        padding-top: 10px;
    }

        /*.astrolgerdesc ul, .astrolgerdesc ol{display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px;padding-top: 10px; }*/
        .astrolgerdesc ul.inline, .astrolgerdesc ol.inline {
            display: block
        }

            .astrolgerdesc ul.inline li {
                padding-bottom: 10px;
                line-height: 20px;
            }

        .astrolgerdesc ul li, .astrolgerdesc ol li {
            padding: 0 20px;
            position: relative;
            color: var(--color-light);
            font-size: 15px;
            padding-bottom: 25px;
            line-height: 18px;
            display: inline-block;
        }

        .astrolgerdesc ol li {
            list-style-type: decimal;
            margin-left: 20px;
            padding-left: 0px;
        }

        .astrolgerdesc ul li a {
            color: var(--color-light);
        }

            .astrolgerdesc ul li a:hover {
                color: var(--color-blue);
                text-decoration: underline
            }

        .astrolgerdesc ul li:before {
            width: 10px;
            height: 10px;
            background: #ccc;
            content: "";
            display: inline-block;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 5px;
        }

.astrolgerdesca {
}

    .astrolgerdesca p {
        color: var(--color-light);
        font-size: 15px;
        line-height: 20px;
        padding-bottom: 10px;
    }

    .astrolgerdesca ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        padding-top: 10px;
    }

        .astrolgerdesca ul li {
            padding-left: 25px;
            position: relative;
            color: var(--color-light);
            font-size: 15px;
            padding-bottom: 5px;
        }

            .astrolgerdesca ul li a {
                color: var(--color-light);
            }

                .astrolgerdesca ul li a:hover {
                    color: var(--color-blue);
                    text-decoration: underline
                }

            .astrolgerdesca ul li:before {
                width: 10px;
                height: 10px;
                background: #ccc;
                content: "";
                display: inline-block;
                border-radius: 50%;
                position: absolute;
                left: 0;
            }

/**/
.astrolgertablewrp {
}

    .astrolgertablewrp .astrolgertable {
        border: solid 1px #ebebeb;
        margin-bottom: 15px;
        border-radius: 4px;
    }

        .astrolgertablewrp .astrolgertable .astrotablehd {
            display: flex;
            justify-content: space-between;
            padding: 10px;
            align-items: center;
            flex-wrap: nowrap
        }

        .astrolgertablewrp .astrolgertable.active .astrotablehd {
            background: #dee2e6;
        }

            .astrolgertablewrp .astrolgertable.active .astrotablehd span.reportitle {
                font-weight: 500;
            }

                .astrolgertablewrp .astrolgertable.active .astrotablehd span.reportitle a {
                    color: var(--color-black)
                }

        .astrolgertablewrp .astrolgertable.active .reportdetls {
            display: block
        }

        .astrolgertablewrp .astrolgertable span, .astrolgertablewrp .astrolgertable strong {
            font-size: 15px;
            color: var(--color-light);
        }

        .astrolgertablewrp .astrolgertable i, .accordionmenu ul li a i {
            margin: 0 5px 0 8px;
        }

        .astrolgertablewrp .astrolgertable i {
            background: #fff;
            padding: 0;
            border-radius: 50%;
            width: 25px;
            height: 25px;
            display: inline-block;
            text-align: center;
            line-height: 24px;
        }

            .astrolgertablewrp .astrolgertable i svg, .accordionmenu ul li a i svg {
                padding-top: 5px;
                width: 12px;
                height: 12px;
            }

        .astrolgertablewrp .astrolgertable span.reportitle {
            width: 40%
        }

            .astrolgertablewrp .astrolgertable span.reportitle a i {
                -webkit-transition: all .5s ease-in;
                -moz-transition: all .5s ease-in;
                -ms-transition: all .5s ease-in;
                -o-transition: all .5s ease-in;
                transition: all .5s ease-in;
            }

        .astrolgertablewrp .astrolgertable.active span.reportitle a i {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .astrolgertablewrp .astrolgertable.active a.btun.btun-red {
            background: var(--color-red);
            color: var(--color-white)
        }

        .astrolgertablewrp .astrolgertable a {
            color: var(--color-light);
            font-size: 15px;
        }

            .astrolgertablewrp .astrolgertable a.btun {
                color: var(--color-red);
            }

                .astrolgertablewrp .astrolgertable a.btun:hover {
                    color: var(--color-white);
                }

                .astrolgertablewrp .astrolgertable a.btun.btun-mi {
                    font-size: 13px;
                }

            .astrolgertablewrp .astrolgertable a.btun-white {
                color: var(--color-blue);
            }

                .astrolgertablewrp .astrolgertable a.btun-white:hover {
                    color: var(--color-blue);
                }

        .astrolgertablewrp .astrolgertable strong {
            color: var(--color-green);
            font-family: var(--font-googlesans);
            font-size: 18px;
            font-weight: 500;
            background: #fff;
            padding: 3px 10px;
            border-radius: 4px;
        }

        .astrolgertablewrp .astrolgertable.active .astrotablehd a.btun.btun-white {
            display: none
        }

/**/
.reportdetls {
    padding: 10px 10px 0;
    background: #fafafa;
    display: none;
    border-radius: 4px;
}

    .reportdetls p {
        color: var(--color-light);
        font-size: 15px;
        line-height: 22px;
        padding-bottom: 10px;
    }

/**/
.astrolgertablewrp .astrolgertable.active .qnanswrp {
    display: block
}

.astrolgertablewrp .astrolgertable.active span.qnatitle, .astrolgertablewrp .astrolgertable.active span.qnatitle a {
    font-weight: 500;
    color: var(--color-black)
}

.qnanswrp {
    background: #fbfbfb;
    border-radius: 4px;
    margin-bottom: 15px;
    display: none
}

.qnans {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: solid 1px #e7e7e7;
}

    .qnans:last-child {
        border-bottom: 0
    }

    .qnans .qnanstitle {
        text-align: left;
        position: relative;
        color: var(--color-light);
        font-size: 15px;
        width: 60%;
    }

        .qnans .qnanstitle.inputfield [type="checkbox"] + label {
            left: 0 !important
        }

        .qnans .qnanstitle.inputfield [type="radio"]:not(:checked) + label, .qnans .qnanstitle.inputfield [type="radio"]:checked + label {
            left: 0
        }

    .qnans .qnansamount {
        text-align: right;
        color: var(--color-green);
        font-family: var(--font-googlesans);
        font-size: 18px;
        font-weight: 500
    }

        .qnans .qnansamount a.btun-white:hover {
            background-color: var(--color-white);
        }

/* Modal Start*/
/**/
.bodyfix body, .searchmenu body, .blurbody body {
    overflow: hidden
}

.bodyfix .backdrop {
    display: block
}

.backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #000;
    z-index: 998;
    opacity: 0.6;
    filter: alpha(opacity=80);
    display: none;
}

/**/
.modal {
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    z-index: 1000000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

    .modal .modal-table {
        display: table;
        height: 100%;
        table-layout: fixed;
        width: 100%;
    }

.modifra {
    top: 65px;
    left: 50%;
    margin-left: -156px;
    min-height: 614px;
    width: 312px;
}

.closeout {
    left: 50%;
    margin-left: 120px;
    top: 78px;
    width: 50px;
    z-index: 999999;
}

    .closeout .clsoeico {
        font-size: 24px;
        color: #6c7074;
        font-family: 'arial';
        line-height: 32px;
        cursor: pointer;
    }

/**/
/*.dialog {position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;z-index: 1000;outline: none;display: none;padding: 0;overflow-x: hidden;overflow-y: auto;}*/
.dialog {
    display: none;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    z-index: 1000000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.dialogcontent {
    border-radius: 3px;
    background-color: #fff;
    width: 500px;
    padding: 0;
    margin: 80px auto;
    position: relative;
    -webkit-box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);
    box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);
}

/*.dialog .close { width: 26px; height: 26px; position: absolute; top: 0; right: -40px; font-size: 22px;}
.dialog .close a { width: 26px; height: 26px; display: block; overflow: hidden;filter: alpha(opacity=8); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8;color: var(--color-white)}*/
.dialog .close {
    position: static;
    color: var(--color-black);
    font-size: 16px;
    text-align: right
}

    .dialog .close a {
        color: var(--color-black);
        text-align: right
    }

.dialogfooter {
    box-shadow: 0 0 0.5rem 0 #bbb;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    width: 100%;
    z-index: 100;
}

.dialog .footerbutngrop {
    align-items: center;
    background: var(--color--white);
    display: flex;
    justify-content: center;
    padding: 10px 0;
    width: 100%;
}

    .dialog .footerbutngrop a {
        margin: 0 5px
    }

/* Share Start*/
.sharecontent {
    border-radius: 3px;
    background-color: #fff;
    width: 650px;
    padding: 0;
    margin: 80px auto;
    position: relative;
    -webkit-box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);
    box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);
    padding: 45px 35px 25px;
}

    .sharecontent .dialogtitle {
        font-size: 20px;
        font-weight: 600;
        letter-spacing: .5px;
        padding-bottom: 30px;
        text-align: center
    }

    .sharecontent .social-mediums {
        padding-bottom: 30px;
    }

        .sharecontent .social-mediums ul {
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .sharecontent .social-mediums ul li {
                margin: 0 15px;
            }

                .sharecontent .social-mediums ul li a {
                    color: #62646a
                }

                    .sharecontent .social-mediums ul li a:hover {
                        text-decoration: underline
                    }

                    .sharecontent .social-mediums ul li a i {
                        width: 60px;
                        height: 60px;
                        background: #f0f0f0;
                        border-radius: 50%;
                        display: inline-block;
                        border: solid 1px #ddd;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }

                    .sharecontent .social-mediums ul li a span {
                        text-align: center;
                        display: block;
                        margin-top: 10px;
                    }

                .sharecontent .social-mediums ul li.fb i {
                    background: #3E5A99;
                }

                .sharecontent .social-mediums ul li.in i {
                    background: #0577B5;
                }

                .sharecontent .social-mediums ul li.tw i {
                    background: #60A9DD;
                }

                .sharecontent .social-mediums ul li.ins i {
                    background: #B82CAA;
                }

                .sharecontent .social-mediums ul li.wt i {
                    background: #0E9F16;
                }

                .sharecontent .social-mediums ul li.lk i {
                    background: #fff;
                }

/* Share End*/
/* Intro video start*/
.introcontent {
    border-radius: 3px;
    background-color: #fff;
    width: 650px;
    padding: 0;
    margin: 80px auto;
    position: relative;
    -webkit-box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);
    box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);
    padding: 45px 35px 25px;
}

    .introcontent .dialogtitle {
        font-size: 20px;
        font-weight: 600;
        letter-spacing: .5px;
        padding-bottom: 30px;
        text-align: center
    }

/* Intro wallet Start */
.walletcontent {
    border-radius: 3px;
    background-color: #fff;
    width: 650px;
    padding: 0;
    margin: 80px auto;
    position: relative;
    -webkit-box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);
    box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);
    padding: 0;
}

    .walletcontent .close {
        padding: 10px;
    }

/* Intro wallet end */
.autoheight {
    max-height: 390px;
    overflow-x: hidden;
    overflow-y: auto;
}

.walletcontent {
}

    .walletcontent .dialogtitle {
        font-size: 20px;
        font-weight: 600;
        letter-spacing: .5px;
        padding: 20px;
        text-align: center;
    }

.dialoghead h3 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .5px;
    text-align: center;
}

.dialoghead p {
    padding: 5px 0
}

.dialogformwrp {
    display: grid;
    gap: 1rem;
    justify-content: center;
    padding: 15px 0;
    border-top: solid 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
}

    .dialogformwrp .dialogform {
        margin-bottom: 15px;
        width: 100%
    }

        .dialogformwrp .dialogform .contact {
            display: flex
        }

            .dialogformwrp .dialogform .contact select {
                margin-right: 15px;
            }

            .dialogformwrp .dialogform .contact input {
                width: 241px;
            }

        .dialogformwrp .dialogform label {
            display: block;
            padding-bottom: 10px;
        }

        .dialogformwrp .dialogform.alertext label, .dialogformwrp .dialogform.alert label {
            color: var(--color-red);
        }

        .dialogformwrp .dialogform.alertext input, .dialogformwrp .dialogform.alert input {
            border-color: var(--color-red);
        }

        .dialogformwrp .dialogform input {
            border: solid 1px #909090;
            display: flex;
            width: 350px;
            height: 50px;
        }

        .dialogformwrp .dialogform textarea {
            border: solid 1px #909090;
            display: flex;
            width: 350px;
            height: 150px;
        }

.dialogformft {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    background: var(--color-white);
    padding: 15px;
    box-shadow: 0 0 0.5rem 0 #bbb;
    justify-content: center;
}

    .dialogformft a {
        margin: 0 3px
    }

/**/
.astrotpwrp {
    text-align: center
}

    .astrotpwrp .astrotp {
        padding: 15px 15px 20px;
        margin: 0;
        border-bottom: dashed 1px #ddd
    }

        .astrotpwrp .astrotp .check {
            font-size: 15px;
            line-height: 23px;
            display: inline-block;
            background: #fff;
            text-align: center;
            padding: 5px 7px;
            color: #555;
            position: relative;
            margin: 0 0 5px 10px;
            border-radius: 3px;
            font-size: 12px;
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
            cursor: pointer;
            padding: 0 1rem;
        }

            .astrotpwrp .astrotp .check.select {
                background: #ff837e;
                border: 1px #e47672 solid;
                color: #fff;
                box-shadow: 0 1px 1px 0 rgb(0 0 0 / 16%), 0 1px 5px 0 rgb(0 0 0 / 12%);
                -webkit-box-shadow: 0 1px 1px 0 rgb(0 0 0 / 16%), 0 1px 5px 0 rgb(0 0 0 / 12%);
                -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.16), 0 1px 5px 0 rgba(0,0,0,.12);
            }

        .astrotpwrp .astrotp p {
            padding-bottom: 10px;
        }

            .astrotpwrp .astrotp p.large {
                font-size: 16px;
                font-weight: 600;
                letter-spacing: .5px;
                margin: 0
            }

        .astrotpwrp .astrotp .check.submit {
            background: #08a182;
            border: 1px #08a182 solid;
            color: #fff;
        }

        .astrotpwrp .astrotp .otpgroup {
            padding: 10px 0
        }

            .astrotpwrp .astrotp .otpgroup span {
                margin-right: 10px
            }

                .astrotpwrp .astrotp .otpgroup span.alert input {
                    border-color: #d6181f;
                }

            .astrotpwrp .astrotp .otpgroup .alertext {
                color: #d6181f;
                font-size: 12px;
                padding: 5px 0
            }

            .astrotpwrp .astrotp .otpgroup span input {
                width: 50px;
                text-align: center;
                border-radius: 3px;
                padding: 10px;
                height: auto;
            }

                .astrotpwrp .astrotp .otpgroup span input:focus {
                    border-color: #ff7a21 !important
                }

                .astrotpwrp .astrotp .otpgroup span input:focus-visible {
                    outline-color: #ff7a21 !important
                }

    .astrotpwrp .missed-verify {
        margin-top: -20px;
        text-align: center;
        padding-bottom: 30px
    }

        .astrotpwrp .missed-verify .or {
            width: 40px;
            height: 40px;
            background: #E6E6E6;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            font-weight: 700;
            text-transform: uppercase;
            margin: 0 auto 15px auto;
        }

        .astrotpwrp .missed-verify .action {
            margin: 10px 0
        }

        .astrotpwrp .missed-verify .toll-free {
            font-size: 18px;
            font-weight: 500;
        }

            .astrotpwrp .missed-verify .toll-free p.small {
                font-size: 12px;
                display: block;
                padding: 10px 0;
                color: #777;
            }

.astrcontwarp .astrcontrt .sussmsgwrap {
    font-family: "Google Sans", Arial, sans-serif;
    text-align: center;
    padding: 55px 0
}

    .astrcontwarp .astrcontrt .sussmsgwrap b {
        color: #08a182;
        font-weight: 700;
        font-size: 32px;
        display: block;
        margin: 10px 0
    }

    .astrcontwarp .astrcontrt .sussmsgwrap p {
        font-size: 14px;
        color: #555
    }

        .astrcontwarp .astrcontrt .sussmsgwrap p span {
            color: #212121;
            display: block;
            padding: 8px 0
        }

    .astrcontwarp .astrcontrt .sussmsgwrap .fa-thumbs-up {
        border: solid 5px #08a182;
        padding: 10px;
        border-radius: 50%;
        background: #fff;
        font-size: 42px;
        color: #08a182;
    }

.astrcontwarp .astrclose {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 22px;
    color: #212121;
    font-weight: bold;
    z-index: 2;
}

.astrotpwrp .caption {
    font-size: 18px;
    padding: 10px 0;
}

.astrcontwarp .changenum a {
    color: #0060ff;
}

/**/
.dialogastrolistwrp {
    padding: 15px;
    border-top: solid 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
}

    .dialogastrolistwrp .dialogastrolist {
        margin-bottom: 15px;
    }

        .dialogastrolistwrp .dialogastrolist a {
            display: flex;
            align-items: center;
            color: var(--color-black);
            box-shadow: rgb(0 0 0 / 10%) 0px 1px 8px 0px;
            border-radius: 6px;
            padding: 10px;
            border: solid 1px #eee;
            background: var(--var-white)
        }

            .dialogastrolistwrp .dialogastrolist a:hover, .dialogastrolistwrp .dialogastrolist.selected a {
                border: 1px solid #E32c26;
            }

            .dialogastrolistwrp .dialogastrolist a figure {
                width: 50px;
                height: 50px;
                border-radius: 50%;
                background: #ccc;
                margin-right: 10px;
                overflow: hidden
            }

            .dialogastrolistwrp .dialogastrolist a .pricecard {
                margin-left: auto
            }

                .dialogastrolistwrp .dialogastrolist a .pricecard b {
                    color: #08a182;
                    font-weight: 700;
                    font-size: 20px;
                    font-family: "Google Sans",Arial,sans-serif;
                }

                .dialogastrolistwrp .dialogastrolist a .pricecard em {
                    color: #999;
                    font-size: 14px;
                    font-style: italic;
                }

/**/
.walletcontent .wallethd .walletitle {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .5px;
    padding: 20px 20px 0;
    text-align: center;
}

.walletcontent .walletitle span {
    color: #08a182;
    font-weight: 700;
    font-size: 22px;
    font-family: "Google Sans",Arial,sans-serif;
    padding: 0 0 0 5px;
}

.walletcontent .tagline {
    font-size: 14px;
    color: #666;
    padding: 5px 0 20px;
    text-align: center
}

    .walletcontent .tagline small {
        color: #08a182;
        font-family: "Google Sans",Arial,sans-serif;
        font-weight: 700;
        font-size: 16px;
        padding: 0 5px;
    }

    .walletcontent .tagline em {
        color: #c45500;
        font-weight: 500
    }

    .walletcontent .tagline b {
        color: #212121;
        font-weight: 500
    }

.walletcontent .walletbd {
    padding: 15px;
    border-top: solid 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
}

    .walletcontent .walletbd .walletitle {
        font-size: 20px;
        font-family: "Google Sans",Arial,sans-serif;
        padding-bottom: 15px;
    }

    .walletcontent .walletbd .pricegroup {
        padding-bottom: 20px;
    }

        .walletcontent .walletbd .pricegroup ul.cta {
            justify-content: center
        }

        .walletcontent .walletbd .pricegroup ul {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
        }

            .walletcontent .walletbd .pricegroup ul li {
                margin-right: 15px;
                width: 100px;
                padding-top: 15px;
                position: relative
            }

                .walletcontent .walletbd .pricegroup ul li.spbga b {
                    position: absolute;
                    left: 0;
                    width: 100%;
                    background: #e5741e;
                    color: #fff;
                    text-transform: uppercase;
                    font-size: 10px;
                    padding: 4px 0;
                    top: 0;
                    text-align: center;
                    -webkit-border-top-left-radius: 4px;
                    -webkit-border-top-right-radius: 4px;
                    -moz-border-radius-topleft: 4px;
                    -moz-border-radius-topright: 4px;
                    border-top-left-radius: 4px;
                    border-top-right-radius: 4px;
                }

                .walletcontent .walletbd .pricegroup ul li.spbgb b {
                    position: absolute;
                    left: 0;
                    width: 100%;
                    background: #b69301;
                    color: #fff;
                    text-transform: uppercase;
                    font-size: 10px;
                    padding: 4px 0;
                    top: 0;
                    text-align: center;
                    -webkit-border-top-left-radius: 4px;
                    -webkit-border-top-right-radius: 4px;
                    -moz-border-radius-topleft: 4px;
                    -moz-border-radius-topright: 4px;
                    border-top-left-radius: 4px;
                    border-top-right-radius: 4px;
                }

                .walletcontent .walletbd .pricegroup ul li.spbgb span.active {
                    border-color: #b69301;
                    background: #fffbeb
                }

                .walletcontent .walletbd .pricegroup ul li span {
                    border-radius: 4px;
                    border: #8d9096 solid 1px;
                    padding: 8px 15px;
                    cursor: pointer;
                    text-align: center;
                    display: block
                }

                    .walletcontent .walletbd .pricegroup ul li span:hover {
                        background-color: #eaecee;
                        box-shadow: 0 7px 14px rgb(50 50 93 / 10%), 0 3px 6px rgb(0 0 0 / 8%);
                    }

    .walletcontent .walletbd .tagline {
        font-size: 14px;
        color: #666;
        padding: 0 0 20px
    }

        .walletcontent .walletbd .tagline em {
            color: #c45500;
            font-weight: 500;
            padding: 0 5px
        }

    .walletcontent .walletbd .pricegroup ul li span.active {
        border-color: #e77600;
        background-color: #fef8f2;
        font-weight: 500;
    }

    .walletcontent .walletbd .pricegroup ul li input[type="tel"] {
        border: #8d9096 solid 1px;
        border-radius: 4px;
        padding: 6px 10px;
        width: 150px;
    }

/* filter start*/
.filtercontent {
    border-radius: 3px;
    background-color: #fff;
    width: 500px;
    padding: 0;
    margin: 80px auto;
    position: relative;
    -webkit-box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);
    box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);
}

    .filtercontent .filterhead {
        border-bottom: solid 1px #ebebeb;
        padding: 15px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .filtercontent .close {
        position: static;
        color: var(--color-black);
        font-size: 16px;
        width: auto;
        height: auto;
    }

        .filtercontent .close a {
            color: var(--color-black);
            width: auto;
            height: auto;
        }

.filterbody {
    flex: 1 1 auto;
    display: flex;
    gap: 15px
}

    .filterbody .filtermenu {
        width: 40%;
        background: #f5f5f5
    }

        .filterbody .filtermenu ul {
            padding: 10px 0;
        }

            .filterbody .filtermenu ul li {
                padding: 10px 15px;
                border-left: solid 3px #f5f5f5;
            }

                .filterbody .filtermenu ul li.active {
                    background: #fff;
                    border-left: solid 3px var(--color-red);
                }

                    .filterbody .filtermenu ul li.active a {
                        color: var(--color-black);
                        font-weight: 500
                    }

                .filterbody .filtermenu ul li span {
                    display: block;
                    color: var(--color-red);
                    font-size: 12px;
                    font-weight: 400;
                    padding-top: 5px;
                }

                .filterbody .filtermenu ul li a {
                    color: var(--color-black)
                }

    .filterbody .filterdetal {
        width: 60%;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 500px;
    }

        .filterbody .filterdetal ul {
            padding: 10px 0;
        }

            .filterbody .filterdetal ul li {
                margin-bottom: 15px;
                position: relative
            }

.filterdetal.inputfield [type="checkbox"] + label {
    left: 0 !important;
    display: inline-block;
}

.filterdetal.inputfield [type="checkbox"].filled-in:checked + label:before {
    top: 1px !important;
    left: 1px !important;
    width: 8px !important;
    height: 12px !important;
}

.select-clear {
    text-align: right;
    padding: 10px 0 5px;
}

    .select-clear a {
        margin-right: 15px
    }

.filterchips {
    background: var(--gray50);
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 4px;
    display: flex;
    gap: 10px;
    white-space: nowrap;
}

    .filterchips span {
        background: var(--color-white);
        display: inline-flex;
        flex-wrap: nowrap;
        gap: 5px;
        align-items: center;
        padding: 8px 10px;
        border-radius: 20px;
        font-size: 13px;
        border: solid 1px var(--color-grey)
    }

        .filterchips span svg {
            fill: var(--color-white);
            background: var(--color-light);
            border-radius: 100%;
            padding: 3px;
        }

.filterwrp .filterbtn a em, .mobi-menu span b em {
    background: #F2706F;
    color: var(--color-white);
    border-radius: 50%;
    padding: 3px;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

/* filter end*/
/* Sort start*/
.dialogcontent.sortwith {
    width: 350px;
}

.sortwith .dialoghead {
    border-bottom: solid 1px #ebebeb;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dialoghead {
    border-bottom: solid 1px #ebebeb;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.dialogtitle {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .5px;
    text-align: left;
    color: var(--color-black)
}

.sortdetal {
}

    .sortdetal ul {
        padding: 15px;
    }

        .sortdetal ul li {
            margin-bottom: 15px;
        }

    .sortdetal.inputfield [type="checkbox"] + label {
        left: 0 !important;
        display: inline-block;
    }

    .sortdetal.inputfield [type="checkbox"].filled-in:not(:checked) + label:after, .sortdetal.inputfield [type="checkbox"].filled-in:checked + label:after {
        border-radius: 50%
    }

    .sortdetal.inputfield [type="checkbox"].filled-in:checked + label:before {
        top: 1px !important;
        left: 1px !important;
        width: 8px !important;
        height: 12px !important;
    }

/* Sort end*/
.mainlcf .lcfsearch {
    position: relative;
    margin: 10px 15px;
}

    .mainlcf .lcfsearch svg {
        position: absolute;
        top: 15px;
        left: 15px
    }

    .mainlcf .lcfsearch input {
        padding: 15px;
        padding-left: 35px;
        background: var(--gray50);
        border: solid 1px var(--gray200);
        width: 100%
    }

.mainlcf .inputfield {
    padding: 15px;
    padding-bottom: 25px;
}

    .mainlcf .inputfield ul {
        grid-gap: 10px;
        grid-template-columns: repeat(2, 1fr);
        align-content: flex-start;
        display: grid;
    }

        .mainlcf .inputfield ul li {
            border: solid 1px var(--gray200);
            border-radius: 4px;
            padding: 10px 0;
            position: relative
        }

            .mainlcf .inputfield ul li:hover {
                background: var(--gray50);
            }

    .mainlcf .inputfield [type="radio"]:not(:checked) + label, .mainlcf .inputfield [type="radio"]:checked + label {
        left: 10px;
        padding-left: 30px;
        font-size: 14px;
    }

.datewrp {
    height: 55px;
    overflow: hidden;
    position: relative;
    background: #f5f5f5;
    margin-bottom: 15px;
}

    .datewrp ul {
        height: 63px;
        overflow-x: auto;
        overflow-y: hidden;
        display: flex;
        margin: 0 30px;
        padding: 0;
        align-items: center;
    }

        .datewrp ul li {
            display: inline-block;
            margin: 0 15px;
            text-align: center;
        }

            .datewrp ul li a {
                color: #898989;
                white-space: nowrap;
                display: block;
                padding: 10px 15px;
                border-top: solid 3px #f5f5f5;
            }

                .datewrp ul li a span {
                    display: block;
                    padding-bottom: 5px;
                }

                .datewrp ul li a b {
                    display: block;
                    font-size: 12px
                }

            .datewrp ul li.active a {
                border-top: solid 3px #DC1F27;
                color: #212121;
                background: var(--color-white)
            }

                .datewrp ul li.active a b {
                    color: #DC1F27
                }

.datewrp-prev, .datewrp-next {
    position: absolute;
    top: 20px;
    padding: 0;
    display: block;
    color: var(--color-black);
}

.datewrp-prev {
    left: 10px;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.datewrp-next {
    right: 10px;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.timewrp .timeslot {
    padding: 0 10px 20px
}

    .timewrp .timeslot span {
        padding: 5px 10px;
        margin-bottom: 10px;
        white-space: nowrap;
        flex: 0 0 5rem;
        text-align: center;
        color: #333;
        background-color: #fff;
        border-radius: 3px;
        border: 1px solid #999;
        font-size: .875rem;
        display: inline-block;
        margin-right: 10px;
        cursor: pointer
    }

        .timewrp .timeslot span.selected, .timewrp .timeslot span:hover {
            background-color: var(--color-yellow);
            ;
            color: var(--color-black);
            border-color: var(--color-yellow);
        }

        .timewrp .timeslot span.disabled {
            cursor: not-allowed;
            filter: alpha(opacity=45);
            -webkit-box-shadow: none;
            box-shadow: none;
            opacity: .45;
        }

            .timewrp .timeslot span.disabled:hover {
                background: none;
                color: #333
            }

.timewrp .dayslot {
    padding: 0px 10px 15px;
    font-size: 12px;
    position: relative
}

    .timewrp .dayslot a {
        color: #0060ff;
    }

        .timewrp .dayslot a b {
            color: var(--color-black);
            padding: 0 3px
        }

    .timewrp .dayslot i {
        display: inline-block;
        font-size: 14px;
        color: #666;
        width: 18px;
        height: 6px;
    }

    .timewrp .dayslot .timezonelist {
        position: absolute;
        border: 1px solid #ebebeb;
        border-radius: 6px;
        background-color: var(--color-white);
        z-index: 2;
    }

        .timewrp .dayslot .timezonelist ul {
            height: 200px;
            overflow: auto;
            padding: 10px 0
        }

            .timewrp .dayslot .timezonelist ul li {
                border-bottom: 1px solid #f1f1f1;
                font-size: 14px;
            }

                .timewrp .dayslot .timezonelist ul li.active {
                    background-color: #faddc9;
                }

                .timewrp .dayslot .timezonelist ul li a {
                    color: #767676;
                    display: block;
                    padding: .8rem;
                }

                .timewrp .dayslot .timezonelist ul li:hover {
                    background-color: #faddc9;
                }

                    .timewrp .dayslot .timezonelist ul li:hover a {
                        color: var(--color-black);
                    }

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .animated.slower {
        -webkit-animation-duration: 4s;
        animation-duration: 4s;
        -webkit-animation-duration: calc(var(--animate-duration)*4);
        animation-duration: calc(var(--animate-duration)*4)
    }

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.heartBeat {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

/**/
.datebrthwrp {
    position: relative;
    margin: 15px auto;
    text-align: left;
    width: 340px;
    background: #f5f5f5;
    padding: 15px 10px;
    border-radius: 4px;
}

    .datebrthwrp.alert input {
        border-color: #d6181f;
    }

    .datebrthwrp label {
        font-size: 13px;
        font-weight: 500;
        color: #212121;
        padding-bottom: 10px;
        cursor: default;
        display: block
    }

    .datebrthwrp input {
        width: 100%;
        border-radius: 3px;
        padding: 10px;
        height: auto;
    }

    .datebrthwrp textarea {
        width: 100%
    }

        .datebrthwrp input:focus, .datebrthwrp textarea:focus {
            border-color: #ff7a21 !important
        }

        .datebrthwrp input:focus-visible, .datebrthwrp textarea:focus-visible {
            outline-color: #ff7a21 !important
        }

    .datebrthwrp label i, .datebrthwrp.alert label {
        color: #d6181f;
    }

    .datebrthwrp.alert input {
        border-color: #d6181f;
    }

    .datebrthwrp.phoneinput {
    }

    .datebrthwrp .countrycode {
        position: absolute;
        top: 26px;
        left: 2px;
        width: 5.5rem;
        background-color: #f5f5f5;
        padding: 8px 10px;
        font-weight: 300;
        font-size: 1rem;
    }

        .datebrthwrp .countrycode a {
            color: #212121;
            font-size: 12px;
        }

        .datebrthwrp .countrycode i {
            display: inline-block;
            font-size: 14px;
            color: #666;
            background: url(https://usimg.sulekha.io/cdn/others/images/others_2020-04-20-02-38-06-097.png) no-repeat 0 0;
            width: 18px;
            height: 6px;
        }

    .datebrthwrp.phoneinput input {
        padding-left: 100px;
        width: 100%;
    }

    .datebrthwrp.phoneinput .countrycodedropdown {
        position: absolute;
        width: 100%;
        background: #fff;
        top: 66px;
        border: 1px solid #ebebeb;
        border-radius: 6px;
        z-index: 1
    }

        .datebrthwrp.phoneinput .countrycodedropdown ul {
            height: 200px;
            overflow: auto;
            padding: 10px 0
        }

            .datebrthwrp.phoneinput .countrycodedropdown ul li {
                border-bottom: 1px solid #f1f1f1;
                font-size: 14px;
                color: #767676;
                display: block;
                padding: .8rem;
                cursor: pointer
            }

                .datebrthwrp.phoneinput .countrycodedropdown ul li.active, .datebrthwrp.phoneinput .countrycodedropdown ul li:hover {
                    background-color: #faddc9;
                }

                .datebrthwrp.phoneinput .countrycodedropdown ul li:hover {
                    color: #212121;
                }

.item-group {
    display: flex
}

    .item-group .item-row {
        margin-right: 10px;
        position: relative;
    }

.walletcontent .astrodetailcardhd .close {
    margin-left: auto
}

.astrodetailcardhd {
    background: var(--gray50);
    flex-direction: row;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    padding: 15px
}

    .astrodetailcardhd figure {
        width: 70px;
        height: 70px;
        border: 5px solid #FFFFFF;
        box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
        -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28);
        -webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
        border-radius: 50%;
        overflow: hidden
    }

        .astrodetailcardhd figure img {
            border-radius: 50%;
            width: 70px;
            height: 70px;
        }

    .astrodetailcardhd .astroinfodec .title {
        display: block;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: .5px;
    }

    .astrodetailcardhd .astroinfodec .pricegroup {
        padding: 5px 0 0;
        display: block;
    }

        .astrodetailcardhd .astroinfodec .pricegroup em {
            color: #565959;
            font-family: var(--font-googlesans);
            text-decoration: line-through;
            padding-right: 3px;
            font-size: 13px;
        }

        .astrodetailcardhd .astroinfodec .pricegroup span {
            color: var(--color-green);
            font-family: var(--font-googlesans);
            font-size: 18px;
            font-weight: 700;
        }

            .astrodetailcardhd .astroinfodec .pricegroup span b {
                padding-left: 3px;
                font-size: 14px;
                font-weight: 400;
                font-family: var(--font-roboto);
                color: var(--color-grey)
            }

    .astrodetailcardhd .astroinfodec .ratings {
        margin: 0
    }

    .astrodetailcardhd .astroinfodec .ratings-group span {
        margin: 0 5px;
    }

/**/
.birthchatwrp {
    padding: 15px;
    width: 70%;
    margin: 0 auto
}

    .birthchatwrp .birthchathead {
    }

    .birthchatwrp .birtformgrop {
        padding: 15px;
        position: relative;
        background: var(--gray50);
        margin-bottom: 15px;
        border-radius: 4px;
    }

        .birthchatwrp .birtformgrop label {
            display: block;
            padding: 0 0 5px
        }

        .birthchatwrp .birtformgrop input, .birthchatwrp .birtformgrop select {
            width: 100%;
            border: solid 1px #909090;
            height: 50px;
        }

        .birthchatwrp .birtformgrop textarea {
            width: 100%;
            border: solid 1px #909090;
        }

        .birthchatwrp .birtformgrop .calendarwrp {
            position: relative
        }

            .birthchatwrp .birtformgrop .calendarwrp .input-group-addon {
                position: absolute;
                top: 15px;
                right: 10px
            }

                .birthchatwrp .birtformgrop .calendarwrp .input-group-addon svg {
                    fill: #A8A8A8
                }

        .birthchatwrp .birtformgrop .inputfield ul {
            display: flex;
            gap: 15px;
        }

            .birthchatwrp .birtformgrop .inputfield ul li {
                background: var(--color-white);
                padding: 5px 15px;
                border-radius: 20px;
                border: solid 1px #909090;
            }

                .birthchatwrp .birtformgrop .inputfield ul li label {
                    left: 0;
                    padding-left: 25px;
                }

/* Modal End*/
/* info sticky*/
.astrosticky {
    opacity: 0;
    transform: translateY(-100%);
    transition: transform 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
    height: 0;
    visibility: hidden
}

    .astrosticky.sticky {
        transform: translateY(0px);
        opacity: 1;
        height: auto;
        visibility: visible
    }

.sticky {
    background: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 9;
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 2px 0px;
}

.stickyinfowrp {
    padding: 10px 0
}

    .stickyinfowrp .stickyinfo {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

        .stickyinfowrp .stickyinfo .stickyinfowrp {
            display: flex;
            align-items: center;
            padding: 0
        }

        .stickyinfowrp .stickyinfo figure {
            width: 80px;
            height: 80px;
            border-radius: 50px;
            background: #f5f5f5;
            margin-right: 10px;
        }

            .stickyinfowrp .stickyinfo figure img {
                width: 80px;
                height: 80px;
                border-radius: 50px;
                border: 5px solid #FFFFFF;
                box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
                -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28);
                -webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
            }

        .stickyinfowrp .stickyinfo .stickytitle {
            font-size: 18px;
            padding-bottom: 5px;
        }

            .stickyinfowrp .stickyinfo .stickytitle span.online, .stickyinfowrp .stickyinfo .stickytitle span.busy, .stickyinfowrp .stickyinfo .stickytitle span.offline {
                border: solid 1px #08a182;
                color: var(--color-green);
                font-size: 13px;
                border-radius: 12px;
                font-weight: 400;
                padding: 3px 8px;
                display: inline-block;
                margin-left: 5px;
            }

            .stickyinfowrp .stickyinfo .stickytitle span.busy {
                border: solid 1px #ec4758;
                color: var(--color-red);
            }

            .stickyinfowrp .stickyinfo .stickytitle span.offline {
                border: solid 1px #666;
                color: var(--color-light);
            }

        .stickyinfowrp .stickyinfo .tagline {
        }

            .stickyinfowrp .stickyinfo .tagline span {
                color: var(--color-darkgrey);
                margin: 0 7px;
            }

                .stickyinfowrp .stickyinfo .tagline span:first-child {
                    margin-left: 0
                }

    .stickyinfowrp .actongroup .actionwrp a {
        padding: 6px 20px;
        font-size: 16px;
        color: var(--color-white);
    }

.stickyinfo .actongroup {
    margin-left: auto;
    margin-bottom: 0
}

    .stickyinfo .actongroup .actionwrp {
        min-height: auto;
    }

        .stickyinfo .actongroup .actionwrp span {
            display: flex;
            align-items: center
        }

        .stickyinfo .actongroup .actionwrp.available a span i {
            fill: #1AA260;
        }

        .stickyinfo .actongroup .actionwrp.available a span i {
            fill: #1AA260;
        }

        .stickyinfo .actongroup .actionwrp.available a span {
            color: #1AA260;
        }

    .stickyinfo .actongroup .busy {
        fill: #EB0029;
        border: solid 1px #EB0029
    }

    .stickyinfo .actongroup .actionwrp.busy a span i {
        fill: #EB0029;
    }

    .stickyinfo .actongroup .actionwrp.busy a span {
        color: #EB0029;
    }

    .stickyinfo .actongroup .offline {
        fill: #999;
        border: solid 1px #999
    }

    .stickyinfo .actongroup .actionwrp.offline a span i {
        fill: #999;
    }

    .stickyinfo .actongroup .actionwrp.offline a span {
        color: #999;
    }

/**/
/*********************************/
/* Ratings Component */
/*********************************/
/*Review & Ratings*/
.ratings {
    margin: 5px 0;
    display: flex;
    align-items: center;
    line-height: normal;
}

    .ratings span {
        margin-right: 10px;
        color: #333;
        font-size: 1.4rem;
    }

    /*Ratings*/
    .ratings.small [class*=star], .ratings.medium [class*="star"] {
        background-image: var(--star-rating), var(--star-rating), var(--star-rating), var(--star-rating), var(--star-rating);
        background-repeat: no-repeat;
        display: inline-block;
        overflow: hidden;
        text-indent: -300rem;
    }

    .ratings.small [class*=star] {
        background-size: 1.5rem 3rem;
        width: 90px;
        height: 16px;
    }

    .ratings.small .star0 {
        background-position: center left, center left 1.1rem, center left 2.2rem, center left 3.3rem, center left 4.4rem
    }

    .ratings.small .star0-5 {
        background-position: bottom left, center left 1.1rem, center left 2.2rem, center left 3.3rem, center left 4.4rem
    }

    .ratings.small .star1 {
        background-position: top left, center left 1.1rem, center left 2.2rem, center left 3.3rem, center left 4.4rem
    }

    .ratings.small .star1-5 {
        background-position: top left, bottom left 1.1rem, center left 2.2rem, center left 3.3rem, center left 4.4rem
    }

    .ratings.small .star2 {
        background-position: top left, top left 1.1rem, center left 2.2rem, center left 3.3rem, center left 4.4rem
    }

    .ratings.small .star2-5 {
        background-position: top left, top left 1.1rem, bottom left 2.2rem, center left 3.3rem, center left 4.4rem
    }

    .ratings.small .star3 {
        background-position: top left, top left 1.1rem, top left 2.2rem, center left 3.3rem, center left 4.4rem
    }

    .ratings.small .star3-5 {
        background-position: top left, top left 1.1rem, top left 2.2rem, bottom left 3.3rem, center left 4.4rem
    }

    .ratings.small .star4 {
        background-position: top left, top left 1.1rem, top left 2.2rem, top left 3.3rem, center left 4.4rem
    }

    .ratings.small .star4-5 {
        background-position: top left, top left 1.1rem, top left 2.1rem, top left 3.1rem, bottom left 4.1rem
    }

    .ratings.small .star5 {
        background-position: top left, top left 1.1rem, top left 2.2rem, top left 3.3rem, top left 4.4rem
    }

/**/
.callreview .ratings.small .star0 {
    background-position: center left, center left 1.8rem, center left 3.6rem, center left 5.4rem, center left 7.2rem;
}

.callreview .ratings.small .star1 {
    background-position: top left, center left 1.8rem, center left 3.6rem, center left 5.4rem, center left 7.2rem;
}

.callreview .ratings.small .star2 {
    background-position: top left, top left 1.8rem, center left 3.6rem, center left 5.4rem, center left 7.2rem;
}

.callreview .ratings.small .star3 {
    background-position: top left, top left 1.8rem, top left 3.6rem, center left 5.4rem, center left 7.2rem;
}

.callreview .ratings.small .star4 {
    background-position: top left, top left 1.8rem, top left 3.6rem, top left 5.4rem, center left 7.2rem;
}

.callreview .ratings.small .star5 {
    background-position: top left, top left 1.8rem, top left 3.6rem, top left 5.4rem, top left 7.2rem;
}

/**/
.reviewrp {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(3, 1fr);
}

.reviewitem {
    border-radius: 4px;
    border: solid 1px #ebebeb;
    padding: 15px;
    white-space: normal;
    min-width: 300px;
}

    .reviewitem .reviewername {
        font-size: 18px;
        font-weight: 500;
        padding: 0 0 8px;
    }

        .reviewitem .reviewername a {
            color: var(--color-black)
        }

    .datendmonth, .reviewitem .ratings b {
        color: var(--color-light);
        font-size: 15px;
    }

        .reviewitem .ratings b a {
            color: var(--color-light);
        }

    .reviewitem p {
        line-height: 20px;
        font-size: 14px;
        color: var(--color-light);
        height: 100px;
        overflow-x: auto;
        overflow-y: scroll;
    }

        .reviewitem p::-webkit-scrollbar {
            width: 5px;
            height: 8px;
            background-color: #fff;
        }

        .reviewitem p::-webkit-scrollbar-thumb {
            background: #000;
        }

.reviewrp.reviewrphome {
    display: block
}

    .reviewrp.reviewrphome .reviewitem {
        min-width: auto;
    }

/**/
footer {
    background: #fdf8f0;
    color: #666;
    font-size: 12px;
    margin-top: 15px;
}

    footer a {
        color: #666;
        padding: 0 5px
    }

    footer .footer-topmenu {
        padding: 25px 0;
    }

        footer .footer-topmenu > li {
            float: left;
            width: 20%;
        }

            footer .footer-topmenu > li .footertitle {
                font-size: 12px;
                padding: 10px;
                position: relative;
                text-transform: uppercase;
                font-weight: 700
            }

            footer .footer-topmenu > li .footermenu {
                color: #7f7f7f;
                font-size: 12px;
                line-height: 20px;
                padding: 10px;
            }

                footer .footer-topmenu > li .footermenu b {
                    display: block;
                    font-weight: 500;
                }

                footer .footer-topmenu > li .footermenu a {
                    margin-top: 10px;
                    color: #7f7f7f;
                }

                footer .footer-topmenu > li .footermenu li {
                    padding-bottom: 5px;
                }

                footer .footer-topmenu > li .footermenu select {
                    border: solid 1px #bdbdbd;
                    border-radius: 3px;
                    padding: 5px;
                    background: #dcd9d9;
                    margin: 5px 0;
                    width: 100%;
                }

    footer .footetmenuwrp {
        padding: 15px 8px;
    }

    footer .footercard {
        margin-bottom: 15px;
    }

        footer .footercard > .footertitle {
            font-size: 14px;
            padding: 10px 10px 15px 0;
            position: relative;
            font-weight: 600;
            color: var(--color-black);
            display: flex;
            align-items: center
        }

            footer .footercard > .footertitle i {
                margin-left: auto;
                display: none
            }

                footer .footercard > .footertitle i svg {
                    -webkit-transition: all .5s ease-in;
                    -moz-transition: all .5s ease-in;
                    -ms-transition: all .5s ease-in;
                    -o-transition: all .5s ease-in;
                    transition: all .5s ease-in;
                    opacity: 0.5
                }

            footer .footercard > .footertitle.active i svg {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
            }

            footer .footercard > .footertitle.active i svg {
            }

        footer .footercard > .footerdetails b, footer .footercard > .footerdetails p {
            display: block;
            color: var(--color-light);
            padding: 0 0 10px;
        }

            footer .footercard > .footerdetails b span {
                color: var(--color-black);
                font-weight: 500;
            }

        footer .footercard > .footerdetails {
            font-size: 14px;
            color: var(--color-light);
            font-weight: 400
        }

            footer .footercard > .footerdetails select {
                padding: 5px 10px;
                font-size: 13px;
            }

            footer .footercard > .footerdetails a {
                color: var(--color-blue)
            }

            footer .footercard > .footerdetails ul {
                margin: 0;
                padding: 0;
            }

                footer .footercard > .footerdetails ul li {
                    padding: 7px 0;
                    font-size: 14px;
                    position: relative;
                    padding-left: 25px;
                    padding-bottom: 15px;
                }

                    footer .footercard > .footerdetails ul li:before {
                        width: 10px;
                        height: 10px;
                        background: #dfcdb6;
                        content: "";
                        display: inline-block;
                        border-radius: 50%;
                        position: absolute;
                        left: 0;
                    }

                    footer .footercard > .footerdetails ul li a {
                        color: var(--color-light)
                    }

                        footer .footercard > .footerdetails ul li a:hover {
                            color: var(--color-blue);
                            text-decoration: underline
                        }

            footer .footercard > .footerdetails .social-mediums {
            }

                footer .footercard > .footerdetails .social-mediums ul {
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    margin: 0;
                }

                    footer .footercard > .footerdetails .social-mediums ul li {
                        margin: 0;
                        list-style-type: none;
                        padding: 0
                    }

                        footer .footercard > .footerdetails .social-mediums ul li:before {
                            display: none
                        }

                        footer .footercard > .footerdetails .social-mediums ul li a {
                            color: #62646a;
                            display: block;
                        }

                            footer .footercard > .footerdetails .social-mediums ul li a i {
                                width: 30px;
                                height: 30px;
                                background: #f0f0f0;
                                border-radius: 50%;
                                display: inline-block;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                            }

                                footer .footercard > .footerdetails .social-mediums ul li a i svg {
                                    fill: var(--color-white)
                                }

                        footer .footercard > .footerdetails .social-mediums ul li.fb i {
                            background: #3E5A99;
                        }

                        footer .footercard > .footerdetails .social-mediums ul li.in i {
                            background: #0577B5;
                        }

                        footer .footercard > .footerdetails .social-mediums ul li.tw i {
                            background: #60A9DD;
                        }

                        footer .footercard > .footerdetails .social-mediums ul li.ins i {
                            background: #B82CAA;
                        }

                        footer .footercard > .footerdetails .social-mediums ul li.wt i {
                            background: #0E9F16;
                        }

                        footer .footercard > .footerdetails .social-mediums ul li.lk i {
                            background: #fff;
                        }

                        footer .footercard > .footerdetails .social-mediums ul li.dig i {
                            background: var(--color-black);
                        }

                        footer .footercard > .footerdetails .social-mediums ul li.fbd i {
                            background: #f22030;
                        }

                        footer .footercard > .footerdetails .social-mediums ul li.red i {
                            background: #FF4500;
                        }

                        footer .footercard > .footerdetails .social-mediums ul li.tum i {
                            background: #3a5975;
                        }

                        footer .footercard > .footerdetails .social-mediums ul li.vim i {
                            background: #47b2d9;
                        }

                        footer .footercard > .footerdetails .social-mediums ul li.youtube i {
                            background: #bd081c;
                        }

                        footer .footercard > .footerdetails .social-mediums ul li.pintrst i {
                            background: #bd081c;
                        }

            footer .footercard > .footerdetails .secureitems {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                padding-bottom: 10px;
            }

                footer .footercard > .footerdetails .secureitems i {
                    background: #fff;
                    padding: 5px;
                    border: solid 1px #ddd;
                    border-radius: 50%;
                    width: 35px;
                    height: 35px;
                    margin-right: 10px;
                    text-align: center;
                }

                    footer .footercard > .footerdetails .secureitems i svg {
                        width: 20px;
                        height: 20px;
                    }

    footer .footetmenuftwrp {
        background: #f1e7da
    }

    footer .footetmenuftwrap {
        background: #e9e1d4
    }

    footer .footetmenuft {
        display: flex;
        border-top: solid 1px #ddd
    }

        footer .footetmenuft .copyrite {
            color: #666;
            font-size: 11px;
            padding: 15px 0 15px;
            text-align: center;
        }

    footer .footetmenulink {
        margin-left: auto;
        padding: 15px 0 15px;
    }

        footer .footetmenulink a {
            color: var(--color-light)
        }

            footer .footetmenulink a:hover {
                color: var(--color-blue);
                text-decoration: underline
            }

    footer .footercard > .footerdetails > .storeslist img {
        width: 100px
    }

    footer .footercard > .footerdetails > .storesscan {
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        gap: 10px;
        padding: 10px;
        background: var(--color-white);
        margin-top: 10px;
        border-radius: var(--borderradius);
        border: solid 1px var(--grayddd)
    }

        footer .footercard > .footerdetails > .storesscan figure img {
            width: 80px;
            height: 80px;
        }

        footer .footercard > .footerdetails > .storesscan .storeinfo {
            flex: 1
        }

            footer .footercard > .footerdetails > .storesscan .storeinfo h3 {
                font-size: 14px;
                font-weight: 600;
                color: var(--color-black);
                align-items: center;
            }

            footer .footercard > .footerdetails > .storesscan .storeinfo p {
                font-size: 13px;
                padding-top: 5px;
                display: block
            }

/**/
.back-top {
    cursor: pointer;
    position: fixed !important;
    bottom: 157px;
    right: 40px;
    display: block;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: rgb(241 231 219);
    color: #066ac9;
    border-radius: 10%;
    width: 52px;
    height: 52px;
    line-height: 65px;
    text-align: center;
}

    .back-top svg {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .back-top.back-top-show {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

/* Listing page start*/
/* filter */
.listinghead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 15px;
    border-bottom: solid 1px #ebebeb;
    padding: 15px 0
}

    .listinghead .listing-title {
        font-size: 28px;
        font-weight: 600;
        letter-spacing: .5px;
    }

        .listinghead .listing-title h1 {
            line-height: 34px;
        }

    .listinghead .tagline {
        display: block;
        color: var(--color-darkgrey);
        font-size: 14px;
        font-weight: 400;
        letter-spacing: normal
    }

        .listinghead .tagline .price {
            color: var(--color-green);
            font-family: var(--font-googlesans);
            font-size: 18px;
            font-weight: 700;
            padding: 0 5px;
            border-radius: 4px;
        }

.filterwrp {
    gap: 0 10px;
    display: flex;
    align-items: center
}

    .filterwrp .filterinpt {
        position: relative
    }

        .filterwrp .filterinpt input {
            padding: 7px 35px 7px 20px;
            border-radius: 20px;
        }

        .filterwrp .filterinpt a {
            position: absolute;
            right: 3px;
            top: 3px;
            background: #ccc;
            border-radius: 50%;
            width: 27px;
            height: 27px;
            line-height: 30px;
            display: block;
            text-align: center
        }

            .filterwrp .filterinpt a .icon-search {
                fill: var(--color-darkgrey)
            }

    .filterwrp .filterbtn a.green {
        background-color: var(--color-white);
        border-color: var(--color-green);
        color: var(--color-green);
    }

        .filterwrp .filterbtn a.green:hover {
            color: var(--color-green);
            border-color: var(--color-green);
        }

    .filterwrp .filterbtn a {
        border: solid 1px #ddd;
        padding: 7px 15px;
        border-radius: 3px;
        letter-spacing: .5px;
        color: var(--color-light);
        transition: all .3s ease-in-out;
    }

        .filterwrp .filterbtn a:hover {
            box-shadow: 0 0 4px #919191;
            border-color: var(--color-light);
            color: var(--color-black)
        }

/* list gird start*/
.listcard {
    border: solid 1px #ebebeb;
    border-radius: 10px;
    position: relative;
    margin-bottom: 25px;
    -webkit-transition: all .2s cubic-bezier(.02,.54,.58,1);
    -o-transition: all .2s cubic-bezier(.02,.54,.58,1);
    transition: all .2s cubic-bezier(.02,.54,.58,1);
}

    .listcard:hover {
        box-shadow: 0 0 10px rgb(137 173 255 / 35%);
        /*-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);*/
    }

    .listcard .avable {
        border: solid 1px #08a182;
        color: var(--color-green);
        font-size: 13px;
        border-radius: 12px;
        font-weight: 400;
        padding: 3px 8px;
        display: inline-block;
        margin-left: 5px;
        position: absolute;
        top: 10px;
        left: 5px;
    }

    .listcard .busy {
        border: solid 1px #ec4758;
        color: var(--color-red);
        font-size: 13px;
        border-radius: 12px;
        font-weight: 400;
        padding: 3px 8px;
        display: inline-block;
        margin-left: 5px;
        position: absolute;
        top: 20px;
        left: 5px;
    }

    .listcard .offline {
        border: solid 1px #666;
        color: var(--color-light);
        font-size: 13px;
        border-radius: 12px;
        font-weight: 400;
        padding: 3px 8px;
        display: inline-block;
        margin-left: 5px;
        position: absolute;
        top: 20px;
        left: 5px;
    }

    .listcard .waiting {
        text-align: center;
        font-size: 12px;
        position: absolute;
        top: 1px;
        background: #FFF0F0;
        width: 100%;
        color: #EB0029;
        padding: 3px 0;
        font-weight: 500;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        display: none
    }

    .listcard .listcardhead {
        text-align: center;
        border-bottom: dotted 1px #ccc;
        padding: 15px 0 15px
    }

        .listcard .listcardhead figure {
            width: 100px;
            height: 100px;
            border: 5px solid #FFFFFF;
            box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
            -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28);
            -webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
            border-radius: 50%;
            margin: 0 auto;
            overflow: hidden;
            flex-shrink: 0;
            background-color: #40a8ca;
        }

            .listcard .listcardhead figure img {
                border-radius: 50%;
                width: 100px;
                height: 100px;
                transform: scale(1.1) translate(0, 0);
                transition: all 0.35s ease-in-out;
            }

    .listcard:hover .listcardhead figure img {
        transform: scale(1.3) rotate(10deg);
    }

    .listcard .listcardhead .headtitle {
        font-size: 16px;
        font-weight: 600;
        letter-spacing: .5px;
        display: block;
        padding: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

        .listcard .listcardhead .headtitle a {
            color: var(--color-black)
        }

            .listcard .listcardhead .headtitle a:hover {
                color: var(--color-blue);
                text-decoration: underline
            }

    .listcard .listcardhead .listcatelist {
        white-space: normal;
    }

        .listcard .listcardhead .listcatelist b {
            font-size: 12px;
            color: var(--color-black);
            background: var(--gray50);
            border: solid 1px #ddd;
            border-radius: 20px;
            padding: 3px 13px;
            margin-right: 5px;
            display: inline-block;
            margin-bottom: 5px;
        }

            .listcard .listcardhead .listcatelist b a {
                color: var(--color--black)
            }

                .listcard .listcardhead .listcatelist b a:hover {
                    text-decoration: underline;
                    color: var(--color-blue);
                }

    .listcard .listcardhead .pricegroup {
        padding: 10px 0
    }

        .listcard .listcardhead .pricegroup em {
            color: #565959;
            font-family: var(--font-googlesans);
            text-decoration: line-through;
            padding-right: 3px;
            font-size: 13px;
        }

        .listcard .listcardhead .pricegroup span {
            color: var(--color-green);
            font-family: var(--font-googlesans);
            font-size: 18px;
            font-weight: 700;
        }

            .listcard .listcardhead .pricegroup span b {
                padding-left: 3px;
                font-size: 14px;
                font-weight: 400;
                font-family: var(--font-roboto);
                color: var(--color-grey)
            }

    .listcard .listcardbody {
        border-bottom: dotted 1px #ccc;
        padding: 10px;
    }

        .listcard .listcardbody ul {
        }

            .listcard .listcardbody ul li {
                padding: 0 0 15px;
                font-size: 13px;
            }

                .listcard .listcardbody ul li span {
                    width: 30%;
                    display: inline-block;
                    color: var(--color-darkgrey);
                    font-size: 13px;
                }

                .listcard .listcardbody ul li small {
                    font-size: 13px;
                    display: inline-block;
                    width: 70%;
                }

                    .listcard .listcardbody ul li small b {
                        font-size: 13px;
                        color: var(--color-black);
                        border: solid 1px #ddd;
                        border-radius: 20px;
                        padding: 2px 15px;
                        margin-right: 10px;
                        display: inline-block;
                    }

                .listcard .listcardbody ul li .ratings-group, .listcard .listcardbody ul li .ratings-group .ratings {
                    margin: 0
                }

                    .listcard .listcardbody ul li .ratings-group span {
                        margin-right: 5px
                    }

    .listcard .listcardfoter {
        display: flex;
        align-items: center;
        text-align: center;
        padding: 10px;
        justify-content: space-around
    }

        .listcard .listcardfoter a {
            color: #454545;
        }

        .listcard .listcardfoter a {
            display: block
        }

        .listcard .listcardfoter .call i {
            border-color: #579eee;
        }

            .listcard .listcardfoter .call i svg {
                fill: #579eee;
            }

        .listcard .listcardfoter .chat i {
            border-color: #FD9316
        }

            .listcard .listcardfoter .chat i svg {
                fill: #FD9316
            }

        .listcard .listcardfoter .video i {
            border-color: #1AA260
        }

            .listcard .listcardfoter .video i svg {
                fill: #1AA260
            }

.busy i {
    border-color: #EB0029 !important;
}

    .busy i svg {
        fill: #EB0029 !important;
    }

.busy em {
    color: #EB0029 !important;
}

.offline i {
    border-color: #ddd !important;
}

    .offline i svg {
        fill: #ddd !important;
    }

.offline a, .busy a {
    cursor: not-allowed;
}

.listcard .listreptfoter {
    text-align: center;
    padding: 10px;
    justify-content: center;
    display: flex;
    gap: 20px
}

.listcard .listcardfoter em {
    display: block;
    text-align: center;
    padding-top: 5px;
    font-size: 14px;
    font-weight: 400
}

.listcard .listcardfoter i {
    border: solid 2px #ddd;
    background: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

    .listcard .listcardfoter i svg {
        margin: 0 auto;
        fill: #ddd
    }

.listcard .listcardfoter .offline a em {
    color: #999
}

.listcard .listcardfoter .busy, .listcard .listcardfoter .offline {
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
    transform: none;
}

/* list gird end*/
/**/
.more {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
}

    .more i {
        margin: 0 5px
    }

        .more i svg {
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

/*============================================ pagination Start ============================================*/
.pagination {
}

.totcoutlist {
    color: var(--color-grey);
    display: block;
    font-size: 11px;
    margin: 10px 0;
    text-align: center;
}

.pagination ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 15px
}

    .pagination ul li {
        font-size: 16px
    }

        .pagination ul li.active {
            border-bottom: solid 3px #f00;
            font-weight: 500
        }

            .pagination ul li.active a {
                color: var(--color-black)
            }

        .pagination ul li a {
            display: block;
            color: var(--color-grey);
            padding: 0 5px;
        }

        .pagination ul li.next, .pagination ul li.previous {
            border-radius: 50%;
            border: 1px solid #1c1d1f;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center
        }

/*============================================ pagination Start ============================================*/
/*============================================ owl carousel Start ============================================*/
/* new owl-carousel start*/
.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

    .owl-theme .owl-nav .disabled {
        opacity: .5;
        cursor: default
    }

        .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px
        }

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

    .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #D6D6D6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #869791
    }

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            object-fit: cover;
            width: 100%;
            object-position: top center;
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-dots {
        text-align: center;
        -webkit-tap-highlight-color: transparent;
        margin-top: 15px;
    }

        .owl-carousel .owl-dots .owl-dot {
            display: inline-block;
            zoom: 1
        }

            .owl-carousel .owl-dots .owl-dot span {
                width: 15px;
                height: 150px;
                margin: 5px 7px;
                background: #d6d6d6;
                display: block;
                -webkit-backface-visibility: visible;
                transition: opacity .2s ease;
                border-radius: 30px
            }

            .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
                background: #f89714
            }

.owl-theme .owl-nav .disabled {
    opacity: 0;
}

.owl-carousel .owl-nav div {
    background-color: rgba(0, 0, 0, 0.5);
    background-size: 70%;
    display: block;
    height: 50px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    top: 30%;
    background-clip: padding-box;
    background-repeat: no-repeat;
    background-position: 50%;
    vertical-align: middle;
    width: 50px;
    cursor: pointer;
    box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24);
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background-color: rgba(255,255,255,.75);
    border-radius: 50%;
    transition: opacity .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);
    transition: background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);
    will-change: background-color,box-shadow;
}

    .owl-carousel .owl-nav div img {
        height: 42px;
        width: 42px;
    }

    .owl-carousel .owl-nav div:hover {
        box-shadow: 0 10px 10px 0 rgba(0,0,0,.19), 0 6px 3px 0 rgba(0,0,0,.23);
        background-color: rgba(255,255,255,.9);
        cursor: pointer;
        background-color: rgba(255,255,255,.9)
    }

    .owl-carousel .owl-nav div.owl-next {
        background-image: url(https://d3aew4oo17ml6.cloudfront.net/astrosite/keyboard-arrow.svg);
        right: 0;
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .owl-carousel .owl-nav div.owl-prev {
        background-image: url(https://d3aew4oo17ml6.cloudfront.net/astrosite/keyboard-arrow.svg);
        left: 0;
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

        .owl-carousel .owl-nav div.owl-next.disabled, .owl-carousel .owl-nav div.owl-prev.disabled {
            display: none
        }

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

    .owl-carousel.owl-rtl .owl-item {
        float: right
    }

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

/*============================================ owl carousel end ============================================*/
/*============================================ Home start ============================================*/
/**/
.topgirdwrp {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin: 35px 0 0;
}

    .topgirdwrp .girdcard {
        border-radius: 4px;
        border: solid 1px #ebebeb;
        padding: 10px;
        -webkit-transition: all .2s cubic-bezier(.02,.54,.58,1);
        -o-transition: all .2s cubic-bezier(.02,.54,.58,1);
        transition: all .2s cubic-bezier(.02,.54,.58,1);
        gap: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
    }

        .topgirdwrp .girdcard:hover {
            box-shadow: 0 0 10px rgb(137 173 255 / 35%);
            border-color: #579eee;
        }

        .topgirdwrp .girdcard figure {
            width: 60px;
            height: 60px;
            background: #239FDB;
            display: flex;
            align-items: center;
            border-radius: 6px;
            -webkit-transition: all 500ms ease;
            transition: all 500ms ease;
        }

            .topgirdwrp .girdcard figure svg {
                margin: 0 auto;
                fill: #fff
            }

            .topgirdwrp .girdcard figure.video {
                background: #eff5fd
            }

                .topgirdwrp .girdcard figure.video svg {
                    fill: #579eee;
                }

            .topgirdwrp .girdcard figure.call {
                background: #fff5f0
            }

                .topgirdwrp .girdcard figure.call svg {
                    fill: #ff9a61;
                }

            .topgirdwrp .girdcard figure.chat {
                background: #effbf7
            }

                .topgirdwrp .girdcard figure.chat svg {
                    fill: #54d6ad;
                }

            .topgirdwrp .girdcard figure.report {
                background: #feeff4
            }

                .topgirdwrp .girdcard figure.report svg {
                    fill: #f15d8a;
                }

        .topgirdwrp .girdcard:hover figure svg {
            fill: #fff
        }

        .topgirdwrp .girdcard:hover figure.video {
            background: #5b9feb
        }

        .topgirdwrp .girdcard:hover figure.call {
            background: #fd9967
        }

        .topgirdwrp .girdcard:hover figure.chat {
            background: #5bd6ae
        }

        .topgirdwrp .girdcard:hover figure.report {
            background: #ef5c8a
        }

        .topgirdwrp .girdcard:nth-child(2):hover {
            border-color: #ff9a61;
        }

        .topgirdwrp .girdcard:nth-child(3):hover {
            border-color: #f15d8a;
        }

        .topgirdwrp .girdcard:nth-child(4):hover {
            border-color: #54d6ad;
        }

        .topgirdwrp .girdcard .girddetls {
            flex: 1;
        }

            .topgirdwrp .girdcard .girddetls a .title {
                color: var(--color-black)
            }

            .topgirdwrp .girdcard .girddetls a p {
                color: var(--color-light)
            }

            .topgirdwrp .girdcard .girddetls .title {
                font-size: 16px;
                margin-bottom: 5px;
                font-weight: 500
            }

            .topgirdwrp .girdcard .girddetls p {
                color: var(--color-light);
                font-size: 13px;
                line-height: 18px;
            }

/**/
.herotitle {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: .5px;
    padding: 15px 0;
    margin-bottom: 10px;
}

    .herotitle .tagline {
        color: #888;
        font-size: 16px;
        display: block;
        padding: 10px 0;
        font-weight: 400;
        font-family: var(--font-poppins);
    }

/**/
.dailysportwrp {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.dailysportdesc {
    text-align: left;
    padding: 70px 30px 135px 0;
    position: relative
}

    .dailysportdesc:before {
        position: absolute;
        left: 0;
        top: 10%;
        content: "";
        height: 350px;
        width: 350px;
        z-index: -1;
        animation: rotate-animation 15s infinite linear;
        background: url("https://d3aew4oo17ml6.cloudfront.net/astrosite/globe.webp") 0 0 no-repeat;
        background-size: contain;
    }

    .dailysportdesc h2 {
        font-size: 28px;
        font-weight: 600;
        letter-spacing: .5px;
        padding: 0 0 15px;
        margin-bottom: 20px;
    }

    .dailysportdesc p {
        color: var(--color-light);
        font-size: 16px;
        line-height: 20px;
        padding: 15px 0;
        margin-bottom: 40px;
        margin-top: 20px;
    }

    .dailysportdesc a.btun {
        background: #D8232A;
        border-color: #D8232A;
        border-radius: 50px;
        padding: 15px 25px;
        font-size: 18px;
        display: block
    }

.dailylistwrp p span {
    background-color: #21a198;
    color: #fff;
    padding: 2px 10px;
    border-radius: 20px;
}

.dailylistwrp {
    position: relative;
    z-index: 1;
    padding: 55px 0 135px 0;
    overflow: hidden
}

    .dailylistwrp:before {
        position: absolute;
        left: 50%;
        top: 10%;
        content: "";
        height: 350px;
        width: 350px;
        z-index: -1;
        animation: rotate-animation 15s infinite linear;
        background: url("https://d3aew4oo17ml6.cloudfront.net/astrosite/globe.webp") 0 0 no-repeat;
        background-size: contain;
    }

/**/
.astro-tab {
    background-color: #eaeaea;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}

    .astro-tab a {
        padding: 10px 20px;
        display: block;
        color: #212121;
    }

        .astro-tab a.active, .astro-tab a:hover {
            background-color: #ffb500;
            border-radius: 20px;
        }

/* Animation Rotation */
@keyframes rotate-animation {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.dailylistwrp p {
    font-size: 16px;
    padding: 15px 0 25px
}

.dailysportlist {
    display: flex;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    padding: 0 30px
}

    .dailysportlist span {
        background: #fff;
        box-shadow: 0 10px 20px 0 rgb(44 130 237 / 40%);
        text-align: center;
        border-radius: 4px;
        padding: 10px;
        margin-bottom: 10px;
    }

        .dailysportlist span a {
            display: flex;
            align-items: center;
            color: var(--color-black);
        }

        .dailysportlist span b {
            font-size: 17px;
        }

        .dailysportlist span a:hover {
            color: var(--color-blue);
            text-decoration: underline
        }

        .dailysportlist span i {
            width: 45px;
            height: 45px;
            display: inline-block;
            background: #f5f5f5;
            margin-right: 10px;
            border-radius: 50px;
            display: flex;
            align-items: center
        }

            .dailysportlist span i svg {
                margin: 0 auto;
            }

            .dailysportlist span i.aries {
                background: #FFEBDF
            }

            .dailysportlist span i.taurus {
                background: #FFE0E4
            }

            .dailysportlist span i.gemini {
                background: #FEDCFF
            }

            .dailysportlist span i.cancer {
                background: #FFE7E7
            }

            .dailysportlist span i.leo {
                background: #FFF4D6
            }

            .dailysportlist span i.virgo {
                background: #F7FFE4
            }

            .dailysportlist span i.libra {
                background: #FFE0EC
            }

            .dailysportlist span i.scorpio {
                background: #F9DFFF
            }

            .dailysportlist span i.sagittarius {
                background: #FAE8B9
            }

            .dailysportlist span i.capricorn {
                background: #D4FFE8
            }

            .dailysportlist span i.aquarius {
                background: #FDE2FF
            }

            .dailysportlist span i.pisces {
                background: #D7FAFF
            }

            .dailysportlist span i.aries svg {
                fill: #C94800
            }

            .dailysportlist span i.taurus svg {
                fill: #D00019
            }

            .dailysportlist span i.gemini svg {
                fill: #840087
            }

            .dailysportlist span i.cancer svg {
                fill: #ED1C24
            }

            .dailysportlist span i.leo svg {
                fill: #A17500
            }

            .dailysportlist span i.virgo svg {
                fill: #395301
            }

            .dailysportlist span i.libra svg {
                fill: #D0004D
            }

            .dailysportlist span i.scorpio svg {
                fill: #510065
            }

            .dailysportlist span i.sagittarius svg {
                fill: #DC9E00
            }

            .dailysportlist span i.capricorn svg {
                fill: #009444
            }

            .dailysportlist span i.aquarius svg {
                fill: #511955
            }

            .dailysportlist span i.pisces svg {
                fill: #007D8E
            }

/**/
.consltwrp {
    margin-top: 20px;
    margin-bottom: 35px;
}

    .consltwrp .conslt {
        height: 100%;
        border-left: solid 3px #ddd;
    }

        .consltwrp .conslt span {
            display: block;
            margin-bottom: 5px;
            font-size: 16px;
            margin-left: -3px;
            -webkit-transition: all .2s cubic-bezier(.02,.54,.58,1);
            -o-transition: all .2s cubic-bezier(.02,.54,.58,1);
            transition: all .2s cubic-bezier(.02,.54,.58,1);
        }

            .consltwrp .conslt span.active {
                background: #fef9e8;
                position: relative;
                border-left: #DC1F27 solid 3px;
                font-weight: 500
            }

                .consltwrp .conslt span.active:after {
                    left: 100%;
                    top: 50%;
                    border: solid transparent;
                    content: "";
                    height: 0;
                    width: 0;
                    position: absolute;
                    pointer-events: none;
                }

                .consltwrp .conslt span.active:after {
                    border-color: rgba(255, 255, 0, 0);
                    border-left-color: #fef9e8;
                    border-width: 18px;
                    margin-top: -18px;
                }

                .consltwrp .conslt span.active a {
                    color: var(--color-red)
                }

            .consltwrp .conslt span:hover {
                background: #fef9e8;
                position: relative;
                border-left: #DC1F27 solid 3px;
                font-weight: 500
            }

                .consltwrp .conslt span:hover:after {
                    left: 100%;
                    top: 50%;
                    border: solid transparent;
                    content: "";
                    height: 0;
                    width: 0;
                    position: absolute;
                    pointer-events: none;
                }

                .consltwrp .conslt span:hover:after {
                    border-color: rgba(255, 255, 0, 0);
                    border-left-color: #fef9e8;
                    border-width: 18px;
                    margin-top: -18px;
                }

                .consltwrp .conslt span:hover a {
                    color: var(--color-red)
                }

            .consltwrp .conslt span a {
                padding: 10px 15px 10px 20px;
                display: block;
                color: var(--color-light)
            }

    .consltwrp .consrt {
        border: solid 1px #ebebeb;
        background: var(--color-white);
        border-radius: 4px;
        padding: 25px;
        text-align: center
    }

        .consltwrp .consrt figure {
            height: 250px;
            background: var(--color-ltgrey);
            border-radius: 4px;
            margin-bottom: 15px;
            overflow: hidden
        }

        .consltwrp .consrt p {
            padding: 15px 0;
            display: block;
            margin-bottom: 10px;
            font-family: var(--font-googlesans);
            font-size: 22px;
            font-weight: 500;
        }

        .consltwrp .consrt .hactongroup {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-item-align: stretch;
            align-self: stretch;
            justify-content: space-around;
            gap: 15px
        }

            .consltwrp .consrt .hactongroup span {
                width: 100%;
                padding: 15px;
                border-radius: 30px;
            }

                .consltwrp .consrt .hactongroup span.red {
                    background: var(--color-red)
                }

                .consltwrp .consrt .hactongroup span.yellow {
                    background: var(--color-yellow)
                }

                .consltwrp .consrt .hactongroup span.green {
                    background: var(--color-green)
                }

                .consltwrp .consrt .hactongroup span a {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    color: var(--color-white);
                    justify-content: center;
                }

                    .consltwrp .consrt .hactongroup span a svg {
                        fill: var(--color-white)
                    }

.paragraph {
    color: var(--color-light);
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 15px;
    margin-bottom: 20px;
}

/**/
.process-step {
}

    .process-step .stepinfo {
        gap: 40px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        margin-bottom: 25px;
        position: relative
    }

        .process-step .stepinfo:before, .process-step .stepinfo:after {
            top: 45px;
            left: 30px;
            width: 3px;
            z-index: -2;
            content: "";
            height: 100%;
            position: absolute;
            background-color: #e2eaef;
            transition: 0.4s all ease-in-out;
        }

        .process-step .stepinfo:after {
            bottom: 0;
            height: 0;
            z-index: -1;
            background-color: #e12454;
        }

        .process-step .stepinfo:hover:after {
            height: 100%;
            bottom: auto;
        }

        .process-step .stepinfo:last-child:before, .process-step .stepinfo:last-child:after {
            display: none
        }

        .process-step .stepinfo .stepnum {
            width: 60px;
            height: 60px;
        }

            .process-step .stepinfo .stepnum i {
                background: #fff;
                box-shadow: 0 1px 4px rgb(44 130 237 / 40%);
                width: 60px;
                height: 60px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                border: solid 2px #ebebeb;
                -webkit-transition: all .2s cubic-bezier(.02,.54,.58,1);
                -o-transition: all .2s cubic-bezier(.02,.54,.58,1);
                transition: all .2s cubic-bezier(.02,.54,.58,1);
            }

        .process-step .stepinfo.stepa .stepnum i svg {
            fill: #3AA7CC
        }

        .process-step .stepinfo.stepb .stepnum i svg {
            fill: #F15B4E
        }

        .process-step .stepinfo.stepc .stepnum i svg {
            fill: #FEC34E
        }

        .process-step .stepinfo.stepd .stepnum i svg {
            fill: #82CA9C
        }

        .process-step .stepinfo:hover .stepnum i {
            border-color: #fff
        }

        .process-step .stepinfo.stepa:hover:after {
            background: #3AA7CC;
        }

        .process-step .stepinfo.stepb:hover:after {
            background: #F15B4E;
        }

        .process-step .stepinfo.stepc:hover:after {
            background: #FEC34E;
        }

        .process-step .stepinfo.stepd:hover:after {
            background: #82CA9C;
        }

        .process-step .stepinfo.stepa:hover .stepnum i {
            background: #3AA7CC;
        }

        .process-step .stepinfo.stepb:hover .stepnum i {
            background: #F15B4E;
        }

        .process-step .stepinfo.stepc:hover .stepnum i {
            background: #FEC34E;
        }

        .process-step .stepinfo.stepd:hover .stepnum i {
            background: #82CA9C;
        }

            .process-step .stepinfo.stepa:hover .stepnum i svg, .process-step .stepinfo.stepb:hover .stepnum i svg, .process-step .stepinfo.stepc:hover .stepnum i svg, .process-step .stepinfo.stepd:hover .stepnum i svg {
                fill: #fff;
            }

        .process-step .stepinfo.stepa:hover .stepdestls h2, .process-step .stepinfo.stepa:hover .stepdestls h3 {
            color: #2b93b7;
        }

        .process-step .stepinfo.stepb:hover .stepdestls h2, .process-step .stepinfo.stepb:hover .stepdestls h3 {
            color: #d9473b;
        }

        .process-step .stepinfo.stepc:hover .stepdestls h2, .process-step .stepinfo.stepc:hover .stepdestls h3 {
            color: #af7b14;
        }

        .process-step .stepinfo.stepd:hover .stepdestls h2, .process-step .stepinfo.stepd:hover .stepdestls h3 {
            color: #08a182;
        }

        .process-step .stepinfo .stepnum i svg {
            margin: 0 auto
        }

        .process-step .stepinfo .stepdestls {
            flex: 1;
        }

            .process-step .stepinfo .stepdestls h2, .process-step .stepinfo .stepdestls h3 {
                font-weight: 500;
                padding-bottom: 5px;
                color: var(--color-black);
                font-size: 16px;
            }

            .process-step .stepinfo .stepdestls p {
                color: var(--color-light);
                font-size: 14px;
                line-height: 20px;
                padding: 0 0 15px;
                font-weight: 400
            }

/**/
.signwheel {
    display: flex;
    align-items: center;
    height: 100%;
    overflow: hidden;
    justify-content: center;
}

    .signwheel figure {
    }

        .signwheel figure img {
            animation: rotate-animation 10s infinite linear;
        }

    .signwheel .signstar {
        width: 100px;
        height: 100px;
        position: absolute;
    }

/*home header start*/
#heroheader {
    position: relative;
}

    #heroheader #pageheader .astrologo a {
        background: url("https://d3aew4oo17ml6.cloudfront.net/astrosite/astrologo.png") 0 0 no-repeat
    }

    #heroheader #pageheader .secnav ul li a.btun {
        background-color: var(--color-white);
        color: var(--color-red)
    }

        #heroheader #pageheader .secnav ul li a.btun svg {
            fill: var(--color-red)
        }

    #heroheader #pageheader .secnav ul li .afterlogin .logoutwrp a, #heroheader #pageheader .secnav .afterlogin ul li a {
        color: var(--color-black);
    }

    #heroheader #pageheader {
        border: 0;
        background: linear-gradient(180deg,#000000b3,#0000004d 72.92%,#0000);
        position: relative;
        z-index: 2
    }

        #heroheader #pageheader .margin20b {
            margin-bottom: 0;
        }

        #heroheader #pageheader menu span a {
            border-bottom: 0;
            color: #fff;
            text-shadow: 1px 1px 0 #000;
        }

        #heroheader #pageheader menu .submenu ul li a {
            color: var(--color-light) !important;
            text-shadow: none
        }

            #heroheader #pageheader menu .submenu ul li a:hover, #heroheader #pageheader .secnav ul li a {
                color: var(--color-white)
            }

                #heroheader #pageheader .secnav ul li a svg, #heroheader #pageheader menu span svg {
                    fill: var(--color-white)
                }

#pageheader menu .menustky {
    background: #ffeded;
}

    #pageheader menu .menustky a {
        color: #f00 !important;
        text-shadow: none !important;
        border: 0
    }

#pageheader menu span:hover .menustky a {
    border: 0
}

#pageheader menu span.mainproduct a {
    background: var(--color-white);
    border-radius: 4px;
    color: var(--color-black) !important;
    text-shadow: none !important;
    padding: 10px 15px;
}

#pageheader menu span.mainproduct i {
    margin-left: 8px;
    display: inline-flex;
    position: relative;
    top: -2px;
}

#pageheader menu span.mainproduct svg {
    fill: var(--color-black);
}

#pageheader menu span.mainproduct .submenu ul li a {
    color: var(--color-black);
    text-shadow: none
}

    #pageheader menu span.mainproduct .submenu ul li a:hover {
        background: #FDBA17;
        border-radius: 0;
        color: var(--color-white);
    }

#pageheader menu span.mainproduct .menustky a {
    padding: 15px;
    background: none
}

.herobannerwrap {
    margin-top: -124px;
    height: 500px;
    overflow: hidden;
}

    .herobannerwrap figure {
        background: var(--color-black);
    }

        .herobannerwrap figure img {
            opacity: 0.5;
            height: auto
        }

    .herobannerwrap .heroimgwrp {
        position: relative;
    }

        .herobannerwrap .heroimgwrp .herocontnt {
            position: absolute;
            width: 100%;
            top: 18%;
            color: var(--color-white)
        }

            .herobannerwrap .heroimgwrp .herocontnt article {
                padding: 0px 15px 15px 35px;
            }

        .herobannerwrap .heroimgwrp .homeherotitle {
            font-size: 48px;
            font-weight: 800;
            letter-spacing: .5px;
            margin-bottom: 20px;
        }

        .herobannerwrap .heroimgwrp .homeherotag {
            font-size: 20px;
            line-height: 20px;
            margin-bottom: 25px;
        }

            .herobannerwrap .heroimgwrp .homeherotag p {
                line-height: normal;
            }

        .herobannerwrap .heroimgwrp .btun {
            padding: 10px 20px;
            font-size: 14px;
            margin-right: 5px;
        }

            .herobannerwrap .heroimgwrp .btun.btun-yellow {
                color: var(--color-black)
            }

/*home header end*/
/**/
.astroreport {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 15px;
    justify-content: center;
    margin-bottom: 25px;
}

    .astroreport .astroreportlist {
        border-radius: 14px;
        border: solid 1px #ddd;
        text-align: center;
        padding: 15px;
        -webkit-transition: all .2s cubic-bezier(.02,.54,.58,1);
        -o-transition: all .2s cubic-bezier(.02,.54,.58,1);
        transition: all .2s cubic-bezier(.02,.54,.58,1);
        margin-top: 25px;
    }

        .astroreport .astroreportlist .title {
            font-size: 16px;
            font-weight: 600;
            letter-spacing: .5px;
            display: block;
            padding: 0 0 10px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

            .astroreport .astroreportlist .title a {
                color: var(--color-black)
            }

                .astroreport .astroreportlist .title a:hover {
                    color: var(--color-blue);
                    text-decoration: underline
                }

        .astroreport .astroreportlist p {
            color: var(--color-light);
            font-size: 14px;
            line-height: 20px;
            padding: 0 0 15px;
            font-weight: 400;
        }

        .astroreport .astroreportlist:hover {
            box-shadow: 0 0 10px rgb(137 173 255 / 35%);
        }

        .astroreport .astroreportlist .btun-red {
            border-radius: 20px;
        }

/*
.astroreport .astroreportlist .btun-red{color: var(--color-blue);background: var(--color-white);border-color: var(--color-blue);border-radius: 20px;}
.astroreport .astroreportlist .btun-red:hover{color: var(--color-white);background: var(--color-blue);}
*/
/* home carousel*/
@keyframes countdown {
    from {
        stroke-dashoffset: 128px
    }

    to {
        stroke-dashoffset: 0
    }
}

.herobannerwrap .owl-carousel .owl-dots .owl-dot svg:not(svg|*) {
    all: unset;
}

.herobannerwrap .owl-carousel .owl-dots {
    position: absolute;
    top: 150px;
    left: 370px;
}

    .herobannerwrap .owl-carousel .owl-dots .owl-dot {
        display: flex;
    }

        .herobannerwrap .owl-carousel .owl-dots .owl-dot span {
            width: 11px;
            height: 90px;
            background: rgba(255, 255, 255, 0.5);
            margin: 0 0 5px;
        }

        .herobannerwrap .owl-carousel .owl-dots .owl-dot svg {
            transform: rotateY(-180deg) rotateZ(0deg);
            all: unset;
        }

        .herobannerwrap .owl-carousel .owl-dots .owl-dot.active svg line {
            animation-play-state: running;
            stroke-width: 11px;
            animation: countdown 8s linear forwards
        }

        .herobannerwrap .owl-carousel .owl-dots .owl-dot svg line {
            stroke-dasharray: 128px;
            stroke-dashoffset: 0px;
            stroke-linecap: round;
            stroke-width: 0;
            stroke: #fff;
            fill: none;
            animation: none;
            animation-play-state: paused;
            animation-fill-mode: none
        }

/*============================================ Home end ============================================*/
.allcategriswrp {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(3, 1fr);
}

    .allcategriswrp .cat-card {
        border-radius: 4px;
        border: solid 1px #ebebeb;
        padding: 10px;
        -webkit-transition: all .2s cubic-bezier(.02,.54,.58,1);
        -o-transition: all .2s cubic-bezier(.02,.54,.58,1);
        transition: all .2s cubic-bezier(.02,.54,.58,1);
        gap: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .allcategriswrp .cat-card:hover {
            box-shadow: 0 0 10px rgb(137 173 255 / 35%);
        }

        .allcategriswrp .cat-card figure {
            width: 70px;
            height: 70px;
            border: solid 2px #f5f5f5;
            border-radius: 50%;
            display: flex;
            align-items: center
        }

            .allcategriswrp .cat-card figure svg {
                margin: 0 auto;
                fill: #ffa22b
            }

            .allcategriswrp .cat-card figure img {
                width: 40px;
                height: 40px;
                margin: 0 auto;
            }

        .allcategriswrp .cat-card .cat-desc {
            flex: 1;
        }

            .allcategriswrp .cat-card .cat-desc .title {
                font-size: 16px;
                font-weight: 600;
                display: block;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                line-height: normal
            }

                .allcategriswrp .cat-card .cat-desc .title a {
                    color: var(--color-black)
                }

        .allcategriswrp .cat-card:hover .cat-desc .title a {
            color: var(--color-blue);
            text-decoration: underline
        }

        .allcategriswrp .cat-card .cat-desc .tagline {
            font-size: 14px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            color: var(--color-light);
            display: block;
            line-height: normal
        }

/**/
.searchmenu .mobi-menu {
    z-index: 1;
}

.mobi-actn {
    background: #fff;
    box-shadow: 0 -1px 8px 0 rgb(0 0 0 / 10%);
    justify-content: space-around;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    display: none;
    align-items: center
}

.mobi-menu {
    background: #fff;
    box-shadow: 0 -1px 8px 0 rgb(0 0 0 / 10%);
    justify-content: space-around;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    display: none;
    align-items: center
}

    .mobi-menu span {
    }

        .mobi-menu span a {
            text-align: center;
            display: block;
            padding: 10px;
        }

        .mobi-menu span i {
            display: flex;
            justify-content: center;
            align-items: flex-start;
        }

            .mobi-menu span i svg {
                fill: #7f7f7f;
            }

        .mobi-menu span b, .mobi-actn span b {
            display: block;
            padding: 5px 0;
            color: #7f7f7f
        }

            .mobi-menu span b > span {
                color: var(--color-green);
                font-family: var(--font-googlesans);
                font-size: 14px;
                font-weight: 700;
            }

    .mobi-menu .actongroup {
        margin: 0;
        padding: 15px 0;
    }

        .mobi-menu .actongroup .actionwrp {
            min-height: auto;
            box-shadow: none;
        }

            .mobi-menu .actongroup .actionwrp span {
                display: flex;
                gap: 5px;
                align-items: center;
            }

            .mobi-menu .actongroup .actionwrp a {
                padding: 5px 15px;
            }

            .mobi-menu .actongroup .actionwrp.available {
                border-color: var(--color-green)
            }

            .mobi-menu .actongroup .actionwrp.busy {
                border-color: var(--color-red)
            }

            .mobi-menu .actongroup .actionwrp.offline {
                border-color: var(--color-grey)
            }

            .mobi-menu .actongroup .actionwrp.available a {
                color: var(--color-green)
            }

            .mobi-menu .actongroup .actionwrp.busy a {
                color: var(--color-red)
            }

            .mobi-menu .actongroup .actionwrp.offline a {
                color: var(--color-grey)
            }

            .mobi-menu .actongroup .actionwrp.available i {
                margin: 0
            }

                .mobi-menu .actongroup .actionwrp.available i svg {
                    fill: var(--color-green)
                }

            .mobi-menu .actongroup .actionwrp.busy i svg {
                fill: var(--color-red)
            }

            .mobi-menu .actongroup .actionwrp.offline i svg {
                fill: var(--color-grey)
            }

.hamburgerwrp.mobinav {
    position: absolute;
    margin-top: -150px;
    right: 15px;
    background: var(--color-white);
    box-shadow: 0 0 4px #ccc;
    position: absolute;
    margin-top: -80px;
    right: 15px;
    background: var(--color-white);
    box-shadow: 0 0 4px #ccc;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 80px;
}

.hamburger {
    -webkit-transition: background 0s 0.3s;
    transition: background 0s 0.3s;
    background: #FBA511;
    display: block;
    height: 3px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background-clip: padding-box;
    position: relative;
    width: 15px;
    transform: rotate(180deg);
    margin: 0 auto;
    margin-top: 10px;
}

.hamburgerwrp {
}

.hamburger:before, .hamburger:after {
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background-clip: padding-box;
}

.mobi-menu .hamburgerwrp b, .mobi-actn .hamburgerwrp b {
    margin-top: 9px;
}

.hamburger:before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
    top: -6px;
    width: 20px;
    background-color: #E62489;
}

.hamburger:after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    bottom: -6px;
    width: 20px;
    background-color: #E71C28;
}

.activemenu .hamburger {
    background: none;
}

    .activemenu .hamburger:before, .activemenu .hamburger:after {
        -webkit-transition-delay: 0s, 0.3s;
        transition-delay: 0s, 0.3s;
        background-color: #333;
    }

    .activemenu .hamburger:before {
        top: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .activemenu .hamburger:after {
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.seachclose, .seachclosea {
    display: none
}

/**/
.walletpage {
}

    .walletpage .title {
        text-align: center;
        font-size: 28px;
        display: block;
        padding: 25px 0;
        font-weight: 600;
        letter-spacing: .5px;
        margin-bottom: 25px;
    }

        .walletpage .title span {
            font-size: 16px;
            font-weight: 400;
            color: var(--color-light)
        }

.astrowalletbg {
    border-radius: 4px;
    border: solid 1px #fafafa;
    background: #fafafa;
    margin-bottom: 25px;
}

    .astrowalletbg .astrowallethd {
        display: flex;
        gap: 10px;
        padding: 15px
    }

        .astrowalletbg .astrowallethd i {
            width: 50px;
            height: 50px;
            background: var(--color-white);
            border-radius: 50%;
            display: flex;
            align-items: center;
        }

            .astrowalletbg .astrowallethd i svg {
                margin: 0 auto
            }

        .astrowalletbg .astrowallethd div {
            flex: 1
        }

        .astrowalletbg .astrowallethd h2 {
            font-size: 20px;
            margin-bottom: 5px;
            font-weight: 500
        }

        .astrowalletbg .astrowallethd span {
            font-size: 14px;
            color: var(--color-light)
        }

            .astrowalletbg .astrowallethd span b {
                color: var(--color-green);
                font-family: var(--font-googlesans);
                font-size: 18px;
                font-weight: 700;
            }

.astrowalletwrp {
}

    .astrowalletwrp .walletbd {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

        .astrowalletwrp .walletbd .userPackage {
            position: relative;
        }

            .astrowalletwrp .walletbd .userPackage a:hover {
                box-shadow: 0 0 10px rgb(137 173 255 / 35%);
            }

            .astrowalletwrp .walletbd .userPackage b {
                display: block;
                width: 100%;
                text-align: center;
                padding: 10px;
                font-size: 14px;
                color: var(--color-light);
                font-weight: 500;
                background: #e4e4e4;
                -webkit-border-top-left-radius: 8px;
                -webkit-border-top-right-radius: 8px;
                -moz-border-radius-topleft: 8px;
                -moz-border-radius-topright: 8px;
                border-top-left-radius: 8px;
                border-top-right-radius: 8px;
                text-transform: uppercase
            }

            .astrowalletwrp .walletbd .userPackage a {
                display: block;
                border: solid 1px #dfdfdf;
                text-align: center;
                font-family: var(--font-googlesans);
                font-size: 18px;
                font-weight: 700;
                border-radius: 8px;
            }

            .astrowalletwrp .walletbd .userPackage em {
                display: block;
                padding: 30px 10px;
                font-size: 26px;
                font-weight: 500;
                color: var(--color-black);
                border-bottom: solid 1px #ddd;
            }

            .astrowalletwrp .walletbd .userPackage span {
                padding: 10px 25px;
                margin: 10px;
                display: inline-flex;
                font-weight: 400;
                border-radius: 30px;
                border: solid 1px #ddd;
                font-size: 16px;
                color: var(--color-light);
                font-family: var(--font-googlesans);
            }

            .astrowalletwrp .walletbd .userPackage.active a {
                border-color: #fc0
            }

            .astrowalletwrp .walletbd .userPackage.active b, .astrowalletwrp .walletbd .userPackage:hover b {
                background: #fc0;
            }

            .astrowalletwrp .walletbd .userPackage.active span, .astrowalletwrp .walletbd .userPackage:hover span {
                border-color: #fc0;
                background: #fc0;
                color: #000;
            }

            .astrowalletwrp .walletbd .userPackage:hover a, .astrowalletwrp .walletbd .userPackage:hover span {
                border-color: #fc0
            }

    .astrowalletwrp .walletinpt {
        margin-top: 20px;
        text-align: center
    }

        .astrowalletwrp .walletinpt.alert label {
            color: var(--color-red)
        }

        .astrowalletwrp .walletinpt.alert input {
            border-color: var(--color-red)
        }

        .astrowalletwrp .walletinpt label {
            display: block;
            padding-bottom: 10px;
        }

        .astrowalletwrp .walletinpt input {
            border-radius: 0;
            width: 300px;
            padding: 15px 10px;
        }

    .astrowalletwrp .walletft {
        margin: 30px 0;
        text-align: center
    }

        .astrowalletwrp .walletft a {
            margin: 0 auto;
            width: 200px;
            padding: 10px 20px;
            font-size: 16px;
        }

        .astrowalletwrp .walletft p {
            display: block;
            font-size: 13px;
            color: var(--color-light);
            padding: 10px 0 0
        }

/**/
.horslistwrp {
    display: flex;
    gap: 25px;
    align-items: center;
    margin: 15px 0 25px;
    justify-content: center;
}

    .horslistwrp span {
        display: block;
        margin-right: 15px;
    }

        .horslistwrp span i {
            width: 55px;
            height: 55px;
            display: inline-block;
            background: #f5f5f5;
            margin: 0 auto;
            border-radius: 50px;
            display: flex;
            align-items: center
        }

        .horslistwrp span a {
            align-items: center;
            color: var(--color-black);
        }

        .horslistwrp span b {
            font-size: 17px;
            padding: 10px 0;
            display: block;
            text-align: center;
            color: var(--color-light)
        }

        .horslistwrp span.active b {
            color: var(--color-black)
        }

        .horslistwrp span i svg {
            margin: 0 auto;
            fill: #fff;
        }

        /**/
        .horslistwrp span i.aries {
            background: #FFEBDF
        }

        .horslistwrp span i.taurus {
            background: #FFE0E4
        }

        .horslistwrp span i.gemini {
            background: #FEDCFF
        }

        .horslistwrp span i.cancer {
            background: #FFE7E7
        }

        .horslistwrp span i.leo {
            background: #FFF4D6
        }

        .horslistwrp span i.virgo {
            background: #F7FFE4
        }

        .horslistwrp span i.libra {
            background: #FFE0EC
        }

        .horslistwrp span i.scorpio {
            background: #F9DFFF
        }

        .horslistwrp span i.sagittarius {
            background: #FAE8B9
        }

        .horslistwrp span i.capricorn {
            background: #D4FFE8
        }

        .horslistwrp span i.aquarius {
            background: #FDE2FF
        }

        .horslistwrp span i.pisces {
            background: #D7FAFF
        }

        /**/
        .horslistwrp span.active i svg {
            fill: var(--color-white) !important
        }

        .horslistwrp span.active i.aries {
            background: #3AA7CC
        }

        .horslistwrp span.active i.taurus {
            background: #F15B4E
        }

        .horslistwrp span.active i.gemini {
            background: #9B95C9
        }

        .horslistwrp span.active i.cancer {
            background: #82CA9C
        }

        .horslistwrp span.active i.leo {
            background: #C27647
        }

        .horslistwrp span.active i.virgo {
            background: #F17197
        }

        .horslistwrp span.active i.libra {
            background: #FEC34E
        }

        .horslistwrp span.active i.scorpio {
            background: #56C5D0
        }

        .horslistwrp span.active i.sagittarius {
            background: #4BA4A0
        }

        .horslistwrp span.active i.capricorn {
            background: #F7943D
        }

        .horslistwrp span.active i.aquarius {
            background: #A6B052
        }

        .horslistwrp span.active i.pisces {
            background: #C77EB5
        }

        /**/
        .horslistwrp span i.aries svg {
            fill: #C94800
        }

        .horslistwrp span i.taurus svg {
            fill: #D00019
        }

        .horslistwrp span i.gemini svg {
            fill: #840087
        }

        .horslistwrp span i.cancer svg {
            fill: #ED1C24
        }

        .horslistwrp span i.leo svg {
            fill: #A17500
        }

        .horslistwrp span i.virgo svg {
            fill: #395301
        }

        .horslistwrp span i.libra svg {
            fill: #D0004D
        }

        .horslistwrp span i.scorpio svg {
            fill: #510065
        }

        .horslistwrp span i.sagittarius svg {
            fill: #DC9E00
        }

        .horslistwrp span i.capricorn svg {
            fill: #009444
        }

        .horslistwrp span i.aquarius svg {
            fill: #511955
        }

        .horslistwrp span i.pisces svg {
            fill: #007D8E
        }

/**/
.horslistnav {
    display: flex;
    justify-content: center;
    gap: 15px;
    padding: 0 0 25px;
    margin-top: -10px;
}

    .horslistnav span {
        background: var(--gray50);
        padding: 10px 15px;
        border-radius: 4px;
    }

        .horslistnav span.active {
            background: #6B5AD0;
        }

        .horslistnav span a {
            color: var(--color-black);
        }

        .horslistnav span.active a {
            color: var(--color-white);
        }

.horslistnava {
    margin: 0;
    padding: 15px 0
}

/**/
.signdetails figure figcaption {
}

    .signdetails figure figcaption span {
        display: block;
        text-align: center;
        padding: 10px 0 0
    }

        .signdetails figure figcaption span a {
            font-weight: 700;
            letter-spacing: 0.3px;
            display: flex;
            justify-content: center
        }

        .signdetails figure figcaption span svg {
            fill: var(--color-green) !important;
            width: 18px;
            height: 18px;
            margin-right: 5px
        }

        .signdetails figure figcaption span a:hover svg {
            fill: var(--color-white);
        }

    .signdetails figure figcaption b {
        display: block;
        padding: 10px 0 5px;
        font-weight: 500
    }

    .signdetails figure figcaption small {
        display: block
    }

        .signdetails figure figcaption small a {
            font-size: 13px;
            padding-right: 5px;
        }

/**/
.signdetails h2, .signdetails h3 {
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    letter-spacing: .5px;
    display: flex;
    align-items: center;
}

.signdetails h3 {
    font-size: 20px;
}

.signdetails {
    margin: 0 auto;
    margin-bottom: 50px;
    display: flex;
    gap: 15px;
    padding: 20px;
    background: var(--color-white);
    box-shadow: 0 10px 20px 0 rgb(44 130 237 / 40%);
    border-radius: 4px;
    position: relative
}

    .signdetails figure {
        width: 200px;
    }

        .signdetails figure i {
            width: 200px;
            height: 200px;
            border-radius: 4px;
            background: #D8EDF5;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .signdetails figure.aries i {
            background: #FFEBDF
        }

        .signdetails figure.taurus i {
            background: #FFE0E4
        }

        .signdetails figure.gemini i {
            background: #FEDCFF
        }

        .signdetails figure.cancer i {
            background: #FFE7E7
        }

        .signdetails figure.leo i {
            background: #FFF4D6
        }

        .signdetails figure.virgo i {
            background: #F7FFE4
        }

        .signdetails figure.libra i {
            background: #FFE0EC
        }

        .signdetails figure.scorpio i {
            background: #F9DFFF
        }

        .signdetails figure.sagittarius i {
            background: #FAE8B9
        }

        .signdetails figure.capricorn i {
            background: #D4FFE8
        }

        .signdetails figure.aquarius i {
            background: #FDE2FF
        }

        .signdetails figure.pisces i {
            background: #D7FAFF
        }

        /**/
        .signdetails figure.aries svg {
            fill: #C94800
        }

        .signdetails figure.taurus svg {
            fill: #D00019
        }

        .signdetails figure.gemini svg {
            fill: #840087
        }

        .signdetails figure.cancer svg {
            fill: #ED1C24
        }

        .signdetails figure.leo svg {
            fill: #A17500
        }

        .signdetails figure.virgo svg {
            fill: #395301
        }

        .signdetails figure.libra svg {
            fill: #D0004D
        }

        .signdetails figure.scorpio svg {
            fill: #510065
        }

        .signdetails figure.sagittarius svg {
            fill: #DC9E00
        }

        .signdetails figure.capricorn svg {
            fill: #009444
        }

        .signdetails figure.aquarius svg {
            fill: #511955
        }

        .signdetails figure.pisces svg {
            fill: #007D8E
        }

    /**/
    .signdetails div {
        flex: 1;
    }

    .signdetails p b, .signdetails p strong {
        color: var(--color-black);
        font-weight: 500
    }

    .signdetails p {
        color: var(--color-light);
        font-size: 16px;
        padding-bottom: 15px;
        line-height: 24px;
    }

    .signdetails ul li {
        padding-left: 25px;
        position: relative;
        color: var(--color-light);
        font-size: 16px;
        padding-bottom: 15px;
    }

        .signdetails ul li:before {
            width: 10px;
            height: 10px;
            background: #ccc;
            content: "";
            display: inline-block;
            border-radius: 50%;
            position: absolute;
            left: 0;
        }

/**/
.otherhide {
    display: none !important
}

/**/
.thank-group {
    text-align: center;
    padding: 15px 0 0
}

    .thank-group .desc .title-small {
        padding: 0;
        color: var(--color-green);
        font-family: "Google Sans",Arial,sans-serif;
        font-size: 18px;
        font-weight: 500;
        line-height: 25px;
    }

        .thank-group .desc .title-small p {
            display: block;
            font-size: 14px;
            padding: 5px 0 0;
            color: var(--color-light)
        }

    .thank-group .desc {
        padding: 0 0 20px
    }

    .thank-group .datebrthmain .detal {
        text-align: left;
        padding: 0 15px
    }

        .thank-group .datebrthmain .detal .title {
            font-size: 16px;
            margin-bottom: 5px;
            display: block;
            color: var(--color-black);
            font-family: var(--font-poppins);
            font-weight: 500
        }

        .thank-group .datebrthmain .detal p {
            font-size: 13px;
            line-height: 15px;
            color: var(--color-darkgrey);
        }

.callconnectwrp {
    background: var(--gray50);
    padding: 15px 0;
    margin: 15px 0;
}

.callconnect {
    position: relative;
    width: 90%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto
}

    .callconnect:before {
        content: "";
        position: absolute;
        width: 100%;
        border-bottom: 2px dashed #c7c7c7;
        left: 0;
        top: 40%;
    }

    .callconnect figure {
        width: 80px;
        height: 80px;
        border: 5px solid #FFFFFF;
        box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
        -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28);
        -webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
        border-radius: 50%;
        overflow: hidden;
        flex-shrink: 0;
        position: relative;
        z-index: 1;
        background: var(--color-white)
    }

    .callconnect span {
        margin-top: 10px;
        display: block
    }

    .callconnect figure img {
        border-radius: 50%;
        width: 80px;
        height: 80px;
        transform: scale(1.1) translate(0, 0);
        transition: all 0.35s ease-in-out;
    }

.call-animation {
    background: var(--gray50);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: solid 5px var(--color-white);
    animation: call 1.5s ease infinite;
    color: aliceblue;
    padding: 8px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 18px;
}

    .call-animation svg {
        fill: #fd9967;
    }

@keyframes call {
    15% {
        box-shadow: 0 0 0 4px rgba(253, 153, 103, 0.5);
    }

    25% {
        box-shadow: 0 0 0 8px rgba(253, 153, 103, 0.5), 0 0 0 16px rgba(253, 153, 103, 0.3);
    }

    30% {
        box-shadow: 0 0 0 12px rgba(253, 153, 103, 0.5), 0 0 0 24px rgba(253, 153, 103, 0.3);
    }
}

.mised-icon {
    padding: 15px 0;
}

    .mised-icon span {
        background: rgba(253, 153, 103, 0.5);
        width: 30px;
        height: 30px;
        border-radius: 50px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: var(--color-white);
    }

    .mised-icon svg {
        fill: var(--color-red)
    }

.missedcall {
    background: var(--gray50);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: solid 5px var(--color-white);
    padding: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 18px;
}

    .missedcall svg {
        fill: #D20D0D;
    }

.missed.thank-group .desc .title-small {
    color: var(--color-red);
    padding-bottom: 15px;
}

    .missed.thank-group .desc .title-small span {
        display: block;
        font-size: 15px;
        color: var(--gray333);
        padding-top: 8px;
        font-family: var(--font-roboto);
        font-weight: 400
    }

/**/
.singleastrostats .mobiastrostats {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(4, 1fr);
    margin: 35px 0 15px
}

.singlecounter {
    position: relative;
}

    .singlecounter:after {
        background-color: #E2F6FE;
        content: "";
        position: absolute;
        height: 160px;
        width: 100%;
        top: -30px;
        left: 0;
        border-radius: 10px;
        z-index: -1
    }

    .singlecounter.singcountrbga:after {
        background-color: #FEF0E2;
    }

    .singlecounter.singcountrbgb:after {
        background-color: #DCFDDD;
    }

    .singlecounter.singcountrbgc:after {
        background-color: #E2F5FD;
    }

    .singlecounter.singcountrbgd:after {
        background-color: #FDE7F6;
    }

    .singlecounter .singcountr {
        background: var(--color-white);
        border-radius: 4px;
        border-radius: 6px;
        box-shadow: 0 10px 20px 0 rgb(44 130 237 / 40%);
        padding: 30px 0;
        text-align: center;
        width: 80%;
        margin: 0 auto;
    }

        .singlecounter .singcountr i {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: inline-block;
            margin: 0 auto;
        }

        .singlecounter .singcountr .statswrp {
            margin: 15px 0
        }

            .singlecounter .singcountr .statswrp em {
                display: block;
                font-size: 22px;
                font-weight: 600;
                padding-bottom: 10px;
            }

            .singlecounter .singcountr .statswrp b {
                display: block;
                font-weight: 500;
                font-size: 16px;
                color: var(--color-light)
            }

/**/
.astrotitle {
    font-family: var(--font-poppins);
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: .5px;
    padding: 15px 0;
}

    .astrotitle span {
        font-size: 14px;
        font-weight: 400;
        color: var(--color-light);
    }

/**/
.astroreviewrp {
}

    .astroreviewrp .reviewcard {
    }

        .astroreviewrp .reviewcard .commontcard {
            border-radius: 4px;
            border: solid 1px #ccc;
            padding: 15px;
            -webkit-transition: all .2s cubic-bezier(.02,.54,.58,1);
            -o-transition: all .2s cubic-bezier(.02,.54,.58,1);
            transition: all .2s cubic-bezier(.02,.54,.58,1);
            position: relative
        }

            .astroreviewrp .reviewcard .commontcard:before {
                position: absolute;
                bottom: -13px;
                left: 28px;
                display: inline-block;
                border-left: 13px solid transparent;
                border-right: 13px solid transparent;
                border-top: 13px solid #ccc;
                content: '';
            }

            .astroreviewrp .reviewcard .commontcard:after {
                position: absolute;
                bottom: -12px;
                left: 29px;
                display: inline-block;
                border-left: 12px solid transparent;
                border-right: 12px solid transparent;
                border-top: 12px solid #fff;
                content: '';
            }

            .astroreviewrp .reviewcard .commontcard .reviewername {
                font-size: 18px;
                font-weight: 500;
                color: var(--color-black);
                display: flex;
                align-items: center;
                padding-bottom: 5px;
            }

                .astroreviewrp .reviewcard .commontcard .reviewername a {
                    color: var(--color-black)
                }

            .astroreviewrp .reviewcard .commontcard .reviewcont {
                padding: 0 0 5px
            }

                .astroreviewrp .reviewcard .commontcard .reviewcont i svg {
                    fill: var(--color-light);
                    opacity: 0.5
                }

                .astroreviewrp .reviewcard .commontcard .reviewcont p {
                    line-height: 20px;
                    font-size: 15px;
                    color: var(--color-light);
                    max-height: 100px;
                    overflow-x: auto;
                    overflow-y: scroll;
                }

                    .astroreviewrp .reviewcard .commontcard .reviewcont p::-webkit-scrollbar {
                        width: 5px;
                        height: 8px;
                        background-color: #fff;
                    }

                    .astroreviewrp .reviewcard .commontcard .reviewcont p::-webkit-scrollbar-thumb {
                        background: #000;
                    }

        .astroreviewrp .reviewcard .astrodetl {
            padding: 20px 0 15px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

            .astroreviewrp .reviewcard .astrodetl figure {
                width: 80px;
                height: 80px;
                border: 5px solid #FFFFFF;
                box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
                -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28);
                -webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
                border-radius: 50%;
                margin: 0 auto;
                overflow: hidden;
                flex-shrink: 0;
            }

                .astroreviewrp .reviewcard .astrodetl figure img {
                    border-radius: 50%;
                    width: 80px;
                    height: 80px;
                    transform: scale(1.1) translate(0, 0);
                    transition: all 0.35s ease-in-out;
                }

            .astroreviewrp .reviewcard .astrodetl div {
                flex: 1
            }

            .astroreviewrp .reviewcard .astrodetl .astroname {
                font-size: 16px;
                font-weight: 500;
                color: var(--color-black);
                padding-bottom: 10px;
            }

            .astroreviewrp .reviewcard .astrodetl .astrocatetag {
            }

                .astroreviewrp .reviewcard .astrodetl .astrocatetag b {
                    font-size: 14px;
                    color: var(--color-black);
                    background: var(--gray50);
                    border: solid 1px #ddd;
                    border-radius: 20px;
                    padding: 3px 13px;
                    margin-right: 5px;
                    display: inline-block;
                }

                    .astroreviewrp .reviewcard .astrodetl .astrocatetag b a, .astroreviewrp .reviewcard .astrodetl .astroname a {
                        color: var(--color--black)
                    }

/**/
.onlinewrp {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
}

    .onlinewrp .astroonline {
        background: rgba(255, 255, 255, 0.2);
        display: flex;
        gap: 10px;
        padding: 8px 15px;
        border-radius: 25px;
        align-items: center;
        position: relative;
    }

        .onlinewrp .astroonline .astrolist {
            display: flex;
            margin: 0
        }

            .onlinewrp .astroonline .astrolist span:first-child {
                margin-left: 0
            }

            .onlinewrp .astroonline .astrolist span {
                border-radius: 50%;
                width: 30px;
                height: 30px;
                box-shadow: 0 0 10px rgb(0 0 0 / 95%);
                border: solid 2px #fff;
                overflow: hidden;
                margin-left: -5px;
                background: #40a8ca
            }

                .onlinewrp .astroonline .astrolist span img {
                    height: 100%
                }

    .onlinewrp .pulse {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 3px;
        border-radius: 50%;
        position: relative;
        padding: 0;
        border: 0;
        z-index: 1;
        background-color: #00ff83;
    }

        .onlinewrp .pulse:before {
            content: "";
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: inherit;
            border-radius: 50%;
            z-index: -1;
            animation: ripples 1.5s ease-out infinite;
        }

    .onlinewrp .callanimation {
        animation: calls 1.5s ease infinite;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        border-radius: 100%;
        background: #fff;
        overflow: hidden;
        padding: 5px;
    }

        .onlinewrp .callanimation svg {
            fill: #1AA260;
            width: 90%;
            height: 90%;
        }

@keyframes callsa {
    15% {
        box-shadow: 0 0 0 4px rgba(26, 162, 96, 0.5);
    }

    25% {
        box-shadow: 0 0 0 8px rgba(26, 162, 96, 0.5), 0 0 0 16px rgba(26, 162, 96, 0.3);
    }

    30% {
        box-shadow: 0 0 0 12px rgba(26, 162, 96, 0.5), 0 0 0 24px rgba(26, 162, 96, 0.3);
    }
}

@keyframes ripples {
    from {
        opacity: 1;
        transform: scale(0);
    }

    to {
        opacity: 0;
        transform: scale(3);
    }
}

.onlinewrp .onlitext strong {
    font-weight: 500
}

/* calendar start here */
.uparrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* calendar end here */
.astrowaltelist {
    padding: 0 15px 15px;
}

    .astrowaltelist ul {
    }

        .astrowaltelist ul li {
            padding: 8px 0;
            font-size: 16px;
            font-family: var(--font-poppins)
        }

/**/
.listcard .listcardfoter.cardfoteropa i {
    width: 30px;
    height: 30px;
}

.listcard .listcardfoter.cardfoteropa em {
    font-size: 15px;
    padding: 0
}

.listcard .listcardfoter.cardfoteropa i {
    display: inline-flex;
}

.listcard .listcardfoter.cardfoteropa .call {
    border: #579eee solid 1px;
    padding: 5px 10px;
    border-radius: 30px;
}

    .listcard .listcardfoter.cardfoteropa .call i {
        background: #579eee;
    }

        .listcard .listcardfoter.cardfoteropa .call i svg {
            fill: #fff;
        }

.listcard .listcardfoter.cardfoteropa .chat {
    border: #FD9316 solid 1px;
    padding: 5px 10px;
    border-radius: 30px;
}

    .listcard .listcardfoter.cardfoteropa .chat i {
        background: #FD9316;
    }

        .listcard .listcardfoter.cardfoteropa .chat i svg {
            fill: #fff;
        }

.listcard .listcardfoter.cardfoteropa .video {
    border: #1AA260 solid 1px;
    padding: 5px 10px;
    border-radius: 30px;
}

    .listcard .listcardfoter.cardfoteropa .video i {
        background: #1AA260;
    }

        .listcard .listcardfoter.cardfoteropa .video i svg {
            fill: #fff;
        }

.listcard .listcardfoter.cardfoteropa a {
    display: flex;
    align-items: center;
    gap: 5px;
}

.listcard .listcardfoter.cardfoteropa .video.busy i, .listcard .listcardfoter.cardfoteropa .call.busy i, .listcard .listcardfoter.cardfoteropa .chat.busy i {
    background: #EB0029;
}

.listcard .listcardfoter.cardfoteropa .video.busy, .listcard .listcardfoter.cardfoteropa .call.busy, .listcard .listcardfoter.cardfoteropa .chat.busy {
    border: solid 1px #ec4758;
}

    .listcard .listcardfoter.cardfoteropa .video.busy i svg, .listcard .listcardfoter.cardfoteropa .call.busy i svg, .listcard .listcardfoter.cardfoteropa .chat.busy i svg {
        fill: #fff !important;
    }

/**/
.helpbg {
    background: #fdfdfe;
    padding: 15px 0;
    border-bottom: solid 1px #ebebeb;
    margin-bottom: 15px;
}

.helpbgwrp {
    display: flex;
    align-items: center;
}

    .helpbgwrp .helptitle {
        font-weight: 700;
        font-family: var(--font-poppins);
        font-size: 40px;
        flex: 1;
        color: var(--color-black);
    }

        .helpbgwrp .helptitle p {
            margin: 10px 0;
            font-size: 16px;
            color: #777;
            font-weight: 400
        }

.helpimg {
    text-align: center
}

    .helpimg svg {
        width: 100%;
        height: 325px;
    }

.helpbody {
    flex: 1 1 auto;
    display: flex;
    gap: 15px;
    padding: 15px;
    box-shadow: 0 0 10px rgb(137 173 255 / 35%);
    border-radius: 4px;
}

    .helpbody nav {
        height: 100%;
        background: #edf1f7;
        width: 30%;
    }

        .helpbody nav ul {
        }

            .helpbody nav ul li {
                font-weight: 500;
                padding: 15px;
                color: var(--color-black);
                font-family: var(--font-poppins);
                border-left: solid 2px #edf1f7
            }

                .helpbody nav ul li.active {
                    background: var(--color-white);
                    border-left: solid 3px var(--color-red);
                }

                .helpbody nav ul li a {
                    color: var(--color-black);
                }

    .helpbody .helpcontwrp {
        width: 70%
    }

        .helpbody .helpcontwrp .helpcont {
        }

            .helpbody .helpcontwrp .helpcont .helpbdtitle {
                display: flex;
                align-items: center;
                gap: 15px;
                font-weight: 500;
                padding: 15px;
                color: var(--color-black);
                font-family: var(--font-poppins);
                font-size: 20px;
            }

                .helpbody .helpcontwrp .helpcont .helpbdtitle figure {
                    width: 50px;
                    height: 50px;
                    background: #fff5f0;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 100%
                }

        .helpbody .helpcontwrp .helpbdlist {
        }

            .helpbody .helpcontwrp .helpbdlist ul {
                margin-left: 80px;
                margin-bottom: 20px;
            }

                .helpbody .helpcontwrp .helpbdlist ul li {
                    color: var(--color-black);
                    font-family: var(--font-poppins);
                    font-size: 15px;
                    position: relative;
                    padding-left: 25px;
                    margin-bottom: 20px;
                }

                    .helpbody .helpcontwrp .helpbdlist ul li:before {
                        width: 10px;
                        height: 10px;
                        background: #dadeea;
                        content: "";
                        display: inline-block;
                        border-radius: 50%;
                        position: absolute;
                        left: 0;
                        top: 3px;
                    }

                    .helpbody .helpcontwrp .helpbdlist ul li a {
                        color: var(--color-black);
                    }

.helpcont .inputfield ul {
    margin-left: 80px;
    margin-bottom: 20px;
}

    .helpcont .inputfield ul li {
        color: var(--color-black);
        font-family: var(--font-poppins);
        font-size: 15px;
        position: relative;
        margin-bottom: 20px;
    }

        .helpcont .inputfield ul li a {
            color: var(--color-black);
        }

.helpcont .inputfield [type="radio"]:not(:checked) + label, .helpcont .inputfield [type="radio"]:checked + label {
    left: 0;
    height: auto;
    line-height: normal;
}

.helpbody .helpcontwrp .helpcont .helpbdtitle figure.myaccount {
    background-color: #FEF0E2;
}

    .helpbody .helpcontwrp .helpcont .helpbdtitle figure.myaccount svg {
        fill: #ff9a61;
    }

.helpbody .helpcontwrp .helpcont .helpbdtitle figure.paymentrefund {
    background-color: #DCFDDD;
}

    .helpbody .helpcontwrp .helpcont .helpbdtitle figure.paymentrefund svg {
        fill: #229125;
    }

.helpbody .helpcontwrp .helpcont .helpbdtitle figure.wallet {
    background-color: #feeff4;
}

    .helpbody .helpcontwrp .helpcont .helpbdtitle figure.wallet svg {
        fill: #f15d8a
    }

.helpbody .helpcontwrp .helpcont .helpbdtitle figure.others {
    background-color: #eff5fd;
}

    .helpbody .helpcontwrp .helpcont .helpbdtitle figure.others svg {
        fill: #5b9feb
    }

/**/
.filterwrp .filterbtn a.btun {
    color: var(--color-white)
}

    .filterwrp .filterbtn a.btun i svg {
        fill: var(--color-white)
    }

    .filterwrp .filterbtn a.btun em {
        background: var(--color-white);
        color: var(--color-black)
    }

.cardfoter {
    display: flex;
    justify-content: space-around;
    padding: 10px;
}

    .cardfoter a {
        display: flex;
        justify-content: space-around;
        padding: 5px;
        gap: 5px;
        align-items: center;
        width: 50%;
        font-size: 16px;
        color: #454545;
        border-radius: 6px;
        font-weight: 600
    }

        .cardfoter a.call {
            background: #579eee;
            margin-right: 8px;
            color: var(--color-white);
        }

            .cardfoter a.call i {
                width: 30px;
                height: 30px;
                background: #579eee;
                border-radius: 50%;
                display: inline-flex;
                align-items: center;
                justify-content: center
            }

                .cardfoter a.call i svg {
                    fill: #fff
                }

        .cardfoter a.video i {
            width: 30px;
            height: 30px;
            background: #1AA260;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center
        }

            .cardfoter a.video i svg {
                fill: #fff
            }

        .cardfoter a.video {
            border: #1AA260 solid 1px;
        }

        .cardfoter a span {
            display: inline-flex;
            gap: 5px;
            align-items: center
        }

        .cardfoter a em {
            text-align: center;
            font-size: 12px;
            color: var(--color-grey);
        }

            .cardfoter a em b {
                display: block;
                color: var(--color-green);
                font-family: var(--font-googlesans);
                font-size: 14px;
                font-weight: 700;
            }

.table {
    width: 100%;
    margin: 15px 0;
}

    .table table {
        width: 100%;
    }

    .table thead {
        background: #f5f5f5
    }

        .table thead th {
            font-weight: 600
        }

        .table thead th, .table tbody td {
            border: solid 1px #ddd;
            padding: 15px;
        }

            .table tbody td span {
                display: block;
                padding: 0 0 5px;
            }

    .table .selected {
        background: #dff0d8;
    }

        .table .selected td {
            font-weight: 600;
            color: #468847;
        }

    .table .retro {
        background: #fcf8e3;
    }

        .table .retro td {
            font-weight: 600;
            color: #c09853;
        }

/**/
.helpcont .helpreson {
}

.helpcont .helpreson {
    background: #f9fbff;
    padding: 15px;
    margin-top: 5px;
    border-radius: 6px;
}

    .helpcont .helpreson textarea {
        width: 100%;
        padding: 10px
    }

    .helpcont .helpreson label {
        font-size: 12px;
        padding: 5px 0;
        display: block;
        color: var(--color-black);
        font-weight: 500;
    }

    .helpcont .helpreson input[type="text"] {
        border: solid 1px #ddd;
        background: #fff
    }

    .helpcont .helpreson a.btun {
        margin: 10px 0;
        color: var(--color-white)
    }

    .helpcont .helpreson a.btun-white {
        margin: 10px 0;
        color: var(--color-black)
    }

/**/
.asknav.sticky {
    background: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 9;
    box-shadow: rgb(137 173 255 / 35%) 0px 2px 2px 0px;
    justify-content: center;
    padding: 15px 0;
}

.asknav {
    display: flex;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

    .asknav span {
        background: var(--gray50);
        border-radius: 20px;
    }

        .asknav span a {
            display: block;
            padding: 10px 20px;
            color: var(--color-light)
        }

        .asknav span.active, .asknav span:hover {
            background: #6B5AD0;
        }

            .asknav span.active a, .asknav span:hover a {
                color: var(--color-white)
            }

.askqusition {
    box-shadow: 0 0 10px rgb(137 173 255 / 35%);
    border-radius: 4px;
    padding: 0;
    margin-bottom: 15px
}

    .askqusition h2 {
        font-size: 18px;
        font-weight: 600;
        letter-spacing: .5px;
        padding: 15px;
        background: #dee2e6;
        border: solid 1px #fff;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .askqusition ul {
        margin: 0
    }

        .askqusition ul li {
            padding: 15px;
            font-family: var(--font-poppins);
            font-weight: 500;
            display: flex;
            justify-content: space-between;
            border-bottom: solid 1px #ddd
        }

.askdesc {
    margin-bottom: 15px;
}

    .askdesc p {
        line-height: 20px;
        color: var(--color-light);
        font-size: 14px;
        font-family: var(--font-googlesans);
    }

.askwrp .herotitle {
    margin-bottom: 0;
    padding-top: 0
}

/**/
.subprom {
    position: relative;
    margin-bottom: 50px;
}

.subprombg {
    position: relative;
    padding: 20px 30px;
}

    .subprombg:before {
        background: var(--color-red);
        content: "";
        position: absolute;
        bottom: 78px;
        left: 0;
        width: 80px;
        height: 80px;
        clip-path: polygon(0 0, 0% 100%, 100% 100%);
    }

    .subprombg:after {
        background: var(--color-yellow);
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 80px;
        height: 80px;
        clip-path: polygon(0 0, 100% 0, 100% 100%);
    }

.subprom:before {
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 210px;
    position: absolute;
    background-color: #f1f9fc;
    z-index: -1
}

.subprotitle {
    padding: 0 15px
}

    .subprotitle span {
        color: #1970cc;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 10px;
        display: block;
    }

    .subprotitle .subpromdesc {
        color: #102465;
    }

        .subprotitle .subpromdesc p.title {
            font-size: 22px;
            padding-bottom: 5px;
            font-weight: 600;
            font-family: var(--font-poppins)
        }

        .subprotitle .subpromdesc p.desc {
            color: var(--color-light);
            font-size: 16px;
            padding-top: 5px;
            margin-bottom: 10px;
        }

.action-content {
    padding-left: 15px;
    padding-right: 15px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

    .action-content .actiondesc {
        background: var(--color-white);
        box-shadow: 0 10px 20px 0 rgb(44 130 237 / 40%);
        padding: 25px 10px;
        border-radius: 6px;
        text-align: center
    }

        .action-content .actiondesc figure {
            width: 130px;
            height: 130px;
            background: #fdf8f0;
            border-radius: 50%;
            margin: 0 auto;
            margin-bottom: 30px;
            display: inline-flex;
            align-items: end;
            justify-content: center;
            overflow: hidden;
        }

        .action-content .actiondesc .btun {
            font-size: 15px;
        }

.signelementwrp {
    margin-bottom: 45px
}

    .signelementwrp .herotitle {
        margin: 0
    }

    .signelementwrp .signelementlstwrp {
        margin: 0;
        display: grid;
        gap: 15px;
        grid-template-columns: repeat(3, 1fr);
    }

    .signelementwrp .signelement {
        padding: 15px;
        background: var(--color-white);
        border-radius: 10px;
        border: solid 1px var(--gray);
    }

        .signelementwrp .signelement .title {
            font-size: 16px;
            font-weight: 600;
            letter-spacing: .5px;
            padding-bottom: 10px
        }

        .signelementwrp .signelement .anstag {
        }

            .signelementwrp .signelement .anstag span {
                font-size: 12px;
                color: var(--color-black);
                background: var(--gray50);
                border: solid 1px #ddd;
                border-radius: 20px;
                padding: 3px 13px;
                margin-right: 5px;
                display: inline-block;
                margin-bottom: 5px;
            }

                .signelementwrp .signelement .anstag span a {
                    color: var(--color-black);
                }

.videowrp {
    padding-bottom: 25px
}

    .videowrp .videothump {
    }

        .videowrp .videothump figure {
            overflow: hidden;
            border-radius: 4px;
            border: solid 1px #ebebeb;
            margin-bottom: 10px;
            position: relative;
            object-fit: cover;
            width: 100%;
            object-position: top center;
            border-radius: 6px;
        }

        .videowrp .videothump .videodisc {
        }

            .videowrp .videothump .videodisc .title {
                font-size: 15px;
                font-weight: 500;
                padding-bottom: 5px;
            }

                .videowrp .videothump .videodisc .title a {
                    color: var(--color-black);
                    max-height: 45px;
                    overflow: hidden;
                    display: block;
                    line-clamp: 2;
                    -webkit-line-clamp: 2;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    text-overflow: ellipsis;
                    white-space: normal;
                    line-height: 20px;
                }

                    .videowrp .videothump .videodisc .title a:hover {
                        color: var(--color-blue)
                    }

            .videowrp .videothump .videodisc span {
                font-size: 14px;
                color: var(--gray777);
                font-weight: 400;
                line-height: 20px;
            }

        .videowrp .videothump .video-icon {
            width: 46px;
            height: 46px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            background-color: rgba(0,0,0,.5);
            position: absolute;
            z-index: 1;
            display: block;
            top: 50%;
            left: 50%;
            margin-top: -23px;
            margin-left: -23px;
            cursor: pointer;
            transition: background-color .3s,opacity .3s,visibility .3s,border-color .3s;
            -webkit-transition: background-color .3s,opacity .3s,visibility .3s,border-color .3s;
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
        }

            .videowrp .videothump .video-icon:after {
                content: '';
                display: block;
                position: absolute;
                width: 0;
                height: 0;
                border: solid transparent;
                border-width: 15px 25px;
                border-left-color: rgba(255,255,255,.5);
                top: 50%;
                left: 50%;
                margin-top: -15px;
                margin-left: -8px;
                transition: border-color .3s;
                -webkit-transition: border-color .3s;
                backface-visibility: hidden;
                webkit-backface-visibility: hidden;
                transform: translate3d(0,0,0);
                -webkit-transform: translate3d(0,0,0);
                -ms-transform: translate3d(0,0,0);
            }

        .videowrp .videothump:hover .video-icon {
            background-color: #000;
        }

            .videowrp .videothump:hover .video-icon:after {
                border-left-color: #fff;
            }

.videodescwrp {
    margin: 0 auto;
    margin-bottom: 50px;
    background: var(--color-white);
    box-shadow: 0 10px 20px 0 rgb(44 130 237 / 40%);
    border-radius: 4px;
    position: relative
}

.videofull {
    margin: 0 auto;
    text-align: center;
    padding: 0 0 20px;
}

.videodescwrp .videowrp {
    padding: 15px
}

.videodescwrp .astrolgertitle {
    border-bottom: solid 1px #ddd;
    padding: 15px
}

.videotagwarp {
    margin-bottom: 15px
}

    .videotagwarp span {
        display: block;
        font-weight: 500;
        padding-bottom: 10px
    }

.videotags {
    display: flex;
    flex-wrap: wrap;
}

    .videotags b {
        text-align: center;
        margin: 5px 15px 5px 0;
        background: var(--gray50);
        padding: 7px 10px;
        border-radius: 6px;
    }

        .videotags b:hover {
            background: var(--color-black);
        }

            .videotags b:hover a {
                color: var(--color-white)
            }

        .videotags b a {
            font-size: 15px;
            color: var(--color-black)
        }

/**/
.cardbg {
    box-shadow: var(--boxshadow);
    background: var(--color-white);
    border-radius: 4px;
    border: solid 3px var(--color-white);
    margin: 0 0 30px
}

.popular {
    background-color: #41495b;
    color: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    text-align: center;
    padding: 17px 20px;
    width: 100%;
    font-size: 16px;
    font-family: var(--roboto);
    font-weight: 500;
    margin-top: -50px;
}

.packagenav {
    display: flex;
    flex-direction: column;
    text-align: center
}

    .packagenav span {
        display: block;
        font-weight: 500;
        font-size: 16px;
    }

        .packagenav span em {
            display: block;
            color: #212121
        }

        .packagenav span b {
            display: inline-flex;
            color: #F57156;
            margin-left: -10px;
        }

            .packagenav span b svg {
                fill: #2B478B
            }

/**/
.packageswitcher {
    position: relative;
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

    .packageswitcher ul {
        background: var(--color-white);
        border-radius: 50px;
        border: solid 1px #ddd;
        display: flex;
        justify-content: center;
        gap: 10px;
        padding: 10px;
    }

        .packageswitcher ul li {
            font-size: 16px
        }

            .packageswitcher ul li.active a {
                background: #6B5AD0;
                color: var(--color-white)
            }

            .packageswitcher ul li a {
                padding: 10px 20px;
                display: block;
                background: var(--grayeee);
                border-radius: var(--borderradius);
                color: var(--gray666);
                border-radius: 50px;
            }

/**/
.packagemainwrp {
    padding-top: 87px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.packagemain {
    padding-top: 87px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-bottom: 30px;
}

/**/
.packagetitle {
    padding: 25px 0;
    font-family: var(--poppins);
    font-size: 34px;
    color: var(--black);
    font-weight: 600;
}

.packagelstwrp {
    box-shadow: var(--boxshadow);
    background: var(--color-white);
    border-radius: var(--borderradius);
    -webkit-transition: 0.6s cubic-bezier(.215,.61,.355,1);
    -o-transition: 0.6s cubic-bezier(.215,.61,.355,1);
    transition: 0.6s cubic-bezier(.215,.61,.355,1);
    cursor: pointer;
}

    .packagelstwrp:hover {
        -webkit-transform: translateY(-26px);
        -ms-transform: translateY(-26px);
        transform: translateY(-26px);
    }

    /**/
    .packagelstwrp .packagehd {
        text-align: center;
        margin-bottom: 10px;
        position: relative;
        border-bottom: solid 1px var(--grayddd);
    }

        .packagelstwrp .packagehd .packagehdtitle {
            padding: 15px 15px 0px;
            font-family: var(--poppins);
            font-size: 20px;
            color: var(--color-blue);
            font-weight: 500;
        }

            .packagelstwrp .packagehd .packagehdtitle .inputfield {
                display: inline-flex;
                align-items: center;
            }

                .packagelstwrp .packagehd .packagehdtitle .inputfield label {
                    font-size: 20px;
                }

                .packagelstwrp .packagehd .packagehdtitle .inputfield [type="radio"]:not(:checked) + label, .packagelstwrp .packagehd .packagehdtitle .inputfield [type="radio"]:checked + label {
                    left: 0;
                }

            .packagelstwrp .packagehd .packagehdtitle span {
                display: block;
                font-size: 14px;
                font-weight: 400;
                padding: 10px 0;
                color: var(--gray999)
            }

        /**/
        .packagelstwrp .packagehd .packageprice {
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: var(--black);
            gap: 5px;
            padding: 0 0 15px;
            font-family: var(--roboto);
        }

            .packagelstwrp .packagehd .packageprice em {
                color: var(--gray777)
            }

            .packagelstwrp .packagehd .packageprice b {
                font-size: 36px;
                font-weight: 700;
                font-family: var(--googlesans);
                color: var(--drakblue)
            }

            .packagelstwrp .packagehd .packageprice span {
                color: var(--gray777);
                font-size: 18px;
                text-decoration: line-through;
            }

    /**/
    .packagelstwrp .packagelist {
    }

        .packagelstwrp .packagelist ul {
            margin: 0 15px
        }

            .packagelstwrp .packagelist ul li {
                padding: 10px 0;
                font-family: var(--roboto);
                background-repeat: no-repeat;
                background-position: right 12px;
                background-image: var(--tick);
                font-size: 14px;
            }

    .packagelstwrp.plan-a ul {
        margin-bottom: 184px
    }

    .packagelstwrp.plan-b ul {
        margin-bottom: 82px
    }

    .packagelstwrp.plan-c ul {
        margin-bottom: 14px
    }

    .packagelstwrp.plan-d ul {
        margin-bottom: 10px
    }

    .packagelstwrp.plan-e ul {
        margin-bottom: 10px
    }

    .packagelstwrp.plan-f ul {
        margin-bottom: 10px
    }

/**/
.plan-a .inputfield [type="radio"]:checked + label:after, .plan-a .inputfield [type="radio"].with-gap:checked + label:before, .plan-a .inputfield [type="radio"].with-gap:checked + label:after {
    border-color: #FDBA17;
}

.plan-a .inputfield [type="radio"]:checked + label:after, .plan-a .inputfield [type="radio"].with-gap:checked + label:after {
    background: #FDBA17
}

.plan-a .inputfield [type="radio"]:checked + label {
    color: #FDBA17
}

/**/
.plan-b .inputfield [type="radio"]:checked + label:after, .plan-b .inputfield [type="radio"].with-gap:checked + label:before, .plan-b .inputfield [type="radio"].with-gap:checked + label:after {
    border-color: #2993FF;
}

.plan-b .inputfield [type="radio"]:checked + label:after, .plan-b .inputfield [type="radio"].with-gap:checked + label:after {
    background: #2993FF
}

.plan-b .inputfield [type="radio"]:checked + label {
    color: #2993FF
}

/**/
.plan-c .inputfield [type="radio"]:checked + label:after, .plan-c .inputfield [type="radio"].with-gap:checked + label:before, .plan-c .inputfield [type="radio"].with-gap:checked + label:after {
    border-color: #FD4060;
}

.plan-c .inputfield [type="radio"]:checked + label:after, .plan-c .inputfield [type="radio"].with-gap:checked + label:after {
    background: #FD4060
}

.plan-c .inputfield [type="radio"]:checked + label {
    color: #FD4060
}

/**/
.plan-d .inputfield [type="radio"]:checked + label:after, .plan-d .inputfield [type="radio"].with-gap:checked + label:before, .plan-d .inputfield [type="radio"].with-gap:checked + label:after {
    border-color: #1AA260;
}

.plan-d .inputfield [type="radio"]:checked + label:after, .plan-d .inputfield [type="radio"].with-gap:checked + label:after {
    background: #1AA260
}

.plan-d .inputfield [type="radio"]:checked + label {
    color: #1AA260
}

/**/
.plan-e .inputfield [type="radio"]:checked + label:after, .plan-e .inputfield [type="radio"].with-gap:checked + label:before, .plan-e .inputfield [type="radio"].with-gap:checked + label:after {
    border-color: #924CFF;
}

.plan-e .inputfield [type="radio"]:checked + label:after, .plan-e .inputfield [type="radio"].with-gap:checked + label:after {
    background: #924CFF
}

.plan-e .inputfield [type="radio"]:checked + label {
    color: #924CFF
}

.packagelstwrp.plan-a.active a, .packagelstwrp.plan-a:hover .packagelistfd a {
    background: #FDBA17;
}

.packagelstwrp.plan-b.active a, .packagelstwrp.plan-b:hover .packagelistfd a {
    background: #2993FF
}

.packagelstwrp.plan-c.active a, .packagelstwrp.plan-c:hover .packagelistfd a {
    background: #FD4060
}

.packagelstwrp.plan-d.active a, .packagelstwrp.plan-d:hover .packagelistfd a {
    background: #1AA260
}

.packagelstwrp.plan-e.active a, .packagelstwrp.plan-e:hover .packagelistfd a {
    background: #924CFF
}

.packagelstwrp.plan-e.active a, .packagelstwrp.plan-f:hover .packagelistfd a {
    background: #35a0c5
}

.packagelstwrp.plan-a.active a, .packagelstwrp.plan-b.active a, .packagelstwrp.plan-c.active a, .packagelstwrp.plan-d.active a, .packagelstwrp.plan-e.active a {
    color: var(--color-white)
}

/**/
.packagelstwrp .packagelistfd {
    text-align: center;
    padding: 25px 15px;
    border: solid 1px var(--color-white);
    border-top-color: var(--grayddd)
}

    .packagelstwrp .packagelistfd a {
        border: 1px solid var(--grayddd);
        border-radius: 50px;
        display: block;
        width: 100%;
        padding: 15px 10px;
        font-size: 18px;
        color: var(--gray666);
    }

.packagelstwrp:hover .packagelistfd a {
    color: var(--color-white);
    background-color: var(--red);
}

.packagetitle {
    text-align: center;
    margin: 0;
    padding: 15px;
    font-family: var(--poppins);
    font-size: 34px;
    color: #102a51;
    font-weight: 600;
}

    .packagetitle span {
        display: block;
        font-size: 15px;
        color: var(--gray777);
        font-weight: 400;
        padding: 5px 0 0 0;
        line-height: 18px
    }

.videobg {
    background-image: -moz-linear-gradient( 180deg, rgb(123,67,151) 0%, rgb(220,36,48) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgb(123,67,151) 0%, rgb(220,36,48) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(123,67,151) 0%, rgb(220,36,48) 100%);
    padding: 25px 0
}

    .videobg .item {
        padding: 0 10px
    }

    .videobg figure {
        background: var(--black);
        border-radius: 4px;
        position: relative
    }

        .videobg figure img {
            opacity: 0.9;
            border-radius: 4px;
        }

    .videobg .videodisc {
        padding: 15px 0
    }

        .videobg .videodisc .title {
            font-size: 18px;
            padding-bottom: 5px;
        }

            .videobg .videodisc .title a {
                color: var(--color-white);
                max-height: 45px;
                overflow: hidden;
                display: block;
                line-clamp: 2;
                -webkit-line-clamp: 2;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                text-overflow: ellipsis;
                white-space: normal;
                line-height: 20px;
            }

        .videobg .videodisc .hastags {
            padding: 0 0 10px
        }

            .videobg .videodisc .hastags span {
                background: var(--color-white);
                padding: 3px 10px;
                display: inline-block;
                border-radius: 4px;
            }

    .videobg .video-icon {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        background-color: rgba(0,0,0,.5);
        position: absolute;
        z-index: 1;
        display: block;
        top: 50%;
        left: 50%;
        margin-top: -23px;
        margin-left: -23px;
        cursor: pointer;
        transition: background-color .3s,opacity .3s,visibility .3s,border-color .3s;
        -webkit-transition: background-color .3s,opacity .3s,visibility .3s,border-color .3s;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
    }

    .videobg .item:hover .video-icon {
        background-color: rgba(0,0,0);
    }

        .videobg .item:hover .video-icon:after {
            border-left-color: rgba(255,255,255);
        }

    .videobg .video-icon:after {
        content: '';
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border: solid transparent;
        border-width: 13px 20px;
        border-left-color: rgba(255,255,255,.5);
        top: 50%;
        left: 50%;
        margin-top: -15px;
        margin-left: -8px;
        transition: border-color .3s;
        -webkit-transition: border-color .3s;
        backface-visibility: hidden;
        webkit-backface-visibility: hidden;
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
    }

.videoft a {
    font-size: 14px;
    font-weight: 500;
    color: #0167ff;
    border-radius: 50px;
}

    .videoft a:hover {
        background-color: var(--color-white);
        color: #0167ff;
    }

.astrovideo {
    margin: 25px 0 35px
}

.astrolist {
    margin: 20px 0
}

    .astrolist .owl-carousel {
        margin: 15px 0
    }

    .astrolist .astrocard {
        padding: 10px;
        box-shadow: 0 0 10px rgb(137 173 255 / 35%);
        margin: 10px 0;
        border-radius: 6px;
    }

        .astrolist .astrocard figure {
            position: relative;
            height: 260px;
        }

            .astrolist .astrocard figure img {
                height: 260px;
                object-fit: cover;
                width: 100%;
                object-position: top center;
                border-radius: 6px;
            }

        .astrolist .astrocard figcaption {
            position: absolute;
            top: 10px;
            left: 10px;
            border-radius: 4px;
            background-color: var(--color-white);
            padding: 5px 10px
        }

        .astrolist .astrocard figure a {
            display: block
        }

    .astrolist .astrodesc {
        margin: 15px 0
    }

        .astrolist .astrodesc h3 {
            font-size: 18px;
            font-family: var(--font-googlesans);
            font-weight: 500
        }

            .astrolist .astrodesc h3 a {
                color: var(--color-black)
            }

        .astrolist .astrodesc p {
            margin: 10px 0 15px;
            color: #68676c;
            line-height: 18px;
            font-weight: 400
        }

        .astrolist .astrodesc a.btun {
            color: #0167ff;
        }

    .astrolist .astrocard:hover .astrodesc a.btun {
        background-color: var(--color-white);
        color: var(--color-black);
        border-color: var(--color-black)
    }

.astronav {
    box-shadow: 0 0 10px rgb(137 173 255 / 35%);
    margin: 10px;
    border-radius: 6px;
    display: flex;
    justify-content: space-around;
    gap: 15px;
}

    .astronav a {
        display: block;
        padding: 20px 0;
        font-family: var(--font-googlesans);
        font-size: 16px;
        color: var(--color-black);
        font-weight: 500;
    }

.astrovideopromo {
    background: #fdca2e url("../images/promobg.jpg") 0 0 no-repeat;
    padding: 25px
}

.promolt {
    padding-right: 80px;
    color: var(--color-white);
}

    .promolt h3 {
        font-size: 30px;
        padding-bottom: 5px;
        font-weight: 600;
        font-family: var(--font-poppins);
    }

    .promolt p {
        font-size: 18px;
        padding-top: 5px;
        margin-bottom: 10px;
        line-height: 20px;
    }

.promort {
}

    .promort h3 {
        font-size: 30px;
        padding-bottom: 5px;
        font-weight: 600;
        font-family: var(--font-poppins);
        color: var(--color-white);
        text-shadow: 2px 2px 0 #000;
    }

.promoprice {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-top: 15px;
}

    .promoprice .price {
        background: var(--color-white);
        border-radius: 4px;
        text-align: center;
        box-shadow: 0 0 10px rgb(0 0 0 / 35%);
    }

        .promoprice .price strong, .promoprice .price b {
            display: block;
            padding: 0 0 15px
        }

        .promoprice .price span {
            display: block;
            padding: 10px 0;
            margin-bottom: 10px;
            color: var(--color-white);
            font-weight: 500;
            -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            font-size: 18px;
        }

        .promoprice .price.pricea span {
            background: #d0a110
        }

        .promoprice .price.priceb span {
            background: #0078ff
        }

        .promoprice .price.pricec span {
            background: #fa3c62
        }

        .promoprice .price strong {
            font-size: 36px;
            font-weight: 700;
            font-family: var(--font-googlesans);
            color: var(--drakblue);
        }

            .promoprice .price strong em {
                font-size: 16px;
                font-weight: 400;
                color: var(--gray999);
                font-family: var(--font-roboto);
                text-decoration: line-through
            }

/**/
.astrocitiwarp {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

    .astrocitiwarp .astrolistcard {
        background: var(--color-white);
        border-radius: 4px;
        box-shadow: 0 0 5px rgb(137 173 255 / 35%);
        width: 18.3%;
        margin: 0 10px;
        padding: 10px;
        text-align: center;
        margin-bottom: 25px;
    }

        .astrocitiwarp .astrolistcard figure {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            border: 5px solid var(--color-white);
            box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
            -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28);
            -webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
            background-color: #40a8ca;
            margin: 0 auto;
            overflow: hidden
        }

        .astrocitiwarp .astrolistcard figcaption {
            background: var(--color-white);
            border-radius: 4px;
            box-shadow: 0 0 5px rgb(137 173 255 / 35%);
            display: inline-flex;
            padding: 5px 10px;
            border-radius: 20px;
            position: relative;
            top: -20px;
            margin-bottom: 5px;
        }

            .astrocitiwarp .astrolistcard figcaption b {
                font-weight: 500;
                padding: 0 5px;
            }

        .astrocitiwarp .astrolistcard .headtitle {
            font-size: 16px;
            font-weight: 600;
            letter-spacing: .5px;
            display: block;
            padding: 0 0px 15px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

            .astrocitiwarp .astrolistcard .headtitle a {
                color: var(--color-black)
            }

                .astrocitiwarp .astrolistcard .headtitle a:hover {
                    color: var(--color-blue);
                    text-decoration: underline
                }

    .astrocitiwarp .listcardbody {
    }

        .astrocitiwarp .listcardbody ul {
        }

            .astrocitiwarp .listcardbody ul li {
                padding: 0 0 15px;
                font-size: 13px;
            }

                .astrocitiwarp .listcardbody ul li span {
                    display: inline-block;
                    color: var(--color-darkgrey);
                }

                .astrocitiwarp .listcardbody ul li small {
                    display: inline-block;
                    font-size: 13px;
                }

                    .astrocitiwarp .listcardbody ul li small b {
                        color: var(--color-black);
                        border: solid 1px #ddd;
                        border-radius: 20px;
                        padding: 2px 15px;
                        margin-right: 10px;
                        display: inline-block;
                    }

    .astrocitiwarp .astrocta {
        margin-top: 5px;
        margin-bottom: 10px
    }

        .astrocitiwarp .astrocta a svg {
            fill: #fff;
            width: 15px;
            height: 15px;
            margin-right: 5px;
        }

        .astrocitiwarp .astrocta a {
            border-radius: 20px;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/**/
.citilistinghead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 15px;
    padding: 15px 0;
    margin-bottom: 20px;
}

    .citilistinghead .listing-title {
        font-size: 28px;
        font-weight: 600;
        letter-spacing: .5px;
    }

        .citilistinghead .listing-title h1 {
            line-height: 34px;
        }

/**/
#astrologer .citifilterwarp {
    margin-bottom: 0
}

.citifilterwarp {
    display: flex;
    gap: 10px;
    padding: 15px;
    align-items: center;
    margin: 20px 0;
    background: var(--color-white);
    border: solid 1px #909090;
}

    .citifilterwarp .citifilter {
        font-size: 14px;
        font-family: var(--font-poppins);
        margin-right: 15px;
        position: relative
    }

        .citifilterwarp .citifilter label {
            display: block;
            padding-bottom: 10px;
            font-size: 14px;
            color: var(--color-black);
        }

        .citifilterwarp .citifilter input[type="text"], .citifilterwarp .citifilter select {
            border-radius: 3px;
            width: 189px;
        }

    .citifilterwarp .citicta {
        padding-top: 23px
    }

        .citifilterwarp .citicta a {
            padding: 11px 20px;
        }

            .citifilterwarp .citicta a.btun:focus {
                color: var(--color-white);
            }

/**/
.gudtime {
    margin-bottom: 25px;
    border: solid 1px var(--gray);
    border-radius: 4px;
    position: relative;
    padding-bottom: 10px;
}

    .gudtime b {
        background-color: #fbb932;
        padding: 4px 10px;
        font-weight: 500;
        position: absolute;
        top: -14px;
        border-radius: 4px;
        left: 15px;
    }

    .gudtime p {
        padding: 10px 15px;
        color: #777;
        display: block
    }

/**/
.featuredwrp {
    background: #eff5fd;
    padding: 10px
}

.astrolistwrap {
    padding: 25px 0
}

.featuredlistwrp {
    display: flex;
    gap: 10px;
    border: solid 1px #ddd;
    padding: 10px;
    border-radius: 4px;
    background: #fff;
}

    .featuredlistwrp figure {
        width: 80px;
        height: 80px;
        border: 5px solid #FFFFFF;
        box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
        -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28);
        -webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
        border-radius: 50%;
        overflow: hidden;
        flex-shrink: 0;
        background-color: #40a8ca;
    }

        .featuredlistwrp figure img {
            border-radius: 50%;
            width: 80px;
            height: 80px;
            transform: scale(1.1) translate(0, 0);
            transition: all 0.35s ease-in-out;
        }

.listcard:hover .listcardhead figure img {
    transform: scale(1.3) rotate(10deg);
}

.featuredlistwrp .featuredlist {
    flex: 1;
    min-width: 0
}

.featuredlistwrp .headtitle {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    display: block;
    padding: 0 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: var(--color-black)
}

.headtitle a {
    color: var(--color-black);
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .headtitle a:hover {
        color: var(--color-blue);
        text-decoration: underline
    }

.featuredlistwrp .listcatelist {
    white-space: normal;
}

    .featuredlistwrp .listcatelist b {
        font-size: 12px;
        color: var(--color-black);
        background: var(--gray50);
        border: solid 1px #ddd;
        border-radius: 20px;
        padding: 3px 13px;
        margin-right: 5px;
        display: inline-block;
        margin-bottom: 5px;
    }

        .featuredlistwrp .listcatelist b a {
            color: var(--color--black)
        }

            .featuredlistwrp .listcatelist b a:hover {
                text-decoration: underline;
                color: var(--color-blue);
            }

.featuredlistwrp .listcardbody {
}

    .featuredlistwrp .listcardbody ul li {
        padding: 0 0 5px;
    }

        .featuredlistwrp .listcardbody ul li small {
            font-size: 14px;
            color: #4E6786
        }

            .featuredlistwrp .listcardbody ul li small b {
                color: #999;
                padding-right: 3px;
            }

        .featuredlistwrp .listcardbody ul li .link {
            color: #0167ff;
            margin-top: 5px;
            display: block
        }

.featuredlistwrp:hover .listcardbody ul li .link {
    color: var(--color-black);
    text-decoration: none;
}

.featuredlistwrp .listcardbody ul li .link a {
    display: inline-flex;
    align-items: center
}

.featuredlistwrp .listcardbody ul li .link svg {
    fill: var(--gray999);
}

.featuredlistwrp:hover .listcardbody ul li .link svg {
    fill: var(--color-white)
}

.featuredlistwrp .listcardbody ul li .pinover {
    display: inline-flex;
}

    .featuredlistwrp .listcardbody ul li .pinover b {
        color: var(--gray777);
    }

    .featuredlistwrp .listcardbody ul li .pinover strong {
        font-weight: 500;
        color: #31416A;
    }

    .featuredlistwrp .listcardbody ul li .pinover .info {
        display: inline-block;
        position: relative;
        cursor: pointer;
        padding-left: 5px;
    }

        .featuredlistwrp .listcardbody ul li .pinover .info .pininfo {
            display: none;
            padding: 10px;
            position: absolute;
            width: 300px;
            z-index: 10;
            background: var(--color-white);
            box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px 0px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            bottom: 30px;
            right: -30px;
            border: 1px solid rgba(0, 0, 0, 0.2);
        }

            .featuredlistwrp .listcardbody ul li .pinover .info .pininfo:before {
                position: absolute;
                bottom: -15px;
                right: 28px;
                display: inline-block;
                border-left: 14px solid transparent;
                border-right: 14px solid transparent;
                border-top: 14px solid #ccc;
                content: '';
            }

            .featuredlistwrp .listcardbody ul li .pinover .info .pininfo:after {
                position: absolute;
                bottom: -14px;
                right: 27px;
                display: inline-block;
                border-left: 15px solid transparent;
                border-right: 15px solid transparent;
                border-top: 15px solid #fff;
                content: '';
            }

            .featuredlistwrp .listcardbody ul li .pinover .info .pininfo ul {
            }

                .featuredlistwrp .listcardbody ul li .pinover .info .pininfo ul li {
                    padding: 5px 0;
                    color: var(--gray777);
                    line-height: 18px;
                }

        .featuredlistwrp .listcardbody ul li .pinover .info:hover .pininfo {
            display: block
        }

        .featuredlistwrp .listcardbody ul li .pinover .info span {
            display: inline-flex;
            border: 1px solid;
            width: 15px;
            height: 15px;
            justify-content: center;
            align-items: center;
            border-radius: 100%;
            margin-right: 5px;
            font-size: 12px;
            font-weight: 700;
        }

.featuredlistwrp .listcardbody ul li .ratings-group, .featuredlistwrp .listcardbody ul li .ratings-group .ratings {
    margin: 0
}

.spotligtinfo {
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 13px;
}

.newsticker {
    display: flex;
    background: var(--gray-c);
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    border: solid 1px var(--grayddd);
    margin: 15px 0 30px;
}

    .newsticker span {
        background: #fbb932;
        padding: 15px
    }

.lhswarp {
    background: var(--color-white);
    box-shadow: 0 0 10px rgb(137 173 255 / 35%);
    border-radius: 4px;
    padding-bottom: 15px
}

.lhsblock {
}

    .lhsblock .title {
        font-size: 16px;
        font-weight: 600;
        letter-spacing: .5px;
        padding: 15px 15px 5px;
    }

    .lhsblock .filterlist {
    }

        .lhsblock .filterlist ul {
            margin-bottom: 5px;
        }

            .lhsblock .filterlist ul li {
                border-bottom: dotted 1px var(--grayddd);
                padding: 10px 15px
            }

                .lhsblock .filterlist ul li a {
                    color: var(--gray888)
                }

                    .lhsblock .filterlist ul li a:hover {
                        color: var(--link);
                        text-decoration: underline
                    }

.sortwrp {
    display: flex;
    justify-content: flex-end;
    padding: 10px 0
}

.sortholdr {
    position: relative;
    color: var(--color-light);
}

    .sortholdr > a {
        border: solid 1px var(--grayddd);
        padding: 8px 15px;
        border-radius: 4px;
        margin-left: 5px;
        display: inline-block;
        margin-bottom: 15px
    }

    .sortholdr .holderlist {
        right: 0;
        background: var(--color-white);
        position: absolute;
        box-shadow: 0 0 18px rgb(0 0 0 / 15%);
        z-index: 2;
        border-radius: 4px;
        width: 100%;
        top: 23px;
    }

        .sortholdr .holderlist ul {
            max-height: 300px;
            overflow-y: auto;
            overflow-x: hidden;
        }

            .sortholdr .holderlist ul li {
                margin: 0 0 5px;
            }

        .sortholdr .holderlist a {
            padding: 10px;
            display: block;
            color: var(--color-light);
        }

            .sortholdr .holderlist a:hover {
                background: #FDBA17;
                color: var(--color-white);
            }

.calendarwrap {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr);
}

    .calendarwrap .calecard {
        border-radius: 4px;
        border: solid 2px #ebebeb;
        padding: 10px;
        -webkit-transition: all .2s cubic-bezier(.02,.54,.58,1);
        -o-transition: all .2s cubic-bezier(.02,.54,.58,1);
        transition: all .2s cubic-bezier(.02,.54,.58,1);
        cursor: pointer;
        margin-bottom: 15px;
        background: #f5f5f5;
    }

        .calendarwrap .calecard:hover {
            box-shadow: 0 0 10px rgb(137 173 255 / 35%);
            border: solid 2px #fff
        }

        .calendarwrap .calecard figure {
            width: 100px;
            height: 80px;
            background: #f00a
        }

            .calendarwrap .calecard figure img {
                width: 100%;
                height: 100%
            }

        .calendarwrap .calecard a {
            gap: 10px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            background: #fff;
            border-radius: 4px;
            padding: 10px;
            border: solid 1px #ddd
        }

    .calendarwrap .carddesc {
        flex: 1;
    }

        .calendarwrap .carddesc * {
            display: block;
            font-size: 14px;
            padding: 0 0 10px;
        }

        .calendarwrap .carddesc big {
            font-size: 16px;
            font-weight: 600;
            display: block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            line-height: normal;
            color: var(--color-black)
        }

    .calendarwrap .calecard:hover .carddesc big {
        text-decoration: underline
    }

    .calendarwrap .carddesc b {
        color: var(--gray888)
    }

    .calendarwrap .carddesc small {
        color: var(--color-light);
    }

    .calendarwrap .carddesc i {
        color: var(--link);
    }

.calenderwrp .astrotitle {
    padding: 25px 0 50px
}

/**/
.featureblock .fea-head {
    font-size: 21px;
    color: #666;
    padding-left: 10px;
    line-height: 40px;
}

.featureblock .fealinks {
    margin: 5px;
    text-align: left;
    overflow: hidden;
    height: 50px;
}

.fealinks.openfulll {
    height: inherit !important;
}

.featureblock .fealinks:after {
    clear: both;
    content: "";
    display: table;
    height: 0;
    visibility: hidden;
}

.featureblock .fealinks:before {
    content: "";
    display: table;
}

.featureblock .fealinks ul li {
    display: inline-block;
    width: 19%;
    line-height: 24px;
    font-size: 14px;
}

    .featureblock .fealinks ul li a {
        color: #6c7074;
    }

.featureblock .fealinkful {
    height: inherit !important;
    overflow: auto;
}

.featureblock .feature-top {
    margin-top: 15px;
    align-items: center;
}

    .featureblock .feature-top ul {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 25px;
    }

        .featureblock .feature-top ul li {
            margin: 5px;
        }

            .featureblock .feature-top ul li figure {
                position: relative;
                border: 5px solid #FFFFFF;
                box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
                -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28);
                -webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
            }

                .featureblock .feature-top ul li figure img {
                    width: 100%;
                }

                .featureblock .feature-top ul li figure .fea-over {
                    background-color: rgba(0, 0, 0, 0.4);
                    vertical-align: middle;
                    width: 100%;
                    text-align: center;
                    position: absolute;
                    height: 100%;
                    top: 0;
                    left: 0;
                    padding-top: 23%;
                    -webkit-transition: all 0.1s ease-in;
                    -moz-transition: all 0.1s ease-in;
                    transition: all 0.1s ease-in;
                }

                    .featureblock .feature-top ul li figure .fea-over .fea-tex {
                        font-size: 19px;
                        color: #fff;
                    }

            .featureblock .feature-top ul li:hover {
                -webkit-transition: all 0.1s ease-in;
                -moz-transition: all 0.1s ease-in;
                transition: all 0.1s ease-in;
            }

                .featureblock .feature-top ul li:hover .fea-over {
                    background-color: rgba(0, 0, 0, 0.6);
                }

                    .featureblock .feature-top ul li:hover .fea-over .fea-tex {
                        color: #fff5a6;
                    }

.featureblock .fea-more {
    text-align: center;
    padding: 10px;
}

    .featureblock .fea-more:after {
        clear: both;
        content: "";
        display: table;
        height: 0;
        visibility: hidden;
    }

    .featureblock .fea-more:before {
        content: "";
        display: table;
    }

    .featureblock .fea-more a {
        color: #999;
        padding: 6px 25px;
        border: solid 1px #cccccc;
    }

.countrywarp .more {
    margin: 15px 0
}

.countrywarp .dailylistwrp {
    padding: 15px 0 45px 0
}

    .countrywarp .dailylistwrp:before {
        right: 0;
        left: auto;
        height: 300px;
        width: 300px;
    }

.countrywarp .dailysportlist {
    padding: 0 15px;
}

    .countrywarp .dailysportlist span {
        box-shadow: 0 0 10px rgb(137 173 255 / 35%);
    }

.countrywarp .happentags {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 25px;
}

    .countrywarp .happentags b {
        text-align: center;
        padding: 9px 18px;
        border-radius: 9px;
        border: solid 1px var(--grayddd)
    }

        .countrywarp .happentags b:hover {
            border-color: var(--color-red)
        }

        .countrywarp .happentags b a {
            font-size: 15px;
            color: var(--color-black)
        }

.countrywarp .astroreviewrp, .countrywarp .astrolgerdesc {
    margin: 15px 0
}

.mobilesearch, .filterpaneltitle {
    display: none;
}

.mobilesearch {
    padding: 15px 0;
    margin: 0;
    text-align: center;
    background: #f5f5f5;
    border-radius: 4px;
}

    .mobilesearch .icon-search {
        fill: #fff
    }

.bannersection {
    position: relative;
    padding: 50px 0 0;
    background: #f1faff;
    height: 630px;
    margin-bottom: 15px;
}

    .bannersection:before {
        background: url("../images/ring.png")0 0 no-repeat;
        content: "";
        position: absolute;
        filter: invert(1) brightness(100);
        left: -120px;
        width: 350px;
        height: 440px;
        top: 0;
        background-size: 80%;
    }

.shape1 {
    animation: hero-thumb-animation 2.5s linear infinite alternate;
    -webkit-animation: hero-thumb-animation 2.5s linear infinite alternate;
    -moz-animation: hero-thumb-animation 2.5s linear infinite alternate;
    -o-animation: hero-thumb-animation 2.5s linear infinite alternate
}

.shape2 {
    animation: hero-thumb1-animation 2.5s linear infinite alternate;
    -webkit-animation: hero-thumb1-animation 2.5s linear infinite alternate;
    -moz-animation: hero-thumb1-animation 2.5s linear infinite alternate;
    -o-animation: hero-thumb1-animation 2.5s linear infinite alternate
}

.shape3 {
    animation: hero-thumb2-animation 2.5s linear infinite alternate;
    -webkit-animation: hero-thumb2-animation 2.5s linear infinite alternate;
    -moz-animation: hero-thumb2-animation 2.5s linear infinite alternate;
    -o-animation: hero-thumb2-animation 2.5s linear infinite alternate
}

@keyframes hero-thumb-animation {
    0% {
        transform: translateY(-20px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes hero-thumb1-animation {
    0% {
        transform: translateY(-20px) translateX(50px)
    }

    to {
        transform: translateY(-20px) translateX(0)
    }
}

@keyframes hero-thumb2-animation {
    0% {
        transform: translateY(-50px)
    }

    to {
        transform: translateY(0)
    }
}

.headerlt h1 {
    font-size: 40px;
    font-weight: 800;
    letter-spacing: .5px;
    margin-bottom: 10px;
    color: var(--color-black);
    line-height: 50px;
}

    .headerlt h1 p {
        padding-bottom: 10px;
    }

    .headerlt h1 span {
        color: #c10037;
    }

.headerlt .title {
    font-size: 40px;
    font-weight: 800;
    letter-spacing: .5px;
    margin-bottom: 10px;
    color: var(--color-white);
    line-height: 50px;
}

    .headerlt .title p {
        padding-bottom: 10px;
    }

    .headerlt .title span {
        color: #00ffaf;
    }

.headerlt .tagline {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
}

    .headerlt .tagline b {
        font-size: 14px;
        display: block;
        padding-bottom: 5px;
    }

    .headerlt .tagline span {
        font-size: 15px;
    }

        .headerlt .tagline span a {
            color: var(--color-black);
            display: inline-block;
            background: var(--color-white);
            border: solid 1px var(--grayddd);
            border-radius: 20px;
            padding: 3px 15px;
            margin-right: 5px;
        }

            .headerlt .tagline span a:hover {
                color: var(--link);
                text-decoration: none
            }

.headerlt .astroonline {
    display: flex;
    gap: 10px;
    align-items: center;
    position: relative;
}

    .headerlt .astroonline .astrolist {
        display: flex;
        margin: 0
    }

        .headerlt .astroonline .astrolist span:first-child {
            margin-left: 0
        }

        .headerlt .astroonline .astrolist span {
            border-radius: 50%;
            width: 40px;
            height: 40px;
            box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41);
            ;
            border: solid 3px #fff;
            overflow: hidden;
            margin-left: -5px;
            background: #40a8ca
        }

            .headerlt .astroonline .astrolist span img {
                height: 100%
            }

.headerlt .btun {
    padding: 10px 20px;
    font-size: 14px;
    margin-right: 5px;
}

.headerlt .btun-yellow:hover {
    color: var(--color-black);
}

.headerlt .headeractn {
    margin: 10px 0;
}

.headerlt .onlinewrp .pulse {
    background-color: #059750;
}

.headertwarp {
    background: url("../images/new-header.png")0 0 no-repeat;
    height: 100%;
    background-size: 100%;
    position: absolute;
    right: 210px;
    width: 630px;
    height: 630px;
    top: 0;
}

.topic-content {
    width: 240px;
    padding: 10px;
    background: #fff;
    display: flex;
    align-items: center;
    border-radius: 30px 30px 0 30px;
    gap: 10px;
    box-shadow: 0 5px 10px 0 rgb(44 130 237 / 40%);
}

    .topic-content.one {
        position: absolute;
        top: 149px;
        left: -20px;
    }

    .topic-content.two {
        position: absolute;
        top: 64%;
        left: 30px;
    }

    .topic-content.three {
        border-radius: 30px 30px 30px 0;
        position: absolute;
        right: 0;
        top: 130px;
    }

    .topic-content.four {
        border-radius: 30px 30px 30px 0;
        position: absolute;
        right: -60px;
        bottom: 250px;
    }

.topic-img {
    background-color: #459ff5;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .topic-img svg {
        width: 30px;
        height: 30px;
        fill: var(--color-white)
    }

.topic-content h4 {
    font-size: 14px;
    font-weight: 600;
    color: #374b5c;
    padding-bottom: 5px
}

.topic-content p {
    font-weight: 400;
    font-size: 14px;
    color: #666;
    margin: 0;
}

.topic-content.three .topic-details, .topic-content.four .topic-details {
    padding-left: 15px;
}

/**/
.headerwarp .owl-carousel .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 15px;
    align-items: center;
    gap: 10px;
}

    .headerwarp .owl-carousel .owl-dots svg {
        height: 10px;
    }

    .headerwarp .owl-carousel .owl-dots .owl-dot span {
        height: 10px;
        width: 10px;
        background: #f1faff;
        margin: 0;
        padding: 5px;
        border: solid 3px #ffb400;
    }

    .headerwarp .owl-carousel .owl-dots .owl-dot.active span, .headerwarp .owl-carousel .owl-dots .owl-dot:hover span {
        background: #ffb400;
        width: 10px;
        height: 10px
    }

    .headerwarp .owl-carousel .owl-dots.disabled, .headerwarp .owl-carousel .owl-nav.disabled {
        display: none
    }

/**/
.advertisementsection {
    background-color: #21a198;
    position: relative;
    display: flex;
    border-radius: 4px;
}

    .advertisementsection:before {
        content: '';
        background: url("../images/advt-bg-left-1.png"),url("../images/advt-bg-right-1.png");
        background-repeat: no-repeat;
        background-position: left bottom,right bottom;
        background-size: 100%,100%;
        margin: 0;
        width: 100%;
        height: 100%;
        opacity: .2;
        position: absolute;
    }

    .advertisementsection .leftads {
        width: 26%;
        padding: 0 15px;
    }

    .advertisementsection .adsimg {
        position: relative;
        z-index: 2
    }

        .advertisementsection .adsimg:before {
            content: '';
            background: url("../images/horoscopehme.png");
            background-repeat: no-repeat;
            background-position: left bottom;
            background-size: contain;
            filter: invert(1) brightness(100);
            margin: 0;
            width: 100%;
            height: 100%;
            position: absolute;
            z-index: -1;
        }

        .advertisementsection .adsimg img {
            filter: none;
        }

    .advertisementsection .rightads {
        position: relative;
        z-index: 99;
        flex: 1;
        padding: 15px
    }

    .advertisementsection .adstitle {
        color: var(--color-white);
        font-size: 28px;
        font-weight: 600;
        letter-spacing: .5px;
        padding: 0 0 10px 0;
        display: block;
        line-height: 28px;
    }

    .advertisementsection .rightads p {
        font-size: 14px;
        color: #f1f1f1;
    }

    .advertisementsection .rightads a {
        font-size: 16px;
    }

        .advertisementsection .rightads a:hover {
            background: var(--color-white)
        }

    .advertisementsection.forother .adstitle {
    }

    .advertisementsection.forother .rightads p {
        font-size: 16px;
        padding-bottom: 10px;
        line-height: 22px;
    }

.newyear2024 {
    background-color: #e3421f;
    position: relative;
    display: flex;
    border-radius: 4px;
}

    .newyear2024:before {
        content: '';
        background: url("../images/advt-bg-left-1.png"),url("../images/advt-bg-right-1.png");
        background-repeat: no-repeat;
        background-position: left bottom,right bottom;
        background-size: 100%,100%;
        margin: 0;
        width: 100%;
        height: 100%;
        opacity: .2;
        position: absolute;
        z-index: 3
    }

    .newyear2024 .leftads {
        width: 26%;
        padding: 0 15px;
        padding-left: 0
    }

    .newyear2024 .adsimg {
        position: relative;
        z-index: 2
    }

        .newyear2024 .adsimg img {
            filter: none;
        }

    .newyear2024 .rightads {
        position: relative;
        z-index: 99;
        flex: 1;
        padding: 15px
    }

    .newyear2024 .adstitle {
        color: var(--color-white);
        font-size: 28px;
        font-weight: 600;
        letter-spacing: .5px;
        padding: 0 0 10px 0;
        display: block;
        line-height: 28px;
    }

    .newyear2024 .rightads p {
        font-size: 14px;
        color: #f1f1f1;
    }

    .newyear2024 .rightads a {
        font-size: 16px;
    }

        .newyear2024 .rightads a:hover {
            background: var(--color-white)
        }

    .newyear2024.forother .rightads p {
        font-size: 16px;
        padding-bottom: 10px;
        line-height: 22px;
    }

/**/
.signwarp {
    background: #f1faff
}

/**/
.astrolistwarp {
}

.astrogird {
    border: solid 1px #ebebeb;
    border-radius: var(--borderradius);
    padding: 10px;
    margin-bottom: 30px;
    -webkit-transition: all .2s cubic-bezier(.02,.54,.58,1);
    -o-transition: all .2s cubic-bezier(.02,.54,.58,1);
    transition: all .2s cubic-bezier(.02,.54,.58,1);
    background: var(--color-white);
    box-shadow: var(--boxshadow);
}

    /*.astrogird:hover{background: var(--color-white);box-shadow: var(--boxshadow);}*/
    .astrogird .astroinfo .title {
        font-size: 16px;
        font-weight: 600;
        letter-spacing: .5px;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-family: var(--font-roboto);
        line-height: 20px;
    }

        .astrogird .astroinfo .title a {
            color: #31416A
        }

    .astrogird .astroinfo .tagline {
        color: var(--gray888);
        font-size: 15px;
        display: block;
        padding: 5px 0;
        font-weight: 400;
        display: block
    }

        .astrogird .astroinfo .tagline a {
            color: var(--gray888);
        }

            .astrogird .astroinfo .tagline a:hover {
                color: #0167ff;
                text-decoration: underline
            }

    .astrogird .astrodesc {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 0 0;
        position: relative
    }

        .astrogird .astrodesc figure {
            width: 90px;
            height: 90px;
            border: 3px solid var(--color-white);
            border-radius: 50%;
            overflow: hidden;
            border: 5px solid var(--color-white);
            box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
            -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28);
            -webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
        }

            .astrogird .astrodesc figure img {
                border-radius: 50%;
                width: 100%;
                height: 100%;
            }

            .astrogird .astrodesc figure.available:before {
                content: "";
                position: absolute;
                width: 15px;
                height: 15px;
                background-color: var(--color-green);
                border-radius: 50%;
                left: 15px;
                top: 14px;
                box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
                -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28);
                -webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
                border: solid 2px var(--color-white)
            }

        .astrogird .astrodesc figcaption {
            position: absolute;
            background: var(--color-white);
            padding: 3px 16px;
            border-radius: 20px;
            box-shadow: var(--boxshadow);
            bottom: 0;
            left: 12px;
        }

            .astrogird .astrodesc figcaption i svg {
                width: 13px;
                height: 13px;
            }

        .astrogird .astrodesc .astrobio {
            display: flex;
            flex-direction: column;
            gap: 10px;
            flex: 1
        }

            .astrogird .astrodesc .astrobio span {
                display: inline-flex;
                align-items: center;
                gap: 10px;
                color: var(--gray777)
            }

                .astrogird .astrodesc .astrobio span i {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center
                }

                    .astrogird .astrodesc .astrobio span i svg {
                        fill: var(--gray999)
                    }

            .astrogird .astrodesc .astrobio .call {
                display: flex;
                align-items: center;
                gap: 5px;
            }

                .astrogird .astrodesc .astrobio .call a {
                    border: solid 1px var(--color-blue);
                    color: var(--color-blue);
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    min-width: 100px;
                    font-size: 14px;
                    font-weight: 500;
                    padding: 7px 10px;
                    text-align: center;
                    border-radius: 20px;
                    gap: 5px
                }

                .astrogird .astrodesc .astrobio .call i svg {
                    fill: var(--color-blue)
                }

                .astrogird .astrodesc .astrobio .call a:hover {
                    background: var(--color-blue);
                    color: var(--color-white)
                }

                    .astrogird .astrodesc .astrobio .call a:hover svg {
                        fill: var(--color-white)
                    }

    .astrogird .astroinfo .tagline a.more {
        color: #0167ff;
        font-size: 14px;
    }

    .astrogird .astrodesc .astrobio .call .pinover {
        display: inline-flex;
    }

        .astrogird .astrodesc .astrobio .call .pinover b {
            color: var(--gray777);
        }

        .astrogird .astrodesc .astrobio .call .pinover strong {
            font-weight: 500;
            color: #31416A;
        }

        .astrogird .astrodesc .astrobio .call .pinover .info {
            display: inline-block;
            position: relative;
            cursor: pointer;
            padding-left: 5px;
        }

            .astrogird .astrodesc .astrobio .call .pinover .info .pininfo {
                display: none;
                padding: 10px;
                position: absolute;
                width: 300px;
                z-index: 10;
                background: var(--color-white);
                box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px 0px;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                bottom: 30px;
                right: -30px;
                border: 1px solid rgba(0, 0, 0, 0.2);
            }

                .astrogird .astrodesc .astrobio .call .pinover .info .pininfo:before {
                    position: absolute;
                    bottom: -15px;
                    right: 28px;
                    display: inline-block;
                    border-left: 14px solid transparent;
                    border-right: 14px solid transparent;
                    border-top: 14px solid #ccc;
                    content: '';
                }

                .astrogird .astrodesc .astrobio .call .pinover .info .pininfo:after {
                    position: absolute;
                    bottom: -14px;
                    right: 27px;
                    display: inline-block;
                    border-left: 15px solid transparent;
                    border-right: 15px solid transparent;
                    border-top: 15px solid #fff;
                    content: '';
                }

                .astrogird .astrodesc .astrobio .call .pinover .info .pininfo ul {
                }

                    .astrogird .astrodesc .astrobio .call .pinover .info .pininfo ul li {
                        padding: 5px 0;
                        color: var(--gray777);
                        line-height: 18px;
                    }

            .astrogird .astrodesc .astrobio .call .pinover .info:hover .pininfo {
                display: block
            }

            .astrogird .astrodesc .astrobio .call .pinover .info span {
                display: inline-flex;
                border: 1px solid;
                width: 15px;
                height: 15px;
                justify-content: center;
                align-items: center;
                border-radius: 100%;
                margin-right: 5px;
                font-size: 12px;
                font-weight: 700;
            }

/**/
.calenderbg {
    background: #ebf4fd;
    padding: 15px;
}

    .calenderbg #datepicker {
        background: #fff;
    }

        .calenderbg #datepicker .datepicker-inline, .calenderbg #datepicker .datepicker table {
            width: 100%
        }

/**/
.muhuratitle {
    font-family: var(--font-poppins);
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: .5px;
    padding: 15px 0;
    color: var(--color-white)
}

    .muhuratitle span {
        font-size: 14px;
        font-weight: 400;
        color: var(--color-light);
    }

/**/
.muhurat-bg {
    background: url("../images/muhurat-bg.jpg") 0 0 no-repeat;
    background-size: 100%;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

    .muhurat-bg .breadcrumb, .muhurat-bg .breadcrumb a, .muhurat-bg .breadcrumb a:after {
        color: var(--color-white)
    }

/**/
.murthalistwarp {
    border: solid 1px #ebebeb;
    border-radius: 10px;
    position: relative;
    margin-bottom: 25px;
    -webkit-transition: all .2s cubic-bezier(.02,.54,.58,1);
    -o-transition: all .2s cubic-bezier(.02,.54,.58,1);
    transition: all .2s cubic-bezier(.02,.54,.58,1);
    margin-bottom: 20px;
    padding: 15px;
}

    .murthalistwarp:hover {
        box-shadow: 0 0 10px rgb(137 173 255 / 35%);
    }

    .murthalistwarp.colora {
        border-left: 3px solid #FABB2C
    }

    .murthalistwarp.colorb {
        border-left: 3px solid #2993FF
    }

    .murthalistwarp.colorc {
        border-left: 3px solid #FD4060
    }

    .murthalistwarp .murthadate {
        display: inline-flex;
        align-items: center;
        font-size: 18px;
        font-weight: 500
    }

        .murthalistwarp .murthadate i {
            margin-right: 5px;
        }

            .murthalistwarp .murthadate i svg {
                fill: var(--gray999)
            }

    .murthalistwarp .murthadesc {
        display: flex;
        justify-content: space-between;
        padding: 10px 0 0
    }

        .murthalistwarp .murthadesc span {
            font-size: 16px;
        }

            .murthalistwarp .murthadesc span em {
                display: block;
                font-size: 14px;
                padding: 0 0 5px;
                color: var(--gray888)
            }

            .murthalistwarp .murthadesc span b {
                display: block;
                font-size: 16px;
            }

/**/
.murthaitemwarp {
    margin: 0 0 30px;
}

.murthatitle {
    font-family: var(--font-poppins);
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .5px;
    padding: 15px 0;
    color: var(--color-black);
    border-bottom: solid 1px var(--grayddd)
}

    .murthatitle span {
        font-size: 16px;
        font-weight: 400
    }

.murthaitems {
    background: rgb(15,17,18);
    background: linear-gradient(180deg, rgba(15,17,18,1) 0%, rgba(72,71,89,1) 100%);
    border-radius: 4px;
    text-align: center;
    overflow: hidden
}

    .murthaitems .name {
        padding: 10px;
        font-size: 18px;
    }

        .murthaitems .name a {
            color: var(--color-white);
        }

    .murthaitems figure {
        position: relative;
    }

        .murthaitems figure img {
            border: 2px solid #1AA260;
            width: 80px !important;
            height: 80px;
            border-radius: 100px;
            background: var(--color-white);
            margin: 0 auto
        }

        .murthaitems figure span {
            position: absolute;
            left: 0;
            color: var(--color-white);
            width: 100%;
            text-align: center;
            bottom: 0;
        }

            .murthaitems figure span i {
                background: #1AA260;
                padding: 2px 5px;
                display: inline-block;
                border-radius: 4px;
            }

    .murthaitems .call {
        display: block;
        padding: 15px 0
    }

        .murthaitems .call i {
            border: solid 2px var(--color-white);
            width: 35px;
            height: 35px;
            border-radius: 50%;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .murthaitems .call i svg {
                fill: var(--color-white)
            }

        .murthaitems .call em {
            padding: 5px 0 0;
            display: block;
            color: var(--color-white);
        }

.murthactn {
    background: var(--color-yellow);
}

    .murthactn a {
        padding: 15px 10px;
        color: var(--color-white);
        display: block
    }

.murthaitemwarp .owl-carousel {
    padding: 15px 0
}

/**/
.nextmurthawarp {
    margin: 30px 0
}

    .nextmurthawarp .astrotitle {
        margin-bottom: 15px;
        font-size: 26px;
    }

    .nextmurthawarp .recentvideo {
        background: #ebf4fd;
        padding: 15px;
    }

        .nextmurthawarp .recentvideo .recenttitle {
            font-size: 18px;
            padding: 0 0 20px;
            font-weight: 500;
        }

        .nextmurthawarp .recentvideo .recentvideolist {
            background: var(--color-white);
            padding: 10px;
            display: flex;
            column-gap: 10px;
            margin-bottom: 10px;
        }

            .nextmurthawarp .recentvideo .recentvideolist figure {
                width: 120px;
                position: relative
            }

                .nextmurthawarp .recentvideo .recentvideolist figure .video-icon {
                    width: 35px;
                    height: 35px;
                    border-radius: 50%;
                    -webkit-border-radius: 50%;
                    background-color: rgba(0,0,0,.5);
                    position: absolute;
                    z-index: 1;
                    display: block;
                    top: 50%;
                    left: 50%;
                    margin-top: -20px;
                    margin-left: -20px;
                    cursor: pointer;
                    transition: background-color .3s,opacity .3s,visibility .3s,border-color .3s;
                    -webkit-transition: background-color .3s,opacity .3s,visibility .3s,border-color .3s;
                    backface-visibility: hidden;
                    -webkit-backface-visibility: hidden;
                    transform: translate3d(0,0,0);
                    -webkit-transform: translate3d(0,0,0);
                    -ms-transform: translate3d(0,0,0);
                }

                    .nextmurthawarp .recentvideo .recentvideolist figure .video-icon:after {
                        content: '';
                        display: block;
                        position: absolute;
                        width: 0;
                        height: 0;
                        border: solid transparent;
                        border-width: 10px 14px;
                        border-left-color: rgba(255,255,255,.5);
                        top: 50%;
                        left: 50%;
                        margin-top: -10px;
                        margin-left: -6px;
                        transition: border-color .3s;
                        -webkit-transition: border-color .3s;
                        backface-visibility: hidden;
                        webkit-backface-visibility: hidden;
                        transform: translate3d(0,0,0);
                        -webkit-transform: translate3d(0,0,0);
                        -ms-transform: translate3d(0,0,0);
                    }

            .nextmurthawarp .recentvideo .recentvideolist:hover .video-icon {
                background-color: #000;
            }

                .nextmurthawarp .recentvideo .recentvideolist:hover .video-icon:after {
                    border-left-color: #fff;
                }

            .nextmurthawarp .recentvideo .recentvideolist .videodisc {
                flex: 1
            }

            .nextmurthawarp .recentvideo .recentvideolist .title {
                font-size: 15px;
                font-weight: 500;
                padding-bottom: 5px;
            }

                .nextmurthawarp .recentvideo .recentvideolist .title a {
                    color: var(--color-black);
                    max-height: 45px;
                    overflow: hidden;
                    display: block;
                    line-clamp: 2;
                    -webkit-line-clamp: 2;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    text-overflow: ellipsis;
                    white-space: normal;
                    line-height: 20px;
                }

            .nextmurthawarp .recentvideo .recentvideolist .videodisc span {
                font-size: 14px;
                color: var(--gray777);
                font-weight: 400;
                line-height: 20px;
            }

.linklistwarp {
    background-color: var(--gray60);
    border-radius: 4px;
    font-size: 16px;
}

    .linklistwarp .title-c {
        font-size: 18px;
        padding: 15px;
        border-bottom: solid 1px var(--grayddd);
        font-weight: 500
    }

    .linklistwarp .linklist ul {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        padding: 15px
    }

        .linklistwarp .linklist ul li {
            background: var(--color-white);
            padding: 8px 10px;
            border-left: solid 1px #ddd;
            border-left-color: var(--color-red)
        }

            .linklistwarp .linklist ul li a {
                color: var(--color-black)
            }

            .linklistwarp .linklist ul li:hover {
                background: var(--color-red);
            }

                .linklistwarp .linklist ul li:hover a {
                    color: var(--color-white)
                }

/**/
.newlistwarp:hover {
    box-shadow: var(--boxshadow);
    border-color: var(--color-white)
}

.newlistwarp {
    background: var(--color-white);
    border-radius: 4px;
    position: relative;
    margin-top: 1em;
    margin-bottom: 1.425em;
    padding: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all .2s ease .1s;
    transition: all .2s ease .1s;
    opacity: 1;
    gap: 1%;
    border: solid 1px #ebebeb;
}

    .newlistwarp .astrologerimg {
        -webkit-flex-basis: 15%;
        -ms-flex-preferred-size: 15%;
        flex-basis: 15%;
        min-width: 0;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

        .newlistwarp .astrologerimg img {
            border-radius: 4px;
            height: 125px;
            width: 100%;
        }

    .newlistwarp .astrologerbio {
        -webkit-flex-basis: 63%;
        -ms-flex-preferred-size: 63%;
        flex-basis: 63%;
        color: #777;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

        .newlistwarp .astrologerbio .avable {
            border: solid 1px #08a182;
            color: var(--color-green);
            font-size: 13px;
            border-radius: 15px;
            font-weight: 400;
            padding: 0px 8px;
            display: inline-block;
            margin-left: 5px;
        }

        .newlistwarp .astrologerbio .busy {
            border: solid 1px #ec4758;
            color: var(--color-red);
            font-size: 13px;
            border-radius: 15px;
            font-weight: 400;
            padding: 3px 8px;
            display: inline-block;
            margin-left: 5px;
        }

        .newlistwarp .astrologerbio .offline {
            border: solid 1px #666;
            color: var(--color-light);
            font-size: 13px;
            border-radius: 15px;
            font-weight: 400;
            padding: 3px 8px;
            display: inline-block;
            margin-left: 5px;
        }

        .newlistwarp .astrologerbio .headtitle {
            font-size: 18px;
            font-weight: 600;
            letter-spacing: .5px;
            display: block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            font-family: var(--font-roboto);
            line-height: 20px;
            display: inline-flex;
            align-items: center
        }

            .newlistwarp .astrologerbio .headtitle a {
                color: var(--color-black)
            }

        .newlistwarp .astrologerbio .tagline {
            color: var(--gray888);
            font-size: 15px;
            padding: 8px 0;
            font-weight: 400;
            display: block
        }

            .newlistwarp .astrologerbio .tagline a {
                color: var(--gray888);
            }

                .newlistwarp .astrologerbio .tagline a:hover {
                    color: #0167ff;
                    text-decoration: underline
                }

                .newlistwarp .astrologerbio .tagline a.more {
                    color: #0167ff;
                }

        .newlistwarp .astrologerbio ul {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 2px 0 10px
        }

            .newlistwarp .astrologerbio ul li {
                display: flex;
                align-items: center;
                gap: 10px;
                margin-right: 10px;
            }

                .newlistwarp .astrologerbio ul li:last-child {
                    margin-right: 0
                }

                .newlistwarp .astrologerbio ul li i {
                    display: inline-flex;
                    background: #EEF2FC;
                    width: 28px;
                    height: 28px;
                    align-items: center;
                    justify-content: center;
                    border-radius: 50%
                }

                .newlistwarp .astrologerbio ul li b {
                    color: #212121
                }

                .newlistwarp .astrologerbio ul li i svg {
                    fill: #4E6786
                }

                .newlistwarp .astrologerbio ul li a {
                }

        .newlistwarp .astrologerbio p {
            border-top: dotted 1px var(--grayccc);
            padding: 10px 0 0;
            line-height: 20px;
            font-size: 14px;
        }

    .newlistwarp .astrologercta {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 20%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 10px;
    }

    .newlistwarp .astrologerbio ul li.pricegroup b {
        color: var(--color-green);
        font-family: var(--font-googlesans);
        font-size: 18px;
        font-weight: 700;
    }

    .newlistwarp .astrologerbio ul li.pricegroup em {
        color: #777;
        font-size: 14px;
        font-weight: 400
    }

    /*
.newlistwarp .astrologercta a{width: 150px;display: inline-flex;align-items: center;gap: 5px;justify-content: center}
.newlistwarp .astrologercta a.btun-green.newlistwarp .astrologercta a.btun-green svg{fill:var(--color-white)}
*/
    .newlistwarp .astrologercta a.btun-green {
        width: 150px;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        justify-content: center;
        color: var(--color-blue);
        background: var(--color-white);
        border-color: var(--color-blue);
        border-radius: 20px;
    }

        .newlistwarp .astrologercta a.btun-green:hover {
            background: var(--color-blue);
            color: var(--color-white)
        }

        .newlistwarp .astrologercta a.btun-green svg {
            fill: var(--color-blue)
        }

        .newlistwarp .astrologercta a.btun-green:hover svg {
            fill: var(--color-white)
        }

    .newlistwarp .astrologercta a.btun-white {
        border-radius: 20px;
    }

    .newlistwarp .astrologercta .pinover {
        display: block;
        margin-bottom: 10px;
        text-align: center;
        padding-top: 10px
    }

        .newlistwarp .astrologercta .pinover b {
            color: var(--gray777);
        }

        .newlistwarp .astrologercta .pinover strong {
            font-weight: 500;
            color: #31416A;
        }

        .newlistwarp .astrologercta .pinover .info {
            display: inline-block;
            position: relative;
            cursor: pointer
        }

            .newlistwarp .astrologercta .pinover .info .pininfo {
                display: none;
                padding: 10px;
                position: absolute;
                width: 300px;
                z-index: 10;
                background: var(--color-white);
                box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px 0px;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                bottom: 30px;
                right: -30px;
                border: 1px solid rgba(0, 0, 0, 0.2);
            }

                .newlistwarp .astrologercta .pinover .info .pininfo:before {
                    position: absolute;
                    bottom: -15px;
                    right: 28px;
                    display: inline-block;
                    border-left: 14px solid transparent;
                    border-right: 14px solid transparent;
                    border-top: 14px solid #ccc;
                    content: '';
                }

                .newlistwarp .astrologercta .pinover .info .pininfo:after {
                    position: absolute;
                    bottom: -14px;
                    right: 27px;
                    display: inline-block;
                    border-left: 15px solid transparent;
                    border-right: 15px solid transparent;
                    border-top: 15px solid #fff;
                    content: '';
                }

                .newlistwarp .astrologercta .pinover .info .pininfo ul {
                    text-align: left
                }

                    .newlistwarp .astrologercta .pinover .info .pininfo ul li {
                        padding: 5px 0;
                        color: var(--gray777);
                        line-height: 18px;
                    }

            .newlistwarp .astrologercta .pinover .info:hover .pininfo {
                display: block
            }

            .newlistwarp .astrologercta .pinover .info span {
                display: inline-flex;
                border: 1px solid;
                width: 15px;
                height: 15px;
                justify-content: center;
                align-items: center;
                border-radius: 100%;
                margin-right: 5px;
                font-size: 12px;
                font-weight: 700;
            }

/**/
.darkscreen {
    position: relative;
    background-color: #082336;
}

    .darkscreen #pageheader .astrologo a {
        background: url(https://astro.sulekha.com/common/images/astrologo.png?v=9) 0 0 no-repeat;
    }

    .darkscreen #pageheader {
        border-bottom: 1px solid rgba(255,255,255,.1);
        padding-bottom: 10px;
        background-color: #071c2a;
    }

        .darkscreen #pageheader menu a {
            color: var(--color-white);
        }

        .darkscreen #pageheader menu span a {
            border-color: transparent
        }

        .darkscreen #pageheader menu span svg, .darkscreen #pageheader .secnav ul li a svg {
            fill: var(--color-white)
        }

        .darkscreen #pageheader .secnav ul li.loginwrp a {
            color: var(--color-red);
            background: var(--color-white)
        }

            .darkscreen #pageheader .secnav ul li.loginwrp a svg {
                fill: var(--color-red)
            }

        .darkscreen #pageheader .secnav ul li.walletnav span {
            color: #00ffcb;
        }

        .darkscreen #pageheader .secnav ul li a {
            color: var(--color-white);
        }

    .darkscreen .bannersection {
        background: none;
        height: 550px;
        padding: 25px 0;
        overflow: hidden
    }

        .darkscreen .bannersection .container {
        }

    .darkscreen .headerlt .tagline, .darkscreen .headerlt h1, .darkscreen .headerlt .astroonline, .darkscreen .headerlt .tagline span a {
        color: var(--color-white)
    }

        .darkscreen .headerlt h1 span {
            color: #00ffaf
        }

    .darkscreen .bannersection:before {
        /*transform: rotate(179deg);right: 0;left: auto;top: 0;opacity: 0.1;*/
        right: -250px;
        left: auto;
        top: 0;
        opacity: 0.1;
        background: url(https://d3aew4oo17ml6.cloudfront.net/astrosite/horoscopehme.png)0 0 no-repeat;
        background-size: 100%;
        width: 500px;
    }

    .darkscreen .headerlt .tagline span a {
        background: rgba(255, 255, 255, 0.2);
        border-color: rgba(255, 255, 255, 0.5)
    }

.darkscreenscroll {
    position: absolute;
    width: 100%;
    height: 100%;
}

    .darkscreenscroll img {
        position: absolute;
        opacity: 0.5;
        filter: grayscale(100%);
    }

.scrolldota {
    left: -4%;
    bottom: 0
}

.scrolldotb {
    right: 50%;
    top: 50%
}

.scrolldotc {
    right: 30%;
    bottom: 0
}

.scrolldotd {
    left: 6%;
    top: 14%
}

.scrolldote {
    left: 0;
    bottom: 30%
}

.servicecardwarp {
    position: absolute;
    right: 0;
    width: 52%;
    top: 0;
    padding: 50px 15px 0
}

    .servicecardwarp .titlehero {
        padding-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 15px
    }

        .servicecardwarp .titlehero i {
            min-width: 50px;
            min-height: 50px;
            display: inline-flex;
            background: var(--color-white);
            border-radius: 50%;
            align-items: center;
            justify-content: center;
        }

        .servicecardwarp .titlehero p {
            font-size: 20px;
            color: var(--color-white);
            line-height: 22px;
            font-weight: 500;
        }

            .servicecardwarp .titlehero p span {
                display: block;
                color: var(--yellow)
            }

/**/
.herorightwarp {
}

    .herorightwarp .rightitem {
        backdrop-filter: blur(10px);
        background: rgb(255 255 255/10%);
        border: 1px solid rgb(106, 106, 142);
        border-radius: 30px;
        margin: 20px 0;
        transform-style: preserve-3d;
        transform: perspective(1000px);
        text-align: center
    }

        .herorightwarp .rightitem .rightitemhd {
            padding: 25px 0 15px 0
        }

            .herorightwarp .rightitem .rightitemhd figure {
                width: 100px;
                height: 100px;
                border: 5px solid #FFFFFF;
                box-shadow: 0 1px 4px rgb(32 33 36 / 90%);
                -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28);
                -webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
                border-radius: 50%;
                margin: 0 auto;
                overflow: hidden;
                flex-shrink: 0;
                background-color: #40a8ca;
            }

                .herorightwarp .rightitem .rightitemhd figure img {
                    border-radius: 50%;
                    width: 100px;
                    height: 100px;
                    transform: scale(1.1) translate(0, 0);
                    transition: all 0.35s ease-in-out;
                }

        .herorightwarp .rightitem .rightitembd {
            font-family: var(--font-roboto);
            border-bottom: 1px solid rgba(255,255,255,.3);
            padding: 15px 15px 20px
        }

            .herorightwarp .rightitem .rightitembd .avable {
                border: solid 1px #08a182;
                color: var(--color-green);
                font-size: 13px;
                border-radius: 12px;
                font-weight: 400;
                padding: 3px 8px;
                display: inline-block;
                margin-left: 5px;
                position: absolute;
                top: 10px;
                left: 15px;
                background: var(--color-white)
            }

            .herorightwarp .rightitem .rightitembd .busy {
                border: solid 1px #ec4758;
                color: var(--color-red);
                font-size: 13px;
                border-radius: 12px;
                font-weight: 400;
                padding: 3px 8px;
                display: inline-block;
                margin-left: 5px;
                position: absolute;
                top: 20px;
                left: 5px;
            }

            .herorightwarp .rightitem .rightitembd .offline {
                border: solid 1px #666;
                color: var(--color-light);
                font-size: 13px;
                border-radius: 12px;
                font-weight: 400;
                padding: 3px 8px;
                display: inline-block;
                margin-left: 5px;
                position: absolute;
                top: 20px;
                left: 5px;
            }

            .herorightwarp .rightitem .rightitembd .headtitle {
                font-size: 18px;
                font-weight: 600;
                letter-spacing: .5px;
            }

                .herorightwarp .rightitem .rightitembd .headtitle a {
                    color: var(--color-white)
                }

            .herorightwarp .rightitem .rightitembd .tagline {
                color: var(--color-white);
                font-size: 15px;
                padding: 8px 0;
                font-weight: 400;
                display: block
            }

                .herorightwarp .rightitem .rightitembd .tagline a {
                    color: var(--color-white);
                }

                    .herorightwarp .rightitem .rightitembd .tagline a:hover {
                        color: #0167ff;
                        text-decoration: underline
                    }

                    .herorightwarp .rightitem .rightitembd .tagline a.more {
                        color: var(--yellow);
                    }

            .herorightwarp .rightitem .rightitembd .ratings-group {
                justify-content: center;
                color: var(--color-white);
                margin: 0
            }

                .herorightwarp .rightitem .rightitembd .ratings-group span {
                    color: var(--color-white)
                }

                .herorightwarp .rightitem .rightitembd .ratings-group .ratings svg {
                    fill: var(--yellow)
                }

        .herorightwarp .rightitem .rightitemft {
            padding: 20px 0 15px;
            min-height: 112px;
        }

            .herorightwarp .rightitem .rightitemft a {
                width: 150px;
                display: inline-flex;
                gap: 5px;
                justify-content: center;
                color: #fff;
                background: #007BFF;
                border-color: #007BFF;
                border-radius: 20px;
            }

                .herorightwarp .rightitem .rightitemft a svg {
                    fill: #fff
                }

            .herorightwarp .rightitem .rightitemft .pinover {
                display: flex;
                margin: 10px 0;
                justify-content: center;
                align-items: center;
            }

                .herorightwarp .rightitem .rightitemft .pinover b {
                    padding-right: 3px;
                    color: var(--gray)
                }

                .herorightwarp .rightitem .rightitemft .pinover strong {
                    font-weight: 500;
                    color: var(--color-white)
                }

                .herorightwarp .rightitem .rightitemft .pinover .info {
                    display: inline-block;
                    position: relative;
                    cursor: pointer
                }

                    .herorightwarp .rightitem .rightitemft .pinover .info .pininfo {
                        display: none;
                        padding: 10px;
                        position: absolute;
                        width: 270px;
                        z-index: 10;
                        background: var(--color-white);
                        box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px 0px;
                        -webkit-border-radius: 4px;
                        -moz-border-radius: 4px;
                        border-radius: 4px;
                        bottom: 30px;
                        right: -100px;
                        border: 1px solid rgba(0, 0, 0, 0.2);
                        text-align: left
                    }

                        .herorightwarp .rightitem .rightitemft .pinover .info .pininfo:before {
                            position: absolute;
                            bottom: -15px;
                            right: 99px;
                            display: inline-block;
                            border-left: 14px solid transparent;
                            border-right: 14px solid transparent;
                            border-top: 14px solid #ccc;
                            content: '';
                        }

                        .herorightwarp .rightitem .rightitemft .pinover .info .pininfo:after {
                            position: absolute;
                            bottom: -14px;
                            right: 98px;
                            display: inline-block;
                            border-left: 15px solid transparent;
                            border-right: 15px solid transparent;
                            border-top: 15px solid #fff;
                            content: '';
                        }

                        .herorightwarp .rightitem .rightitemft .pinover .info .pininfo ul {
                        }

                            .herorightwarp .rightitem .rightitemft .pinover .info .pininfo ul li {
                                padding: 5px 0;
                                color: var(--gray777);
                                line-height: 18px;
                            }

                    .herorightwarp .rightitem .rightitemft .pinover .info:hover .pininfo {
                        display: block
                    }

                    .herorightwarp .rightitem .rightitemft .pinover .info span {
                        display: inline-flex;
                        border: 1px solid rgba(255,255,255,.7);
                        width: 18px;
                        height: 18px;
                        justify-content: center;
                        align-items: center;
                        border-radius: 100%;
                        margin-right: 5px;
                        font-size: 12px;
                        font-weight: 700;
                        background: rgba(255,255,255,.5);
                        margin-left: 3px;
                    }

.darkscreen .owl-carousel .owl-nav div {
    top: -30px;
    border-radius: 0;
    box-shadow: none;
    width: 30px;
    height: 30px;
    background-size: 100%;
}

    .darkscreen .owl-carousel .owl-nav div.owl-prev {
        right: 45px;
        left: auto;
    }

    .darkscreen .owl-carousel .owl-nav div.owl-next {
        right: 10px;
        left: auto;
    }

/**/
.logowarp {
    display: flex;
    gap: 10px;
}

.hammenu a {
    transform: translateY(5px);
    display: block;
    height: 20px;
    width: 25px;
}

.darkscreen .iconhamburger, .darkscreen .iconhamburger:before, .darkscreen .iconhamburger:after {
    background: var(--color-white);
}

.iconhamburger {
    -webkit-transition: background 0s 0.3s;
    transition: background 0s 0.3s;
    background: var(--color-light);
    display: inline-block;
    height: 4px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background-clip: padding-box;
    position: relative;
    width: 25px;
    transform: rotate(180deg);
}

    .iconhamburger:before, .iconhamburger:after {
        -webkit-transition-duration: 0.3s, 0.3s;
        transition-duration: 0.3s, 0.3s;
        -webkit-transition-delay: 0.3s, 0s;
        transition-delay: 0.3s, 0s;
        content: "";
        display: block;
        height: 4px;
        left: 0;
        position: absolute;
        width: 100%;
        -webkit-border-radius: 1px;
        border-radius: 1px;
        background-clip: padding-box;
    }

    .iconhamburger:before {
        -webkit-transition-property: top, -webkit-transform;
        transition-property: top, transform;
        top: -7px;
        width: 25px;
        background-color: var(--color-light);
    }

    .iconhamburger:after {
        -webkit-transition-property: bottom, -webkit-transform;
        transition-property: bottom, transform;
        bottom: -7px;
        width: 25px;
        background-color: var(--color-light);
    }

/**/
.consltnew {
    padding: 25px 0;
    background-color: #f7f6fe;
    margin-bottom: 50px;
}

    .consltnew .herotitle {
        text-align: center;
        padding-bottom: 15px
    }

    .consltnew .consultlist p {
        display: block;
        margin-top: 30px;
        font-size: 16px;
        font-weight: 500;
    }

    .consltnew .loader {
        width: 70px;
        height: 70px;
        margin: 10px 0 0;
        animation: spin 1s linear infinite;
    }

.consultabs {
    display: flex;
    justify-content: space-between;
    border: 1px solid #e2d9fc;
    border-radius: 100px;
    padding: 0px 100px;
    background: rgb(255 255 255/20%);
}

    .consultabs span {
        position: relative
    }

        .consultabs span a {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 10px;
            font-size: 17px;
            color: var(--color-light);
            padding: 20px 40px;
        }

            .consultabs span a b {
                display: block;
                margin-top: 5px;
            }

        .consultabs span.active, .consultabs span:hover {
            background: #fff
        }

            .consultabs span.active:before, .consultabs span:hover:before {
                position: absolute;
                bottom: -15px;
                left: 50%;
                display: inline-block;
                border-left: 14px solid transparent;
                border-right: 14px solid transparent;
                border-top: 14px solid #ccc;
                content: '';
            }

            .consultabs span.active:after, .consultabs span:hover:after {
                position: absolute;
                bottom: -14px;
                left: 49.5%;
                display: inline-block;
                border-left: 15px solid transparent;
                border-right: 15px solid transparent;
                border-top: 15px solid #fff;
                content: '';
            }

        .consultabs span i {
            width: 50px;
            height: 50px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            background: -ms-linear-gradient(0deg,#e2906e 0,#e83a99 100%);
            background: -moz-linear-gradient(0deg,#e2906e 0,#e83a99 100%);
            background: -webkit-linear-gradient(0deg,#e2906e 0,#e83a99 100%);
            box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(232,58,153,.5);
            color: #fff;
            margin: 0 auto;
            align-items: center;
            display: inline-flex;
            justify-content: center;
        }

            .consultabs span i svg {
                fill: var(--color-white)
            }

        .consultabs span:nth-of-type(5n+2) i {
            background: -ms-linear-gradient(0deg, #f6d365 0, #fda085 100%);
            background: -moz-linear-gradient(0deg, #f6d365 0, #fda085 100%);
            background: -webkit-linear-gradient(0deg, #f6d365 0, #fda085 100%);
            box-shadow: 2.419px 9.703px 18.24px .76px rgba(253, 160, 133, .5)
        }

        .consultabs span:nth-of-type(5n+3) i {
            background: -ms-linear-gradient(0deg, #95b4ff 0, #7397ff 100%);
            background: -moz-linear-gradient(0deg, #95b4ff 0, #7397ff 100%);
            background: -webkit-linear-gradient(0deg, #95b4ff 0, #7397ff 100%);
            box-shadow: 2.419px 9.703px 12.48px .52px rgba(115, 151, 255, .5)
        }

        .consultabs span:nth-of-type(5n+4) i {
            background: -ms-linear-gradient(0deg, #9df3a7 0, #57d464 100%);
            background: -moz-linear-gradient(0deg, #9df3a7 0, #57d464 100%);
            background: -webkit-linear-gradient(0deg, #9df3a7 0, #57d464 100%);
            box-shadow: 2.419px 9.703px 12.48px .52px rgba(87, 212, 100, .5)
        }

        .consultabs span:nth-of-type(5n+5) i {
            background: -ms-linear-gradient(0deg, #63eef7 0, #3ad1e5 100%);
            background: -moz-linear-gradient(0deg, #63eef7 0, #3ad1e5 100%);
            background: -webkit-linear-gradient(0deg, #63eef7 0, #3ad1e5 100%);
            box-shadow: 2.419px 9.703px 12.48px .52px rgba(58, 209, 229, .5)
        }

        .consultabs span.more i {
            background: transparent;
            box-shadow: none;
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }

            .consultabs span.more i svg {
                fill: var(--gray666)
            }

        .consultabs span.more:hover ul {
            display: block
        }

        .consultabs span.more ul {
            position: absolute;
            background: var(--color-white);
            width: 200px;
            z-index: 2;
            box-shadow: var(--boxshadow);
            border-radius: 4px;
            padding: 10px 0;
            right: 0;
            display: none
        }

            .consultabs span.more ul li {
            }

                .consultabs span.more ul li:hover a {
                    background: #FDBA17;
                    color: var(--color-white);
                }

                .consultabs span.more ul li a {
                    padding: 13px 10px;
                    align-items: flex-start;
                    color: var(--color-light);
                }

.consultlist .rightitem {
    backdrop-filter: blur(10px);
    background: rgb(255 255 255/60%);
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 30px;
    margin: 20px 0;
    transform-style: preserve-3d;
    transform: perspective(1000px);
    text-align: center
}

    .consultlist .rightitem .rightitemhd {
        padding: 25px 0 15px 0
    }

        .consultlist .rightitem .rightitemhd figure {
            width: 100px;
            height: 100px;
            border: 5px solid #FFFFFF;
            box-shadow: 0 1px 4px rgb(32 33 36 / 90%);
            -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28);
            -webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
            border-radius: 50%;
            margin: 0 auto;
            overflow: hidden;
            flex-shrink: 0;
            background-color: #40a8ca;
        }

            .consultlist .rightitem .rightitemhd figure img {
                border-radius: 50%;
                width: 100px;
                height: 100px;
                transform: scale(1.1) translate(0, 0);
                transition: all 0.35s ease-in-out;
            }

    .consultlist .rightitem .rightitembd {
        font-family: var(--font-roboto);
        border-bottom: 1px solid rgba(0,0,0,.1);
        padding: 15px 15px 20px
    }

        .consultlist .rightitem .rightitembd .avable {
            border: solid 1px #08a182;
            color: var(--color-green);
            font-size: 13px;
            border-radius: 12px;
            font-weight: 400;
            padding: 3px 8px;
            display: inline-block;
            margin-left: 5px;
            position: absolute;
            top: 10px;
            left: 5px;
            background: var(--color-white)
        }

        .consultlist .rightitem .rightitembd .busy {
            border: solid 1px #ec4758;
            color: var(--color-red);
            font-size: 13px;
            border-radius: 12px;
            font-weight: 400;
            padding: 3px 8px;
            display: inline-block;
            margin-left: 5px;
            position: absolute;
            top: 20px;
            left: 5px;
        }

        .consultlist .rightitem .rightitembd .offline {
            border: solid 1px #666;
            color: var(--color-light);
            font-size: 13px;
            border-radius: 12px;
            font-weight: 400;
            padding: 3px 8px;
            display: inline-block;
            margin-left: 5px;
            position: absolute;
            top: 20px;
            left: 5px;
        }

        .consultlist .rightitem .rightitembd .headtitle {
            font-size: 18px;
            font-weight: 600;
            letter-spacing: .5px;
        }

            .consultlist .rightitem .rightitembd .headtitle a {
                color: var(--color-black)
            }

        .consultlist .rightitem .rightitembd .tagline {
            color: var(--gray888);
            font-size: 15px;
            padding: 8px 0;
            font-weight: 400;
            display: block;
            line-height: 20px;
        }

            .consultlist .rightitem .rightitembd .tagline a {
                color: var(--color-black);
            }

                .consultlist .rightitem .rightitembd .tagline a:hover {
                    color: #0167ff;
                    text-decoration: underline
                }

                .consultlist .rightitem .rightitembd .tagline a.more {
                    color: #0167ff;
                }

        .consultlist .rightitem .rightitembd .ratings-group {
            justify-content: center;
            color: var(--color-black);
            margin: 0
        }

            .consultlist .rightitem .rightitembd .ratings-group span {
                color: var(--color-black)
            }

    .consultlist .rightitem .rightitemft {
        padding: 20px 0 15px;
        min-height: 112px;
    }

        .consultlist .rightitem .rightitemft a {
            width: 150px;
            display: inline-flex;
            gap: 5px;
            justify-content: center;
            color: #fff;
            background: #007BFF;
            border-color: #007BFF;
            border-radius: 20px;
        }

            .consultlist .rightitem .rightitemft a svg {
                fill: #fff
            }

        .consultlist .rightitem .rightitemft .pinover {
            display: flex;
            margin: 10px 0;
            justify-content: center;
            align-items: center;
        }

            .consultlist .rightitem .rightitemft .pinover b {
                padding-right: 3px;
                color: var(--gray888)
            }

            .consultlist .rightitem .rightitemft .pinover strong {
                font-weight: 500;
                color: var(--color-black)
            }

            .consultlist .rightitem .rightitemft .pinover .info {
                display: inline-block;
                position: relative;
                cursor: pointer
            }

                .consultlist .rightitem .rightitemft .pinover .info .pininfo {
                    display: none;
                    padding: 10px;
                    position: absolute;
                    width: 270px;
                    z-index: 10;
                    background: var(--color-white);
                    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px 0px;
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                    border-radius: 4px;
                    bottom: 30px;
                    right: -100px;
                    border: 1px solid rgba(0, 0, 0, 0.2);
                    text-align: left
                }

                    .consultlist .rightitem .rightitemft .pinover .info .pininfo:before {
                        position: absolute;
                        bottom: -15px;
                        right: 99px;
                        display: inline-block;
                        border-left: 14px solid transparent;
                        border-right: 14px solid transparent;
                        border-top: 14px solid #ccc;
                        content: '';
                    }

                    .consultlist .rightitem .rightitemft .pinover .info .pininfo:after {
                        position: absolute;
                        bottom: -14px;
                        right: 98px;
                        display: inline-block;
                        border-left: 15px solid transparent;
                        border-right: 15px solid transparent;
                        border-top: 15px solid #fff;
                        content: '';
                    }

                    .consultlist .rightitem .rightitemft .pinover .info .pininfo ul {
                    }

                        .consultlist .rightitem .rightitemft .pinover .info .pininfo ul li {
                            padding: 5px 0;
                            color: var(--gray777);
                            line-height: 18px;
                        }

                .consultlist .rightitem .rightitemft .pinover .info:hover .pininfo {
                    display: block
                }

                .consultlist .rightitem .rightitemft .pinover .info span {
                    display: inline-flex;
                    border: 1px solid rgba(0,0,0,.7);
                    width: 18px;
                    height: 18px;
                    justify-content: center;
                    align-items: center;
                    border-radius: 100%;
                    margin-right: 5px;
                    font-size: 12px;
                    font-weight: 700;
                    background: rgba(255,255,255,.5);
                    margin-left: 3px;
                }

/*=============================== search start ===============================*/
/**/
#pageheader .hdsearchwrp .searchwarp .searchaction a.btun {
    position: static
}

#pageheader .hdsearchwrp .searchwarp .searchtext {
    position: relative
}

#pageheader .hdsearchwrp .searchwarp input[type="text"] {
    border-radius: 0;
    padding: 10px;
    border: 0
}

/**/
.searchwarp {
    display: flex;
    color: var(--color-black);
    flex-direction: row;
    align-items: center;
    width: 0;
    background: var(--color-white);
    position: absolute;
    z-index: 2;
    top: 0;
    border-radius: 50px;
    font-family: var(--font-poppins);
    font-weight: 500;
    width: 0;
    overflow: hidden;
    transition: width .3s;
}

    .searchwarp > * {
        height: 50px;
        display: inline-flex;
        align-items: center;
        position: relative
    }

.searchopen .searchwarp {
    width: 760px;
    overflow: visible;
    border: solid 1px #ddd;
}

/**/
.searchopen #pageheader {
    position: relative;
    z-index: 999;
    background: var(--color-white);
    padding-bottom: 10px;
}

    .searchopen #pageheader .astrologo a {
        background: url(https://astro.sulekha.com/common/images/sulekha-logo.png?v=9) 0 0 no-repeat;
    }

    .searchopen #pageheader menu a {
        color: var(--color-black);
    }

.searchopen #astrologer .toplinewrp {
    position: relative;
    z-index: 9999
}

.searchopen #pageheader .secnav ul li a {
    color: var(--color-light);
}

.searchopen #pageheader .secnav ul li.walletnav span {
    color: var(--color-green);
}

.searchopen #pageheader menu span svg, .searchopen #pageheader .secnav ul li a svg {
    fill: var(--color-light);
}

.searchopen .iconhamburger, .searchopen .iconhamburger:before, .searchopen .iconhamburger:after {
    background: var(--color-light);
}

.searchopen #pageheader menu {
    display: none
}

.searchopen .backdrop {
    backdrop-filter: blur(8px);
    opacity: 1;
    background: rgba(0, 0, 0, 0.3);
    transition: 0.4s;
}

/**/
.searchwarp .searchselect {
    -webkit-flex-basis: 15%;
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-right: solid 1px var(--grayddd);
    background: #f0f2f5;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    padding: 0 15px;
    width: inherit;
}

.searchwarp .searchtext {
    -webkit-flex-basis: 33%;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-right: solid 1px var(--grayddd);
    padding: 0 15px;
    width: inherit;
}

.searchwarp .searchlocation {
    -webkit-flex-basis: 31%;
    -ms-flex-preferred-size: 31%;
    flex-basis: 31%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-right: solid 1px var(--grayddd);
    padding: 0 15px;
    width: inherit;
}

.searchwarp .searchaction {
    -webkit-flex-basis: 15%;
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 15px;
    width: inherit;
}

.searchwarp .searchselect .holder {
    width: 100%;
    font-size: 14px;
}

    .searchwarp .searchselect .holder a {
        display: flex;
        gap: 5px;
        align-items: center;
        color: var(--color-black);
        padding: 0 10px 0 20px;
    }

        .searchwarp .searchselect .holder a .arrow {
            margin-left: auto
        }

.searchwarp .searchtext .searchdropdown {
    width: 100%
}

.searchdropdown {
    background: var(--color-white);
    position: absolute;
    box-shadow: 0 0 18px rgb(0 0 0 / 15%);
    z-index: 2;
    border-radius: 4px;
    min-width: 250px;
    left: 0;
    top: 50px;
}

    .searchdropdown ul {
        margin: 5px 0
    }

        .searchdropdown ul li {
            color: var(--color-light);
        }

            .searchdropdown ul li a {
                padding: 10px;
                color: var(--color-light);
                display: flex;
                gap: 10px;
                align-items: center
            }

                .searchdropdown ul li a:hover {
                    background: #FDBA17;
                    color: var(--color-white);
                }

.searchwarp .searchlocation i svg, .searchwarp .searchtext i svg {
    fill: var(--gray999)
}

.searchwarp label {
    display: none
}

/*=============================== search End ===============================*/
.newtopsection {
    background: linear-gradient(102.93deg, #374B5C 0%, #C10037 100%);
    padding: 20px;
    height: 150px;
}

    .newtopsection .breadcrumb {
        padding: 0
    }

        .newtopsection .breadcrumb a {
            color: var(--color-white)
        }

    .newtopsection .horoscopetitle {
        color: var(--color-white);
        padding-left: 658px;
        text-align: left;
        margin: 0
    }

.sidenavwarp {
    background: var(--color-white);
    border: 1px solid #DEDEDE;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    position: sticky;
    top: 0;
    margin-top: -60px;
}

    .sidenavwarp .sidetitle {
        font-size: 20px;
        font-weight: 600;
        letter-spacing: .5px;
        padding: 10px 10px 15px;
    }

    .sidenavwarp .sidesign {
        border-bottom: solid 1px #ddd;
        text-align: center;
        padding: 15px;
        margin: 10px 0
    }

        .sidenavwarp .sidesign figure {
            width: 200px;
            height: 200px;
            margin: 0 auto;
            border-radius: 50%;
            position: relative;
            z-index: 1;
            display: flex;
            align-items: center;
            justify-content: center
        }

            .sidenavwarp .sidesign figure:before {
                position: absolute;
                content: '';
                width: 200px;
                height: 200px;
                top: 0px;
                border-radius: 50%;
                left: 5px;
                z-index: -1
            }

            .sidenavwarp .sidesign figure.aries {
                background: #C94800
            }

                .sidenavwarp .sidesign figure.aries:before {
                    background: #FFEBDF
                }

                .sidenavwarp .sidesign figure.aries svg {
                    fill: #C94800;
                }

            .sidenavwarp .sidesign figure.taurus {
                background: #D00019
            }

                .sidenavwarp .sidesign figure.taurus:before {
                    background: #FFE0E4
                }

                .sidenavwarp .sidesign figure.taurus svg {
                    fill: #D00019
                }

            .sidenavwarp .sidesign figure.gemini {
                background: #840087
            }

                .sidenavwarp .sidesign figure.gemini:before {
                    background: #FEDCFF
                }

                .sidenavwarp .sidesign figure.gemini svg {
                    fill: #840087
                }

            .sidenavwarp .sidesign figure.cancer {
                background: #ED1C24
            }

                .sidenavwarp .sidesign figure.cancer:before {
                    background: #FFE7E7
                }

                .sidenavwarp .sidesign figure.cancer svg {
                    fill: #ED1C24
                }

            .sidenavwarp .sidesign figure.leo {
                background: #A17500
            }

                .sidenavwarp .sidesign figure.leo:before {
                    background: #FFF4D6
                }

                .sidenavwarp .sidesign figure.leo svg {
                    fill: #A17500
                }

            .sidenavwarp .sidesign figure.virgo {
                background: #395301
            }

                .sidenavwarp .sidesign figure.virgo:before {
                    background: #F7FFE4
                }

                .sidenavwarp .sidesign figure.virgo svg {
                    fill: #395301
                }

            .sidenavwarp .sidesign figure.libra {
                background: #D0004D
            }

                .sidenavwarp .sidesign figure.libra:before {
                    background: #FFE0EC
                }

                .sidenavwarp .sidesign figure.libra svg {
                    fill: #D0004D
                }

            .sidenavwarp .sidesign figure.scorpio {
                background: #510065
            }

                .sidenavwarp .sidesign figure.scorpio:before {
                    background: #F9DFFF
                }

                .sidenavwarp .sidesign figure.scorpio svg {
                    fill: #510065
                }

            .sidenavwarp .sidesign figure.sagittarius {
                background: #DC9E00
            }

                .sidenavwarp .sidesign figure.sagittarius:before {
                    background: #FAE8B9
                }

                .sidenavwarp .sidesign figure.sagittarius svg {
                    fill: #DC9E00
                }

            .sidenavwarp .sidesign figure.capricorn {
                background: #009444
            }

                .sidenavwarp .sidesign figure.capricorn:before {
                    background: #D4FFE8
                }

                .sidenavwarp .sidesign figure.capricorn svg {
                    fill: #009444
                }

            .sidenavwarp .sidesign figure.aquarius {
                background: #511955
            }

                .sidenavwarp .sidesign figure.aquarius:before {
                    background: #FDE2FF
                }

                .sidenavwarp .sidesign figure.aquarius svg {
                    fill: #511955
                }

            .sidenavwarp .sidesign figure.pisces {
                background: #007D8E
            }

                .sidenavwarp .sidesign figure.pisces:before {
                    background: #D7FAFF
                }

                .sidenavwarp .sidesign figure.pisces svg {
                    fill: #007D8E
                }

.sidenav {
    padding: 10px;
}

    .sidenav ul {
    }

        .sidenav ul li {
            font-size: 16px;
            margin-bottom: 2px;
        }

            .sidenav ul li a {
                padding: 15px 10px;
                display: block;
                color: var(--color-black);
                background: #EDF1F9;
            }

/**/
.horoscopetitle {
    text-align: center;
    color: #313131;
    font-weight: 600;
    margin: 30px 0 10px;
    letter-spacing: 0.2px;
    font-size: 26px;
    margin-bottom: 20px;
}

    .horoscopetitle span {
        font-size: 18px;
        font-weight: 400;
        color: #616161;
    }

.horoscopesection .accordion_menu, .horoscopesection .accordion_menu ul, .horoscopesection .accordion_menu li, .horoscopesection .accordion_menu a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-weight: normal;
    text-decoration: none;
    font-size: 15px;
    position: relative;
    font-family: var(--font-poppins);
}

.horoscopesection .accordion_menu {
    padding: 15px 0;
    width: 100%;
    margin: 0;
}

    .horoscopesection .accordion_menu ul {
        border-top: 0;
    }

        .horoscopesection .accordion_menu ul li {
            padding-bottom: 20px !important;
            position: relative
        }

            .horoscopesection .accordion_menu ul li:last-child:before {
                display: none
            }

            .horoscopesection .accordion_menu ul li:before {
                border-left: solid 2px #ddd;
                position: absolute;
                content: "";
                left: 27px;
                top: 27px;
                height: 100%;
                transition: 0.4s all ease-in-out;
            }

            .horoscopesection .accordion_menu ul li.active:before {
                border-color: #5d87ff
            }

            .horoscopesection .accordion_menu ul li a span {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                background: #707070;
                width: 25px;
                height: 25px;
                color: var(--color-white);
                border-radius: 50%;
                margin-right: 10px;
                font-weight: 400
            }

            .horoscopesection .accordion_menu ul li a h3 {
                padding-right: 20px;
                flex: 1 0 0
            }

            .horoscopesection .accordion_menu ul li a {
                font-size: 18px;
                color: #555;
                padding: 15px;
                display: flex;
                font-weight: 600;
            }

                .horoscopesection .accordion_menu ul li a h2 {
                    font-size: 18px;
                    color: #555;
                    display: flex;
                    font-weight: 600;
                    margin: 0;
                    text-align: left;
                    letter-spacing: 0;
                }

                .horoscopesection .accordion_menu ul li a:hover {
                    text-decoration: none;
                }

            .horoscopesection .accordion_menu ul li.active a {
                color: #313131;
                background: #0000000a;
                margin-bottom: 15px;
                display: flex
            }

                .horoscopesection .accordion_menu ul li.active a i {
                    background: #fff;
                    padding: 0;
                    border-radius: 50%;
                    width: 25px;
                    height: 25px;
                    display: inline-block;
                    text-align: center;
                    line-height: 24px;
                }

                .horoscopesection .accordion_menu ul li.active a svg {
                    padding-top: 0;
                    width: 12px;
                    height: 12px;
                }

            .horoscopesection .accordion_menu ul li a i {
                float: right;
                color: #000;
                font-size: 16px;
                width: 25px;
                height: 25px;
            }

                .horoscopesection .accordion_menu ul li a i svg {
                    -webkit-transition: all .5s ease-in;
                    -moz-transition: all .5s ease-in;
                    -ms-transition: all .5s ease-in;
                    -o-transition: all .5s ease-in;
                    transition: all .5s ease-in;
                }

            .horoscopesection .accordion_menu ul li.active a i svg {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
            }

            .horoscopesection .accordion_menu ul li.active a .ratings, .horoscopesection .accordion_menu ul li a .ratings {
                display: block;
                margin: 0;
            }

                .horoscopesection .accordion_menu ul li.active a .ratings span {
                    border-radius: 0;
                    background-color: #f5f5f5;
                }

                .horoscopesection .accordion_menu ul li a .ratings span {
                    border-radius: 0;
                    background-color: #ffff;
                }

        /* Sub menu */
        .horoscopesection .accordion_menu ul div {
            display: none;
        }

        .horoscopesection .accordion_menu ul .acc {
            padding: 5px 12px 5px 50px;
        }

            .horoscopesection .accordion_menu ul .acc a {
                display: inline-block;
                color: #009fff;
            }

            .horoscopesection .accordion_menu ul .acc ol, .horoscopesection .accordion_menu ul .acc ul {
                margin: 10px 0 0;
            }

                .horoscopesection .accordion_menu ul .acc ol li {
                    list-style: decimal !important;
                }

            .horoscopesection .accordion_menu ul .acc ul {
                margin-bottom: 10px;
            }

                .horoscopesection .accordion_menu ul .acc ol li:before, .horoscopesection .accordion_menu ul .acc ul li:before {
                    display: none
                }

                .horoscopesection .accordion_menu ul .acc ol li, .horoscopesection .accordion_menu ul .acc ul li {
                    list-style-type: circle;
                    margin: 0 0 10px 20px;
                    border: 0;
                    color: #666;
                    font-size: 15px;
                    line-height: 22px;
                    padding: 0
                }

                    .horoscopesection .accordion_menu ul .acc ul li a, .horoscopesection .accordion_menu ul .acc ol li a {
                        background: none;
                        padding: 0;
                        display: inline;
                        font-size: 14px;
                        color: var(--color-blue)
                    }

            .horoscopesection .accordion_menu ul .acc p a {
                display: inline-block;
                padding: 0;
                font-size: 14px;
                line-height: 21px;
            }

    .horoscopesection .accordion_menu p {
        color: #616161;
        line-height: 24px;
        padding: 0 0 10px;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 0.2px;
    }

.horoscopesection span {
    font-size: 18px;
    font-weight: 400;
    color: #616161;
}

.horoscopesection {
    font-family: var(--font-poppins);
}

    .horoscopesection ul li {
        list-style-type: circle;
        margin: 0 0 10px 20px;
        border: 0;
        color: #666;
        font-size: 15px;
        line-height: 22px;
        padding: 0
    }

    .horoscopesection p {
        color: #616161;
        line-height: 24px;
        padding: 0 0 15px;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 0.2px;
    }

        .horoscopesection p b, .horoscopesection p strong {
            color: #313131;
            font-size: 15px;
            font-weight: 500;
            display: inline-block;
            padding: 0
        }

    .horoscopesection b, .horoscopesection strong {
        display: block;
        color: #313131;
        font-size: 15px;
        font-weight: 500;
        padding-bottom: 10px
    }

.selectbox {
    position: relative;
    padding: 10px;
}

    .selectbox .holder {
        display: flex;
        justify-content: space-between;
        border: solid 1px #9e9e9e;
        border-radius: 4px;
        padding: 13px 10px;
        cursor: pointer
    }

    .selectbox .optionlist {
        position: absolute;
        background: var(--color-white);
        width: 95%;
        border: 1px solid #DEDEDE;
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px rgba(0, 0, 0, 0.05);
        left: 10px;
        border-radius: 4px;
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
        transform: scale(0.75) translateY(-21px);
        -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        opacity: 0;
        visibility: hidden
    }

        .selectbox .optionlist.open {
            opacity: 1;
            pointer-events: auto;
            -webkit-transform: scale(1) translateY(0);
            -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
            visibility: visible
        }

        .selectbox .optionlist ul {
            max-height: 200px;
            overflow-y: auto;
            overflow-x: hidden;
        }

            .selectbox .optionlist ul li {
                padding: 13px 10px;
                font-size: 14px;
                border-bottom: solid 1px var(--gray)
            }

                .selectbox .optionlist ul li:hover {
                    background: #FDBA17;
                }

                    .selectbox .optionlist ul li:hover a {
                        color: var(--color-white);
                    }

                .selectbox .optionlist ul li a {
                    color: var(--color-black);
                    display: block
                }

.compatwarp {
    background: #f5f5f5;
    padding: 25px 0;
    margin: 50px 0 20px
}

.signgriditem {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
    grid-gap: 15px;
}

    .signgriditem .signgrid {
        background: var(--color-white);
        border: 1px solid #DEDEDE;
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px rgba(0, 0, 0, 0.05);
        border-radius: 10px;
        padding: 15px;
        cursor: pointer
    }

        .signgriditem .signgrid .gridsigns {
            display: flex;
            justify-content: space-between;
            gap: 15px
        }

        .signgriditem .signgrid span {
            display: block;
            font-weight: 500;
            text-align: center;
            font-size: 18px
        }

        .signgriditem .signgrid .gridsigns figure {
            width: 65px;
            height: 65px;
            text-align: center;
            line-height: 65px;
            position: relative;
            border-radius: 50px;
            z-index: 1;
            display: flex;
            align-items: center;
            justify-content: center
        }

            .signgriditem .signgrid .gridsigns figure:before {
                position: absolute;
                content: '';
                width: 65px;
                height: 65px;
                top: 0px;
                border-radius: 50px;
                left: 5px;
                z-index: -1
            }

            .signgriditem .signgrid .gridsigns figure.aries {
                background: #C94800
            }

                .signgriditem .signgrid .gridsigns figure.aries:before {
                    background: #FFEBDF
                }

                .signgriditem .signgrid .gridsigns figure.aries svg {
                    fill: #C94800;
                }

            .signgriditem .signgrid .gridsigns figure.taurus {
                background: #D00019
            }

                .signgriditem .signgrid .gridsigns figure.taurus:before {
                    background: #FFE0E4
                }

                .signgriditem .signgrid .gridsigns figure.taurus svg {
                    fill: #D00019
                }

            .signgriditem .signgrid .gridsigns figure.gemini {
                background: #840087
            }

                .signgriditem .signgrid .gridsigns figure.gemini:before {
                    background: #FEDCFF
                }

                .signgriditem .signgrid .gridsigns figure.gemini svg {
                    fill: #840087
                }

            .signgriditem .signgrid .gridsigns figure.cancer {
                background: #ED1C24
            }

                .signgriditem .signgrid .gridsigns figure.cancer:before {
                    background: #FFE7E7
                }

                .signgriditem .signgrid .gridsigns figure.cancer svg {
                    fill: #ED1C24
                }

            .signgriditem .signgrid .gridsigns figure.leo {
                background: #A17500
            }

                .signgriditem .signgrid .gridsigns figure.leo:before {
                    background: #FFF4D6
                }

                .signgriditem .signgrid .gridsigns figure.leo svg {
                    fill: #A17500
                }

            .signgriditem .signgrid .gridsigns figure.virgo {
                background: #395301
            }

                .signgriditem .signgrid .gridsigns figure.virgo:before {
                    background: #F7FFE4
                }

                .signgriditem .signgrid .gridsigns figure.virgo svg {
                    fill: #395301
                }

            .signgriditem .signgrid .gridsigns figure.libra {
                background: #D0004D
            }

                .signgriditem .signgrid .gridsigns figure.libra:before {
                    background: #FFE0EC
                }

                .signgriditem .signgrid .gridsigns figure.libra svg {
                    fill: #D0004D
                }

            .signgriditem .signgrid .gridsigns figure.scorpio {
                background: #510065
            }

                .signgriditem .signgrid .gridsigns figure.scorpio:before {
                    background: #F9DFFF
                }

                .signgriditem .signgrid .gridsigns figure.scorpio svg {
                    fill: #510065
                }

            .signgriditem .signgrid .gridsigns figure.sagittarius {
                background: #DC9E00
            }

                .signgriditem .signgrid .gridsigns figure.sagittarius:before {
                    background: #FAE8B9
                }

                .signgriditem .signgrid .gridsigns figure.sagittarius svg {
                    fill: #DC9E00
                }

            .signgriditem .signgrid .gridsigns figure.capricorn {
                background: #009444
            }

                .signgriditem .signgrid .gridsigns figure.capricorn:before {
                    background: #D4FFE8
                }

                .signgriditem .signgrid .gridsigns figure.capricorn svg {
                    fill: #009444
                }

            .signgriditem .signgrid .gridsigns figure.aquarius {
                background: #511955
            }

                .signgriditem .signgrid .gridsigns figure.aquarius:before {
                    background: #FDE2FF
                }

                .signgriditem .signgrid .gridsigns figure.aquarius svg {
                    fill: #511955
                }

            .signgriditem .signgrid .gridsigns figure.pisces {
                background: #007D8E
            }

                .signgriditem .signgrid .gridsigns figure.pisces:before {
                    background: #D7FAFF
                }

                .signgriditem .signgrid .gridsigns figure.pisces svg {
                    fill: #007D8E
                }

.subpromtion {
    background-color: #f1f9fc;
}

    .subpromtion .subprombg:before {
        bottom: 0
    }

    .subpromtion .subprotitle span {
        font-size: 22px;
        margin-bottom: 40px;
    }

/**/
.locationwrp {
    display: flex;
    gap: 10px;
    margin: 10px 0;
    background: var(--gray-c);
    padding: 10px
}

    .locationwrp span {
        display: flex;
        flex-direction: column
    }

        .locationwrp span em {
            padding-bottom: 5px
        }

        .locationwrp span b {
            color: var(--color-black)
        }

    .locationwrp .location {
        display: flex;
        gap: 10px;
        align-items: center
    }

        .locationwrp .location figure {
            width: 30px;
            height: 30px;
            background: var(--color-white);
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center
        }

        .locationwrp .location:first-child figure svg {
            fill: #ff9a61;
        }

        .locationwrp .location:last-child figure svg {
            fill: #579eee;
        }

        .locationwrp .location .locinfo {
            display: flex;
            flex-direction: column
        }

            .locationwrp .location .locinfo em {
                padding-bottom: 5px;
            }

            .locationwrp .location .locinfo b {
                color: var(--color-black);
                font-weight: 500
            }

/**/
/*monthly festival*/
.data-link-title {
    font-size: 22px;
    font-weight: 600;
    margin: 15px 0;
    letter-spacing: .5px;
    display: flex;
    align-items: center;
}

.data-link-table {
    overflow-x: auto;
    overflow-y: auto;
    height: 800px;
}

    .data-link-table table td {
        border: 1px #ddd solid;
    }

    .data-link-table table {
        width: 1600px;
    }

        .data-link-table table strong {
            font-weight: 500;
        }

        .data-link-table table thead {
            background-color: #27bcff !important;
            color: #fff;
        }

        .data-link-table table td {
            border: 1px #ddd solid;
        }

        .data-link-table table tr td {
            padding: 10px;
            text-align: center;
            line-height: 20px;
        }

        .data-link-table table .mont {
            background: #f5f5f5;
            font-weight: 500;
            color: #212121;
            text-align: center;
            font-size: 16px;
            padding: 10px;
        }

        .data-link-table table span {
            display: block;
            padding: 0px;
        }

    .data-link-table::-webkit-scrollbar {
        height: 4px;
        width: 4px
    }

/*nandha Start*/
/*monthly festival*/
.month-festival-data {
    display: flex;
    font-family: var(--font-poppins);
    box-shadow: 0 0 10px rgb(137 173 255 / 35%);
    border: 1px #FFFFFF solid;
}

.month-dtls {
    width: 20%;
    background-color: #f5f5f5;
    border: 1px #ddd solid;
}

    .month-dtls ul {
        padding: 43px 0px 10px;
    }

        .month-dtls ul li {
            padding: 10px 0px;
            margin-left: 20px;
        }

            .month-dtls ul li a {
                color: #333;
                font-size: 16px;
                font-weight: 500;
                padding: 15px;
                display: block;
                transition: all 0.25s ease-in-out;
            }

                .month-dtls ul li a:hover {
                    background-color: #d8232a;
                    color: #fff;
                    -webkit-border-top-left-radius: 50px;
                    -webkit-border-bottom-left-radius: 50px;
                    -moz-border-radius-topleft: 50px;
                    -moz-border-radius-bottomleft: 50px;
                    border-top-left-radius: 50px;
                    border-bottom-left-radius: 50px;
                }

.month-festival-data .month-dtls ul li .month-dtls-active {
    background-color: #d8232a;
    color: #fff;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

/**/
.festival-warp {
    width: 80%;
}

.festival-dtls {
    background-color: #fff;
}

    .festival-dtls .month-title {
        width: 100%;
        font-size: 23px;
        font-weight: 600;
        text-align: center;
        padding: 15px;
        background-color: #ddd;
    }

    .festival-dtls table {
        width: 100%;
        color: #333;
    }

        .festival-dtls table .data-bg {
            background-color: #f5f5f5;
        }

        .festival-dtls table tr {
        }

            .festival-dtls table tr th {
                text-align: center;
                font-weight: 600;
                padding: 14px 0px;
                border: 1px #ddd solid;
                font-size: 18px;
            }

            .festival-dtls table tr td {
                padding: 18px 20px 19px;
                border: 1px #ddd solid;
                font-size: 16px;
                font-weight: 500;
                color: #000;
            }

                .festival-dtls table tr td span {
                    color: #333;
                    font-weight: 400;
                    font-size: 14px;
                }

/*monthly festival New*/
.new-month-festival-data {
    font-family: var(--font-poppins);
    box-shadow: 0 0 10px rgb(137 173 255 / 35%);
    border: 1px #FFFFFF solid;
}

/**/
.new-month-dtls {
    padding: 10px;
}

.new-festival-warp {
    width: 100%;
}

.new-festival-dtls {
    background-color: #fff;
}

    .new-festival-dtls .new-month-title {
        width: 100%;
        font-size: 21px;
        font-weight: 600;
        text-align: center;
        padding: 15px;
        background-color: #ddd;
        line-height: 25px;
    }

    .new-festival-dtls .new-festival-table {
        width: 49.8%;
        color: #333;
        display: inline-block;
        padding: 20px;
        vertical-align: top;
    }

    .new-festival-dtls table {
        width: 100%;
        color: #333;
        vertical-align: top;
    }

        /*.new-festival-dtls table .new-data-bg{background-color: #f5f5f5;}*/
        .new-festival-dtls table .new-month-heder {
            width: 100%;
            padding: 10px;
            background-color: #fff;
        }

        .new-festival-dtls table tr {
        }

    .new-festival-dtls tr:nth-child(odd) {
        background-color: #f5f5f5;
    }

    .new-festival-dtls table tr th {
        background-color: #fffde5;
        text-align: left;
        font-weight: 400;
        padding: 15px;
        border: 1px #ddd solid;
        font-size: 18px;
    }

    .new-festival-dtls table tr td {
        padding: 20px;
        border: 1px #ddd solid;
        font-size: 16px;
        font-weight: 500;
        color: #000;
        text-align: left;
        line-height: 20px;
    }

/*festival-header-banner*/
.festival-header-banner {
    position: relative;
    background-color: #ed1a1a;
    margin: 10px 0px;
    z-index: 1;
    box-shadow: var(--boxshadow);
    border-color: var(--color-white);
}

    .festival-header-banner:after {
        background: url("../images/flower-3.png")0 0 repeat-y;
        height: 100%;
        display: block;
        width: 100%;
        position: absolute;
        right: 0;
        content: "";
        bottom: 0;
    }

    .festival-header-banner .header-banner-cont::before {
        background: url("../images/flower-2.png")0 0 repeat;
        height: 15px;
        transform: rotate(180deg) translate(0px, 0px);
        display: block;
        width: 100%;
        position: absolute;
        right: 0;
        content: "";
        bottom: 0
    }

    .festival-header-banner .header-banner-cont {
        display: flex;
        position: relative;
        z-index: 99999;
    }

        .festival-header-banner .header-banner-cont:after {
            background: url("../images/flower-2.png")0 0 repeat;
            height: 15px;
            display: block;
            width: 100%;
            position: absolute;
            right: 0;
            content: "";
        }

        .festival-header-banner .header-banner-cont .banner-cont {
            text-align: left;
            margin: 0px 30px;
            width: 61%;
            height: 200px;
            padding-top: 30px;
        }

            .festival-header-banner .header-banner-cont .banner-cont h2 {
                font-size: 26px;
                font-weight: 600;
                color: #fff;
                padding: 10px 10px 5px;
            }

            .festival-header-banner .header-banner-cont .banner-cont p {
                font-size: 16px;
                font-weight: 400;
                color: #fff;
                padding: 5px 10px 5px;
                line-height: 25px;
            }

                .festival-header-banner .header-banner-cont .banner-cont p span {
                    font-size: 16px;
                    font-weight: 600;
                    color: #ffc831;
                }

    .festival-header-banner .header-banner {
        width: 43%;
    }

.monthly-festival-single {
    overflow-x: auto;
}

    .monthly-festival-single .table tbody td {
        padding: 10px;
    }

.festival-single-table {
    font-family: var(--font-poppins);
}

.festival-single-month td {
    font-weight: 600;
}

.festival-single-image img {
    width: 100%;
}

.festival-single-table tr td {
    vertical-align: top;
}

.festival-single-table thead tr th {
    text-align: center;
    font-size: 16px;
}

.festival-single-table tbody tr th {
    font-size: 14px;
    font-weight: 600;
}

.festival-single-table tbody tr th, td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}

.festival-single-table tbody tr td span {
    border-bottom: 1px solid #ddd;
    padding: 5px 0px;
    font-size: 14px;
    color: #333;
}

.month-active {
    background-color: #FF3336;
    color: #fff;
}

.date-active {
    background-color: #f5f5f5;
    font-weight: 600;
}

/*nandha end*/
.connectgridwarp {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.connectgrid {
    display: flex;
    background: var(--color-white);
    flex-direction: column;
    justify-content: center;
    padding: 15px 25px;
    border-radius: 8px;
    -webkit-transition: all .2s cubic-bezier(.02,.54,.58,1);
    -o-transition: all .2s cubic-bezier(.02,.54,.58,1);
    transition: all .2s cubic-bezier(.02,.54,.58,1);
    border: solid 1px #fff
}

    .connectgrid figure {
        width: 130px;
        height: 130px;
        background: #fff;
        margin: 0 auto;
        border-radius: 50%;
        overflow: hidden;
        display: inline-flex;
        align-items: end;
        justify-content: center;
        -webkit-transition: all .2s cubic-bezier(.02,.54,.58,1);
        -o-transition: all .2s cubic-bezier(.02,.54,.58,1);
        transition: all .2s cubic-bezier(.02,.54,.58,1);
    }

    .connectgrid span {
        text-align: center;
        padding: 10px 0 0;
        font-size: 16px;
        font-weight: 500;
        margin: 15px 0
    }

        .connectgrid span a {
            color: #212121
        }

    .connectgrid a {
        display: flex;
        flex-direction: column;
        color: #212121
    }

    .connectgrid.one:hover {
        box-shadow: #CB4502 0 0 10px
    }

    .connectgrid.two:hover {
        box-shadow: #0BD390 0 0 10px
    }

    .connectgrid.three:hover {
        box-shadow: #D1064A 0 0 10px
    }

    .connectgrid.four:hover {
        box-shadow: #075BCC 0 0 10px
    }

    .connectgrid.one figure {
        box-shadow: #CB4502 0 0 10px
    }

    .connectgrid.two figure {
        box-shadow: #0BD390 0 0 10px
    }

    .connectgrid.three figure {
        box-shadow: #D1064A 0 0 10px
    }

    .connectgrid.four figure {
        box-shadow: #075BCC 0 0 10px
    }

    .connectgrid.one:hover figure, .connectgrid.two:hover figure, .connectgrid.three:hover figure, .connectgrid.four:hover figure {
        box-shadow: none
    }

    .connectgrid.one {
        background: #FFF5F0
    }

    .connectgrid.two {
        background: #effbf7;
    }

    .connectgrid.three {
        background: #FEEFF4
    }

    .connectgrid.four {
        background: #EFF5FD
    }

.signdetails .packagelstwrp .packagelist ul li:before {
    display: none
}

.signdetails .packagelstwrp.plan-a ul {
    margin-bottom: 117px;
}

.signdetails .packagelstwrp.plan-b ul {
    margin-bottom: 83px;
}

.signdetails .packagelstwrp.plan-c ul {
    margin-bottom: 15px;
}

.signdetails .packagelstwrp .packagehd .packageprice {
    flex-direction: row
}

.alertbg {
    font-size: 14px;
    padding: 10px;
    color: #777;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 8px;
    background: #E9EAF8;
    font-weight: 500
}

    .alertbg .btun {
        padding: 3px 15px;
        font-size: 12px;
    }

    .alertbg.red {
        background-color: #FEDDDB;
        color: #E44141;
    }

        .alertbg.red .btun {
        }

    .alertbg.purple {
        background: #E0DDFF;
        color: #7a70ba
    }

        .alertbg.purple .btun {
            background: #7a70ba;
            border: 0
        }

    .alertbg.yellow {
        background-color: #fbdac9;
        color: #D77748;
    }

        .alertbg.yellow .btun {
            background-color: #D77748;
            border: 0
        }

    .alertbg.blue {
        background-color: #c7eaff;
        color: #48a3d7
    }

        .alertbg.blue .btun {
            background-color: #16C7F9;
            border: 0
        }

/*newexperts start*/
.expertsbg {
    color: var(--color-white);
    padding: 60px 0px;
    font-family: var(--googlesans);
    position: relative;
    background-color: var(--color-white);
    border-top: solid 1px #ddd;
    margin-top: 30px;
}

.newexpertswarp {
    display: flex;
    flex-wrap: wrap;
    counter-reset: signcount;
    padding-top: 60px;
}

    .newexpertswarp .newexpertlistwarp:nth-child(odd) {
        margin-top: -60px;
    }

    .newexpertswarp .newexpertlistwarp {
        padding-left: 15px;
        padding-right: 15px;
        flex: 0 0 auto;
        width: 50%;
        position: relative;
    }

        .newexpertswarp .newexpertlistwarp .newexpertlist {
            border: solid 1px rgba(255,255,255,0.1);
            padding: 25px;
            width: 100%;
            border-radius: var(--borderradius);
            font-size: 22px;
            font-weight: 600;
            letter-spacing: .5px;
            margin-bottom: 30px;
            position: relative;
            z-index: 2;
            background: var(--color-white);
            box-shadow: var(--boxshadow);
        }

        .newexpertswarp .newexpertlistwarp:before {
            content: counter(signcount,decimal-leading-zero);
            counter-increment: signcount;
            position: absolute;
            right: 40px;
            top: 20px;
            font-size: 18px;
            line-height: 18px;
            color: var(--color-darkgrey);
            z-index: 3
        }

    .newexpertswarp .newexpertlist:hover:after {
        opacity: 1;
        visibility: visible;
    }

    .newexpertswarp .newexpertlistwarp .newexpertlist .title {
        font-size: 22px;
        font-weight: 600;
        letter-spacing: .5px;
        display: block;
    }

    .newexpertswarp .newexpertlistwarp .newexpertlist figure {
        margin-bottom: 20px;
    }

        .newexpertswarp .newexpertlistwarp .newexpertlist figure i {
            fill: #222b40;
            background: var(--grayeee);
            display: block;
            width: 100px;
            height: 100px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            box-shadow: var(--boxshadow);
            border: solid 2px var(--color-white);
        }

    .newexpertswarp .newexpertlistwarp .newexpertlist a {
        color: #222b40;
    }

    .newexpertswarp .newexpertlistwarp .newexpertlist b {
        color: #222b40;
        display: block;
        font-size: 14px;
        font-weight: 400;
        padding-top: 5px
    }

    .newexpertswarp .newexpertlistwarp .newexpertlist a.btun:hover {
        color: var(--gray333)
    }

    .newexpertswarp .newexpertlistwarp .newexpertlist p {
        color: #222b40;
        font-size: 16px;
        line-height: 20px;
        margin: 10px 0;
        font-weight: 400;
    }

.elementorwidgetwrap {
    color: #222b40;
    padding: 50px 0;
    position: sticky;
    top: 30px;
}

    .elementorwidgetwrap .pbmitelementsubtitle {
        font-weight: 700;
        font-size: 13px;
        line-height: 20px;
        letter-spacing: .5px;
        text-transform: uppercase;
    }

    .elementorwidgetwrap .pbmitelementtitle {
        font-weight: 500;
        font-size: 36px;
        letter-spacing: 0.7px;
        text-transform: none;
        padding: 0 0 10px;
        line-height: 50px;
    }

    .elementorwidgetwrap .pbmitheadingdesc {
        font-size: 16px;
        line-height: 30px;
    }

.signimg {
    position: absolute;
    top: 0
}

.newexpertlistwarp:hover .signimg img {
    opacity: .15;
    visibility: visible;
    -webkit-transition: all 0.5s cubic-bezier(.645,.045,.355,1);
    -o-transition: all 0.5s cubic-bezier(.645,.045,.355,1);
    transition: all 0.5s cubic-bezier(.645,.045,.355,1);
}

.newexpertlistwarp .signimg img {
    opacity: 0;
    visibility: hidden;
    width: 100%;
}

/*nandhu start tab*/
.newexpert-tabwarp {
    background-color: var(--color-white);
    padding: 0;
    margin: 0px 0px 70px;
    border-radius: 50px;
    border: solid 1px rgba(255,255,255,0.3);
    position: sticky;
    top: 0;
    z-index: 4;
    box-shadow: var(--boxshadow);
}

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

    .newexpert-tab li {
        position: relative;
    }

        .newexpert-tab li a {
            color: var(--color-darkgrey);
            display: flex;
            gap: 10px;
            padding: 15px 50px;
        }

            .newexpert-tab li a:hover {
                background-color: #44506c;
                color: var(--color-white);
                border-radius: 50px;
            }

                .newexpert-tab li a:hover i svg {
                    fill: var(--color-white);
                }

            .newexpert-tab li a i svg {
                fill: var(--color-darkgrey);
            }

        .newexpert-tab li span b {
            font-size: 18px;
            font-weight: 500;
            font-family: var(--font-roboto);
            display: block
        }

        .newexpert-tab li span p {
            font-size: 14px;
            padding: 5px 0px 0px;
            font-family: var(--font-roboto);
            display: block
        }

    .newexpert-tab .active a {
        background-color: #44506c;
        color: var(--color-white);
        border-radius: 50px;
    }

.newexpert-tabwarp .newexpert-tab .active a i svg {
    fill: var(--color-white);
}

.newexpert-tab .more-dtls {
    position: relative;
}

    .newexpert-tab .more-dtls:hover ul {
        display: block
    }

    .newexpert-tab .more-dtls ul {
        position: absolute;
        background: var(--color-white);
        width: 200px;
        z-index: 2;
        box-shadow: var(--boxshadow);
        border-radius: 4px;
        padding: 10px 0;
        right: 0;
        display: none
    }

        .newexpert-tab .more-dtls ul li {
        }

            .newexpert-tab .more-dtls ul li:hover a {
                background: #FDBA17;
                color: var(--color-white);
                border-radius: 0px;
            }

            .newexpert-tab .more-dtls ul li a {
                padding: 13px 10px;
                align-items: flex-start;
                color: var(--color-light);
            }

/*newexperts start end*/
/*astroreport start*/
.astroreport {
    margin-top: -120px;
}

.astroreportbgwarp {
}

.astroreport-bg {
    background-color: #009be8;
    height: 250px;
    text-align: center;
}

    .astroreport-bg .herotitle, .astroreport-bg .herotitle .tagline {
        color: var(--color-white);
    }

    .astroreport-bg .herotitle {
        padding-top: 35px
    }

    .astroreport-bg p {
        font-size: 16px;
        color: var(--color-white);
    }

.astroreportlist {
    background-color: var(--color-white);
}

    .astroreportlist figure {
        width: 70px;
        height: 70px;
        border-radius: 50px;
        background-color: var(--color-white);
        ;
        margin: 0 auto;
        margin-top: -50px;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #009be8
    }

        .astroreportlist figure i {
            width: 60px;
            height: 60px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            border-radius: 50px;
            background: var(--color-white)
        }

            .astroreportlist figure i svg {
                fill: #009be8;
            }

/*astroreport end*/
/*astroflg start*/
.footetmenuwrp .footercard .footerdetails .countrie {
    margin-left: 5px;
}

    .footetmenuwrp .footercard .footerdetails .countrie li {
        padding: 0px 0px 15px;
    }

        .footetmenuwrp .footercard .footerdetails .countrie li:before {
            display: none
        }

        .footetmenuwrp .footercard .footerdetails .countrie li a {
            color: var(--color-light);
            padding: 0px 25px;
            text-decoration: none;
        }

            .footetmenuwrp .footercard .footerdetails .countrie li a:hover {
                color: var(--color-blue);
                text-decoration: underline;
            }

            .footetmenuwrp .footercard .footerdetails .countrie li a i {
                background: no-repeat;
                width: 15px;
                height: 12px;
                content: "";
                display: inline-block;
                border-radius: 0%;
                position: absolute;
                left: 0;
            }

            .footetmenuwrp .footercard .footerdetails .countrie li a.flag-us i {
                background-image: url("https://d3aew4oo17ml6.cloudfront.net/common/images/flags/4x3/us.svg");
                background-size: contain;
            }

            .footetmenuwrp .footercard .footerdetails .countrie li a.flag-ca i {
                background-image: url("https://d3aew4oo17ml6.cloudfront.net/common/images/flags/4x3/ca.svg");
                background-size: contain;
            }

            .footetmenuwrp .footercard .footerdetails .countrie li a.flag-in i {
                background-image: url("https://d3aew4oo17ml6.cloudfront.net/common/images/flags/4x3/in.svg");
                background-size: contain;
            }

/*astroflg end*/
.buzzcard {
    margin-bottom: 20px
}

    .buzzcard figure {
        margin-bottom: 15px;
        width: 100%;
        height: 230px;
        overflow: hidden
    }

        .buzzcard figure img {
            width: 100%;
            object-fit: cover
        }

    .buzzcard .buzztitle {
        flex-direction: column;
        display: flex;
        gap: 5px;
    }

        .buzzcard .buzztitle .cattag {
            display: inline-block;
            color: #fff;
            font-size: 13px;
            margin-bottom: 5px;
        }

            .buzzcard .buzztitle .cattag b {
                background: #007475;
                border-radius: 4px;
                padding: 2px 10px;
            }

                .buzzcard .buzztitle .cattag b a {
                    color: #fff
                }

        .buzzcard .buzztitle .title-b {
            font-size: 18px;
            line-height: 20px;
            font-family: "Roboto", sans-serif;
            font-weight: 500;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            line-height: 20px;
        }

            .buzzcard .buzztitle .title-b a {
                color: #212121
            }

        .buzzcard .buzztitle p {
            font-size: 16px;
            padding-bottom: 0;
            color: #777;
            line-height: 24px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }

            .buzzcard .buzztitle p .moreread {
                font-size: 14px;
                color: #212121
            }

    .buzzcard .buzztitle {
        flex-direction: column
    }

    .buzzcard .buzzaction {
        display: flex;
        flex-wrap: wrap;
        margin-top: 5px;
    }

        .buzzcard .buzzaction .timetag {
            padding-bottom: 10px;
            display: flex;
        }

            .buzzcard .buzzaction .timetag i {
                color: #aaa
            }

            .buzzcard .buzzaction .timetag a {
                color: #0167ff;
                display: inline-block;
                border-radius: 20px;
                font-size: 14px;
                margin: 0 5px 0;
                text-decoration: underline;
            }

/**/
.hrspace {
    margin-bottom: 50px;
}

    .hrspace .listinghead {
        border-bottom: 0
    }

    .hrspace .btun-grey.btun-outline:hover {
        color: var(--color-white)
    }

    .hrspace .packagetitle {
        padding: 15px 0
    }

/**/
.reportbg .reportinfo .reportitle span.shape-line {
    position: absolute;
    right: 0;
    left: 85px;
    top: 0;
    margin: 0;
    padding: 0;
    transform: translateY(90%);
}

.reportbg .reportinfo .reportitle b {
    position: relative;
    padding: 10px;
    z-index: 1;
}

    .reportbg .reportinfo .reportitle b:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        height: 100%;
        background: url("../images/hero-shape-yellow.svg")0 0 no-repeat;
        background-size: contain;
        z-index: -1;
    }

.reportbg {
    background: var(--gray40);
    border-radius: var(--borderradius);
    display: flex;
    margin: 10px 0;
    margin-bottom: -35px
}

    .reportbg .reportinfo {
        padding: 35px;
    }

        .reportbg .reportinfo .reportsubtitle {
            display: block;
            color: var(--gray777);
            text-transform: uppercase;
            font-size: 16px;
        }

        .reportbg .reportinfo .reportsubtitlea {
            display: block;
            color: var(--gray777);
            font-size: 16px;
            padding-top: 15px;
        }

        .reportbg .reportinfo .reportitle {
            font-size: 38px;
            font-weight: 700;
            letter-spacing: .5px;
            color: var(--color-black);
            padding: 10px 0;
            font-family: var(--font-poppins);
            position: relative
        }

            .reportbg .reportinfo .reportitle span {
                display: block;
                padding-top: 30px;
            }

        .reportbg .reportinfo .reportplay {
            padding: 25px 0;
        }

            .reportbg .reportinfo .reportplay i {
                height: 45px;
                width: 45px;
                border-radius: 50%;
                display: inline-block;
                margin-right: 10px;
                text-align: center;
                position: relative;
                z-index: 2;
                background-color: #0e2a46;
                display: inline-flex;
                align-items: center;
                justify-content: center
            }

                .reportbg .reportinfo .reportplay i:after {
                    position: absolute;
                    content: "";
                    left: 50%;
                    top: 50%;
                    width: 80%;
                    height: 80%;
                    background-color: rgba(14,42,70,.349);
                    animation: borderanimate 2s linear infinite;
                    z-index: -1;
                    border-radius: 50%
                }

                .reportbg .reportinfo .reportplay i:before {
                    position: absolute;
                    content: "";
                    left: 50%;
                    top: 50%;
                    width: 60%;
                    height: 60%;
                    transform: scale(1.5);
                    border: 1px solid rgba(14,42,70,.349);
                    animation: borderanimate 2s linear infinite;
                    z-index: -1;
                    border-radius: 50%
                }

                .reportbg .reportinfo .reportplay i svg {
                    fill: var(--color-white)
                }

            .reportbg .reportinfo .reportplay a {
                font-size: 16px;
                font-family: var(--font-poppins);
                color: var(--color-black);
                display: inline-flex;
                align-items: center;
                text-decoration: underline
            }

@keyframes borderanimate {
    0% {
        transform: translate(-50%,-50%) scale(1)
    }

    60% {
        opacity: 1
    }

    100% {
        transform: translate(-50%,-50%) scale(2.5);
        opacity: 0
    }
}

.reportbgrt {
    background: url("../images/reportbg.png")0 0 no-repeat;
    background-size: 100%;
    width: 383px;
    height: 334px;
    margin: 0 auto;
    position: relative;
    font-family: var(--font-poppins)
}

    .reportbgrt .topic-content {
        width: 175px;
        background: rgb(255 255 255/90%);
        cursor: pointer
    }

        .reportbgrt .topic-content .topic-details {
            padding-left: 0
        }

            .reportbgrt .topic-content .topic-details h4 {
                font-size: 22px;
            }

        .reportbgrt .topic-content.four {
            bottom: 50px;
            border-radius: 50px;
        }

            .reportbgrt .topic-content.four .topic-img {
                width: auto;
                height: auto;
                flex: 0
            }

                .reportbgrt .topic-content.four .topic-img i {
                    background-color: #F9416D;
                    border-radius: 50%;
                    width: 50px;
                    height: 50px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

    .reportbgrt .topicontent {
        background: rgb(255 255 255/90%);
        border-radius: 10px;
        position: relative;
        box-shadow: 0 5px 10px 0 rgb(44 130 237 / 40%);
        display: flex;
        align-items: center;
        padding: 10px;
        gap: 10px;
        position: absolute;
        cursor: pointer;
        overflow: hidden;
    }

        .reportbgrt .topicontent b {
            font-size: 16px;
            padding-bottom: 5px;
            display: block
        }

        .reportbgrt .topicontent i svg {
            fill: none
        }

        .reportbgrt .topicontent .icon i {
            width: 60px;
            height: 60px;
            display: block;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .reportbgrt .topicontent.one {
            padding: 15px;
            padding-left: 30px;
            width: 250px;
            left: 90px;
            top: 20px;
        }

            .reportbgrt .topicontent.one .icon i {
                width: 60px;
                height: 60px;
                border-radius: 8px;
                background: var(--white);
                display: block;
                position: absolute;
                left: -30px;
                top: -30px;
                box-shadow: 0 5px 10px 0 rgb(44 130 237 / 40%);
                display: flex;
                align-items: center;
                justify-content: center
            }

        .reportbgrt .topicontent.four {
            flex-direction: column;
            width: 240px;
            align-items: center;
            padding: 15px;
            top: 95px;
            left: -110px;
        }

            .reportbgrt .topicontent.four b {
                color: var(--gray777);
                padding: 0;
            }

        .reportbgrt .topicontent .twmpics {
            margin-left: 15px;
            margin-right: 15px;
            display: flex;
            align-items: center;
        }

            .reportbgrt .topicontent .twmpics span {
                display: inline-block;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                border: 2px solid #fff;
                overflow: hidden;
                margin-left: -15px;
            }

.promvideowarp {
}

    .promvideowarp .promvideo {
        background: var(--color-white);
        border: solid 1px #ccc;
        padding: 10px;
        border-radius: 4px;
    }

        .promvideowarp .promvideo figure {
            position: relative
        }

            .promvideowarp .promvideo figure img {
                border-radius: 4px;
            }

        .promvideowarp .promvideo .videodisc {
        }

            .promvideowarp .promvideo .videodisc .title {
                font-size: 16px;
                font-weight: 500;
                padding: 10px 0;
                line-height: 22px;
                border: 0;
                margin: 0
            }

                .promvideowarp .promvideo .videodisc .title a {
                    color: var(--color-black)
                }

        .promvideowarp .promvideo figure .video-icon {
            width: 46px;
            height: 46px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            background-color: var(--color-white);
            position: absolute;
            z-index: 1;
            display: block;
            top: 50%;
            left: 50%;
            margin-top: -23px;
            margin-left: -23px;
            cursor: pointer;
            transition: background-color .3s,opacity .3s,visibility .3s,border-color .3s;
            -webkit-transition: background-color .3s,opacity .3s,visibility .3s,border-color .3s;
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: var(--boxshadow)
        }

            .promvideowarp .promvideo figure .video-icon svg {
                fill: var(--color-red)
            }

.packinfo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0 0
}

    .packinfo p {
        background: #FEEAEF;
        padding: 10px;
        border-radius: 6px;
    }

.packagesigns {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px
}

    .packagesigns .signbox {
        border: solid 1px var(--grayddd);
        border-radius: var(--borderradius);
        text-align: center;
        padding: 15px;
        position: relative
    }

        .packagesigns .signbox figure {
            width: 60px;
            height: 60px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            margin: 10px 0;
            background: var(--grayeee);
            box-shadow: var(--boxshadow);
            border: solid 2px var(--color-white);
        }

        .packagesigns .signbox:hover figure {
            background: var(--color-white)
        }

        .packagesigns .signbox:hover a {
            color: var(--color-white)
        }

        .packagesigns .signbox:hover .expertcontent p {
            color: var(--color-white)
        }

        .packagesigns .signbox a {
            color: var(--color-black);
            font-size: 16px;
            font-weight: 500;
            display: block;
            position: relative;
            z-index: 1
        }

        .packagesigns .signbox .expertcontent {
            padding: 10px 0
        }

            .packagesigns .signbox .expertcontent p {
                font-size: 16px;
                padding: 10px 0 0;
                color: var(--gray777);
                font-weight: 400
            }

        .packagesigns .signbox:hover {
            background: linear-gradient(to bottom, #f4aa36 2%, #f37335 100%);
            box-shadow: var(--boxshadow);
            border-color: var(--color-white)
        }

            .packagesigns .signbox:hover:after {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                background-image: url("../images/service-circle.png");
                width: 182px;
                height: 174px;
                animation: spin 9s infinite linear;
                -webkit-animation: spin 9s infinite linear;
                -moz-animation: spin 9s infinite linear;
                background-size: contain;
            }

.content {
    width: 1000px;
    margin: 0 auto
}

.hrspace .astrolgerinfo {
    width: 1000px;
    margin: 0 auto
}

.hrspace .packlist ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px
}

    .hrspace .packlist ul li {
        padding-bottom: 5px
    }

.hrspace .more {
    margin: 20px 0
}

.signdetails.signdetailsa {
    position: fixed;
    bottom: auto;
    z-index: 9;
}

.new {
    font-size: 10px;
    font-weight: 600;
    top: -10px;
    position: absolute;
    padding: 1px 6px;
    border-radius: 10px;
    text-transform: none;
    color: #000;
    border: 1px solid #f0df35;
    background-color: #f0df35;
    right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.offerblock {
    padding: 15px 0 0
}

    .offerblock p {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
    }

        .offerblock p b {
            font-weight: 500;
        }

        .offerblock p span {
            color: #d73a1a;
            font-weight: 600;
            border: dashed 2px #d73a1a;
            padding: 3px 5px;
            background: #fff;
            border-radius: 3px;
            margin-left: 3px;
            display: inline-block;
        }

.ad-popup {
    border-radius: 3px;
    width: 511px;
    padding: 0;
    margin: 80px auto;
    background-color: #fff;
    position: relative;
}

.ad-popup-banner {
    position: relative;
}

    .ad-popup-banner img {
        width: 100%;
    }

    .ad-popup-banner a {
        display: block;
    }

.ad-popup .close {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fff;
}

    .ad-popup .close a {
        padding: 10px;
    }

.walletbd .pricegroup ul li span.save-price {
    padding: 4px 0px !important;
    background-color: #1da98d !important;
    border: 0 !important;
    margin-top: 5px !important;
    color: #fff !important;
}

.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
}

    .ribbon::before, .ribbon::after {
        position: absolute;
        z-index: -1;
        content: '';
        display: block;
        border: 5px solid #2980b9;
    }

    .ribbon span {
        position: absolute !important;
        display: block !important;
        width: 225px;
        padding: 5px 0px !important;
        background-color: #3498db !important;
        box-shadow: 0 5px 10px rgba(0,0,0,.1);
        color: #fff !important;
        font-size: 18px;
        text-shadow: 0 1px 1px rgba(0,0,0,.2);
        text-transform: uppercase;
        border: 1px solid #2980b9 !important;
        text-align: center !important;
    }

.ribbon-red {
    background-color: #3498db !important;
}

.ribbon-top-right {
    top: -10px;
    right: -10px;
}

    .ribbon-top-right::before, .ribbon-top-right::after {
        border-top-color: transparent;
        border-right-color: transparent;
    }

    .ribbon-top-right::before {
        top: 0;
        left: 24px;
    }

    .ribbon-top-right::after {
        bottom: 24px;
        right: 0;
    }

    .ribbon-top-right span {
        left: -25px;
        top: 30px;
        transform: rotate(45deg);
        border: 1px solid #2980b9;
    }

/* new-month-tab start */
.new-month-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ddd;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    border-radius: 60px;
    padding: 5px 8px;
    margin: 0 auto;
    background: var(--color-white)
}

    .new-month-tab li {
        line-height: 24px;
        font-size: 15px;
        color: var(--black);
        background-color: transparent;
        border-radius: 30px;
        cursor: pointer;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
        position: relative;
        z-index: 9;
        white-space: nowrap;
        margin-right: 10px
    }

        .new-month-tab li a:before {
            position: absolute;
            content: '';
            top: 50%;
            left: 0;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 0;
            height: 100%;
            border-radius: 30px;
            -webkit-transition: 0.3s ease;
            transition: 0.3s ease;
            background-color: #ed1a1a;
            z-index: -1;
        }

        .new-month-tab li:first-child {
            margin-left: 0
        }

        .new-month-tab li:last-child {
            margin-right: 0
        }

        .new-month-tab li.new-month-active a:before, .new-month-tab li a:hover:before {
            width: 100%;
            color: #fff;
        }

        .new-month-tab li a {
            color: #212121;
            padding: 5px 30px;
            display: block
        }

            .new-month-tab li a:hover {
                color: #fff;
            }

        .new-month-tab li.new-month-active a {
            color: #fff;
        }

.new-month-more {
    position: relative;
}

.more-months {
    position: absolute;
    background: #fff;
    width: 200px;
    z-index: 2;
    box-shadow: var(--boxshadow);
    border-radius: 4px;
    padding: 10px 0;
    right: 0;
    display: none;
}

    .more-months span {
        background: #fff;
        display: block;
    }

        .more-months span a {
            padding: 10px;
            background-color: #fff;
        }

        .more-months span:hover a {
            background-color: #9d0305;
            color: #fff;
        }

.new-month-tab li.new-month-more:hover .more-months {
    display: block;
}

.more-months a:before {
    display: none;
}

/* new-month-tab End */
/*valentine header start*/
.valentines-bg {
    background: url("../images/valentine-bg.jpg");
    height: 376px;
}

.valentines-cont {
    padding: 20px;
    font-family: var(--font-poppins);
    margin-top: 45px;
}

    .valentines-cont .cont-subtitle {
        font-size: 22px;
        color: #212121;
        font-family: var(--font-poppins);
        padding: 20px 0px 10px;
        display: block;
        line-height: 30px;
    }

    .valentines-cont .cont-subtitle2 {
        font-size: 22px;
        font-weight: 600;
        line-height: 30px;
        padding: 0px;
    }

    .valentines-cont .cont-maintitle {
        display: flex;
        font-size: 38px;
        color: #DF2349;
        font-family: var(--font-poppins);
        font-weight: 700;
        position: relative;
        padding: 10px 0px
    }

        .valentines-cont .cont-maintitle img {
            padding-left: 30px;
        }

        .valentines-cont .cont-maintitle .heart {
            background-image: url(../images/valentine-heart1.png);
            width: 50px;
            height: 58px;
            -webkit-animation: heart-animation 2s ease-in-out infinite alternate;
            -webkit-transform-origin: bottom;
            animation: heart-animation 2s ease-in-out infinite alternate;
            transform-origin: bottom;
            content: "";
            margin-left: 30px;
            display: block;
        }

.cont-btun {
    padding: 20px 0px;
}

    .cont-btun a {
        margin-right: 15px;
        border-radius: 20px;
    }

.valentines-img {
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
}

.vale-img {
    position: relative;
}

    .vale-img .img-rotate {
        padding: 30px 60px;
        animation: rotate-animation 10s infinite linear;
    }

.vale-couple-img {
    position: absolute;
    top: 105px;
    content: "";
    right: 110px;
}

.vale-img-cont {
    display: flex;
    gap: 10px;
    align-items: center;
    position: absolute;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgb(225 50 86 / 28%);
    padding: 10px;
    top: 300px;
    right: 230px;
    animation: hero-thumb1-animation 2.5s linear infinite alternate;
    -webkit-animation: hero-thumb1-animation 2.5s linear infinite alternate;
    -moz-animation: hero-thumb1-animation 2.5s linear infinite alternate;
    -o-animation: hero-thumb1-animation 2.5s linear infinite alternate;
}

.valentines-img .vale-img-cont2 {
    top: 50px;
    right: 50px;
    animation: hero-thumb-animation 2.5s linear infinite alternate;
    -webkit-animation: hero-thumb-animation 2.5s linear infinite alternate;
    -moz-animation: hero-thumb-animation 2.5s linear infinite alternate;
    -o-animation: hero-thumb-animation 2.5s linear infinite alternate;
}

.vale-img-cont span {
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: #212121;
    font-weight: 500;
    font-size: 14px;
}

    .vale-img-cont span b {
        font-size: 22px;
        font-weight: 600;
    }

/**/
@keyframes heart-animation {
    0% {
        transform: rotateZ(20deg);
    }

    100% {
        transform: rotateZ(-20deg);
    }
}

/*valentine header end*/
/*Festivel Detail Start*/
/* tab start */
.tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--gray666);
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    border-radius: var(--size60);
    padding: 5px 8px;
    margin: 0 auto var(--size40);
    background: var(--white)
}

    .tab li {
        margin: 0 3px;
        line-height: 24px;
        font-size: 15px;
        color: var(--black);
        background-color: transparent;
        border-radius: var(--size30);
        cursor: pointer;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
        position: relative;
        z-index: 9;
        white-space: nowrap;
    }

        .tab li:before {
            position: absolute;
            content: '';
            top: 50%;
            left: 0;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 0;
            height: 100%;
            border-radius: var(--size30);
            -webkit-transition: 0.3s ease;
            transition: 0.3s ease;
            background-color: #DCEAF3;
            z-index: -1;
        }

        .tab li:first-child {
            margin-left: 0
        }

        .tab li:last-child {
            margin-right: 0
        }

        .tab li.active:before, .tab li:hover:before {
            width: 100%;
        }

        .tab li a {
            color: var(--gray777);
            padding: 14px 26px;
            display: block
        }

/* tab End */
.header-dtls {
    padding: 20px 15px;
    background-color: #fff;
    box-shadow: 0 0 10px rgb(137 173 255 / 35%);
}

.mon-title {
    line-height: 30px;
    position: relative;
    font-size: 20px;
    color: #212121;
    font-family: var(--font-poppins);
    font-weight: 700;
    padding: 10px 0px 30px;
}

    .mon-title:before, .mon-cont h1:before, .mon-cont h2:before {
        position: absolute;
        width: 40px;
        height: 4px;
        content: "";
        background-color: #FA6342;
        bottom: 15px;
        border-radius: 2px;
    }

    .mon-title:after, .mon-cont h1:after, .mon-cont h2:after {
        position: absolute;
        content: "";
        border-bottom: 5px dotted #FA6342;
        width: 30px;
        bottom: 15px;
        left: 43px;
    }

.mon-subtitle {
    font-size: 16px;
    color: #888;
    font-family: var(--font-poppins);
    font-weight: 300;
    padding: 0px 0px 10px;
    line-height: 25px;
}

.date-title {
    font-size: 18px;
    color: #FA6342;
    text-align: center;
    font-weight: 600;
}

.hed-date-cont {
    border: 1px #ddd solid;
    padding: 20px;
    border-radius: 5px;
    margin: 20px 0;
}

.header-dates {
    position: relative;
    display: flex;
    justify-content: space-around;
    padding-top: 20px;
}

    .header-dates .date {
        width: 100px;
        height: 120px;
        border-radius: 5px;
        border: 1px #ddd solid;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

        .header-dates .date.active {
            border: 1px #FA6342 solid;
        }

            .header-dates .date.active b {
                color: #FA6342;
            }

    .header-dates span {
        padding: 5px 0px;
        font-size: 16px;
        color: #555;
        font-family: var(--font-poppins);
        font-weight: 300;
    }

    .header-dates b {
        font-size: 24px;
        color: #212121;
        font-family: var(--font-poppins);
        font-weight: 500;
    }

    .header-dates span:last-child {
        color: #999;
    }

    .header-dates .owl-carousel .owl-dots .owl-dot span {
        height: 5px;
        padding: 0;
    }

    .header-dates .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
        background-color: #FA6342;
    }

    .header-dates .owl-carousel .owl-dots {
        height: 0;
    }

        .header-dates .owl-carousel .owl-dots svg {
            height: 0;
        }

.header-cont span {
    margin: 10px 10px 0 0;
    display: block;
}

    .header-cont span a {
        margin: 0px 10px 10px 0;
    }

.header-cont .mon-title {
    font-size: 26px;
}

    .header-cont .mon-title:before {
        width: 70px;
    }

    .header-cont .mon-title:after {
        width: 40px;
        left: 75px;
    }

.mon-cont-rsh {
    margin: 30px 10px;
}

.mon-banner img {
    border-radius: 5px;
}

.mon-cont {
    margin: 25px 0px;
}

.mon-left {
}

.mon-cont ul, .mon-cont ol {
    padding: 10px 0px;
    position: relative;
    margin-left: 15px;
}

    .mon-cont ul li.mon-cont ol li {
        position: relative;
    }

    .mon-cont ul li:before {
        width: 8px;
        height: 8px;
        background: #ccc;
        content: "";
        display: inline-block;
        border-radius: 50%;
        position: absolute;
        left: -20px;
        border: 0;
        top: 10px;
    }

.mon-cont h1 {
    color: #212121;
    line-height: 30px;
    position: relative;
    font-size: 24px;
    font-family: var(--font-poppins);
    font-weight: 700;
    padding: 10px 0px 25px;
}

.mon-cont h2 {
    color: #212121;
    line-height: 30px;
    position: relative;
    font-size: 20px;
    font-family: var(--font-poppins);
    font-weight: 700;
    padding: 10px 0px 25px;
}

.mon-cont h3 {
    color: #333;
    line-height: 20px;
    font-weight: 600;
    font-size: 18px;
    font-family: var(--font-poppins);
    padding: 0px;
}

.mon-cont p, .mon-cont ul li, .mon-cont ul.cont-list li a, .mon-cont ul li a {
    color: #666;
    line-height: 30px;
    font-weight: 400;
    font-size: 16px;
    font-family: var(--font-poppins);
    padding: 0px 0px 10px;
    position: relative;
}

    .mon-cont ul.cont-list li a, .mon-cont ul li a:hover {
        color: #207AFF;
    }

.mon-cont b, .mon-cont strong {
    color: #333;
    font-weight: 600 !important;
}

.mon-rsh {
    font-family: var(--font-poppins);
    box-shadow: 0 0 10px rgb(137 173 255 / 35%);
    padding: 10px;
    margin-bottom: 35px;
}

.tran-sit a.tran {
    display: flex;
    border-bottom: 1px solid #ddd;
    justify-content: space-between;
    padding: 10px 20px;
}

    .tran-sit a.tran span {
        font-size: 16px;
        color: #212121;
    }

        .tran-sit a.tran span i {
            cursor: pointer;
        }

            .tran-sit a.tran span i svg {
                width: 10px;
                height: 10px;
            }

.tran-sit .transit-cont {
    border-bottom: 1px #ddd solid;
    padding: 10px;
}

    .tran-sit .transit-cont span {
        text-align: center;
        display: block;
        padding: 10px 0px;
    }

    .tran-sit .transit-cont a {
        border-radius: 20px;
        border: 1px #FA6342 solid;
        color: #FA6342;
    }

        .tran-sit .transit-cont a:hover {
            background-color: #FA6342;
            color: #fff;
        }

    .tran-sit .transit-cont aside {
        display: flex;
        justify-content: center;
        gap: 100px;
        border: 0;
    }

        .tran-sit .transit-cont aside span b {
            font-weight: 600;
            font-size: 16px;
            color: #212121;
            padding-bottom: 10px;
            display: block;
        }

        .tran-sit .transit-cont aside span p {
            font-weight: 400;
            font-size: 16px;
            color: #666;
        }

.other-festi ul li, .top-asto, .other-mon-festi, .astro-blog {
    padding: 10px 20px;
    border-bottom: 1px #ddd solid;
}

    .other-festi ul li:last-child {
        border: 0;
    }

.other-festi ul li {
    padding: 10px 0px;
    position: relative;
}

    .other-festi ul li:before {
        width: 8px;
        height: 8px;
        background: #aaa;
        content: "";
        display: inline-block;
        border-radius: 50%;
        position: absolute;
        left: -10px;
        border: 0;
        margin: 5px 15px;
    }

    .other-festi ul li a {
        font-size: 16px;
        color: #212121;
        padding-left: 20px;
    }

        .other-festi ul li a:hover {
            color: #207AFF;
        }

.top-asto {
    display: flex;
    padding: 10px 0px;
    align-items: flex-start;
    gap: 10px;
    justify-content: flex-start;
}

    .top-asto span figure:before {
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #08A182;
        border: 2px #fff solid;
        content: "";
        top: 10px;
        left: 65px;
        border-radius: 20px;
    }

    .top-asto span figure.busy:before {
        background-color: #D40606;
    }

    .top-asto aside {
        display: block;
    }

    .top-asto span figure {
        width: 80px;
        height: 80px;
        position: relative;
    }

        .top-asto span figure img {
            box-shadow: 0 1px 4px rgb(32 33 36 / 90%);
            -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28);
            -webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
            border-radius: 50px;
            border: 4px #fff solid;
            width: 100%;
            height: 100%;
        }

    .top-asto aside a, .other-mon-festi span a, .astro-blog span a {
        font-size: 16px;
        color: #212121;
        padding-bottom: 5px;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .top-asto aside h2 a {
        max-width: 250px;
    }

.top-asto-cont {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
}

.top-asto span {
}

.top-asto .top-asto-cont span p, .astro-blog span p {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    padding-bottom: 5px;
}

    .top-asto .top-asto-cont span p a, .astro-blog span p a {
        color: #207AFF;
        font-size: 14px;
    }

    .top-asto .top-asto-cont span p a {
        border-radius: 0;
        border: 0;
        color: #0167FF;
        padding: 0;
    }

        .top-asto .top-asto-cont span p a:hover {
            border-radius: 0;
            border: 0;
            color: #0167FF;
        }

.top-asto .top-asto-cont span a {
    border-radius: 30px;
    border: #0167FF 1px solid;
    color: #0167FF;
    padding: 4px 15px;
}

.top-asto .top-asto-cont a:hover {
    background-color: #0167FF;
    color: #fff;
}

.top-asto .top-asto-cont p a:hover {
    background-color: #fff;
    color: #0167FF;
}

.other-mon-festi, .astro-blog {
    display: flex;
    padding: 10px 0px;
    gap: 20px;
}

    .other-mon-festi span figure, .astro-blog span figure {
        width: 80px;
        height: 70px;
    }

        .other-mon-festi span figure img {
            border-radius: 5px;
        }

    .other-mon-festi:last-child, .top-asto:last-child, .astro-blog:last-child {
        border: 0;
    }

    .other-mon-festi span p {
        font-size: 14px;
        color: #666;
        line-height: 20px;
        padding: 5px 0px;
    }

    .other-mon-festi span a:last-child {
        font-size: 14px;
        color: #207AFF;
        text-decoration: underline;
    }

    .astro-blog span p a {
        display: inline-block;
        vertical-align: middle;
    }

    .astro-blog span:last-child {
        overflow: hidden;
    }

.astro-order {
    position: relative;
    margin-bottom: 20px;
}

    .astro-order span {
        position: relative;
        box-shadow: 0 0 10px rgb(137 173 255 / 35%);
        padding: 25px 10px 20px;
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .astro-order span .inputfield label {
            font-size: 20px;
            font-weight: 600;
        }

        .astro-order span p {
            color: #4DB529;
            font-size: 18px;
            font-weight: 600;
        }

            .astro-order span p b {
                padding-left: 10px;
                text-decoration: line-through;
                color: #666;
                font-size: 14px;
                font-weight: 400;
            }

    .astro-order aside {
        position: absolute;
        top: 0;
        right: 0;
        border-bottom-left-radius: 4px;
        font-size: 12px;
        font-weight: 400;
        padding: 5px 10px;
        color: #fff;
    }

        .astro-order aside.blue {
            background-color: #5177FF;
        }

    .astro-order span.order-bule {
        border-left: 4px #0136F1 solid;
    }

        .astro-order span.order-bule .inputfield label {
            color: #0136F1;
        }

.mon-rsh .order-btun, .horo-package .order-btun {
    text-align: center;
}

.astro-order span .inputfield [type="radio"]:not(:checked) + label:before {
    border: #ddd solid 2px;
}

.order-bule .inputfield [type="radio"].with-gap:checked + label:before {
    border: #0136F1 2px solid;
}

.order-bule .inputfield [type="radio"]:checked + label:after {
    background-color: #0136F1;
    border: 1px solid #0136F1;
}

.order-pink .inputfield [type="radio"].with-gap:checked + label:before {
    border: #9600CB 2px solid;
}

.order-pink .inputfield [type="radio"]:checked + label:after {
    background-color: #9600CB;
    border: 1px solid #9600CB;
}

.order-brown .inputfield [type="radio"].with-gap:checked + label:before {
    border: #9F4D00 2px solid;
}

.order-brown .inputfield [type="radio"]:checked + label:after {
    background-color: #9F4D00;
    border: 1px solid #9F4D00;
}

.astro-order aside.pink {
    background-color: #C841F8;
}

.astro-order span.order-pink {
    border-left: 4px #9600CB solid;
}

    .astro-order span.order-pink .inputfield label {
        color: #9600CB;
    }

.astro-order aside.brown {
    background-color: #ED8523;
}

.astro-order span.order-brown {
    border-left: 4px #9F4D00 solid;
}

    .astro-order span.order-brown .inputfield label {
        color: #9F4D00;
    }

.astro-categori aside {
    text-align: center;
    padding: 5px;
}

.astro-horo .astro-categori {
    margin-top: 20px;
}

.astro-categori {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .astro-categori aside a {
        border-radius: 30px;
        border: 1px #ddd solid;
        color: #888;
    }

        .astro-categori aside a:hover, .mon-rsh .order-btun a:hover {
            background-color: #FA6342;
            color: #fff;
        }

.astro-horo .astro-categori aside {
    padding: 5px;
}

.sign-cont {
    border-bottom: 1px #ddd solid;
}

    .sign-cont ul {
        display: flex;
        flex-direction: column;
        margin-left: 40px;
    }

.mon-rsh .astro-sign aside {
    padding: 14px 20px;
}

.sign-cont ul li {
    list-style: decimal;
    padding: 10px 0px;
}

    .sign-cont ul li a {
        display: block;
        color: #333;
        font-size: 14px;
    }

        .sign-cont ul li a:hover {
            color: #207AFF;
            text-decoration: underline;
        }

        .sign-cont ul li a.active {
            color: #207AFF;
            text-decoration: underline;
        }

.astro-horo .astro-horo-tab {
    display: flex;
    justify-content: center;
}

.astro-horo .tab {
    border-radius: 30px;
    border: 1px #FA6342 solid;
}

    .astro-horo .tab li {
        border: 0;
    }

        .astro-horo .tab li:before {
            border-radius: 30px;
            background-color: #FA6342;
        }

        .astro-horo .tab li.active {
            color: #fff !important;
        }

        .astro-horo .tab li a {
            padding: 5px 15px;
            color: #212121;
        }

            .astro-horo .tab li a:hover {
                color: #fff;
            }

.tab li.active a {
    color: #fff;
}

.mon-cont ul.cont-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0 20px;
}

    .mon-cont ul.cont-list li {
        position: relative;
        padding: 0px 10px;
    }

    .mon-cont ul.cont-list li {
        position: relative;
        padding: 0px 10px;
    }

        .mon-cont ul.cont-list li:before {
            width: 8px;
            height: 8px;
            background: #ccc;
            content: "";
            display: inline-block;
            border-radius: 50%;
            position: absolute;
            left: -10px;
            border: 0;
            margin: 0;
        }

.mon-dtls .owl-carousel .owl-dots .owl-dot span {
    height: 5px;
    overflow: hidden;
}

/*Festivel Detail end*/
/*report page*/
.new-reportbg {
    font-family: var(--font-poppins);
    background: rgb(82,2,251);
    background: linear-gradient(180deg, rgba(82,2,251,1) 0%, rgba(1,150,197,1) 85%);
    position: relative;
}

    .new-reportbg:before {
        background-image: url("../images/stars.png");
        height: 159px;
        width: 1875px;
        content: '';
        position: absolute;
        top: 60px;
        animation: appsideTilt 18s infinite;
    }

    .new-reportbg:after {
        background-image: url("../images/astro1.png");
        height: 200px;
        width: 1880px;
        content: '';
        position: absolute;
        top: 10px;
    }

.new-reporthead {
    padding: 35px 0;
    max-width: 500px;
    font-family: var(--font-poppins);
    position: relative;
    z-index: 1;
}

    .new-reporthead .cont-report {
        max-width: 500px;
        font-family: var(--font-poppins);
    }

        .new-reporthead .cont-report b {
            margin: 0;
            padding-bottom: 10px;
            color: #F4DC00;
            font-size: 18px;
            display: block;
            font-weight: 500;
        }

        .new-reporthead .cont-report h2.report-title, .new-reporthead .cont-report h1.report-title {
            margin: 0;
            padding-bottom: 10px;
            color: #fff;
            font-size: 36px;
            line-height: 40px;
            font-weight: 600;
            font-family: var(--font-poppins);
        }

        .new-reporthead .cont-report p {
            padding-bottom: 10px;
            color: #fff;
            font-size: 16px;
            display: block;
            line-height: 25px;
        }

        .new-reporthead .cont-report a {
            padding: 5px 25px;
            margin-top: 0px;
            border-radius: 20px;
            font-size: 16px;
        }

.newreport-cont-image .cont-left {
}

.newreport-cont-image .cont-blk {
    animation: fadeInUp 1s infinite;
    animation-iteration-count: 1;
    display: flex;
    box-shadow: 0 0 10px rgb(137 173 255 / 35%);
    border: 1px #ddd solid;
    border-radius: 5px;
    margin-top: 20px;
    background-color: #fff;
}

.jupiter .cont {
    width: 100% !important;
}

.jupiter .new-reporthead .cont-report .report-title {
    color: #ff0;
}

.jupiter .new-reporthead .cont-report p {
}

.jupiter .new-reporthead .cont-report b {
    color: #fff;
}

.jupiter .cont .mon-cont ul li {
    font-size: 14px;
}

.new-reportbg.jupiter {
    background: linear-gradient(180deg, rgb(249 152 0) 0%, rgb(255 96 0) 85%);
}

.new-reportbg.rahu-ketu {
    background: rgb(0,0,0);
    background: linear-gradient(162deg, rgba(0,0,0,1) 0%, rgba(247,104,21,1) 100%, rgba(2,0,36,1) 1000%);
}

.cont-left .signs-jupi .packagesigns {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.cont-left .signs-jupi .packagesigns {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.cont-left .signs-jupi {
    margin-top: 50px;
}

.newreport-cont-image .cont-blk .cont {
    padding: 10px 15px;
}

    .newreport-cont-image .cont-blk .cont .cont-subtitle {
        padding: 5px 0px;
        line-height: 30px;
        font-size: 14px;
        margin: 0;
        display: block;
        color: #555;
    }

    .newreport-cont-image .cont-blk .cont .cont-marktitle {
        box-shadow: 0 0 10px rgb(137 173 255 / 35%);
        line-height: 25px;
        border-left: 4px solid #FF7451;
        display: block;
        padding: 0px 10px;
        margin: 0px 10px;
    }

        .newreport-cont-image .cont-blk .cont .cont-marktitle.purple {
            background-color: #E0DDFF;
            border: 1px #fff solid;
        }

            .newreport-cont-image .cont-blk .cont .cont-marktitle.purple .cont-subtitle {
                color: #7a70ba;
            }

                .newreport-cont-image .cont-blk .cont .cont-marktitle.purple .cont-subtitle a.btun {
                    color: #fff;
                    background: #7a70ba;
                    padding: 5px 10px;
                    margin-left: 10px;
                }

        .newreport-cont-image .cont-blk .cont .cont-marktitle.red {
            background-color: #FEDDDB;
            border: 1px #fff solid;
        }

            .newreport-cont-image .cont-blk .cont .cont-marktitle.red .cont-subtitle {
                color: #D8232A;
            }

                .newreport-cont-image .cont-blk .cont .cont-marktitle.red .cont-subtitle a.btun {
                    color: #fff;
                    background: #D8232A;
                    padding: 5px 10px;
                    margin-left: 10px;
                }

        .newreport-cont-image .cont-blk .cont .cont-marktitle.brown {
            background-color: #fbdac9;
            border: 1px #fff solid;
        }

            .newreport-cont-image .cont-blk .cont .cont-marktitle.brown .cont-subtitle {
                color: #D77748;
            }

                .newreport-cont-image .cont-blk .cont .cont-marktitle.brown .cont-subtitle a.btun {
                    color: #fff;
                    background: #D77748;
                    padding: 5px 10px;
                    margin-left: 10px;
                }

.repo-image {
    flex: 1;
}

    .repo-image figure {
        width: 220px;
    }

.image-list {
}

    .image-list ul {
        text-align: left;
        padding: 20px;
    }

        .image-list ul li {
            padding-bottom: 15px;
            text-align: left;
            line-height: 22px;
        }

            .image-list ul li i {
                padding-right: 10px;
            }

                .image-list ul li i svg {
                    fill: #FF7451;
                    vertical-align: middle;
                }

.cont-slider-blk {
    margin: 30px 0px;
}

.order-slider {
    gap: 10px;
    height: 280px;
    border-radius: 5px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: #fff solid 1px;
    margin: 20px 0px;
}

    .order-slider:hover figure i svg {
        transform: scale(1.1);
        transition-duration: .5s;
    }

    .order-slider:hover {
        border: #fff solid 1px;
    }

    .order-slider .cont-title {
        font-size: 16px;
        color: #212121;
        padding: 10px 0px 0px;
        display: block;
        font-weight: 600;
    }

    .order-slider .cont-subtitle {
        text-align: center;
        line-height: 25px;
        padding: 10px 5px;
    }

    .order-slider figure {
    }

        .order-slider figure i {
            background: #fff;
            display: block;
            width: 80px;
            height: 80px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
        }

    .order-slider:hover figure i {
        box-shadow: none;
    }

    .order-slider figure i svg {
    }

.cont-slider {
    position: relative;
    display: flex;
    padding: 0px 20px;
    z-index: 0;
}

    .cont-slider .owl-carousel .owl-dots .owl-dot span {
        height: 5px;
        padding: 0;
    }

    .cont-slider .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
        background-color: #FA6342;
    }

    .cont-slider .owl-carousel .owl-dots {
        height: 0;
    }

        .cont-slider .owl-carousel .owl-dots svg {
            height: 0;
        }

.pink-icon {
    background-color: #FFE5FB;
}

    .pink-icon figure i {
        box-shadow: 0 0 10px rgb(254 28 204 / 49%);
    }

    .pink-icon i svg {
        fill: #FE1CCC;
    }

    .pink-icon:hover {
        transition-duration: .5s;
        box-shadow: 0 0 10px rgb(254 28 204 / 49%);
    }

.orange-icon {
    background-color: #FFEBE6;
}

    .orange-icon figure i {
        box-shadow: 0 0 10px rgb(254 76 28 / 52%);
    }

    .orange-icon i svg {
        fill: #FE4C1C;
    }

    .orange-icon:hover {
        transition-duration: .5s;
        box-shadow: 0 0 10px rgb(254 76 28 / 52%);
    }

.green-icon {
    background-color: #D2FFEA;
}

    .green-icon figure i {
        box-shadow: 0 0 10px rgb(0 217 113 / 74%);
    }

    .green-icon i svg {
        fill: #00D971;
    }

    .green-icon:hover {
        transition-duration: .5s;
        box-shadow: 0 0 10px rgb(0 217 113 / 74%);
    }

.violet-icon {
    background-color: #DFDBF9;
}

    .violet-icon figure i {
        box-shadow: 0 0 10px rgb(118 97 251 / 84%);
    }

    .violet-icon i svg {
        fill: #7661FB;
    }

    .violet-icon:hover {
        transition-duration: .5s;
        box-shadow: 0 0 10px rgb(118 97 251 / 84%);
    }

.bule-icon {
    background-color: #E5F9FF;
}

    .bule-icon figure i {
        box-shadow: 0 0 10px rgb(1 180 234 / 80%);
    }

    .bule-icon i svg {
        fill: #01B4EA;
    }

    .bule-icon:hover {
        transition-duration: .5s;
        box-shadow: 0 0 10px rgb(1 180 234 / 80%);
    }

.cont-right {
    height: min-content;
    width: 100%;
    position: sticky;
    top: 10px;
    animation: fadeInUp 1s infinite;
    animation-iteration-count: 1;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.newreport-cont-image .newreport-price {
    padding: 10px 15px;
    box-shadow: 0 0 10px rgb(137 173 255 / 35%);
    border: 1px #ddd solid;
    border-radius: 15px;
    margin-top: -230px;
    background-color: #fff;
    position: sticky;
}

.newreport-cont-image .cont-right:after {
    background-image: url("../images/round-dot-shape.png");
    content: '';
    width: 100px;
    height: 100px;
    position: absolute;
    top: -30px;
    left: -30px;
    z-index: -1;
    animation: appsideTilt 5s infinite;
}

@keyframes appsideTilt {
    0% {
        -webkit-transform: rotateX(-30deg);
        -moz-transform: rotateX(-30deg);
        transform: rotateX(-30deg);
    }

    25% {
        -webkit-transform: rotateX(30deg);
        -moz-transform: rotateX(30deg);
        transform: rotateX(30deg);
    }

    50% {
        -webkit-transform: rotateY(-30deg);
        -moz-transform: rotateY(-30deg);
        transform: rotateY(-30deg);
    }

    75% {
        -webkit-transform: rotateY(30deg);
        -moz-transform: rotateY(30deg);
        transform: rotateY(30deg);
    }

    100% {
        -webkit-transform: rotateX(-30deg);
        -moz-transform: rotateX(-30deg);
        transform: rotateX(-30deg);
    }
}

.price-dtls .price {
    display: flex;
    flex-direction: column;
}

    .price-dtls .price .price-select {
        position: relative;
    }

.price-dtls ul {
}

.price-card .price .inputfield [type="radio"]:not(:checked) + label, .price-card .price .inputfield [type="radio"]:checked + label {
    padding-left: 30px;
}

.price-dtls ul .price-card {
    padding: 10px 0px 15px;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px #ddd solid;
}

.newreport-price .price-dtls ul .price-card .price p, .newreport-price .price-dtls ul .price-card .price a {
    padding-left: 45px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    color: #666;
}

.price-dtls ul .price-card .price a {
    font-weight: 300;
    color: #0167ff;
    text-decoration: underline;
}

.price-dtls .price .price-select input[type=radio] {
    position: absolute;
    visibility: hidden;
}

.price-dtls .price .price-select label {
    color: #212121;
    display: block;
    position: relative;
    font-weight: 600;
    font-size: 16px;
    padding: 0px 25px 10px 35px;
    margin: 0 auto;
    height: auto;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    pointer-events: auto;
    top: 4px;
}

.price-card .price-num span {
    padding-right: 10px;
    font-size: 20px;
    color: #212121;
    font-weight: 600;
}

.price-card .price-num b {
    font-size: 14px;
    color: #888;
    text-decoration: line-through;
}

.price-card .price-num .price-save {
    text-align: center;
}

    .price-card .price-num .price-save p {
        display: inline-block;
        background-color: #2A7EFE;
        border-radius: 20px;
        font-size: 14px;
        padding: 3px 10px;
        color: #fff;
        text-align: center;
        margin-bottom: 10px;
    }

.price-card .price .inputfield [type="radio"]:not(:checked) + label:before {
    border: #ddd solid 2px;
}

.price-card .price .inputfield [type="radio"].with-gap:checked + label:before {
    border: #FA6342 2px solid;
}

.price-card .price .inputfield [type="radio"]:checked + label:after {
    background-color: #FA6342;
    border: 1px solid #FA6342;
}

.price-dtls ul .price-card:last-child {
    border: 0;
}

.price-card .btun, .price-fix .btun {
    border-radius: 40px;
    padding: 5px 30px;
    border: 8px #fff double;
    background-color: #EF3434;
    color: #fff;
}

.price-fix .btun {
    margin: 10px;
}

.price-dtls .price-cardinfo {
    padding: 10px 0px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .price-dtls .price-cardinfo b {
        text-align: center;
        display: block;
        font-size: 16px;
        font-weight: 500;
        color: #212121;
        padding-right: 10px;
    }

    .price-dtls .price-cardinfo i svg {
        fill: #fff;
        vertical-align: middle;
    }

.price-dtls ul .price-card:last-child {
    display: block;
    margin-top: 10px;
    text-align: center;
}

.price-dtls .price .price-benifits {
    display: block;
}

.price-benifits {
    display: block;
    padding: 0px 25px;
    background-color: #f5f5f5;
    border-left: 2px #ddd solid;
    border-right: 2px #ddd solid;
    border-bottom: 2px #ddd solid;
    border-radius: 0px 0px 5px 5px;
    position: relative;
}

    .price-benifits ul i {
        width: 20px;
        height: 20px;
        top: 2px;
        right: 2px;
        background-color: #EF3434;
        padding: 4px;
        position: absolute;
    }

        .price-benifits ul i svg {
            fill: #fff;
        }

    .price-benifits ul li {
        list-style: circle;
        padding: 5px 0px;
        line-height: 20px;
        font-size: 12px;
    }

.astro2, .astro3, .astro4, .astro5, .astro6 {
    width: 52px;
    height: 51px;
    position: absolute;
    bottom: 20px;
    left: 300px;
    animation: rotate-animation 10s infinite linear;
    content: '';
    background-image: url("../images/astro2.png");
}

.astro3 {
    bottom: 70px;
    left: 1680px;
}

.astro4 {
    bottom: 150px;
    left: 20px;
}

.astro5, .astro6 {
    background-image: url("../images/astro5.png");
    position: absolute;
    bottom: 20px;
    left: 700px;
    width: 40px;
    height: 40px;
    animation: rotate-animation 10s infinite linear;
    content: '';
}

.astro6 {
    bottom: 160px;
    left: 1620px;
}

.astro7, .astro8 {
    background-image: url("../images/astro7.png");
    position: absolute;
    bottom: 170px;
    left: 220px;
    width: 40px;
    height: 40px;
    animation: rotate-animation 10s infinite linear;
    content: '';
}

.astro8 {
    bottom: 50px;
    left: 1070px;
}

.cont-menu {
    margin-top: 20px;
    width: 100%;
    position: sticky;
    top: -1px;
    z-index: 3;
    box-shadow: 0 0 10px rgb(137 173 255 / 35%);
    border: 1px #ddd solid;
    padding: 20px 0px;
    background-color: #fff;
    border-radius: 5px;
}

.menu-list {
    overflow: hidden;
    height: 34px;
    width: 95%;
    position: static;
    margin: 0 auto;
}

.cont-menu ul {
    width: 100%;
    display: flex;
    gap: 19px;
    justify-content: flex-start;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}

    .cont-menu ul li {
        padding: 10px 0px;
    }

        .cont-menu ul li a.active {
            background: #F04043;
            color: #fff;
        }

        .cont-menu ul li a:hover {
            background: #F04043;
            color: #fff;
        }

        .cont-menu ul li a {
            color: #212121;
            padding: 5px 10px;
            background: #FFFFFF;
            border: 1px#ddd solid;
            border-radius: 3px;
            transition: -.8s all ease;
        }

.menu-title {
    padding: 0px 0px 20px 20px;
}

    .menu-title span {
        font-size: 18px;
        color: #212121;
        line-height: 25px;
    }

.rep-card-dtls {
    margin-top: 20px;
    position: relative;
}

    .rep-card-dtls .rep-card {
        display: flex;
        flex-direction: column;
        border: 1px #ddd solid;
        border-radius: 8px;
        height: 420px;
        background-color: #fff;
    }

        .rep-card-dtls .rep-card .card-img {
            position: relative;
            border-bottom: 1px #ddd solid;
            padding: 20px 0px;
        }

            .rep-card-dtls .rep-card .card-img span {
                position: absolute;
                left: 10px;
                top: 10px;
                font-size: 12px;
                padding: 3px 10px;
                border-radius: 10px;
            }

                .rep-card-dtls .rep-card .card-img span.online {
                    color: #08a182;
                    border: #08a182 1px solid;
                }

                .rep-card-dtls .rep-card .card-img span.offline {
                    color: #666;
                    border: #ddd 1px solid;
                }

                .rep-card-dtls .rep-card .card-img span.busy {
                    color: #ef3434;
                    border: #ef3434 1px solid;
                }

            .rep-card-dtls .rep-card .card-img a {
                position: absolute;
                top: 10px;
                right: 10px;
                padding: 0;
                line-height: 0;
                font-size: 0;
            }

                .rep-card-dtls .rep-card .card-img a i {
                }

            .rep-card-dtls .rep-card .card-img figure {
                border: 5px #fff solid;
                border-radius: 50px;
                width: 100px;
                height: 100px;
                box-shadow: 0 1px 4px rgb(32 33 36 / 90%);
                -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28);
                -webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
                overflow: hidden;
                margin: 0 auto;
            }

                .rep-card-dtls .rep-card .card-img figure img {
                    border-radius: 50%;
                    width: 100px;
                    height: 100px;
                }

        .rep-card-dtls .rep-card .card-cont {
            padding: 20px;
        }

            .rep-card-dtls .rep-card .card-cont a {
                overflow: hidden;
                display: block;
                line-clamp: 1;
                -webkit-line-clamp: 1;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                text-overflow: ellipsis;
                white-space: normal;
                line-height: 20px;
                text-align: left;
                padding: 0;
                font-size: 16px;
                color: #212121;
                font-weight: 600;
            }

            .rep-card-dtls .rep-card .card-cont p {
                text-align: left;
                padding: 10px 0px;
                color: #666;
                font-size: 14px;
                line-height: 20px;
            }

                .rep-card-dtls .rep-card .card-cont p a {
                    text-align: left;
                    padding: 0;
                    color: #0285E3;
                    font-weight: 500;
                    font-size: 14px;
                }

.rep-card .card-cont span {
    text-align: left;
    padding: 0 0 5px;
    display: block;
    color: #666;
    font-size: 14px;
}

    .rep-card .card-cont span i {
        text-align: left;
        padding-right: 10px;
        vertical-align: middle;
    }

        .rep-card .card-cont span i svg {
            fill: #4E6786;
        }

.rep-card-dtls .rep-card:hover .card-cont .card-btun a.btun {
    background-color: #0285E3;
}

    .rep-card-dtls .rep-card:hover .card-cont .card-btun a.btun svg {
        fill: #fff;
    }

    .rep-card-dtls .rep-card:hover .card-cont .card-btun a.btun b {
        color: #fff;
    }

.rep-card.active .card-cont .card-btun a.btun {
    background-color: #0285E3;
}

    .rep-card.active .card-cont .card-btun a.btun svg {
        fill: #fff;
    }

    .rep-card.active .card-cont .card-btun a.btun b {
        color: #fff;
    }

.rep-card .card-cont .card-rateing {
    display: flex;
    justify-content: center;
    gap: 5px;
    padding: 10px 0px;
}

.rep-card .card-cont .card-btun {
    vertical-align: middle;
    text-align: center;
}

    .rep-card .card-cont .card-btun a {
        text-align: center;
        border-radius: 50px;
        padding: 5px 10px;
    }

        .rep-card .card-cont .card-btun a b {
            font-weight: 500;
            text-align: center;
            padding-left: 5px;
        }

    .rep-card .card-cont .card-btun .btun svg {
        fill: #212121;
        vertical-align: middle;
    }

    .rep-card .card-cont .card-btun span {
        text-align: center;
        padding-top: 10px;
    }

.rep-card-dtls .owl-carousel .owl-dots, .rep-video .promvideowarp .owl-carousel .owl-dots {
    height: 0;
}

    .rep-card-dtls .owl-carousel .owl-dots .owl-dot span, .rep-video .promvideowarp .owl-carousel .owl-dots .owl-dot span {
        height: 5px;
        padding: 0;
    }

    .rep-card-dtls .owl-carousel .owl-dots .owl-dot, .rep-video .promvideowarp .owl-carousel .owl-dots .owl-dot {
        height: 0px;
    }

.rep-video {
    margin: 20px 0;
    position: relative;
    z-index: 0;
}

    .rep-video .more, .rep-card-dtls .more {
        margin-top: 20px;
    }

    .rep-video .promvideowarp .promvideo {
        margin: 0px 1px;
    }

        .rep-video .promvideowarp .promvideo .videodisc .title a {
            overflow: hidden;
            display: block;
            line-clamp: 3;
            -webkit-line-clamp: 3;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            white-space: normal;
        }

.price-dtls {
    position: relative;
}

.price-cardinfo:hover span.info {
    display: block;
}

.price-cardinfo .info {
    position: absolute;
    padding: 10px;
    background-color: #f5f5f5;
    border: 1px #ddd solid;
    border-radius: 5px;
    display: none;
    line-height: 25px;
    bottom: 42px;
    right: -2px;
}

    .price-cardinfo .info:before {
        position: absolute;
        bottom: -13px;
        right: 69px;
        display: inline-block;
        border-left: 13px solid transparent;
        border-right: 13px solid transparent;
        border-top: 13px solid #ccc;
        content: '';
    }

    .price-cardinfo .info:after {
        position: absolute;
        bottom: -12px;
        right: 70px;
        display: inline-block;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #f5f5f5;
        content: '';
    }

.price-offer {
    position: relative;
    background-color: #fdba17;
    padding: 5px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
}

    .price-offer p {
        color: #000;
    }

        .price-offer p b {
            color: #dc1f27;
        }

    .price-offer:before {
        display: inline-block;
        position: absolute;
        bottom: -2px;
        left: 0px;
        border-bottom: 22px solid transparent;
        border-left: 22px solid #fff;
        border-right: 22px solid transparent;
        border-top: 22px solid transparent;
        content: '';
    }

    .price-offer:after {
        display: inline-block;
        position: absolute;
        bottom: -2px;
        right: 0px;
        border-bottom: 22px solid transparent;
        border-left: 22px solid transparent;
        border-right: 22px solid #fff;
        border-top: 22px solid transparent;
        content: '';
    }

/*report page end*/
/*love compare*/
.compar {
    padding: 10px;
    background-color: #fff;
    border: 1px #ddd solid;
    border-radius: 5px;
    align-items: center;
    display: flex;
    justify-content: space-around;
}

    .compar .compar-cont {
        vertical-align: middle;
        font-size: 20px;
        color: #41495B;
        font-weight: 500;
        text-align: left;
        padding: 10px;
    }

    .compar .compar-select {
        display: flex;
        gap: 10px;
        align-items: center;
    }

        .compar .compar-select .selectwarp {
            position: relative;
            width: 150px;
            background-color: #DF2349;
            border-radius: 5px;
            align-items: center;
        }

            .compar .compar-select .selectwarp a {
                color: #fff;
                display: flex;
                justify-content: space-between;
                padding: 10px;
                align-items: center
            }

            .compar .compar-select .selectwarp .selectlist {
                position: absolute;
                top: 40px;
                left: 0;
                z-index: 999;
                background-color: #fff;
                border: #ddd 1px solid;
                width: 380px;
            }

                .compar .compar-select .selectwarp .selectlist.right {
                    right: 0;
                    left: -210px !important;
                }

                .compar .compar-select .selectwarp .selectlist ul {
                    display: flex;
                    justify-content: space-between;
                    padding: 10px;
                    flex-wrap: wrap;
                }

                    .compar .compar-select .selectwarp .selectlist ul li a {
                        display: block;
                        color: #212121;
                        padding: 10px;
                        text-align: center;
                        width: 100px;
                        border-radius: 5px;
                    }

                    .compar .compar-select .selectwarp .selectlist ul li {
                        margin: 5px 0;
                    }

                        .compar .compar-select .selectwarp .selectlist ul li a:hover {
                            background-color: #DF2349;
                            color: #fff;
                        }

                        .compar .compar-select .selectwarp .selectlist ul li.active a {
                            background-color: #DF2349;
                            color: #fff;
                        }

            .compar .compar-select .selectwarp span {
                font-size: 16px;
            }

            .compar .compar-select .selectwarp i {
                width: 10px;
                height: 10px;
            }

                .compar .compar-select .selectwarp i svg {
                    fill: #fff;
                }

        .compar .compar-select .compar-btun a {
            background-color: #FFCC06;
            border-radius: 50px;
            color: #212121;
            font-weight: 500;
            font-size: 16px;
            display: inline-flex;
            width: 45px;
            height: 45px;
            justify-content: center;
            align-items: center;
        }

    .compar a.compar-more {
        line-height: 25px;
        color: #212121;
        background-color: #FFCC06;
        border-radius: 10px;
        padding: 5px 15px;
        gap: 20px;
    }

    .compar .compar-more .more {
        text-align: left;
        font-weight: 400;
        font-size: 16px;
        margin: 0;
    }

.compar-section .listinghead .listing-title {
    text-align: center;
}

    .compar-section .listinghead .listing-title .tagline {
        padding: 10px 0px;
    }

.compar-section .listinghead {
    display: block;
}

.compar-section .compar {
    padding: 20px;
}

    .compar-section .compar .compar-cont a.compar-report {
        text-decoration: underline !important;
    }

.compar .compar-select .selectwarp p.compar-error {
    color: #E11D20;
    font-size: 12px;
    position: absolute;
    bottom: -18px;
}

/*love compare*/
/*horo-yearly start*/
.horo-bg {
    background-image: url("../images/horo-bg.jpg");
    background-repeat: no-repeat;
}

    .horo-bg .container {
        padding-top: 40px;
    }

.horo-header {
    position: relative;
    z-index: 1;
    border-radius: 5px;
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 5px 10px rgb(137 173 255 / 35%);
    border-color: var(--color-white);
}

.header-tab {
    margin-bottom: -20px;
    padding: 10px 0px;
    display: block;
}

    .header-tab .horo-tab {
        background-color: #EFEFED;
        border-radius: 5px;
        padding: 10px 0px 30px;
    }

        .header-tab .horo-tab.active {
            background-color: #fff;
        }

        .header-tab .horo-tab a {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 20px;
        }

            .header-tab .horo-tab a b {
                color: #05264E;
                font-size: 16px;
            }

            .header-tab .horo-tab a figure {
                background-color: #fff;
                border-radius: 50px;
                width: 80px;
                height: 80px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

        .header-tab .horo-tab.active a figure {
            border: 2px #C43100 solid;
            background-color: #FFE4E4;
        }

        .header-tab .horo-tab a figure img {
        }

    .header-tab .owl-carousel .owl-item img {
        width: auto;
    }

.horo-tab:hover {
    background-color: #fff;
}

    .horo-tab:hover a figure {
        border: 2px #C43100 solid;
        background-color: #FFE4E4;
    }

.horo-title {
    font-weight: 600;
    padding: 10px 15px;
    font-size: 28px;
    color: #05264E;
    line-height: 35px;
    text-align: left;
}

.horo-subtitle {
    font-weight: 400;
    padding: 0px 15px;
    font-size: 16px;
    color: #768B9B;
    line-height: 30px;
    text-align: left;
}

.horo-header .header-cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.like-share {
    display: block;
    margin-top: 30px;
}

    .like-share .header-like {
        margin-right: 20px;
        background-color: #C0FFEE;
        border-radius: 5px;
        padding: 10px;
    }

        .like-share .header-like svg {
            Fill: #C0FFEE;
            vertical-align: middle;
        }

    .like-share .header-share {
        background-color: #FFE4E4;
        border-radius: 5px;
        padding: 10px;
    }

        .like-share .header-share svg {
            Fill: #FFE4E4;
            vertical-align: middle;
        }

.headerdates {
    padding: 20px;
}

    .headerdates ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .headerdates ul li {
        }

            .headerdates ul li span {
                font-size: 18px;
                color: #05264E;
                font-weight: 600;
                padding-bottom: 20px;
                display: block;
            }

            .headerdates ul li p {
                font-size: 18px;
                color: #768B9B;
                font-weight: 400;
            }

            .headerdates ul li a {
                font-size: 16px;
                font-weight: 500;
                display: flex;
                justify-content: space-between;
                gap: 10px;
                align-items: center;
            }

                .headerdates ul li a i svg {
                    vertical-align: sub;
                }

                .headerdates ul li a.btun-red {
                    fill: #D8232A;
                }

                .headerdates ul li a.btun-yellow {
                    fill: #feb400;
                }

.header-leval {
    margin: 10px;
    padding: 15px;
    display: flex;
    justify-content: space-around;
    background-color: #F5F5F5;
    border-radius: 5px;
}

    .header-leval .leval {
    }

        .header-leval .leval span {
            display: block;
            text-align: center;
            padding: 0px 0px 15px;
            font-size: 18px;
            color: #7E92A1;
            font-weight: 500;
        }

        .header-leval .leval p {
            text-align: center;
            font-size: 18px;
            color: #05264E;
            font-weight: 600;
        }

.header-menu {
    position: sticky;
    top: 0;
    z-index: 99;
    box-shadow: var(--boxshadow);
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    margin: 30px 0;
}

    .header-menu .header-menu-title {
        justify-content: space-evenly;
        text-align: center;
        background: #f5f5f5;
        display: flex;
        border: 1px #ddd solid;
        border-radius: 50px;
        padding: 10px 0px;
        align-items: center;
    }

        .header-menu .header-menu-title span {
            color: #455065;
            font-size: 16px;
        }

        .header-menu .header-menu-title a {
            display: block;
            background: #08a182 url("../images/color1.gif") repeat center center;
            border-radius: 4px;
            color: #fff !important;
            font-size: 16px;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
            padding: 10px !important;
            text-align: center;
            line-height: 15px;
        }

.horo-menu {
    padding: 10px;
}

    .horo-menu ul {
        display: flex;
        justify-content: space-between;
    }

        .horo-menu ul li {
            padding: 10px;
        }

            .horo-menu ul li a {
                color: #455065;
                font-size: 16px;
                padding: 10px;
                position: relative;
                background-color: transparent;
                -webkit-transition: 0.3s ease;
                transition: 0.3s ease;
                z-index: 9;
                white-space: nowrap;
            }

            .horo-menu ul li a {
                border-bottom: solid 3px #fff
            }

                .horo-menu ul li a:hover, .horo-menu ul li a.active {
                    border-bottom-color: #D8232A
                }

.horo-cont-rsh {
}

    .horo-cont-rsh .horo-contwrap {
    }

        .horo-cont-rsh .horo-contwrap .horo-cont, .horo-cont-rsh .horo-rshwrap .horo-rsh {
            margin: 0 0 30px;
            box-shadow: var(--boxshadow);
            border-color: var(--color-white);
            border-radius: 8px;
        }

    .horo-cont-rsh .horo-rsh .title, .horo-cont-rsh .compar .title {
        font-size: 20px;
        color: #05264E;
        font-weight: 600;
        line-height: 25px;
        position: relative;
        padding: 15px 20px;
        border-left: #D8232A solid 4px;
        border-bottom: solid 1px #ddd;
        margin-bottom: 10px;
    }

.horo-cont .title, .horo-cont h2 {
    font-size: 20px !important;
    color: #05264E !important;
    font-weight: 600;
    line-height: 25px;
    position: relative;
    padding: 15px 20px;
    border-left: #D8232A solid 3px;
    border-bottom: solid 1px #ddd;
    margin-bottom: 10px;
}

.horo-cont h3, .horo-cont h4 {
    font-size: 16px;
    color: var(--color-black);
    font-weight: 600;
    line-height: 25px;
    position: relative;
    padding: 15px 20px;
}

/*.horo-cont p{font-size: 14px;color: #455065;line-height: 30px;padding: 0px 20px 20px;font-weight:500;}*/
.horo-cont p {
    color: var(--gray777);
    font-size: 16px;
    padding: 0px 20px 20px;
    line-height: 24px;
}

.horo-cont b {
    font-size: 16px;
    padding: 20px;
    line-height: 30px;
    display: block;
    font-weight: 600;
}

.horo-cont .home-blk {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    background: var(--gray40);
    padding: 15px;
    border: solid 3px #fff;
    border-radius: 8px;
}

    .horo-cont .home-blk .home-tab {
    }

        .horo-cont .home-blk .home-tab ul {
            width: 320px;
        }

            .horo-cont .home-blk .home-tab ul li {
                border-bottom: 1px #ddd solid;
                padding: 15px;
                color: var(--gray777)
            }

                .horo-cont .home-blk .home-tab ul li:last-child {
                    border-bottom: 0
                }

                .horo-cont .home-blk .home-tab ul li:hover, .horo-cont .home-blk .home-tab ul li.active {
                    background: var(--color-white)
                }

                .horo-cont .home-blk .home-tab ul li a {
                    display: flex;
                    padding: 0;
                    gap: 40px;
                    justify-content: space-between;
                    color: var(--gray777);
                    font-size: 16px;
                    line-height: 20px;
                }

                    .horo-cont .home-blk .home-tab ul li a i svg {
                        fill: #05264E;
                        -webkit-transform: rotate(270deg);
                        transform: rotate(270deg);
                    }

    .horo-cont .home-blk .home-list {
        padding: 15px;
        background: var(--color-white);
        width: 100%
    }

.horo-cont .home-list span {
    font-size: 20px;
    color: #05264E;
    font-weight: 600;
    display: block;
    padding-bottom: 5px
}

.horo-cont .home-list ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: left;
    gap: 12px;
    flex-wrap: wrap;
    padding: 15px 0 0;
}

    .horo-cont .home-list ul li {
        padding: 0 0 13px;
        border-bottom: 1px #ddd solid;
    }

        .horo-cont .home-list ul li a {
            color: var(--gray777);
            font-size: 16px;
            padding: 0px;
            display: block;
        }

        .horo-cont .home-list ul li:hover a {
            color: #027AEA;
            text-decoration: underline
        }

.horo-cont .promvideo-horo {
    padding: 15px;
}

    .horo-cont .promvideo-horo .promvideo {
        border-radius: 5px;
        margin: 5px;
    }

.horo-blogs {
    display: flex;
    padding: 10px 20px;
    justify-content: space-between;
    gap: 20px;
}

    .horo-blogs .big-blog {
        border-radius: 5px;
        border: 1px #ddd solid;
        background-color: #fff;
        width: 900px;
        height: 100%;
    }

        .horo-blogs .big-blog a img {
            border-radius: 5px;
            height: 147px;
            width: 358px;
        }

        .horo-blogs .big-blog span {
            display: block;
        }

            .horo-blogs .big-blog span h3 {
                padding: 5px 20px;
            }

                .horo-blogs .big-blog span h3 a {
                    display: block;
                    color: #05264E;
                    font-size: 18px;
                    font-weight: 600;
                    padding: 10px 0px 0px;
                    line-height: 25px;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                }

            .horo-blogs .big-blog span p {
                color: #455065;
                font-size: 16px;
                font-weight: 400;
                line-height: 25px;
            }

                .horo-blogs .big-blog span p a {
                    color: #027AEA;
                    font-weight: 400;
                }

.min-blog .sm-blog {
    display: flex;
    align-content: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px;
    border: 1px #ddd solid;
    border-radius: 5px;
}

    .min-blog .sm-blog span h3 {
        padding: 0;
    }

    .min-blog .sm-blog a {
    }

        .min-blog .sm-blog a img {
            width: 220px;
            height: 100px;
            border-radius: 5px;
        }

.sm-blog span h3 a {
    display: block;
    color: #05264E;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.sm-blog span p {
    padding: 0;
    color: #455065;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
}

.tag-blog {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 10px;
}

    .tag-blog span, .tag-sign span {
        padding: 10px;
        background-color: #f5f5f5;
        margin: 5px;
    }

        .tag-blog span:hover a, .horo-blogs .big-blog:hover span h3 a, .horo-blogs .sm-blog:hover span h3 a, .tag-sign span:hover a {
            color: #027AEA;
        }

        .tag-blog span a, .tag-sign span a {
            padding: 10px 15px;
            color: #455065;
            font-size: 14px;
        }

.videowrpsingle {
    padding: 15px;
}

    .videowrpsingle figure {
        overflow: hidden;
        border-radius: 4px;
        border: solid 1px #ebebeb;
        position: relative;
        object-fit: cover;
        width: 100%;
        object-position: top center;
        border-radius: 6px;
        padding: 10px;
    }

    .videowrpsingle .video-icon {
        width: 46px;
        height: 46px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        background-color: rgba(0,0,0,.5);
        position: absolute;
        z-index: 1;
        display: block;
        top: 50%;
        left: 50%;
        margin-top: -23px;
        margin-left: -23px;
        cursor: pointer;
        transition: background-color .3s,opacity .3s,visibility .3s,border-color .3s;
        -webkit-transition: background-color .3s,opacity .3s,visibility .3s,border-color .3s;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
    }

        .videowrpsingle .video-icon:after {
            content: '';
            display: block;
            position: absolute;
            width: 0;
            height: 0;
            border: solid transparent;
            border-width: 15px 25px;
            border-left-color: rgba(255,255,255,.5);
            top: 50%;
            left: 50%;
            margin-top: -15px;
            margin-left: -8px;
            transition: border-color .3s;
            -webkit-transition: border-color .3s;
            backface-visibility: hidden;
            webkit-backface-visibility: hidden;
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
        }

    .videowrpsingle:hover .video-icon {
        background-color: #000;
    }

        .videowrpsingle:hover .video-icon:after {
            border-left-color: #fff;
        }

.signselect {
    padding: 15px;
    position: relative;
}

    .signselect a.select {
        background-color: #fff;
        padding: 10px;
        border-radius: 5px;
        border: #455065 1px solid;
        font-size: 16px;
        font-weight: 400;
        color: #455065;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .signselect .signwrap {
        position: absolute;
        top: 53px;
        left: 15px;
        background-color: #fff;
        border: #455065 1px solid;
        z-index: 2;
    }

        .signselect .signwrap ul {
            width: 338px;
        }

            .signselect .signwrap ul li {
            }

                .signselect .signwrap ul li:hover a {
                    color: #fff;
                    background-color: #D8232A;
                }

                .signselect .signwrap ul li:last-child {
                    border: 0;
                }

                .signselect .signwrap ul li a {
                    padding: 10px;
                    font-size: 16px;
                    color: #455065;
                    display: block;
                }

.horo-rsh .tag-sign {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0px 10px 10px;
}

.rsh-astrologer {
    padding: 10px 10px 30px
}

.rsh-astro {
    border: 1px #ddd solid;
    border-radius: 5px;
    text-align: center;
    padding: 15px;
}

    .rsh-astro figure {
        width: 70px;
        height: 70px;
        text-align: center;
        display: inline-block;
    }

        .rsh-astro figure img {
            border: 3px #fff solid;
            border-radius: 50px;
            box-shadow: 0 1px 4px rgb(32 33 36 / 90%);
            -moz-box-shadow: 0 1px 4px rgba(32, 33,36, .28);
            -webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
        }

    .rsh-astro span {
        background-color: #f5f5f5;
        display: block;
        margin-top: 10px;
    }

        .rsh-astro span a {
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            line-height: 21px;
            font-size: 14px;
            color: #05264E;
            padding: 5px 0px;
        }

    .rsh-astro a {
        font-size: 16px;
        display: block;
        padding: 5px 0px;
    }

    .rsh-astro span p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 21px;
        font-size: 14px;
        color: #05264E;
        padding: 0px 20px 5px;
    }

        .rsh-astro span p a {
            color: #027AEA;
            display: inline;
        }

.rsh-astrologer .owl-carousel .owl-dots, .rep-video .promvideowarp .owl-carousel .owl-dots {
    height: 0;
}

    .rsh-astrologer .owl-carousel .owl-dots .owl-dot span, .rep-video .promvideowarp .owl-carousel .owl-dots .owl-dot span {
        height: 5px;
        padding: 0;
    }

    .rsh-astrologer .owl-carousel .owl-dots .owl-dot, .rep-video .promvideowarp .owl-carousel .owl-dots .owl-dot {
        height: 0px;
    }

.rsh-blogs {
    padding: 10px;
}

    .rsh-blogs ul {
    }

        .rsh-blogs ul a {
            font-size: 16px;
            padding: 20px 0px 15px;
            text-align: center;
            color: #05264E;
            display: block;
            font-weight: 500;
        }

        .rsh-blogs ul li {
            display: flex;
            gap: 15px;
            justify-content: flex-start;
            padding: 15px 10px;
            border-bottom: 2px #ddd dashed;
        }

            .rsh-blogs ul li img {
                width: 120px;
                height: 80px;
                border-radius: 5px;
            }

            .rsh-blogs ul li span a {
                padding: 0;
                color: #455065;
                font-size: 16px;
                line-height: 26px;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                font-weight: 400;
                text-align: left;
            }

.rsh-order {
    padding: 10px;
}

    .rsh-order ul {
    }

        .rsh-order ul li {
            padding: 10px;
        }

            .rsh-order ul li:hover a {
                background-color: #f5f5f5;
                border: 1px #f5f5f5 solid;
            }

            .rsh-order ul li a {
                border-radius: 5px;
                background-color: #fff;
                font-size: 16px;
                font-weight: 400;
                border: 1px #455065 solid;
                color: #455065;
                padding: 15px;
                display: flex;
                justify-content: space-between;
            }

.horo-rsh .astro-horo {
    margin-bottom: 20px;
}

    .horo-rsh .astro-horo .tab {
        padding: 5px;
    }

.rsh-email {
    text-align: center;
}

    .rsh-email a.subscribe {
        text-align: center;
        font-size: 14px;
        border-radius: 20px;
        margin: 10px;
    }

    .rsh-email .horocont-sub {
        padding: 10px;
        font-size: 16px;
        color: #333;
    }

.rsh-media {
}

    .rsh-media .social-mediums {
        padding: 20px 0;
    }

        .rsh-media .social-mediums ul {
            display: flex;
            align-items: center;
            justify-content: space-around;
            margin: 0;
        }

            .rsh-media .social-mediums ul li {
                margin: 0;
                list-style-type: none;
                padding: 0
            }

                .rsh-media .social-mediums ul li:before {
                    display: none
                }

                .rsh-media .social-mediums ul li a {
                    color: #62646a;
                    display: block;
                }

                    .rsh-media .social-mediums ul li a i {
                        width: 40px;
                        height: 40px;
                        background: #f0f0f0;
                        border-radius: 50%;
                        display: inline-block;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        padding: 10px;
                        border: 2px #fff solid;
                        box-shadow: 0 1px 4px rgb(32 33 36 / 90%);
                        -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28);
                        -webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
                    }

                        .rsh-media .social-mediums ul li a i svg {
                            fill: var(--color-white)
                        }

                .rsh-media .social-mediums ul li.fb i {
                    background: #006AF7;
                }

                .rsh-media .social-mediums ul li.yo i {
                    background: #FF0000;
                }

                .rsh-media .social-mediums ul li.tw i {
                    background: #212121;
                }

                .rsh-media .social-mediums ul li.ins i {
                    background: #833ab4;
                    background: linear-gradient(to right,#833ab4,#fd1d1d,#fcb045);
                }

                .rsh-media .social-mediums ul li.pin i {
                    background: #FF0000;
                }

.rsh-festival span a {
    color: #777777;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 12px;
    display: block;
    border-radius: 30px;
}

.rsh-festival ul {
    padding: 20px;
}

    .rsh-festival ul li {
        padding: 0px 10px;
        border-bottom: 1px #ddd solid;
    }

        .rsh-festival ul li a {
            padding: 10px;
            display: flex;
            justify-content: space-between;
            font-size: 16px;
            color: #455065;
            font-weight: 400;
            align-items: center;
        }

            .rsh-festival ul li a:hover, .horo-yearfesval ul li a:hover {
                color: #027AEA;
            }

            .rsh-festival ul li a i svg {
                fill: #fff;
                vertical-align: middle;
            }

.price-offer p {
    font-size: 14px;
    color: #212121;
    line-height: 30px;
    padding: 0px;
    font-weight: 600;
}

.horo-package {
    padding: 10px;
}

    .horo-package .astro-order span p {
        padding: 10px 0px 0px;
    }

    .horo-package .astro-order span.order-bule {
        border-bottom: 2px #0136F1 solid;
        border-left: 0;
    }

    .horo-package .astro-order span.order-pink {
        border-bottom: 2px #9600CB solid;
        border-left: 0;
    }

    .horo-package .astro-order span.order-brown {
        border-bottom: 2px #9F4D00 solid;
        border-left: 0;
    }

.horo-rsh .horo-mon {
    padding: 10px 20px;
}

.horo-yearfesval {
}

    .horo-yearfesval ul {
        padding: 10px;
    }

        .horo-yearfesval ul li {
            display: flex;
            justify-content: flex-start;
            gap: 10px;
            padding: 20px 10px;
            border-bottom: 1px #ddd solid;
        }

            .horo-yearfesval ul li:last-child {
                border-bottom: 0;
            }

            .horo-yearfesval ul li a {
                color: #455065;
                font-size: 16px;
                font-weight: 400;
            }

.horo-rshwrap .compar {
    padding: 0;
}

    .horo-rshwrap .compar .compar-cont a {
        font-size: 18px;
    }

        .horo-rshwrap .compar .compar-cont a:hover {
            text-decoration: underline;
        }

.horo-rshwrap .compar {
    display: block;
}

    .horo-rshwrap .compar .horo-subtitle {
        text-align: center;
        padding-bottom: 10px;
    }

    .horo-rshwrap .compar .compar-select {
        display: block;
        text-align: center;
    }

    .horo-rshwrap .compar .compar-more .more {
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .horo-rshwrap .compar .compar-cont {
        text-align: center;
        margin-bottom: 10px;
    }

    .horo-rshwrap .compar .compar-select .selectwarp {
        margin: 5px;
        display: inline-block;
        vertical-align: middle;
    }

    .horo-rshwrap .compar .compar-select .flip {
        vertical-align: middle;
    }

    .horo-rshwrap .compar a.compar-more {
        margin: 20px 40px;
        display: block;
    }

    .horo-rshwrap .compar .compar-select .selectwarp .selectlist {
        left: -20px;
    }

    .horo-rshwrap .compar a.compar-report {
        text-decoration: underline !important;
        text-align: center;
        display: block;
        padding: 10px 0px 20px;
    }

    .horo-rshwrap .compar .compar-select .compar-btun {
        margin: 20px 0px;
    }

.horo-cont em, .horo-cont i {
    font-style: italic;
}

.horo-cont p strong, .horo-cont p b {
    font-weight: 600;
    display: inline-block;
    line-height: normal;
    padding: 0;
}

.horo-cont > ul, .horo-cont > ol {
    margin-left: 40px;
}

    .horo-cont > ul > li > b, .horo-cont > ol > li > b {
        padding: 0;
        display: inline-block;
    }

    .horo-cont > ul > li, .horo-cont > ol > li {
        font-size: 16px;
        color: var(--gray777);
        line-height: 30px;
        list-style-type: circle
    }

    .horo-cont > ol > li {
        list-style-type: decimal;
    }

.horo-cont .horocont-report {
    background-color: #f5f5f5;
    padding: 10px 15px;
    border-left: 4px #05264E solid;
    border-radius: 4px 0px 0px 4px;
    display: inline-block;
    margin: 20px 40px;
}

    .horo-cont .horocont-report:before {
    }

    .horo-cont .horocont-report b, .horo-cont .horocont-report strong {
        line-height: 20px;
        margin: 10px 0px;
        color: #05264E;
        font-size: 16px;
        font-weight: 600;
        display: block;
        padding: 0;
    }

    .horo-cont .horocont-report p {
        color: #455065;
        font-size: 14px;
        font-weight: 400;
        line-height: 25px;
        padding: 0;
        margin-bottom: 10px;
    }

/*horo-yearly end*/
/*askquestion*/
.askqusition ul li.askqustion {
    display: block
}

.askqusition ul li .askqustninput textarea {
    width: 300px;
    height: 120px;
}

.askqusition ul li .askqustninput .count {
    margin-top: 10px;
    color: var(--gray777);
}

    .askqusition ul li .askqustninput .count span {
        color: var(--color-black);
        font-weight: 500
    }

.askqusition ul li .askqusition-area {
    padding: 10px 0;
    display: block;
}

    .askqusition ul li .askqusition-area textarea {
        line-height: 20px;
        font-size: 14px;
        color: #333;
        padding: 10px;
    }

.askqusition ul li .askbutn {
    margin-top: 10px;
}

.qusttitle {
    background: #eee;
    border-left: solid 3px #ccc;
    padding: 10px;
    margin-top: 10px;
    font-size: 16px;
    color: #000000;
    font-weight: 500;
}

    .qusttitle i {
        vertical-align: middle;
        margin-right: 10px;
    }

        .qusttitle i svg {
            fill: #eee;
        }

.askqusition ul li.alertext {
    color: var(--color-red);
}

    .askqusition ul li.alertext textarea {
        border-color: var(--color-red);
    }

/**/
.newreport-price {
    padding: 10px 15px;
    box-shadow: 0 0 10px rgb(137 173 255 / 35%);
    border: 1px #ddd solid;
    border-radius: 15px;
    margin-top: 10px;
    background-color: #fff;
    position: sticky;
    z-index: 1111;
}

.catepackage {
    top: 80px;
    background-color: #fff;
    animation: none;
}

/**/
.actionbtnwarp a.btun-blue {
    border-radius: 20px;
}

.actionbtnwarp a span {
    font-size: 14px;
}

    .actionbtnwarp a span b {
        font-size: 16px;
        font-weight: 600;
    }

/**/
.signdetails .horocont-report {
    background-color: #e1eaff;
    padding: 10px 15px;
    border-left: 4px #05264E solid;
    border-radius: 4px 0px 0px 4px;
    display: inline-block;
    margin: 20px;
}

    .signdetails .horocont-report:before {
    }

    .signdetails .horocont-report b {
        color: #05264E;
        font-size: 18px;
        font-weight: 600;
        display: block;
        padding: 0 0 5px;
    }

    .signdetails .horocont-report p {
        color: #455065;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        padding: 0;
    }

        .signdetails .horocont-report p a, .horo-cont .horocont-report a {
            text-align: center;
            background-color: #D8232A;
            color: #fff;
            font-size: 14px;
            font-weight: 400;
            padding: 5px;
            display: block;
            margin-top: 10px;
            width: 220px;
        }

.horo-cont .horocont-report a {
    padding: 10px;
}

/*conjunctions*/
.new-conjbg {
    background: url("../images/new-conjbg.jpg")no-repeat;
}

.conjpackagewrp {
    position: sticky;
    top: 0px;
    background-color: #fff;
    padding: 0px 10px 10px;
    border-radius: 5px;
    margin-top: 47px;
    display: inline-block;
    width: 100%;
    box-shadow: 0 0 10px rgb(137 173 255 / 35%);
    border: 1px #ddd solid;
    z-index: 2;
}

    .conjpackagewrp .mon-title {
        font-size: 22px;
        margin-left: 20px;
    }

.conjpackag {
    padding: 10px 0;
}

    .conjpackag ul {
        display: flex;
        gap: 20px;
        justify-content: space-around;
    }

        .conjpackag ul li.packagwrp {
            display: flex;
            border: 1px #ddd solid;
            border-radius: 5px;
            padding: 15px 20px 15px 0px;
            gap: 30px;
            cursor: pointer;
            justify-content: space-between;
        }

.packname a {
    margin-left: 45px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    color: #0065FF;
    text-decoration: underline;
}

.packprice {
    text-align: center;
}

    .packprice .price-save {
        text-align: center;
    }

    .packprice span {
        padding-right: 10px;
        font-size: 20px;
        color: #212121;
        font-weight: 600;
    }

    .packprice b {
        font-size: 14px;
        color: #888;
        text-decoration: line-through;
    }

    .packprice .price-save p {
        display: inline-block;
        border-radius: 20px;
        font-size: 14px;
        padding: 3px 10px;
        color: #fff;
        text-align: center;
        margin-top: 10px;
    }

    .packprice .price-save.violet p {
        background-color: #5900CA;
    }

    .packprice .price-save.bule p {
        background-color: #2A7EFE;
    }

    .packprice .price-save.pink p {
        background-color: #FE1CBF;
    }

.packbtn .btun {
    border-radius: 40px;
    padding: 5px 30px;
    border: 8px #fff double;
    background-color: #EF3434;
    color: #fff;
}

.packbtn {
    display: block;
    margin-top: 10px;
    text-align: center;
}

.packname .inputfield [type="radio"]:not(:checked) + label, .packname .inputfield [type="radio"]:checked + label {
    font-size: 18px;
    font-weight: 500;
    padding-left: 30px;
}

.newreport-cont-image.conj-cont .cont-right:after {
    display: none;
}

.newreport-cont-image.conj-cont .cont-right {
    top: 185px;
}

.conjmenuwrp {
    position: relative;
}

.conj-menu {
    padding: 10px;
}

    .conj-menu a {
        border-radius: 5px;
        padding: 10px;
        display: block;
        color: #000;
        background-color: #f1f1f1;
        text-align: center;
        border: 1px #ddd solid;
    }

        .conj-menu a:hover {
            color: #fff;
            background-color: #EF3434;
        }

.conj-cont .cont-left .cont-menu {
    position: static;
    margin-top: 60px;
}

.taglinewrp {
    background-color: #fff;
    padding: 10px;
    border: 1px #ddd solid;
    border-radius: 5px;
    margin-top: 60px;
}

    .taglinewrp .tagline-title {
        background-color: #FFF3F3;
        padding: 10px;
        text-align: center;
    }

        .taglinewrp .tagline-title span {
            color: #000;
            font-size: 18px;
            font-weight: 600;
            text-align: center;
        }

    .taglinewrp .taglinelist ul {
        height: 410px;
        overflow: hidden;
        overflow-y: overlay;
    }

        .taglinewrp .taglinelist ul li {
            border-bottom: 1px #ddd solid;
            position: relative;
        }

            .taglinewrp .taglinelist ul li:hover a {
                color: #EF3434;
            }

                .taglinewrp .taglinelist ul li:hover a:before {
                    background-color: #EF3434;
                }

            .taglinewrp .taglinelist ul li a:before {
                width: 10px;
                height: 10px;
                background-color: #000;
                border-radius: 50%;
                content: '';
                top: 17px;
                left: 5px;
                position: absolute;
            }

            .taglinewrp .taglinelist ul li a {
                font-weight: 500;
                padding: 15px 0px 15px 25px;
                display: block;
                color: #333333;
            }

.conj-cont .cont-left .cont-blk .mon-cont {
    margin: 0;
    padding: 10px;
}

    .conj-cont .cont-left .cont-blk .mon-cont h3 {
        padding: 15px 0px 10px;
    }

    .conj-cont .cont-left .cont-blk .mon-cont ul li, .conj-cont .cont-left .cont-blk .mon-cont ol li {
        padding-bottom: 0px;
    }

/*subfooter*/
.subfooterwrp {
    background: #00567e;
    padding: 25px 0px 10px;
    width: 100%;
    background: url(../images/dot.png) repeat-x, linear-gradient(#0075ab, #005075);
    margin-bottom: -15px;
}

.subfooter {
    display: flex;
}

    .subfooter span {
        font-size: 20px;
        color: #fff;
        font-weight: 400;
        padding: 10px 5px 0px;
        border-right: solid 1px #9c9c8a;
        min-height: 45px;
    }

    .subfooter ul {
        display: flex;
        padding: 6px 0px 0px 10px;
        margin: 0px;
    }

        .subfooter ul li {
            list-style: none;
            margin-right: 10px;
        }

            .subfooter ul li a {
                background: linear-gradient(#ffffff, #fff8e6);
                transition: all 0.3s ease-in;
                border: solid 1px #bebeb1;
                color: #000;
                font-size: 18px;
                padding: 5px 8px;
                display: block;
            }

                .subfooter ul li a:hover {
                    box-shadow: 5px 5px 0px rgba(0, 0, 0, .19);
                    transition: all 0.3s ease-in;
                }

/* Animation :: BEGIN */
@keyframes slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

/**  ---------------
     slideInLeft
*/
@keyframes slideInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-30px, 0, 0);
        transform: translate3d(-30px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* Animation :: END */
.noscroll body {
    overflow: hidden
}

/*Modal Start
=================================================================================*/
.bottomsheet {
    position: fixed;
    height: 100%;
    box-sizing: border-box;
    z-index: 9999;
    display: none;
}

.bottomsheet-container {
    max-width: 80rem !important;
}

    .bottomsheet-container.large {
    }

    .bottomsheet-container.small {
        max-width: 500px !important;
    }

    .bottomsheet-container.medium {
        max-width: 650px !important;
    }

.bottomsheet .bottomsheet-inner {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--color-white);
    width: 100%;
    height: auto;
    max-height: 85%;
    z-index: 1;
    position: fixed;
    bottom: 0;
    left: 0;
    pointer-events: auto;
    animation: slideInUp 0.3s var(--animation);
    transition: all 1s ease;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.bottomsheet-inner .packagemainwrp {
    padding: 87px 40px;
    position: relative;
}

    .bottomsheet-inner .packagemainwrp .close {
        position: absolute;
        right: 0px;
        top: 13px;
    }

        .bottomsheet-inner .packagemainwrp .close a {
            padding: 20px 15px 20px 25px;
            border-radius: 0px 20px 0px 50px;
            background-color: #FE4C1C;
        }

            .bottomsheet-inner .packagemainwrp .close a svg {
                fill: #fff;
            }

.bodyfix .backdrop1.backdrop {
    display: block;
    z-index: 11111;
}

@media (min-width: 768px) {
    .bottomsheet {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        outline: 0;
        z-index: 9999
    }

        .bottomsheet .bottomsheet-container {
            height: calc(100% - 50px);
            min-height: calc(100% - 50px);
            max-width: 60rem;
            margin: 15px auto;
            position: relative;
            width: auto;
            pointer-events: none;
            display: flex;
            align-items: center;
        }

        .bottomsheet .bottomsheet-inner {
            overflow: hidden;
            width: 100%;
            max-height: 100%;
            z-index: 1;
            pointer-events: auto;
            position: relative;
            display: flex;
            flex-direction: column;
            background: var(--color-white);
            height: auto;
            background-clip: padding-box;
            border-radius: 20px;
            outline: 0;
        }

        .bottomsheet .bottomsheet-container.small .bottomsheet-inner {
            border-radius: 10px;
        }
}

.callreview {
    padding: 15px;
}

    .callreview .ratings.small [class*=star] {
        background-size: 1.5rem 4.6rem;
        width: 140px;
        height: 25px;
    }

    .callreview .ratings {
        display: block;
    }

    .callreview p {
        padding: 10px 0px;
        font-size: 20px;
        color: #212121;
        text-align: center;
        font-weight: 500;
    }

    .callreview a {
        padding-top: 5px;
        display: inline-block;
        font-size: 18px;
        color: #04a35b;
        text-decoration: underline;
    }

    .callreview h4.title {
        padding: 10px 0px;
        display: block;
        font-size: 20px;
        color: #212121;
        text-align: center;
        font-weight: 500;
    }

.alert-count b.alertext {
    font-size: 14px;
    color: var(--color-red);
    display: block;
}

.alert-count span.feedcount {
    font-size: 14px;
    color: #888;
    display: block;
}

.alert-count {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}

.callreview textarea {
    width: 100%;
    border: 1px #ddd solid;
    border-radius: 5px;
    padding: 10px;
    height: 120px;
    line-height: 22px;
}

    .callreview textarea.alert {
        border: 1px var(--color-red) solid;
    }

.callreview .ratings-group {
    justify-content: center;
}

    .callreview .ratings-group span {
        color: #212121;
        padding: 5px 10px;
        font-weight: 500;
        font-size: 14px;
    }

    .callreview .ratings-group .ratings {
        margin-right: 0;
    }

        .callreview .ratings-group .ratings svg {
            margin-right: 5px;
            fill: #ddd;
        }

            .callreview .ratings-group .ratings svg.active {
                fill: #fca829;
            }

            .callreview .ratings-group .ratings svg:hover {
                fill: #fca829;
            }

/*transit calender*/
.transits-calendarbg {
    background: url("..//images/transits-calendar-bg.jpg")no-repeat;
}

.newreport-cont-image.transits-calendar {
    position: relative;
}

    .newreport-cont-image.transits-calendar .cont-right {
        top: 245px;
    }

        .newreport-cont-image.transits-calendar .cont-right .taglinewrp {
            margin-top: 20px;
        }

        .newreport-cont-image.transits-calendar .cont-right:after {
            display: none;
        }

        .newreport-cont-image.transits-calendar .cont-right .taglinewrp .taglinelist ul {
            height: 350px;
        }

.trancalen-menu {
    border: 1px #ddd solid;
    border-radius: 30px;
    background-color: #fff;
    position: sticky;
    top: 250px;
    z-index: 2;
}

.trancalenmenuwrp {
    position: relative;
}

.trancalen-years {
    margin: 45px 0 0px;
    background-color: #fff;
    position: sticky;
    top: 184px;
    z-index: 2;
    padding: 10px 0;
}

    .trancalen-years .tab li:before {
        background-color: #ef3434;
    }

    .trancalen-years .tab {
        border: 1px #ef3434 solid;
    }

.trancalen-menulist {
}

    .trancalen-menulist a {
        padding: 15px 0;
        display: block;
        color: #000;
        text-align: center;
        border-radius: 25px;
    }

        .trancalen-menulist a:hover, .trancalen-menulist a.active {
            background-color: #FFB500;
        }

.trancalenmenuwrp .owl-carousel .owl-nav div {
    top: 3%;
}

    .trancalenmenuwrp .owl-carousel .owl-nav div.owl-next {
        right: -16px;
    }

    .trancalenmenuwrp .owl-carousel .owl-nav div.owl-prev {
        left: -16px;
    }

.trancalenmenuwrp .owl-carousel .owl-nav div {
    height: 40px;
    width: 40px;
}

.trancalen-table {
    width: 100%;
    padding: 10px;
}

    .trancalen-table p {
        padding: 0 0 15px;
        font-size: 14px;
        font-weight: 400;
        line-height: 30px;
        color: #444;
    }

table.has-fixed-layout {
    table-layout: fixed;
    width: 100%;
    background-color: #fff;
}

    table.has-fixed-layout thead {
        color: #fff;
        background-color: #EF3434;
        border: solid 1px #ddd;
        border-bottom: solid 1px #ddd;
    }

        table.has-fixed-layout thead tr th {
            padding: 15px;
            border-right: 1px #ddd solid
        }

    table.has-fixed-layout tbody tr td {
        padding: 10px;
        text-align: left;
        line-height: 20px;
        font-size: 14px;
    }

    table.has-fixed-layout tbody tr.active td {
        background-color: #fffdd4;
    }

.from-astrology {
}

    .from-astrology h3 {
        font-size: 18px;
        color: #212121;
        border-bottom: 1px #ddd solid;
        padding: 15px;
        text-align: center;
        font-weight: 500;
    }

    .from-astrology ul {
    }

        .from-astrology ul li .astro-categori aside a {
            display: block;
            padding: 5px;
            font-size: 14px;
        }

            .from-astrology ul li .astro-categori aside a:hover {
                color: #212121;
                background-color: #FFB500;
            }

        .from-astrology ul li {
            border-bottom: 1px #ddd solid;
            background-color: #fff;
        }

            .from-astrology ul li:last-child {
                border-bottom: 0;
            }

            .from-astrology ul li a:hover {
                color: #0D6EFD;
            }

            .from-astrology ul li a {
                font-size: 16px;
                padding: 10px;
                display: block;
                display: flex;
                color: #444;
                align-items: center;
                gap: 10px;
                font-weight: 400;
                justify-content: space-between;
            }

                .from-astrology ul li a svg {
                    fill: #fff;
                }

.explore-blk {
    border: 1px #ddd solid;
    border-radius: 10px;
    padding: 10px;
}

.explore-horoscope {
    margin-top: 20px;
}

    .explore-horoscope .title-tab {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .explore-horoscope .title-tab .astro-horo .tab, .pers-report .astro-horo .tab {
            border-radius: 30px;
            border: 1px #007bff solid;
        }

.pers-report .astro-horo {
    margin-top: 10px;
}

    .pers-report .astro-horo .tab li {
        line-height: 20px;
    }

        .pers-report .astro-horo .tab li:before, .title-tab .astro-horo .tab li:before {
            border-radius: 30px;
            background-color: #007bff;
        }

.explore-horoscope .title-tab h2 {
    color: #212121;
    font-size: 22px;
    text-align: center;
    font-weight: 600;
}

.explore-horoscope .horoscope-signs {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

    .explore-horoscope .horoscope-signs .sign {
        display: inline-block;
    }

        .explore-horoscope .horoscope-signs .sign a {
            padding: 9px;
            display: block;
            font-size: 16px;
            color: #333;
            text-align: left;
        }

            .explore-horoscope .horoscope-signs .sign a svg {
                vertical-align: middle;
                margin-right: 5px;
            }

.pers-report {
    border: 1px #ddd solid;
    border-radius: 10px;
    margin-top: 20px;
}

    .pers-report.personalised {
        margin: 0;
    }

        .pers-report.personalised .report-list a {
            padding: 14px 10px 7px;
        }

    .pers-report .report-title {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px #ddd solid;
        padding: 15px;
    }

        .pers-report .report-title h3 {
            font-size: 16px;
            color: #212121;
            font-weight: 600;
        }

    .pers-report span a {
        font-size: 14px;
        color: #007BFF;
        text-align: center;
    }

    .pers-report span {
        display: block;
        padding: 10px;
        text-align: center;
    }

    .pers-report .report-list a {
        padding: 10px 10px 8px;
        display: flex;
        font-size: 15px;
        color: #333;
        text-align: left;
        margin: 5px;
        align-items: flex-start;
    }

    .pers-report .conj-list a {
        padding: 14px 10px 13px;
    }

.date-dtls {
}

    .date-dtls ul {
        align-items: center;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

        .date-dtls ul li.report-list {
            display: flex;
        }

    .date-dtls .report-list a {
        font-size: 14px;
    }

.pers-report .date-dtls .report-list a.date-tag {
    margin: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    gap: 5px;
    line-height: 17px;
    padding: 10px 0px 10px 5px;
}

    .pers-report .date-dtls .report-list a.date-tag span.date {
        padding: 10px;
        text-align: center;
        border: 1px #ddd solid;
        border-radius: 10px;
    }

        .pers-report .date-dtls .report-list a.date-tag span.date b {
            font-size: 22px;
            font-weight: 600;
            color: #212121;
        }

        .pers-report .date-dtls .report-list a.date-tag span.date p {
            font-size: 15px;
            color: #212121;
        }

.pers-report .report-list a svg {
    vertical-align: middle;
    margin-right: 5px;
}

.explore-note {
    margin: 10px 0 0;
    padding: 10px 0;
}

    .explore-note span {
        font-size: 17px;
        font-weight: 600;
        padding: 0px 10px 10px;
        display: block;
        color: #212121;
    }

    .explore-note p {
        font-size: 14px;
        padding: 0 10px 0;
        display: block;
        margin: 0;
        color: #333;
        line-height: 20px;
    }

.blog-list {
}

    .blog-list a {
        display: flex !important;
        gap: 10px;
    }

        .blog-list a b {
            line-height: 24px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }

    .blog-list img {
        width: 70px;
        height: 70px;
        border-radius: 10px;
    }

.rep-card-dtls .rep-card .card-cont .pinover, .rsh-astro .pinover, .top-asto .top-asto-cont .pinover {
    display: flex;
    margin: 10px 0;
    justify-content: center;
    align-items: center;
}

    .rep-card-dtls .rep-card .card-cont .pinover b, .rsh-astro .pinover b, .top-asto .top-asto-cont span .pinover b {
        padding-right: 3px;
        color: var(--gray888);
    }

    .rep-card-dtls .rep-card .card-cont .pinover strong, .rsh-astro .pinover strong, .top-asto .top-asto-cont .pinover strong {
        font-weight: 500;
        color: var(--color-black);
    }

    .rep-card-dtls .rep-card .card-cont .pinover .info, .rsh-astro .pinover .info, .top-asto .top-asto-cont .pinover .info {
        display: inline-block;
        position: relative;
        cursor: pointer
    }

.rep-card-dtls .rep-card .card-cont .info .pininfo, .rsh-astro .info .pininfo, .top-asto .top-asto-cont .info .pininfo {
    display: none;
    padding: 10px;
    position: absolute;
    width: 270px;
    z-index: 10;
    background: var(--color-white);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    bottom: 30px;
    right: -100px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    text-align: left
}

.rep-card-dtls .rep-card .card-cont .pinover .info .pininfo:before, .rsh-astro .pinover .info .pininfo:before, .top-asto .top-asto-cont .pinover .info .pininfo:before {
    position: absolute;
    bottom: -15px;
    right: 99px;
    display: inline-block;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #ccc;
    content: '';
}

.rep-card-dtls .rep-card .card-cont .pinover .info .pininfo:after, .rsh-astro .pinover .info .pininfo:after, .top-asto .top-asto-cont .pinover .info .pininfo:after {
    position: absolute;
    bottom: -14px;
    right: 98px;
    display: inline-block;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fff;
    content: '';
}

.rep-card-dtls .rep-card .card-cont .pinover .info .pininfo ul li, .rsh-astro .pinover .info .pininfo ul li, .top-asto .top-asto-cont .pinover .info .pininfo ul li {
    padding: 5px 0 0;
    color: var(--gray777);
    line-height: 18px;
}

.rep-card-dtls .rep-card .card-cont .pinover .info:hover .pininfo, .rsh-astro .pinover .info:hover .pininfo, .top-asto .top-asto-cont .pinover .info:hover .pininfo {
    display: block
}

.rep-card-dtls .rep-card .card-cont .pinover .info span, .rsh-astro .pinover .info span, .top-asto .top-asto-cont .pinover .info span {
    display: inline-flex;
    border: 1px solid rgba(0, 0, 0, .7);
    width: 18px;
    height: 18px;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin-right: 5px;
    font-size: 12px;
    font-weight: 700;
    background: rgba(255,255,255,.5);
    margin-left: 3px;
    padding: 0;
}

.rsh-astro .pinover .info span {
    margin: 0;
    margin-left: 5px;
}

.rsh-astro a i svg {
    fill: #fff;
}

.top-asto-cont span a {
    font-size: 14px;
}

.top-asto .top-asto-cont span a i {
    vertical-align: middle;
}

    .top-asto .top-asto-cont span a i svg {
        fill: #0167FF;
    }

.top-asto .top-asto-cont span a:hover i svg {
    fill: #fff;
}

.rsh-astro a i {
    vertical-align: middle;
}

.top-asto .top-asto-cont .info .pininfo {
    right: -33px;
}

.top-asto .top-asto-cont .pinover .info .pininfo:before {
    right: 33px;
}

.top-asto .top-asto-cont .pinover .info .pininfo:after {
    right: 32px;
}

.rsh-astro .info .pininfo {
    width: 300px;
    font-size: 12px;
    right: -105px
}

.festi-month-menu {
    top: 60px !important;
    margin: 0 30px;
}

.festi-years {
    top: 0;
    margin-top: 0;
}

.festimonthmenuwrp {
}

/*nandhu end*/
/* Muru End */
@media only screen and (max-width : 320px) {
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 568px) {
    .signelementwrp .signelementlstwrp {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .newlistwarp .astrologercta {
        flex-direction: column !important;
        padding: 0 !important
    }

        .newlistwarp .astrologercta .actionbtnwarp {
            display: flex;
            align-items: center;
            gap: 10px
        }

        .newlistwarp .astrologercta .pinover {
            margin: 0 !important
        }

    .newlistwarp .astrologerimg img {
    }

    .signgriditem {
        display: block;
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
    }

        .signgriditem .signgrid {
            margin-bottom: 15px;
        }

    .newexpert-tabwarp {
        height: 66px;
        overflow: hidden;
        position: static;
        width: 95%;
        margin: 0 auto;
    }

    .newexpert-tab {
        overflow-x: scroll;
        overflow-y: hidden;
    }

        .newexpert-tab li a {
            white-space: nowrap;
        }

    .newexpertlistwarp {
        width: 100% !important;
    }

    .newexpertswarp .newexpertlistwarp:nth-child(odd) {
        margin-top: 0px;
    }

    .astroreportlist figure {
        margin-top: -40px !important;
    }

    .astroreport {
        margin-top: -130px !important;
    }

    .newtopsection {
        height: auto;
        padding: 20px 0;
    }

    .sidenavwarp .sidetitle, .selectbox {
        padding: 10px 0
    }

    .newtopsection .horoscopetitle {
        padding: 15px 0 !important
    }

    .sidenavwarp {
        border-radius: 4px;
        box-shadow: none;
        border: 0;
        margin: 0
    }

        .sidenavwarp .sidesign {
            display: none
        }

    .sidenav ul {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        justify-content: flex-start;
        white-space: nowrap;
        gap: 10px;
    }

        .sidenav ul li a {
            border-radius: 4px;
        }

        .sidenav ul li.active a {
            background: var(--black);
            color: var(--color-white);
        }

    .astro-horo .tab li a {
        padding: 5px 16px;
    }

    .new-reportbg:before, .new-reportbg:after, .astro2, .astro3, .astro4, .astro5, .astro6, .astro7, .astro8, .newreport-cont-image .cont-right:after {
        display: none;
    }

    .new-reporthead .cont-report b, .new-reporthead .cont-report p {
        padding: 0;
        font-size: 14px;
    }

    .new-reporthead .cont-report h2 {
        font-size: 24px;
        line-height: 30px;
        padding-top: 10px;
    }

    .newreport-cont-image .cont-blk {
        flex-wrap: wrap;
    }

    .newreport-cont-image .newreport-price {
        margin-top: 0px;
    }

    .top-asto-cont {
        gap: 0;
    }

    .compar {
        flex-direction: column;
        gap: 10px;
    }

        .compar .compar-cont {
            font-size: 16px;
            line-height: 30px;
        }

        .compar .compar-select {
            flex-direction: column;
            gap: 30px;
        }

    .horo-rshwrap .compar .compar-select {
        display: flex !important;
        flex-direction: column;
        gap: 10px;
    }

    .compar .compar-select i.flip svg {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .compar .compar-select .compar-btun {
        margin: 20px 0px;
    }

    .compar .compar-more .more {
        font-size: 14px;
    }

    .compar .compar-select .selectwarp {
        position: relative
    }

        .compar .compar-select .selectwarp .selectlist {
            z-index: 999;
            width: 320px;
            border-radius: 30px;
            left: 80px;
            top: -210px;
            flex-wrap: wrap;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-left: -160px;
            margin-top: -160px;
        }

        .compar .compar-select .selectwarp .select-right {
            top: -658px;
        }

        /*.compar .compar-select .selectwarp .selectlist{animation: fadeIn .2s linear;background: rgba(0, 0, 0, .5);bottom: 0; content: ""; left: 0; position: fixed; right: 0; top: 0; z-index: 0;}*/
        .compar .compar-select .selectwarp .selectlist ul {
            width: 100%;
            flex-direction: column;
            align-items: center;
        }

            .compar .compar-select .selectwarp .selectlist ul li {
                border-bottom: 1px #ddd solid;
                width: 100%;
                position: relative;
            }

                .compar .compar-select .selectwarp .selectlist ul li:hover {
                    background-color: #fff !important;
                }

                .compar .compar-select .selectwarp .selectlist ul li a:hover {
                    color: #212121;
                    border-radius: 0;
                }

                .compar .compar-select .selectwarp .selectlist ul li:before {
                    border: 1px #ddd solid;
                    right: 10px;
                    background-color: #fff;
                    position: absolute;
                    content: "";
                    border-radius: 30px;
                    width: 20px;
                    height: 20px;
                    bottom: 10px;
                }

                .compar .compar-select .selectwarp .selectlist ul li.active:before {
                    border: 1px #da1e28 solid;
                }

                .compar .compar-select .selectwarp .selectlist ul li.active:after {
                    right: 15px;
                    background-color: #da1e28;
                    position: absolute;
                    content: "";
                    border-radius: 30px;
                    width: 10px;
                    height: 10px;
                    bottom: 15px;
                }

    .horo-title {
        font-size: 22px;
        padding: 0;
    }

    .horo-subtitle {
        font-size: 14px;
        padding: 0;
    }

    .horo-header .header-cont {
        flex-direction: column;
    }

    .headerdates {
        padding: 10px;
    }

        .headerdates ul li {
            padding: 10px 0px;
        }

            .headerdates ul li span {
                padding: 5px 5px 10px;
                font-size: 16px;
            }

            .headerdates ul li p {
                font-size: 16px;
            }

            .headerdates ul li a {
                font-size: 14px;
            }

    .header-menu span {
        font-size: 14px;
        line-height: 20px;
    }

    .horo-menu ul {
        overflow: hidden;
        overflow-x: scroll;
    }

    .horocont-report {
        margin: 20px;
    }

    .home-blk {
        flex-direction: column;
    }

        .home-blk .home-tab {
            border-radius: 50px;
        }

            .home-blk .home-tab ul {
                width: 100%;
                display: flex;
                overflow: hidden;
                overflow-x: scroll;
            }

                .home-blk .home-tab ul li {
                    border-bottom: 0;
                    padding: 15px 10px;
                }

                    .home-blk .home-tab ul li a {
                        gap: 10px;
                        white-space: nowrap;
                        padding: 0;
                    }

                        .home-blk .home-tab ul li a i svg {
                            -webkit-transform: none;
                            transform: none;
                        }

    .horo-cont .promvideowarp .owl-carousel .owl-dots {
        height: 0;
    }

        .horo-cont .promvideowarp .owl-carousel .owl-dots .owl-dot span {
            height: 5px;
            padding: 0;
        }

        .horo-cont .promvideowarp .owl-carousel .owl-dots .owl-dot {
            height: 0px;
        }

    .horo-blogs {
        flex-direction: column;
    }

        .horo-blogs .big-blog {
            width: 100%;
        }

    .rsh-blogs ul li span {
        font-size: 14px;
    }

    .rsh-email span, .rsh-festival span {
        margin: 15px 10px;
    }

        .rsh-email span a {
            padding: 10px;
            font-size: 14px;
        }

        .rsh-festival span a {
            font-size: 14px;
            padding: 10px 5px;
        }

    .rsh-email input {
        width: 100%;
    }

    .rsh-email a.subscribe {
        right: 6px;
    }

    .home-list ul li a {
        padding: 5px;
    }

    .horo-blogs .big-blog, .horo-blogs .big-blog a img {
        width: 100%;
    }

    .header-leval {
        margin: 0;
        padding: 10px 5px;
        display: block !important;
    }

        .header-leval .leval span, .header-leval .leval p {
            font-size: 14px;
            padding-bottom: 10px;
        }

    .horo-rshwrap .compar .compar-select .selectwarp .selectlist {
        left: 74px !important;
    }

    .price-offer {
        font-size: 12px;
    }

    .rsh-festival ul li {
        padding: 0;
    }

    .header-leval .leval {
        padding: 10px 0px;
    }

    .header-menu .header-menu-title span {
        padding: 10px 20px;
    }

    .header-menu .header-menu-title a {
        display: none;
    }

    .askqusition ul li {
        flex-direction: column;
        align-items: flex-start;
    }

        .askqusition ul li a {
            margin-top: 10px;
        }

        .askqusition ul li a {
            margin-top: 10px;
            padding: 5px;
        }

    .conjpackagewrp {
        margin-top: 15px;
        position: static;
    }

        .conjpackagewrp .mon-title {
            font-size: 18px;
            margin-left: 0;
        }

    .conjpackag ul li.packagwrp {
        gap: 20px;
    }

    .conjmenuwrp .owl-carousel .owl-dot span {
        height: 5px;
        padding: 0;
    }

    .conjmenuwrp .owl-carousel .owl-dots {
        height: 0;
        margin-top: 5px;
    }

    .cont-menu {
        position: static;
    }

    .subfooter, .conjpackag ul {
        flex-direction: column;
    }

        .subfooter ul {
            overflow: hidden;
            overflow-x: scroll;
        }

        .subfooter span {
            border-right: 0;
            border-bottom: 1px #fff solid;
            font-size: 18px;
            min-height: 35px;
        }

        .subfooter ul li a {
            font-size: 14px;
        }

    .bottomsheet-inner .packagemainwrp {
        overflow: hidden;
        overflow-y: scroll;
    }

    .packagemainwrp .close a {
        padding: 20px 15px 15px 18px;
    }

    .trancalen-menu {
        margin: 20px 0 0;
        top: 65px;
    }

    .trancalen-years {
        top: 0;
    }

    .explore-horoscope .title-tab {
        display: inline-block;
    }

        .explore-horoscope .title-tab h2 {
            padding-bottom: 10px;
        }

    .explore-horoscope .horoscope-signs {
        display: inline-block;
    }

    .date-dtls ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .top-asto .top-asto-cont .info .pininfo {
        width: 210px;
    }
}

@media (min-width: 576px) and (max-width : 1024px) {
    .taglinewrp .taglinelist ul {
        height: 300px;
    }

    .bottomsheet-inner .packagemainwrp {
        overflow: hidden;
        overflow-y: scroll;
    }
}

/*----iphone---*/
@media (max-width : 640px) {
    /* wizard  start */ .scrollwrap {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
    }

    .dailysportlist span {
    }

    .listcard .listcardhead {
        display: flex;
        text-align: left;
    }

    .herobannerwrap .heroimgwrp .homeherotitle {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .herobannerwrap .heroimgwrp .herocontnt article {
        padding: 15px
    }

    .herobannerwrap .heroimgwrp .homeherotag {
        font-size: 16px;
        margin-bottom: 10px;
    }

        .herobannerwrap .heroimgwrp .homeherotag p {
            line-height: 18px;
        }

    #pageheader header {
        padding-left: 15px;
        padding-right: 15px;
    }

    #heroheader #pageheader {
        background: none;
        padding-left: 15px;
        padding-right: 15px;
    }

        #heroheader #pageheader .astrologo a {
            background: url(https://astro.sulekha.com/common/images/sulekha-logo.png?v=9) 0 0 no-repeat;
            width: 100px;
            background-size: 100%
        }

        #heroheader #pageheader header {
            padding: 10px 0
        }

        #heroheader #pageheader .astrologo {
            height: 40px;
        }

        #heroheader #pageheader .secnav ul li a.btun {
            font-size: 13px;
            padding: 3px 10px;
        }

    .herobannerwrap .heroimgwrp .herocontnt {
        top: 0
    }

    .herobannerwrap .owl-carousel .owl-dots {
        top: 0;
        left: 60px;
    }

    .herobannerwrap .heroimgwrp .homeherotag p br {
        display: none
    }

    .herobannerwrap .heroimgwrp .btun, .dailysportdesc a.btun {
        padding: 10px 25px;
        font-size: 14px;
    }

    .herobannerwrap {
        margin-top: 0 !important
    }

    .listcard .avable b, .listcard .busy b, .listcard .offline b {
        display: none
    }

    .listcard span.avable, .listcard span.busy, .listcard span.offline {
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        position: absolute;
        padding: 0;
        top: 25px;
        left: 10px;
        border: 0;
        z-index: 1;
    }

    .listcard span:before {
        content: "";
        position: absolute;
        width: 12px;
        height: 12px;
        background-color: inherit;
        border-radius: 50%;
        z-index: -1;
        animation: ripple 1.5s ease-out infinite;
    }

    .listcard span.avable {
        background-color: #1AA260;
    }

        .listcard span.avable:before {
            animation-delay: 0.2s;
        }

    .listcard span.busy {
        background-color: #ff414d;
        transform: scale(0.9);
    }

        .listcard span.busy:before {
            animation-delay: 0.4s;
        }

    .listcard span.offline {
        background-color: #ccc;
        transform: scale(0.8);
    }

        .listcard span.offline:before {
            animation-delay: 0.6s;
        }

    .listcard .listcardfoter .busy, .listcard .listcardfoter .offline, .listcard .listcardfoter .avable {
        background: none
    }

        .listcard .listcardfoter .busy:before, .listcard .listcardfoter .offline:before, .listcard .listcardfoter .avable:before {
            display: none
        }

    @keyframes ripple {
        from {
            opacity: 1;
            transform: scale(0);
        }

        to {
            opacity: 0;
            transform: scale(3);
        }
    }

    .dailylistwrp {
        padding: 15px 0;
    }

    .herobannerwrap .owl-carousel .owl-dots {
        top: 125px !important;
        left: 180px;
    }

    /**/
    .walletcontent {
        width: 100%;
        border-radius: 0;
        height: 100%;
        margin: 0
    }

    .dialog {
        background: var(--color-white)
    }

    .dialoghead {
        padding: 15px;
    }

    .astronameinfo h1, .listinghead .listing-title {
        font-size: 20px;
    }

    #sulmenu1, #detalsticky {
        display: none
    }

    .astrolgerdesc ul {
        display: block;
    }

        .astrolgerdesc ul li {
            padding-bottom: 10px;
        }

    .astrolger-profile figure {
        width: 100%;
        border-radius: 4px;
        height: 130px;
    }

        .astrolger-profile figure img {
            height: 120px;
        }

        .astrolger-profile figcaption, .astrolger-profile figure img {
            width: auto;
            border-radius: 0;
        }

    .astrolger-profile figcaption {
        background: var(--color-white);
        margin: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

        .astrolger-profile figcaption a {
            justify-content: center
        }

    .astrointro ul li span, .astrointro ul li small {
        width: 100%
    }

        .astrointro ul li small b, .astrointro ul li span {
            margin-bottom: 5px;
        }

    /**/
    .astrolgertablewrp .astrolgertable .astrotablehd {
        display: block;
    }

    .astrolgertablewrp .astrolgertable span.reportitle {
        width: 100%
    }

    .astrolgertablewrp .astrolgertable strong {
        margin: 5px 0;
        display: block;
        text-align: left;
        background: none;
        padding: 3px 0;
    }

    .astrolgertablewrp .astrolgertable span {
        display: flex;
        justify-content: space-between;
    }

    .sharecontent {
        width: 100%;
        margin: 0;
        box-shadow: none;
    }

    .filterwrp {
        display: none
    }

    .listinghead {
        border-bottom: 0;
        padding: 0
    }

    .consltwrp {
        margin: 0
    }

        .consltwrp .consrt {
            padding: 10px;
        }

            .consltwrp .consrt .hactongroup span {
                width: auto;
                padding: 5px 15px;
                border-radius: 3px;
                font-size: 14px;
            }

    .dailysportlist {
        padding: 15px;
        gap: 15px;
    }

    .allcategriswrp {
        display: block
    }

    .astrocardwrp {
        padding: 10px;
    }

    /**/
    .mobidetal {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        position: relative;
        padding: 10px 0;
        gap: 15px;
        overflow: hidden;
    }

        .mobidetal h1 {
            font-size: 16px;
            padding-bottom: 5px;
        }

        .mobidetal figure {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            border: 5px solid #FFFFFF;
            box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
            -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28);
            -webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
            flex-shrink: 0;
            margin-right: 10px;
            position: relative
        }

            .mobidetal figure img {
                border-radius: 50%;
                width: 100px;
                height: 90px;
            }

            .mobidetal figure i {
                position: absolute;
                top: 0;
                width: 30px;
                height: 30px;
                border-radius: 50%;
                background: var(--color-white);
                box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
                -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28);
                -webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);
                right: 0;
                display: flex;
                justify-content: center;
                align-items: center
            }

        .mobidetal .tagline span {
            font-size: 13px;
        }

        .mobidetal span.avable, .mobidetal span.busy, .mobidetal span.offline {
            display: inline-block;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            position: absolute;
            padding: 0;
            top: 10px;
            left: 10px;
            border: 0;
            z-index: 1;
        }

        .mobidetal span:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: inherit;
            border-radius: 50%;
            z-index: -1;
            animation: ripple 1.5s ease-out infinite;
        }

        .mobidetal span.avable {
            background-color: #1AA260;
        }

            .mobidetal span.avable:before {
                animation-delay: 0.2s;
            }

        .mobidetal span.busy {
            background-color: #ff414d;
            transform: scale(0.9);
        }

            .mobidetal span.busy:before {
                animation-delay: 0.4s;
            }

        .mobidetal span.offline {
            background-color: #000;
            transform: scale(0.8);
        }

            .mobidetal span.offline:before {
                animation-delay: 0.6s;
            }

    /**/
    .astrolistwarp .owl-carousel .owl-dots {
        display: flex;
        justify-content: center;
        margin-top: 0;
        margin-bottom: 15px;
        align-items: center;
    }

        .astrolistwarp .owl-carousel .owl-dots .owl-dot span {
            height: 7px;
            width: 7px;
            background: var(--color-ltgrey);
            margin: 0 10px 0 0;
        }

        .astrolistwarp .owl-carousel .owl-dots .owl-dot.active span, .astrolistwarp .owl-carousel .owl-dots .owl-dot:hover span {
            background: var(--color-black);
            width: 10px;
            height: 10px
        }

    /**/
    .onlinewrp {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .herobannerwrap figure {
        height: 310px;
    }

        .herobannerwrap figure img {
            height: 100%
        }

    .astrowalletwrp .walletbd {
        grid-template-columns: auto
    }

    /**/
    .filterchips {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .helpbody .helpcontwrp, .birthchatwrp {
        width: 100%
    }

    .helpbgwrp .helptitle {
        font-size: 20px;
    }

    /**/
    .videofull iframe {
        width: 100% !important;
    }

    .videowrp .owl-carousel .owl-dots {
        display: flex;
        justify-content: center;
        margin-top: 0;
        margin-bottom: 15px;
        align-items: center;
    }

        .videowrp .owl-carousel .owl-dots .owl-dot span {
            height: 7px;
            width: 7px;
            background: var(--color-ltgrey);
            margin: 0 10px 0 0;
        }

        .videowrp .owl-carousel .owl-dots .owl-dot.active span, .videowrp .owl-carousel .owl-dots .owl-dot:hover span {
            background: var(--color-black);
            width: 10px;
            height: 10px
        }

    .videowrp .videothump figure {
        width: 100%;
        height: auto
    }

    /**/
    .videobg .owl-carousel .owl-dots {
        display: flex;
        justify-content: center;
        margin-top: 0;
        margin-bottom: 15px;
        align-items: center;
    }

        .videobg .owl-carousel .owl-dots svg {
            display: none
        }

        .videobg .owl-carousel .owl-dots .owl-dot span {
            height: 7px;
            width: 7px;
            background: var(--color-ltgrey);
            margin: 0 10px 0 0;
        }

        .videobg .owl-carousel .owl-dots .owl-dot.active span, .videobg .owl-carousel .owl-dots .owl-dot:hover span {
            background: var(--color-black);
            width: 10px;
            height: 10px
        }

    /**/
    .gudtime p {
        padding: 5px 10px;
    }

    .countrywarp .astrolgerdesc ul {
        max-height: 225px;
        overflow-x: auto;
        overflow-y: scroll;
    }

    .astrolgerdesca ul {
        grid-template-columns: repeat(1, 1fr);
    }

    /**/
    .calendarwrap {
        display: block
    }

    .advertisementsection .leftads {
        display: none
    }

    /**/
    .newlistwarp .astrologercta {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .newlistwarp .astrologerimg {
        -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    }

    .newlistwarp .astrologerbio {
        -webkit-flex-basis: 63%;
        -ms-flex-preferred-size: 63%;
        flex-basis: 65%;
    }

        .newlistwarp .astrologerbio .tagline, .newlistwarp .astrologerbio .tagline a.more, .newlistwarp .astrologerbio ul li a.more {
            font-size: 14px;
        }

    .newlistwarp .astrologercta .pinover .info .pininfo {
        left: -30px
    }

        .newlistwarp .astrologercta .pinover .info .pininfo:before {
            left: 28px;
            right: auto;
        }

        .newlistwarp .astrologercta .pinover .info .pininfo:after {
            left: 27px;
            right: auto;
        }

    .newlistwarp .astrologerimg {
        text-align: center;
        margin-bottom: 10px;
    }

        .newlistwarp .astrologerimg img {
            height: 100px;
            width: auto
        }

    .newlistwarp .astrologercta .actionbtnwarp {
        text-align: center
    }

    .newlistwarp .astrologercta .pinover .info .pininfo {
        text-align: left
    }

    .newlistwarp .astrologercta .pinover {
        margin: 5px 0 0
    }

    .newlistwarp .astrologercta {
        flex-direction: row;
        border-top: solid 1px var(--grayddd);
        padding: 15px 0 0 0;
        margin-top: 10px;
        align-items: baseline;
    }

    /**/
    .herorightwarp .owl-carousel .owl-dots {
        display: flex;
        justify-content: center;
        margin-top: 0;
        margin-bottom: 15px;
        align-items: center;
    }

        .herorightwarp .owl-carousel .owl-dots .owl-dot span svg {
            width: 15px;
            height: 15px;
        }

        .herorightwarp .owl-carousel .owl-dots .owl-dot span {
            height: 15px;
            width: 15px;
            margin: 0 10px 0 0;
            border: 1px solid rgb(255, 255, 255);
            backdrop-filter: blur(10px);
            background: rgb(255 255 255/30%);
            transform-style: preserve-3d;
            transform: perspective(1000px);
        }

        .herorightwarp .owl-carousel .owl-dots .owl-dot.active span, .herorightwarp .owl-carousel .owl-dots .owl-dot:hover span {
            background: rgba(255,255,255);
            width: 15px;
            height: 15px
        }

    .herorightwarp .videothump figure {
        width: 100%;
        height: auto
    }

    /**/
    .dailylistwrp p span {
        display: inline-block;
        margin-top: 7px;
    }

    .advertisementsection {
        margin-bottom: 15px;
    }

    /**/
    .consultlist .owl-carousel .owl-dots {
        display: flex;
        justify-content: center;
        margin-top: 0;
        margin-bottom: 15px;
        align-items: center;
    }

        .consultlist .owl-carousel .owl-dots .owl-dot span svg {
            width: 15px;
            height: 15px;
        }

        .consultlist .owl-carousel .owl-dots .owl-dot span {
            height: 15px;
            width: 15px;
            margin: 0 10px 0 0;
            border: 1px solid #ddd;
            background: var(--grayccc);
        }

        .consultlist .owl-carousel .owl-dots .owl-dot.active span, .consultlist .owl-carousel .owl-dots .owl-dot:hover span {
            background: var(--color-black);
            width: 15px;
            height: 15px
        }

    /**/
    .newlistwarp .astrologerbio ul {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    /**/
    .consultabs span i {
        display: none
    }

    .consultabs span a b, .consultabs span.more ul li a {
        font-size: 13px;
    }

    .consultabs {
        display: flex;
        align-items: center;
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
    }

        .consultabs span.more ul {
            display: flex;
            position: static;
            width: auto;
            background: transparent;
            box-shadow: none
        }

        .consultabs span.more:hover {
            background: transparent;
        }

        .consultabs span.more a {
            display: none
        }

        .consultabs span.more:hover ul {
            position: static;
            display: flex;
        }

        .consultabs span.more ul li a {
            display: block !important
        }

        .consultabs span.active:before, .consultabs span:hover:before, .consultabs span.active:after, .consultabs span:hover:after {
            display: none
        }

        .consultabs span.active, .consultabs span:hover {
            background: #FDBA17;
        }

            .consultabs span.active a, .consultabs span:hover a {
                color: var(--color-white)
            }

    .data-link-table .table .mont {
        text-align: left;
    }

    .content .astrolgerdesc ul, .packagesigns, .cont-left .signs-jupi .packagesigns {
        grid-template-columns: repeat(1, 1fr);
    }

    .hrspace .packlist ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .hrspace {
        margin-bottom: 20px;
    }

        .hrspace .astrolgerinfo {
            width: 100%
        }

    .reportbg .reportinfo {
        padding: 15px;
    }

        .reportbg .reportinfo .reportitle span {
            padding-top: 22px;
        }

        .reportbg .reportinfo .reportitle {
            font-size: 30px;
        }

    .ad-popup {
        width: 100%;
        margin: 0;
    }

    .new-month-title {
        font-size: 20px !important;
    }

    .new-festival-dtls .new-festival-table tr th {
        font-size: 16px !important;
    }

    .new-festival-dtls .new-festival-table tr td {
        font-size: 14px !important;
    }

    .new-festival-dtls .new-festival-table {
        width: 100% !important;
        padding: 0;
    }

    .valentines-img {
        display: none;
    }

    .valentines-bg {
        background-image: none;
        background-image: linear-gradient(180deg, #fecefe, #fededf);
        height: 100%;
    }

    .valentines-cont .cont-maintitle .heart {
        display: none;
    }

    .valentines-cont {
        margin: 0;
    }

    .cont-btun a {
        margin-bottom: 15px;
    }

    .valentines-cont .cont-subtitle2 {
        font-size: 16px;
        padding: 0 !important;
    }

    .valentines-cont .cont-maintitle {
        font-size: 32px;
    }

    .valentines-cont .cont-subtitle {
        font-size: 14px;
        padding: 10px 0px;
    }

    .header-dates .date {
        width: 100%;
    }

    .top-asto, .astro-blog, .top-asto-cont {
        flex-direction: column;
        gap: 0;
    }

    .mon-title {
        font-size: 20px;
    }

    .astro-categori aside {
        padding: 10px 4px;
    }

        .astro-categori aside a {
            padding: 5px;
            font-size: 12px;
        }

    .tran-sit .transit-cont aside {
        gap: 10px;
    }

    .top-asto aside {
        text-align: center;
        white-space: normal;
    }

        .top-asto aside h2 a {
            white-space: normal
        }

    .astro-horo .tab li a {
        padding: 5px 16px;
    }

    .new-reportbg:before, .new-reportbg:after, .astro2, .astro3, .astro4, .astro5, .astro6, .astro7, .astro8, .newreport-cont-image .cont-right:after {
        display: none;
    }

    .newreport-cont-image .newreport-price {
        margin-top: 0px;
    }

    .header-menu .header-menu-title a {
        display: none;
    }

    .bottomsheet-inner .packagemainwrp {
        overflow: hidden;
        overflow-y: scroll;
    }
}

@media only screen and (min-width : 569px) and (max-width : 640px) {
    .packagesigns, .cont-left .signs-jupi .packagesigns {
        grid-template-columns: repeat(2, 1fr);
    }
}

/*----high end windows phone---*/
@media only screen and (min-width : 641px) and (max-width : 768px) {
    .newlistwarp .astrologerimg {
        -webkit-flex-basis: 27%;
        -ms-flex-preferred-size: 27%;
        flex-basis: 27%;
    }

    .newlistwarp .astrologerbio {
        -webkit-flex-basis: 72%;
        -ms-flex-preferred-size: 72%;
        flex-basis: 72%;
    }

    .newlistwarp .astrologercta {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .newlistwarp .astrologercta {
        flex-direction: row;
        border-top: solid 1px var(--grayddd);
        padding: 15px 0 0 0;
        margin-top: 10px
    }

    .consultabs span i {
        width: 35px;
        height: 35px;
    }

        .consultabs span i svg {
            width: 25px;
            height: 25px;
        }

    .consultabs span a b, .consultabs span.more ul li a {
        font-size: 13px;
    }

    .packagesigns, .cont-left .signs-jupi .packagesigns {
        grid-template-columns: repeat(3, 1fr);
    }

    .new-festival-dtls .new-festival-table {
        width: 100% !important;
        padding: 0;
    }

    .new-reportbg:before, .new-reportbg:after, .astro2, .astro3, .astro4, .astro5, .astro6, .astro7, .astro8, .newreport-cont-image .cont-right:after {
        display: none;
    }

    .header-menu .header-menu-title a {
        display: none;
    }

    .conjpackag ul {
        flex-direction: column;
    }

    .conjpackagewrp {
        position: static;
    }
}

/*----high end windows phone---*/
@media only screen and (max-width : 768px) {
    .mobilehide {
        display: none !important
    }

    .mobileview {
        display: block !important
    }

    .back-top.back-top-show {
        display: none
    }

    .scrollwrap {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
    }

    /**/
    .topgirdwrp .girdcard, .astroreport {
        white-space: nowrap
    }

    .topgirdwrp {
        overflow-x: auto;
        overflow-y: hidden;
        justify-content: flex-start;
    }

        .topgirdwrp .girdcard, .astroreport .astroreportlist {
            width: 300px;
            margin-bottom: 10px;
            flex: 1 0 auto;
        }

            .topgirdwrp .girdcard p, .astroreport .astroreportlist p {
                white-space: normal;
            }

    .topgirdwrp {
        margin: 15px 0 0
    }

    .herotitle, .dailysportdesc h2, .astrolgertitle {
        font-size: 16px;
    }

    .dailysportdesc {
        padding: 15px;
    }

        .dailysportdesc p {
            padding: 10px 0;
            margin: 0
        }

        .dailysportdesc h2 {
            margin: 0;
            padding: 0
        }

    .dailylistwrp:before {
        display: none
    }

    /**/
    .listcard .listcardhead {
        display: flex;
        text-align: left;
        padding: 10px;
        align-items: center;
    }

        .listcard .listcardhead figure {
            margin: 0;
            margin-right: 15px;
            width: 70px;
            height: 70px;
        }

            .listcard .listcardhead figure img {
                width: 70px;
                height: 70px;
            }

        .listcard .listcardhead div {
            flex: 1;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .listcard .listcardhead .headtitle {
            font-size: 14px;
            padding: 10px 0;
        }

    .listcard .listcardbody {
        padding: 10px;
    }

        .listcard .listcardbody ul li {
            padding: 0 0 10px;
        }

            .listcard .listcardbody ul li span {
                width: 30%
            }

            .listcard .listcardbody ul li small {
                width: 70%;
            }

    .listcard .listcardhead .listcatelist b {
        font-size: 11.5px;
    }

    .listcard .listcardhead .pricegroup {
        padding: 10px 0 0
    }

        .listcard .listcardhead .pricegroup span {
            font-size: 16px;
        }

    .listcard .listcardfoter {
        padding: 10px;
    }

        .listcard .listcardfoter em {
            font-weight: 400
        }

    .consltwrp .consrt figure {
        height: auto
    }

    .astrolgerdesc ul {
        grid-template-columns: repeat(2, 1fr);
    }

    /**/
    .signdetails {
        width: 100%;
        flex-direction: column;
    }

        .signdetails figure {
            width: 100%
        }

    .dialogformft {
        position: fixed;
        bottom: 0;
        width: 100%
    }

    .filtercontent {
        width: 100%;
        margin: 0;
        box-shadow: none;
        height: 90%
    }

    .filterbody .filterdetal {
        overflow: inherit;
        max-height: 100% !important;
    }

    .filterbody {
        height: 100%;
    }

    .dialogfooter {
        position: fixed;
        bottom: 0;
        background: var(--color-white)
    }

    .table {
        overflow: auto
    }

    .asknav.sticky, .asknav {
        white-space: nowrap;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: scroll;
        overflow-y: hidden;
        padding: 15px 0;
    }

    .subprotitle {
        padding: 0
    }

        .subprotitle span {
            margin-bottom: 5px;
        }

    .subprom:before {
        height: 100%;
    }

    .subprombg {
        padding: 15px
    }

        .subprombg:before {
            z-index: -1;
            bottom: 0
        }

    .subprotitle .subpromdesc {
        padding-bottom: 10px;
        font-size: 20px;
    }

        .subprotitle .subpromdesc p.title {
            display: inline;
            line-height: 26px;
        }

        .subprotitle .subpromdesc p.desc {
            display: block
        }

    .action-content {
        margin-bottom: 20px;
    }

    .packagemainwrp {
        grid-template-columns: repeat(1, 1fr);
    }

    .packagelstwrp.plan-a ul, .packagelstwrp.plan-b ul, .packagelstwrp.plan-c ul {
        margin-bottom: 0
    }

    .popular {
        padding: 5px;
        margin: 0;
        background: #f36725;
    }

    .packagetitle {
        text-align: left;
        font-size: 18px;
    }

        .packagetitle span {
            font-size: 13px;
        }

    .astrocitiwarp .astrolistcard {
        width: 47% !important;
    }

    .featureblock .feature-top ul {
        display: flex;
        align-items: center;
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        margin-top: 0;
        min-height: 114px;
    }

        .featureblock .feature-top ul li figure {
            width: 300px;
            height: 150px;
        }

    .featureblock .fealinks ul li {
        width: 49%;
    }

    .signdetails figure figcaption.mobileaction {
        position: fixed;
        box-shadow: 0 -1px 8px 0 rgb(0 0 0 / 10%);
        bottom: 69px;
        width: 100%;
        left: 0;
        padding: 10px 15px;
        z-index: 99;
        background: var(--color-white)
    }

        .signdetails figure figcaption.mobileaction a {
            background: var(--color-green);
            color: var(--color-white)
        }

            .signdetails figure figcaption.mobileaction a svg {
                fill: var(--color-white)
            }

    .advertisementsection .adstitle {
        font-size: 22px;
        padding-bottom: 5px;
    }

    .advertisementsection p {
        line-height: normal
    }

    .servicecardwarp {
        width: 100%;
        position: static;
        padding: 0;
    }

        .servicecardwarp .titlehero {
            padding: 0
        }

    .darkscreen .bannersection {
        padding: 15px !important
    }

    .darkscreen .headerlt h1 {
        margin-bottom: 0 !important
    }

    .darkscreen .headerlt .title {
        margin-bottom: 0 !important
    }

    .herorightwarp .owl-stage {
        padding-left: 0 !important;
    }

    .darkscreen .headerlt .tagline span a {
        margin-bottom: 10px;
    }

    .signgriditem {
        grid-template-columns: repeat(2, 1fr);
    }

    /**/
    .month-festival-data {
        display: block;
        padding: 10px 0px;
    }

    .month-dtls {
        width: 100%;
        background-color: #fff;
        text-align: center;
        border-radius: 50px;
        margin-bottom: 10px;
        padding: 0px 10px;
        border: 0;
    }

        .month-dtls ul {
            display: flex;
            align-items: center;
            overflow-x: scroll;
            overflow-y: hidden;
            padding: 5px 0px;
        }

            .month-dtls ul li {
                display: inline-block;
                padding: 0px;
                background-color: #f5f5f5;
                border: 1px #ddd solid;
                border-radius: 20px !important;
                margin: 5px;
            }

                .month-dtls ul li a {
                    color: #333;
                    padding: 5px 10px;
                    font-size: 13px;
                }

                    .month-dtls ul li a:hover {
                        background-color: #d8232a;
                        color: #fff;
                        border-radius: 20px;
                    }

    .month-festival-data .month-dtls ul li .month-dtls-active {
        padding: 5px 10px;
        border: 1px #D71417 solid;
        background-color: #D71417;
        color: #fff;
        border-radius: 20px !important;
    }

    .festival-dtls {
        width: 100%;
    }

    /**/
    .connectgridwarp {
        overflow-x: auto;
        overflow-y: hidden;
        justify-content: flex-start;
    }

    /**/
    .new-reportbg:before, .new-reportbg:after, .astro2, .astro3, .astro4, .astro5, .astro6, .astro7, .astro8, .newreport-cont-image .cont-right:after {
        display: none;
    }
}

/**/
@media (min-width: 992px) {
    .new-festival-dtls .new-festival-table {
        width: 48.8% !important;
    }

    .bottomsheet-inner .packagemainwrp {
        overflow: hidden;
        overflow-y: scroll;
    }
}

/*----iphone---*/
@media (max-width: 991px) {
    .mobilehide {
        display: none !important
    }

    .mobileview {
        display: block !important
    }

    .back-top.back-top-show {
        display: none
    }

    .scrollwrap {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
    }

    /**/
    .reviewrp {
        grid-auto-flow: column;
    }

    .astrosticky, .astrosticky.sticky {
        display: none
    }

    /**/
    .back-top {
        bottom: 10px;
        right: 10px;
    }

    footer .footercard {
        margin-bottom: 0;
        border-bottom: solid 1px #dfd0ad;
        border-top: solid 1px #fff
    }

    footer .footetmenuwrp {
        padding: 0;
    }

    footer .footercard > .footertitle {
        padding: 15px 10px
    }

    footer .footercard > .footerdetails {
        padding: 0 10px 10px;
    }

    footer .footercard > .footertitle.active {
    }

    footer .footercard > .footertitle i {
        display: block
    }

    footer .footetmenuft {
        display: block
    }

        footer .footetmenuft .copyrite {
            padding: 10px 0 10px;
        }

    footer .footetmenulink {
        padding: 0 0 15px;
        font-size: 11px;
        text-align: center
    }

    /**/
    .mobitopgird {
        height: 115px;
        overflow: hidden
    }

    .dailysportlist {
        grid-template-columns: auto;
        display: flex;
        align-items: center;
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        margin-top: 0;
        min-height: 114px;
    }

    .dailysportdesc, .dailylistwrp {
        padding: 0
    }

        .dailysportdesc h2 {
            padding: 0;
            margin: 0
        }

        .dailysportdesc p, .dailysportdesc a.btun {
            display: none
        }

        .dailylistwrp p {
            padding: 15px 0 15px;
            font-size: 13px;
        }

    /**/
    .mobigird {
        height: 230px;
    }

    .astroreport {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        grid-template-columns: auto;
        padding-bottom: 15px;
    }

    /**/
    .mobi-menu {
        display: flex
    }

    .mobi-actn {
        display: block
    }

    #pageheader menu.mainmenu {
        position: fixed !important;
        right: -30px;
        top: 0;
        width: 100%;
        z-index: 8;
        background-color: #fff;
        color: #7f7f7f;
        height: 100%;
        display: block;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
        transform: translateX(800px);
        -webkit-transform: translateX(800px);
        -moz-transform: translateX(800px);
        -ms-transform: translateX(800px);
        -o-transform: translateX(800px);
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        border-top: 1px solid rgba(51, 51, 51, 0.25);
        overflow-x: hidden;
        overflow-y: auto;
        display: block !important;
        margin-top: 0
    }

        #pageheader menu.mainmenu.open {
            transform: translateX(0);
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            right: 0;
            top: 0;
            margin: 0;
            box-shadow: none;
        }

    #heroheader #pageheader menu span a, #pageheader menu span > a {
        color: var(--color-black);
        text-shadow: none;
        border-bottom: solid 1px #ddd;
        display: flex;
    }

    .darkscreen #pageheader menu span a {
        color: var(--color-black);
        border-bottom: solid 1px #ddd;
        display: flex;
    }

    .darkscreen #pageheader menu span svg {
        fill: var(--color-black)
    }

    .darkscreen #pageheader menu span .hamburger {
        display: none
    }

    #pageheader menu span > a i {
        margin-left: auto
    }

    #heroheader #pageheader menu span svg, #pageheader .secnav ul li a svg, #pageheader menu span svg {
        fill: var(--color-black);
    }

    #pageheader menu span {
        display: block;
    }

    #pageheader menu .submenu {
        position: static;
        min-width: 100%;
        border-radius: 0;
        box-shadow: none;
    }

        #pageheader menu .submenu ul {
            max-height: 280px;
        }

    #pageheader menu span:hover a i svg {
        transform: none;
    }

    #heroheader #pageheader menu span.mainproduct .hamburger {
        display: none
    }

    #heroheader #pageheader menu span.mainproduct i {
        margin-left: auto;
        position: static
    }

    /**/
    .herobannerwrap {
        margin-top: -65px;
        height: auto;
    }

        .herobannerwrap .owl-carousel .owl-dots {
            transform: rotate(270deg);
            top: 200px;
        }

            .herobannerwrap .owl-carousel .owl-dots .owl-dot {
                display: block
            }

    /**/
    .consltwrp .conslt {
        height: 100%;
        border-left: 0;
        grid-template-columns: auto;
        display: flex;
        align-items: center;
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        margin-top: 10px;
        padding-left: 10px;
    }

        .consltwrp .conslt span.active:after, .consltwrp .conslt span:hover:after {
            display: none
        }

        .consltwrp .conslt span {
            margin: 0
        }

            .consltwrp .conslt span a {
                padding: 10px;
            }

            .consltwrp .conslt span.active {
                border-left: 0;
                border-top: #DC1F27 solid 3px;
            }

    .consltwrp .consrt figure {
        height: auto
    }

    .topgirdwrp .girdcard, .astroreport {
        white-space: nowrap;
    }

    .topgirdwrp {
        overflow-x: auto;
        overflow-y: hidden;
        justify-content: flex-start;
    }

        .topgirdwrp .girdcard, .astroreport .astroreportlist {
            width: 300px;
            margin-bottom: 10px;
            flex: 1 0 auto;
        }

            .topgirdwrp .girdcard p, .astroreport .astroreportlist p {
                white-space: normal;
            }

    .topgirdwrp {
        margin: 15px 0 0
    }

    #heroheader #pageheader menu span.active svg {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .dailysportdesc:before, .dailylistwrp:before {
        display: none
    }

    .herotitle, .dailysportdesc h2 {
        font-size: 18px;
    }

    /**/
    .mainseach {
        position: fixed !important;
        right: -30px;
        top: 0;
        width: 100%;
        z-index: 9999;
        background-color: #fff;
        color: #7f7f7f;
        height: 100%;
        display: block;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
        transform: translateX(800px);
        -webkit-transform: translateX(800px);
        -moz-transform: translateX(800px);
        -ms-transform: translateX(800px);
        -o-transform: translateX(800px);
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        border-top: 1px solid rgba(51, 51, 51, 0.25);
        overflow-x: hidden;
        overflow-y: auto;
        display: block !important;
        margin-top: 0;
    }

        .mainseach.open {
            transform: translateX(0);
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            right: 0;
            top: 0;
            margin: 0;
            box-shadow: none;
        }

        .mainseach .search-sugges {
            box-shadow: none;
            min-width: 500px;
        }

    .searchmenu {
    }

    .mainseach .seachclose {
        position: fixed;
        background: #fff;
        box-shadow: 0 -1px 8px 0 rgb(0 0 0 / 10%);
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        padding: 15px 0;
        display: block
    }

    .mainseach .seachclosea {
        border-bottom: solid 1px #ebebeb;
        padding: 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #pageheader .hdsearchwrp.mainseach.open .hdsearch {
        border-radius: 0;
        padding: 10px;
        margin: 10px;
        width: 95%;
    }

    .astrostats, #pageheader .hdsearchwrp.mainseach.open a.btun {
        display: none
    }

    /**/
    .singleastrostats {
        overflow: hidden;
        height: 270px;
        display: block
    }

    .mobiastrostats {
        overflow-x: scroll;
        overflow-y: hidden;
        padding: 35px 0;
        gap: 15px;
        margin: 0px 0 15px !important;
    }

    .singlecounter {
        width: 250px;
    }

    /**/
    .signelementwrp .signelementlstwrp {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        justify-content: flex-start;
        white-space: nowrap
    }

    .signelementwrp .signelement {
        margin: 20px 10px;
    }

    /**/
    .bannersection {
        height: auto !important;
    }

    .headerlt h1, .headerlt .title {
        font-size: 26px;
        margin-bottom: 10px;
    }

        .headerlt h1 p, .headerlt .title p {
            line-height: normal;
        }

            .headerlt h1 p br, .headerlt .title p br {
                display: none;
            }

    /**/
    .searchwarp > * {
        display: block
    }

    .searchwarp {
        flex-direction: column;
        width: 100%;
        position: static;
        gap: 30px;
        border-radius: 0
    }

        .searchwarp .searchselect {
            border-radius: 0;
            padding: 0 15px;
            background: none;
            margin-top: 15px;
        }

            .searchwarp .searchselect .holder {
                width: 100%;
                font-size: 14px;
            }

                .searchwarp .searchselect .holder a {
                    border: solid 1px #909090;
                    padding: 17px 10px;
                }

    #pageheader .hdsearchwrp .searchwarp input[type="text"] {
        border: solid 1px #909090;
        margin: 0 !important;
        width: 100% !important;
        padding-left: 35px !important;
    }

    .searchwarp .searchtext i, .searchwarp .searchlocation i {
        position: absolute;
        left: 25px;
        top: 30px;
    }

    #pageheader .hdsearchwrp .searchwarp .searchaction a.btun {
        display: block;
        min-width: 100%
    }

    .searchwarp label {
        display: block;
        padding-bottom: 8px;
    }

    .searchdropdown {
        position: static
    }

    .valentines-img {
        display: none;
    }

    .newreport-cont-image .newreport-price {
        margin-top: 0px;
    }

    /*.mobi-menu{display: none;}  */
    .price-fix {
        display: block;
        text-align: center;
    }

    .header-menu .header-menu-title a {
        display: none;
    }
}

/*----ipad---*/
/**/
@media only screen and (max-width : 1024px) {
    .padhide, .stickyinfowrp .stickyinfo .stickyinfowrp {
        display: none
    }

    .astrosticky.sticky {
        bottom: 0;
        top: auto;
    }

    .stickyinfo .actongroup {
        margin: 0
    }

    .stickyinfowrp .stickyinfo {
        justify-content: center
    }

    .astrosticky.sticky {
        border-top: solid 1px #ebebeb
    }

    .detalsticky {
        top: 0
    }

    .astrointro ul li {
        padding: 0 0 15px;
    }

    .actongroup .actionwrp a div {
        display: block
    }

    .actongroup .actionwrp small {
        display: block;
    }

        .actongroup .actionwrp small em {
            font-size: 14px;
        }

    .actongroup .actionwrp a div span i {
        display: none
    }

    .astrolger-profile {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .horslistwrp {
        gap: 25px;
        margin: 15px;
        overflow-x: auto;
        overflow-y: hidden;
        justify-content: flex-start;
    }

    .action-content .actiondesc .btun {
        font-size: 12px;
    }

    .action-content .actiondesc figure {
        width: 120px;
        height: 120px
    }

    .astrocitiwarp .astrolistcard {
        width: 23.372%;
    }

    .astrocitiwarp {
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        padding: 5px 0;
    }

    .mobilesearch {
        display: block
    }

    .citifilterwarp .citifilter {
        padding: 10px;
    }

    .citifilterwarp .citicta {
        text-align: center
    }

    .citifilterwarp .citifilter input[type="text"], .citifilterwarp .citifilter select {
        width: 100%
    }

    .citifilterwarp.show {
        top: 0;
        transition: .2s all linear !important;
    }

    .citifilterwarp {
        position: fixed;
        z-index: 3999;
        top: 100%;
        bottom: 0;
        margin: 0;
        padding: 0;
        float: none;
        right: 0;
        left: 0;
        transition: .2s all linear !important;
        background-color: #fff;
        overflow-x: hidden;
        overflow-y: auto;
        padding-bottom: 100px;
    }

        .citifilterwarp .filterpaneltitle {
            padding: 15px;
            border-bottom: 1px solid #e5e5e5;
            font-size: 16px;
            color: #333;
            font-weight: 500;
            padding-left: 40px;
            display: block
        }

            .citifilterwarp .filterpaneltitle .close {
                font-size: 30px;
                display: inline-block;
                color: #666;
                position: absolute;
                left: 0;
                top: 0;
                padding: 7px 10px;
                font-weight: 400;
                cursor: pointer;
            }

    .headertwarp {
        right: 30px;
        width: 470px;
        height: 470px;
    }

    .bannersection {
        height: 470px;
        margin-bottom: 15px
    }

        .bannersection:before {
            display: none
        }

    .topic-content {
        width: 220px;
    }

        .topic-content.four {
            right: -20px;
            bottom: 190px;
        }

        .topic-content.three {
            right: 20px;
        }

    /**/
    .consultabs {
        padding: 0px 25px;
    }

        .consultabs span a {
            padding: 10px 15px
        }

            .consultabs span a b {
                margin: 0
            }

    .newtopsection .horoscopetitle {
        padding: 15px
    }

    .newexpert-tabwarp {
        height: 66px;
        overflow: hidden;
        position: static;
        width: 95%;
        margin: 0 auto;
    }

    .newexpert-tab {
        overflow-x: scroll;
        overflow-y: hidden;
    }

        .newexpert-tab li a {
            white-space: nowrap;
        }

    .newexpertlistwarp {
        width: 100% !important;
    }

    .new-month-tab {
        overflow-x: auto
    }

        .new-month-tab li a.moremonth {
            display: none
        }

        .new-month-tab li.new-month-more:hover .more-months, .more-months {
            display: flex;
            position: static;
            width: auto;
            padding: 0;
            box-shadow: none;
        }

            .more-months span a {
                padding: 5px 30px;
            }

                .more-months span a:hover {
                    background-color: transparent;
                    color: #fff;
                }

            .more-months span {
                line-height: 24px;
                font-size: 15px;
                color: var(--black);
                background-color: transparent;
                border-radius: 30px;
                cursor: pointer;
                -webkit-transition: 0.3s ease;
                transition: 0.3s ease;
                position: relative;
                z-index: 9;
                white-space: nowrap;
                margin-right: 10px
            }

                .more-months span:before {
                    position: absolute;
                    content: '';
                    top: 50%;
                    left: 0;
                    -webkit-transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                    width: 0;
                    height: 100%;
                    border-radius: 30px;
                    -webkit-transition: 0.3s ease;
                    transition: 0.3s ease;
                    background-color: #ed1a1a;
                    z-index: -1;
                }

                .more-months span:first-child {
                    margin-left: 0
                }

                .more-months span:last-child {
                    margin-right: 0
                }

                .more-months span:hover:before, .more-months span.new-month-active:before {
                    width: 100%;
                    color: #fff;
                }

                .more-months span:hover a {
                    background-color: transparent;
                }

    .valentines-bg {
        background-image: none;
        background-image: linear-gradient(180deg, #fecefe, #fededf);
        height: 100%;
    }

    .new-reportbg:before, .new-reportbg:after, .astro2, .astro3, .astro4, .astro5, .astro6, .astro7, .astro8, .newreport-cont-image .cont-right:after {
        display: none;
    }

    .home-list ul li a {
        padding: 5px;
    }

    .horo-blogs {
        flex-direction: column;
    }

        .horo-blogs .big-blog, .horo-blogs .big-blog a img {
            width: 100%;
        }

    .header-menu .header-menu-title a {
        display: none;
    }
}

/**/
@media only screen and (min-width : 769px) and (max-width : 1024px) {
    #astrologer .toplinewrp {
        position: relative;
        z-index: 2;
    }

    .subprotitle .subpromdesc {
        font-size: 26px;
    }

        .subprotitle .subpromdesc p {
            padding-bottom: 5px;
        }

    .subprotitle span {
        margin-bottom: 15px;
        font-size: 16px
    }

    .headerlt h1, .headerlt .title {
        font-size: 30px;
    }

    .advertisementsection .rightads {
        padding: 10px 15px
    }

    .advertisementsection .adstitle {
        font-size: 22px;
        padding-bottom: 5px;
    }

    .advertisementsection p {
        line-height: normal
    }

    .servicecardwarp {
        width: 45%
    }

    .herorightwarp .owl-stage {
        padding-left: 0 !important;
    }

    .signgriditem grid-template-columns: repeat(3, 1fr); .new-reportbg:before, .new-reportbg:after, .astro2, .astro3, .astro4, .astro5, .astro6, .astro7, .astro8, .newreport-cont-image .cont-right:after {
        display: none;
    }

    .horo-header .header-cont {
        flex-direction: column;
    }

    .rsh-email input {
        width: 100%;
    }

    .rsh-email a.subscribe {
        right: 6px;
    }

    .horo-rsh .rsh-festival .astro-horo .tab li {
        padding: 0;
    }

    .home-blk {
        flex-direction: column;
    }

        .home-blk .home-tab {
            border-radius: 50px;
        }

            .home-blk .home-tab ul {
                width: 100%;
                display: flex;
                overflow: hidden;
                overflow-x: scroll;
            }

                .home-blk .home-tab ul li {
                    border-bottom: 0;
                    padding: 15px 10px;
                }

                    .home-blk .home-tab ul li a {
                        gap: 10px;
                        white-space: nowrap;
                        padding: 0;
                    }

                        .home-blk .home-tab ul li a i svg {
                            -webkit-transform: none;
                            transform: none;
                        }

    .home-list ul li a {
        padding: 5px;
    }

    .horo-blogs {
        flex-direction: column;
    }

        .horo-blogs .big-blog, .horo-blogs .big-blog a img {
            width: 100%;
        }

    .horo-rshwrap .compar .compar-select {
        display: flex !important;
        flex-direction: column;
        gap: 10px;
    }

        .horo-rshwrap .compar .compar-select i.flip svg {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

    .header-menu .header-menu-title a {
        display: none;
    }

    .bottomsheet-inner .packagelstwrp.plan-a ul {
        margin-bottom: 160px;
    }

    .conjpackag ul li.packagwrp {
        padding: 15px 5px 15px 0px;
        gap: 8px;
    }

    .taglinewrp .taglinelist ul {
        height: 350px;
    }
}

/*----netbook---*/
@media only screen and (min-width : 1024px) and (max-width : 1280px) {
    .dailysportlist {
        grid-template-columns: repeat(3, 1fr);
    }

    .consltwrp .consrt figure {
        height: 200px;
    }

    .herobannerwrap .owl-carousel .owl-dots {
        top: 120px;
        left: 40px;
    }

    .herobannerwrap {
        height: 450px;
    }

    .astrogird .astrodesc figure {
        width: 80px;
        height: 80px;
    }

    .astrogird .astrodesc .astrobio .call a {
        font-size: 14px;
        font-weight: 500
    }

    .astrogird .astrodesc .astrobio .call {
        flex-direction: column
    }

    .valentines-bg {
        background-image: none;
        background-image: linear-gradient(180deg, #fecefe, #fededf);
        height: 100%;
    }

    .astro-horo .tab li a {
        padding: 5px 16px;
    }

    .mon-rsh .mon-title {
        font-size: 20px;
    }

    .new-reportbg:before, .new-reportbg:after, .astro2, .astro3, .astro4, .astro5, .astro6, .astro7, .astro8, .newreport-cont-image .cont-right:after {
        display: none;
    }
}

/*----ultrabook---*/
@media only screen and (min-width : 1025px) and (max-width : 1280px) {
    .herobannerwrap .owl-carousel .owl-dots {
        top: 120px;
        left: 70px;
    }

    .astrocitiwarp .astrolistcard {
        width: 18.65%;
    }

    .headertwarp {
        right: 60px;
    }

    .advertisementsection .leftads {
        width: 28%;
    }

    .herorightwarp .owl-stage {
        padding-left: 0 !important;
    }

    .astrogird .astrodesc figure {
        width: 80px;
        height: 80px;
    }

    .astrogird .astrodesc .astrobio .call a {
        font-size: 14px;
        font-weight: 500
    }

    .new-reportbg:before, .new-reportbg:after, .astro2, .astro3, .astro4, .astro5, .astro6, .astro7, .astro8, .newreport-cont-image .cont-right:after {
        display: none;
    }

    .bottomsheet-inner .packagemainwrp {
        overflow: hidden;
        overflow-y: scroll;
    }
}

/*----ultrabook---*/
@media only screen and (min-width : 1281px) and (max-width : 1366px) {
    .dailysportlist {
        grid-template-columns: repeat(3, 1fr);
    }

    .herobannerwrap .owl-carousel .owl-dots {
        top: 130px;
        left: 100px;
    }

    .herobannerwrap {
        height: 460px;
    }

    .filterbody .filterdetal {
        max-height: 350px;
    }

    .consltwrp .consrt figure {
        height: 207px;
    }

    .herobannerwrap .owl-carousel .owl-dots {
        left: 120px !important;
    }

    .herobannerwrap .heroimgwrp .herocontnt {
        top: 22%;
    }

    .walletcontent {
        margin: 20px auto
    }

    .astrocitiwarp .astrolistcard {
        width: 18.65%;
    }

    .headertwarp {
        right: 60px;
    }

    .advertisementsection .leftads {
        width: 28%;
    }

    .herorightwarp .owl-stage {
        padding-left: 0 !important;
    }

    .astrogird .astrodesc figure {
        width: 80px;
        height: 80px;
    }

    .astrogird .astrodesc .astrobio .call a {
        font-size: 14px;
        font-weight: 500
    }

    .new-reportbg:before, .new-reportbg:after, .astro2, .astro3, .astro4, .astro5, .astro6, .astro7, .astro8, .newreport-cont-image .cont-right:after {
        display: none;
    }

    .cont-menu ul {
        gap: 10px;
    }

    .astro2, .astro7, .astro3, .astro6 {
        display: none;
    }

    .new-reportbg:before, .new-reportbg:after {
        width: 1140px;
    }

    .bottomsheet-inner .packagemainwrp {
        overflow: hidden;
        overflow-y: scroll;
    }
}

/**/
@media only screen and (min-width : 1367px) and (max-width : 1512px) {
    .herobannerwrap .owl-carousel .owl-dots {
        left: 150px !important;
    }

    .herorightwarp .owl-stage {
        padding-left: 0 !important;
    }

    .astrogird .astrodesc figure {
        width: 80px;
        height: 80px;
    }

    .astrogird .astrodesc .astrobio .call a {
        font-size: 14px;
        font-weight: 500
    }

    .valentines-bg {
        background-image: none;
        background-image: linear-gradient(180deg, #fecefe, #fededf);
        height: 100%;
    }

    .astro2, .astro7 {
        display: none;
    }

    .cont-menu ul {
        gap: 10px;
    }

    .astro2, .astro7, .astro3, .astro6 {
        display: none;
    }

    .new-reportbg:before, .new-reportbg:after {
        width: 1140px;
    }
}

/*----large desktop---*/
@media only screen and (min-width : 1512px) and (max-width : 1890px) {
    .astro2, .astro7, .astro3, .astro6 {
        display: none;
    }

    .new-reportbg:after {
        width: 1650px;
    }

    .new-reportbg:before {
        width: 1140px;
    }
}