/* Theme Name: Astra Child
Template: astra */
    
    @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        outline: none;
    }
    
    ul,
    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0;
        padding: 0;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: #222;
        font-family: "Philosopher", sans-serif;
    }
    
    p {
        font-family: "Inter", sans-serif;
    }
    
    a {
        font-family: "Inter", sans-serif;
        text-decoration: none;
        display: inline-block;
    }
    
    button {
        font-family: "Inter", sans-serif;
        outline: none;
    }
    
    input {
        font-family: "Inter", sans-serif;
    }
    
    .custom-full-width {
        width: 100% !important;
    }
    
    .common-button a,
    .make-appointment-ctm-btn,
    .make-contact-us-ctm-btn,
    .subscribe-button-ctm {
        background-color: #234a64 !important;
        font-family: "Inter", sans-serif !important;
        font-size: 16px;
        font-weight: 500 !important;
        line-height: 32px;
        letter-spacing: 1px;
        color: #FFFFFF;
        padding: 10px 35px;
        position: relative;
        display: inline-block;
        overflow: hidden;
        text-decoration: none;
        z-index: 1;
        border-radius: 0;
        outline: none;
    }
    
    .common-button a::after,
    .subscribe-button-ctm::after,
    .make-appointment-ctm-btn:after,
    .make-contact-us-ctm-btn:after {
        content: "";
        background: #FF7010;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        transition: all 0.3s ease;
    }
    
    .common-button a:hover::after,
    .make-appointment-ctm-btn:hover::after,
    .make-contact-us-ctm-btn:hover:after,
    .subscribe-button-ctm:hover:after {
        width: 0;
        height: 0;
        left: 50%;
        top: 50%;
    }
    
    .section-spac-top {
        margin-top: 80px;
    }
    
    .subscribe-button-ctm,
    .subscribe-button-ctm::after {
        background-color: #234a64 !important;
    }
    /* ============================ Header section Start Here ============================ */
    
    .header-section-main {
        box-shadow: 0 0 14px #ededed;
    }
    
    .top-header-contact-icon .elementor-widget-container span.elementor-icon-list-icon {
        background-color: #ff7010;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
    }
    
    .top-header-contact-icon .elementor-widget-container span.elementor-icon-list-icon svg {
        margin: 0;
    }
    
    .custom-menu-nav nav ul li.current-menu-item {
        position: relative;
    }
    
    .custom-menu-nav nav ul li.current-menu-item:after {
        background-color: #ff7010;
        width: 100%;
        height: 3px;
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        border-radius: 5px;
    }
    
    .custom-menu-nav nav ul li a {
        outline: none;
    }
    
    .custom-menu-nav nav ul li:after {
        width: 0;
    }
    
    .custom-menu-nav nav ul li:hover:after {
        background-color: #ff7010;
        width: 100%;
        height: 3px;
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        border-radius: 5px;
        transition: 0.3s ease-in-out;
    }
    
    .header-login-reg-sec-right {
        display: none;
    }
    
    .header-email-contact-left {
        width: 100% !important;
    }
    
    .astro-new-header-logo a img {
        max-width: 150px;
    }
    
    .top-header-marquee-sec marquee {
        font-size: 16px;
        font-family: "Inter", sans-serif;
        color: #fff;
    }
    
    .StickyHeader .top-header-marquee-sec {
        display: none;
    }
    /* ============================ Header section End Here ============================ */
    /* ============================ Banner section Start Here ============================ */
    
    .banner-list-icon-col .elementor-widget-container ul li {
        position: relative !important;
    }
    
    .banner-list-icon-col .elementor-widget-container ul li+li {
        margin-left: 70px !important;
    }
    
    .banner-list-icon-col .elementor-widget-container ul li::after {
        content: "";
        position: absolute !important;
        background-image: url(/wp-content/uploads/2025/04/right_icon-check.png);
        background-repeat: no-repeat;
        width: 23px !important;
        height: 21px !important;
        background-size: contain;
        border: none !important;
        left: -35px !important;
        margin: 0 !important;
        top: 0;
        bottom: 0;
        margin: auto 0 !important;
    }
    
    .inner-banner-sec {
        max-width: 860px;
        margin: 0 auto;
    }
    /* ============================ Banner section End Here ============================ */
    /* ============================ Know About Horoscope section Start Here ============================ */
    
    .contact-out-expert-sec-left .elementor-icon-box-icon span.elementor-icon {
        width: 60px;
        height: 60px;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        position: relative;
    }
    
    .contact-out-expert-sec-left .elementor-icon-box-icon span.elementor-icon:after {
        content: "";
        position: absolute;
        width: 70px;
        height: 70px;
        border-radius: 50px;
        border: 1px dashed #fff;
    }
    
    .contact-out-expert-sec-left:hover .elementor-icon-box-icon span.elementor-icon:after {
        animation: spin 9s infinite linear;
        -webkit-animation: spin 9s infinite linear;
        display: block;
    }
    
    .contact-out-expert-sec-left .elementor-icon-box-content h5 {
        margin: 0;
    }
    
    .about-horoscope-right-col .elementor-widget-container {
        position: relative;
    }
    
    .about-horoscope-right-col .elementor-widget-container:after {
        position: absolute;
        content: '';
        top: 90px;
        background-color: #f6f6f6;
        z-index: -1;
        left: -40px;
        bottom: 0;
        right: 0;
        max-width: 400px;
    }
    
    .about-horoscope-right-col .elementor-widget-container::before {
        position: absolute;
        content: '';
        left: 0;
        bottom: 0;
        border-left: 2px solid #ff7010;
        border-bottom: 2px solid #ff7010;
        width: 90px;
        height: 90px;
    }
    
    .common-heading-h2 h2 {
        position: relative;
        padding-bottom: 14px;
    }
    
    .common-heading-h2 h2:after {
        content: "";
        position: absolute;
        width: 140px;
        height: 3px;
        background: #ff7010;
        left: 0;
        bottom: 0;
    }
    
    .inner-about-right-slider-sec .elementor-widget-container img {
        padding: 0 0 30px 30px;
    }
    
    .about-right-slider-sec {
        margin-bottom: 0 !important;
    }
    /* dots */
    
    .about-right-slider-sec ul.slick-dots {
        position: absolute;
        left: -50px;
        bottom: 40px;
        justify-content: flex-start;
        display: flex;
        max-width: max-content;
        flex-direction: column;
        gap: 15px;
    }
    
    .about-right-slider-sec ul.slick-dots li {
        display: block;
        width: max-content;
    }
    
    .about-right-slider-sec ul.slick-dots li.slick-active {
        background-color: #FF7010;
    }
    
    .slick-dots li button:before {
        display: none;
    }
    
    .about-right-slider-sec .slick-dots li {
        width: 10px !important;
        height: 10px;
        border-radius: 50%;
        background-color: #ccc;
    }
    
    .about-right-slider-sec .slick-dots li button {
        display: none;
    }
    /* dots */
    /* ============================ Know About Horoscope section End Here ============================ */
    /* ============================ Our Services section Start Here ============================ */
    
    .common-heading-h2-center h2:after {
        width: 140px;
        margin: 0 auto;
        right: 0;
    }
    
    .inner-our-services-sec {
        max-width: 550px;
        margin: 0 auto;
        text-align: center;
    }
    
    .home .inner-our-services-sec {
        max-width: 1000px;
    }
    
    .our-inner-services-col .elementor-icon-box-content h3 {
        margin: 8px 0;
    }
    
    .our-inner-services-col:hover {
        background: linear-gradient(to bottom, #f4aa36 2%, #f37335 100%);
        position: relative;
    }
    
    .our-inner-services-col:hover:after {
        animation: spin 9s infinite linear;
        -webkit-animation: spin 9s infinite linear;
        display: block;
        position: absolute;
        content: "";
        background-image: url('/wp-content/uploads/2025/04/service-circle.png');
        z-index: 1;
        width: 270px;
        height: 270px;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0;
        top: 0;
    }
    
    @keyframes spin {
        0% {
            transform: rotate(0deg);
            /* Standard rotation */
        }
        100% {
            transform: rotate(360deg);
            /* Complete rotation */
        }
    }
    
    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
            /* Webkit-specific rotation */
        }
        100% {
            -webkit-transform: rotate(360deg);
            /* Webkit-specific complete rotation */
        }
    }
    
    .our-inner-services-col:hover>.elementor-widget-icon-box {
        position: relative;
        z-index: 2;
    }
    
    .our-inner-services-col:hover>.elementor-widget-icon-box * {
        color: #fff;
        fill: #fff;
    }
    
    .our-inner-services-col:hover>.without-bg-btn {
        position: relative;
        z-index: 2;
    }
    
    .our-inner-services-col:hover>.without-bg-btn a {
        color: #fff !important;
    }
    /* ============================ Our Services section End Here ============================ */
    /* ============================ Happy Customers section Start Here ============================ */
    
    .r-littl-right-content .elementor-widget-container h3 span {
        font-size: 15px;
        font-weight: 400;
    }
    
    .inner-happy-customers-col-rignt {
        position: relative;
    }
    
    .inner-happy-customers-col-rignt:after {
        animation: spin 9s infinite linear;
        -webkit-animation: spin 9s infinite linear;
        display: block;
        position: absolute;
        content: "";
        background-image: url('/wp-content/uploads/2025/04/service-circle.png');
        z-index: 1;
        width: 270px;
        height: 270px;
        right: 0;
        margin: auto;
        bottom: 0;
        top: 0;
    }
    /* 
.happy-slide-image .elementor-widget-container img {
    width: 100%;
    border: 5px solid #ffffff;
    border-radius: 50%;
    box-shadow: -2px 0px 13px 0px rgba(0, 0, 0, 0.13);
    height: 90px;
    max-width: 90px;
    object-fit: cover;
    cursor: pointer;
}

.happy-slide-image.elementor-widget-image.slick-current.slick-active img {
    border: 5px solid #f38535;
    height: 100px;
    max-width: 100px;
}

.happy-customers-col-left .slick-list.draggable {
    padding: 10px;
}

.happy-customers-col-left .slick-track {
    gap: 20px;
    display: flex !important;
    flex-wrap: wrap !important;
}

.happy-customers-col-left .slick-track .happy-slide-image {
    width: calc(100%/3 - 20px) !important;
}

.happy-customers-col-left .slick-track .happy-slide-image:nth-child(1) {
    margin-top: 10px;
}

.happy-customers-col-left .slick-track .happy-slide-image:nth-child(2) {
    margin-top: 35px;
}

.happy-customers-col-left .slick-track .happy-slide-image:nth-child(3) {
    margin-top: 0;
}

.happy-customers-col-left .slick-track .happy-slide-image:nth-child(4) {
    margin-top: 30px;
}

.happy-customers-col-left .slick-track .happy-slide-image:nth-child(5) {
    margin-top: 50px;
}

.happy-customers-col-left .slick-track .happy-slide-image:nth-child(6) {
    margin-top: -10px;
} */
    /* .happy-customers-col-rignt {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
} */
    /* .happy-customers-col-rignt .slick-list {
    width: 100% !important;
}

.happy-customers-col-rignt .slick-track {
    width: 100% !important;
    display: flex !important;
    transition: transform 0.3s ease;
} */
    /* .happy-customers-col-rignt .slick-slide {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
} */
    
    .happy-customers-col-rignt {
        margin: 0 -10px;
    }
    
    .inner-happy-customers-col-rignt {
        margin: 0 10px;
    }
    /* dots */
    
    .happy-customers-col-rignt ul.slick-dots {
        bottom: -60px;
    }
    
    .happy-customers-col-rignt ul.slick-dots li {
        background: #ccc;
        border-radius: 50%;
        width: 10px;
        height: 10px;
    }
    
    .happy-customers-col-rignt ul.slick-dots li.slick-active {
        background: #FF7010;
    }
    
    .happy-customers-col-rignt .slick-dots li button {
        display: none !important;
    }
    /* dots */
    /* ============================ Happy Customers section End Here ============================ */
    /* ============================ Astrology Advice section Start Here ============================ */
    
    .career-image .elementor-widget-container {
        width: 56px;
        height: 56px !important;
        background-color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
        border-radius: 50%;
        box-shadow: -2px 0px 15px 0px rgba(0, 0, 0, 0.06);
        transition: 0.70s;
        -webkit-transition: 0.70s;
        -moz-transition: 0.70s;
        -ms-transition: 0.70s;
        -o-transition: 0.70s;
        margin-right: auto;
        margin-left: auto;
    }
    
    .career-aserto-advic-col:hover>.career-image .elementor-widget-container {
        transition: 0.70s;
        -webkit-transition: 0.70s;
        -moz-transition: 0.70s;
        -ms-transition: 0.70s;
        -o-transition: 0.70s;
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    
    .career-aserto-advic-col:hover * {
        color: #fff !important;
    }
    /* ============================ Astrology Advice section End Here ============================ */
    /* ============================ Our Latest Blogs section Start Here ============================ */
    
    .tag-post-date-sec {
        text-align: right;
        margin-left: auto;
        margin-top: -34px;
        margin-right: 30px;
        max-width: max-content;
        position: relative;
    }
    
    .tag-post-date-sec p a {
        color: #fff !important;
        text-decoration: none !important;
    }
    
    .tag-post-date-sec:after,
    .tag-post-date-sec:before {
        content: '';
        position: absolute;
        left: 100%;
        top: 0;
        bottom: 0;
        border-top: 24px solid transparent;
        border-bottom: 24px solid transparent;
        border-left: 15px solid #ff7010;
    }
    
    .tag-post-date-sec:before {
        left: auto;
        right: 100%;
        border-left: none;
        border-right: 15px solid #ff7010;
    }
    
    .tag-post-date-sec:hover:after {
        border-left: 15px solid #222;
    }
    
    .tag-post-date-sec:hover:before {
        border-right: 15px solid #222;
    }
    
    .tag-post-date-sec p {
        margin: 0;
    }
    
    .our-latest-blog-heading-content .elementor-widget-container h3 a {
        text-decoration: none;
        font-weight: 600;
        font-family: "Philosopher", sans-serif;
        font-size: 26px !important;
        line-height: 1.5 !important;
    }
    
    .our-latest-blog-box-col * {
        outline: none !important;
    }
    
    .download-our-mobile-apps-sec-bg .common-heading-h2 h2:after {
        background-color: #fff;
    }
    /* ============================ Our Latest Blogs section End Here ============================ */
    /* ============================ Appointment Page Css Start Here ============================ */
    
    .breadcrumbs-ctm-sec ul.hfe-breadcrumbs {
        background: #ffffff36;
        max-width: max-content;
        margin: 0 auto;
        padding: 8px 30px;
        border-radius: 100px;
    }
    
    .breadcrumbs-ctm-sec ul.hfe-breadcrumbs li a {
        color: #ff7010;
        text-decoration: none;
    }
    
    .breadcrumbs-ctm-sec ul.hfe-breadcrumbs li a span {
        color: #ff7010 !important;
    }
    
    .appoint-ment-form-sec-bg .forminator-custom-form {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px;
        row-gap: 30px;
    }
    
    .appoint-ment-form-sec-bg .forminator-custom-form .forminator-row {
        width: calc(100%/2 - 10px);
        margin: 0 !important;
    }
    
    .appoint-ment-form-sec-bg .forminator-custom-form .forminator-row>div {
        padding: 0 !important;
    }
    
    .appoint-ment-form-sec-bg .forminator-response-message.forminator-show.forminator-success {
        width: 100%;
        margin-bottom: 0 !important;
    }
    
    .appoint-ment-form-sec-bg .forminator-custom-form .forminator-row:nth-child(8) {
        width: 100%;
    }
    
    .appoint-ment-form-sec-bg .forminator-custom-form .forminator-row:nth-child(9) {
        width: 100%;
    }
    
    .appoint-ment-form-sec-bg .forminator-custom-form .forminator-row label,
    .contact-us-form-sec-bg .forminator-custom-form .forminator-row label {
        font-weight: 600 !important;
        color: #222222 !important;
        margin: 0 0 8px !important;
        font-size: 14px !important;
        font-family: "Inter", sans-serif !important;
    }
    
    .appoint-ment-form-sec-bg .forminator-date-input .forminator-row,
    .appoint-ment-form-sec-bg .forminator-timepicker .forminator-row {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
        gap: 20px;
    }
    
    .appoint-ment-form-sec-bg .forminator-custom-form input,
    .contact-us-form-sec-bg .forminator-custom-form input,
    .appoint-ment-form-sec-bg .forminator-custom-form .forminator-row span.select2-selection.select2-selection--single,
    .appoint-ment-form-sec-bg .forminator-custom-form .forminator-row textarea,
    .contact-us-form-sec-bg .forminator-custom-form .forminator-row textarea,
    .astrologer-detail-main-right input,
    .astrologer-detail-main-right textarea {
        border: 1px solid #efefef !important;
        height: 50px !important;
        color: #777777 !important;
        line-height: 50px !important;
        background-color: #fff !important;
        padding: 0 20px !important;
        font-family: "Inter", sans-serif !important;
        font-size: 14px !important;
    }
    
    .appoint-ment-form-sec-bg .forminator-custom-form input:focus,
    .contact-us-form-sec-bg .forminator-custom-form input:focus,
    .appoint-ment-form-sec-bg .forminator-custom-form .forminator-row span.select2-selection.select2-selection--single:focus,
    .appoint-ment-form-sec-bg .forminator-custom-form .forminator-row textarea:focus {
        border: 1px solid #ff7010 !important;
    }
    
    .forminator-ui#forminator-module-975.forminator-design--default select.forminator-select2+.forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
        color: #777777 !important;
    }
    
    .appoint-ment-form-sec-bg .make-appointment-ctm-btn {
        width: 100% !important;
        padding: 16px 20px !important;
    }
    
    .appoint-ment-form-sec-bg .forminator-row.forminator-row-last {
        width: 100% !important;
        margin-top: 10px !important;
    }
    
    .appoint-ment-form-sec-bg .appoint-me .forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--multiple .select2-selection__arrow [class*=forminator-icon-]:before,
    .appoint-ment-form-sec-bg .appoint-me .forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--single .select2-selection__arrow [class*=forminator-icon-]:before {
        color: #777771 !important;
    }
    
    .appoint-ment-form-sec-bg .forminator-ui#forminator-module-975.forminator-design--default select.forminator-select2+.forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
        font-size: 14px !important;
    }
    
    .forminator-select-dropdown-container--open .forminator-custom-form-975.forminator-dropdown--default {
        border-color: #fafafa !important;
        background-color: #fafafa !important;
    }
    
    .forminator-select-dropdown-container--open .forminator-custom-form-975.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--selected,
    .forminator-select-dropdown-container--open .forminator-custom-form-975.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--selected span:not(.forminator-checkbox-box) {
        background-color: #f5f5f5 !important;
        color: #171717 !important;
        font-size: 14px !important;
    }
    
    .appoint-ment-form-sec-bg .forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--multiple .select2-selection__arrow [class*=forminator-icon-]:before,
    .appoint-ment-form-sec-bg .forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--single .select2-selection__arrow [class*=forminator-icon-]:before {
        color: #777771 !important;
    }
    /* ============================ Appointment Page Css End Here ============================ */
    /* ============================ Contact Us  Page Css Start Here ============================ */
    
    .call-us-icon .elementor-icon:after {
        content: "";
        position: absolute;
        width: 80px;
        height: 80px;
        border-radius: 50px;
        border: 1px dashed #ff7010;
    }
    
    .call-us-icon .elementor-icon {
        width: 65px;
        height: 65px;
        background-color: #ff7010;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        position: relative;
    }
    
    .call-us-sec-bg:hover .call-us-icon .elementor-icon:after {
        animation: spin 9s infinite linear;
        -webkit-animation: spin 9s infinite linear;
        display: block;
    }
    
    .forminator-button-submit.make-contact-us-ctm-btn {
        width: 100% !important;
        padding: 16px 20px !important;
    }
    
    .contact-us-form-sec {
        margin-bottom: -290px;
        z-index: 1;
    }
    
    .call-and-mail-sec-bg * {
        outline: none !important;
    }
    /* ============================ Contact Us Page Css End Here ============================ */
    
    .subscribe-email-sec {
        max-width: 100%;
        min-width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    
    .subscribe-email-sec .forminator-custom-form {
        display: flex;
        margin: 0;
        padding: 0;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .subscribe-email-sec .forminator-success {
        width: 100%;
        display: block;
        text-align: center !important;
        font-family: "Inter", sans-serif !important;
    }
    
    .subscribe-email-sec .forminator-field-email {
        width: 300px !important;
    }
    
    .subscribe-email-sec .forminator-row.forminator-row-last {
        margin: 0 !important;
        padding: 0 !important;
        height: auto;
    }
    
    .subscribe-email-sec input {
        height: 50px !important;
        border-radius: 10px 0 0 10px !important;
        outline: none !important;
        color: #777777 !important;
        font-family: "Inter", sans-serif !important;
        font-size: 14px !important;
    }
    
    .subscribe-button-ctm {
        height: 50px !important;
        border-radius: 0 10px 10px 0 !important;
        border: 1px solid #234a64 !important;
        min-width: 130px !important;
    }
    
    .subscribe-email-sec .forminator-row {
        margin: 0 !important;
    }
    
    .subscribe-email-sec .forminator-custom-form {
        margin: 0 !important;
    }
    /* ============================ Registration Page Css Start Here ============================ */
    
    .ast-plain-container.ast-no-sidebar #primary {
        margin: 60px 0;
    }
    
    .page-registration article,
    .page-login article,
    .page-dashboard article,
    .page-edit-profile article {
        max-width: 900px;
        margin: 0 auto;
        padding: 30px;
        border-radius: 10px;
        box-shadow: 0 0 14px #e5e5e5;
    }
    
    .page-registration article header.entry-header,
    .page-login article header.entry-header,
    .page-edit-profile article header.entry-header,
    .page-astrologer-list article header.entry-header {
        text-align: center;
    }
    
    .page-registration article header.entry-header h1,
    .page-registration article header.entry-header h2,
    .page-login article header.entry-header h1,
    .page-login article header.entry-header h2,
    .page-edit-profile article header.entry-header h1,
    .page-edit-profile article header.entry-header h2,
    .page-astrologer-list article header.entry-header h1,
    .page-astrologer-list article header.entry-header h2 {
        font-weight: 400;
    }
    
    .page-registration article label,
    .page-login article label,
    .page-edit-profile article form .form-group label,
    .page-registration article form .form-group label,
    .page-login article form p label {
        font-weight: 600 !important;
        color: #222222 !important;
        margin: 0 0 8px !important;
        font-size: 14px !important;
        font-family: "Inter", sans-serif !important;
        display: block;
    }
    
    .register-submit-button {
        margin-top: 20px;
    }
    
    .page-registration article .entry-content form,
    .page-edit-profile article form {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 20px;
        row-gap: 14px;
    }
    
    .page-registration article .entry-content form .form-group,
    .page-edit-profile article form .form-group {
        width: calc(100%/2 - 10px);
    }
    
    .page-registration article .entry-content form .form-group input,
    .page-registration article .entry-content form .form-group .select2-container--default .select2-selection--multiple,
    .page-login article form p input,
    .page-edit-profile article form .form-group input {
        border: 1px solid #efefef !important;
        height: 45px !important;
        color: #777777 !important;
        line-height: 45px !important;
        background-color: #fff !important;
        padding: 0 10px !important;
        font-family: "Inter", sans-serif !important;
        font-size: 14px !important;
        width: 100%;
    }
    
    .register-submit-button,
    .page-login article form .login-submit input,
    .edit-profile-main a,
    .page-edit-profile article form .form-group input[type="submit"] {
        background-color: #f48c36 !important;
        padding: 16px !important;
        width: 100%;
        line-height: normal !important;
        color: #fff !important;
        text-decoration: none !important;
        height: auto !important;
    }
    
    .register-submit-button:hover,
    .page-login article form .login-submit input:hover,
    .edit-profile-main a:hover,
    .page-edit-profile article form .form-group input[type="submit"]:hover {
        background-color: #234a64 !important;
        transition: 0.3s ease-in-out;
    }
    
    .page-login article form .login-remember label {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    
    .page-login article form .login-remember input {
        max-width: max-content;
    }
    
    .page-login article form p {
        margin-bottom: 14px !important;
    }
    
    .page-dashboard article .entry-content ul {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        justify-content: space-between;
        padding: 0;
    }
    
    .page-dashboard article .entry-content ul li {
        list-style: none;
        width: calc(100% / 2 - 10px);
    }
    
    .page-dashboard article .entry-content p,
    .page-edit-profile article .entry-content p {
        text-align: center;
    }
    
    .page-registration article .entry-content form .form-group .select2-container {
        width: 100% !important;
    }
    
    .page-registration article .entry-content form .form-group .select2-container--default .select2-selection--multiple .select2-selection__choice {
        height: 40px;
        height: 30px;
        line-height: 2;
        margin: 0 8px 8px 0;
    }
    
    .page-registration article .entry-content form .form-group span.select2-selection.select2-selection--multiple {
        overflow: auto;
    }
    
    .edit-profile-main {
        width: 100%;
        margin: 0 auto;
        text-align: right;
        margin-bottom: 14px;
    }
    
    .edit-profile-main a {
        max-width: max-content;
        border-radius: 5px;
        padding: 10px 14px !important;
        min-width: 100px;
        text-align: center;
    }
    
    .page-dashboard article .entry-content h2 {
        text-align: center !important;
        font-weight: 400;
    }
    
    .page-edit-profile article form .form-group {
        margin-bottom: 14px;
    }
    
    .page-edit-profile article form .form-group:last-child {
        margin-bottom: 0;
    }
    
    .page-dashboard article header.entry-header {
        display: none;
    }
    
    .btn-class-main {
        width: 100%;
    }
    
    .page-registration article .entry-content>p {
        text-align: center;
        margin-top: 14px;
    }
    
    .common-dash-button {
        max-width: max-content;
        border-radius: 5px;
        padding: 10px 14px !important;
        min-width: 100px;
        text-align: center;
        background-color: #f48c36 !important;
        line-height: normal !important;
        color: #fff !important;
        text-decoration: none !important;
        height: auto !important;
    }
    
    .common-dash-button:hover {
        background-color: #234a64 !important;
        transition: 0.3s ease-in-out;
    }
    /* ============================ Registration Page Css End Here ============================ */
    /* ============================ Astrologer List Page Css Start Here ============================ */
    
    .astrologer-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: flex-start;
        padding: 0 20px;
        margin-top: 60px;
    }
    
    .astrologer-box {
        width: calc(100% / 4 - 15px);
        padding: 14px;
        border-radius: 10px;
        box-shadow: 0 0 14px #e5e5e5;
    }
    
    .astrologer-box .rating {
        line-height: 1;
    }
    
    .astrologer-box a {
        width: 100%;
    }
    
    .astrologer-box a {
        width: 100%;
        text-decoration: none !important;
        outline: none !important;
    }
    
    .astrologer-box a img {
        width: 100%;
        height: 250px;
        object-fit: contain;
        border-radius: 5px 5px 0 0;
        object-position: top;
    }
    
    .astrologer-box h4 {
        margin: 20px 0 5px 0;
        font-size: 24px;
    }
    
    .page-astrologers .ast-container {
        max-width: 100% !important;
        padding: 0;
    }
    
    .page-astrologers header.entry-header {
        margin: 0;
    }
    
    .page-astrologers header.entry-header .entry-title {
        display: none;
    }
    
    .page-banner-main {
        margin: 0 !important;
        padding: 0 !important;
        background-image: url('/wp-content/uploads/2025/04/appointment-bg.jpg');
        padding: 48px 0 !important;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100% !important;
        max-width: 100% !important;
        background-position: center center;
    }
    
    .page-banner-inner {
        text-align: center;
    }
    
    .page-banner-inner h2 {
        font-family: "Philosopher", Sans-serif;
        font-size: 60px;
        font-weight: 700;
        color: #fff;
        margin-bottom: 14px;
    }
    
    .page-banner-inner .for-breadcrumbs nav ul {
        background: #ffffff36;
        max-width: max-content;
        margin: 0 auto;
        padding: 8px 30px;
        border-radius: 100px;
    }
    
    .page-banner-inner .for-breadcrumbs nav ul li {
        font-family: "Inter", Sans-serif;
        font-size: 18px;
        font-weight: 400;
        color: #fff;
    }
    
    .page-banner-inner .for-breadcrumbs nav ul li a {
        color: #ff7010;
        text-decoration: none;
    }
    
    .page-banner-inner .for-breadcrumbs nav ul li svg {
        fill: #fff;
    }
    
    .page-astrologers .content-area {
        margin-top: 0 !important;
    }
    
    .astrologer-box .empty-star {
        font-size: 26px;
        position: relative;
        top: 3px;
    }
    /* ============================ Astrologer List Page Css End Here ============================ */
    /* ============================ astrologer/author Page Css Start Here ============================ */
    
    .ast-separate-container {
        background: transparent;
    }
    
    .astrologer-detail-main-sec-bg .star-rating {
        font-size: 30px;
        cursor: pointer;
        color: #ccc;
        margin-bottom: 8px;
    }
    
    .astrologer-detail-main-sec-bg .star-rating .star.selected,
    .star-rating .star.hovered {
        color: #f5b301;
    }
    
    .author .ast-container {
        max-width: 1210px !important;
        margin: 60px auto;
        padding: 0 20px !important;
    }
    
    .astrologer-detail-main-flex-row {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        row-gap: 30px;
    }
    
    .astrologer-detail-main-sec-bg {
        width: 100%;
    }
    
    .astrologer-detail-main-left {
        width: 30%;
        box-shadow: 0 0 14px #e5e5e5;
        padding: 14px;
        border-radius: 10px;
    }
    
    .astrologer-detail-main-sec-bg .review-grid-main {
        width: calc(70% - 30px);
        margin-left: 30px;
    }
    
    .astrologer-detail-main-left img {
        width: 100%;
        height: 250px;
        border-radius: 5px;
        object-fit: contain;
        object-position: top;
    }
    
    .astrologer-detail-main-left-content {
        margin-top: 20px;
    }
    
    .astrologer-detail-main-left-content h2 {
        font-size: 30px;
        margin-bottom: 20px;
        border-bottom: 5px solid #ff7010;
        border-radius: 5px;
        padding-bottom: 5px;
    }
    
    .astrologer-detail-main-left-content p {
        font-size: 16px;
    }
    
    .astrologer-detail-main-right h3 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    
    .astrologer-detail-main-right input {
        margin-bottom: 20px;
    }
    
    .astrologer-detail-main-right input:last-child {
        margin-bottom: 0;
    }
    
    .astrologer-detail-main-right textarea {
        height: 100px !important;
    }
    
    .astrologer-detail-main-right .author-submit-button {
        background-color: #f48c36 !important;
        padding: 16px !important;
        width: 100%;
        line-height: normal !important;
        color: #fff !important;
        text-decoration: none !important;
        height: auto !important;
    }
    
    .astrologer-detail-main-right .author-submit-button:hover {
        background-color: #234a64 !important;
        transition: 0.3s ease-in-out;
    }
    
    .astrologer-detail-main-sec-bg .review-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 30px;
    }
    
    .astrologer-detail-main-sec-bg .review-box {
        width: calc(100%/3 - 14px);
        padding: 14px;
        border-radius: 10px;
        box-shadow: 0 0 14px #e5e5e5;
    }
    
    .astrologer-detail-main-sec-bg .review-box p {
        font-size: 16px;
    }
    
    .astrologer-detail-main-sec-bg .rating-star-sec {
        color: #f5b301 !important;
        font-size: 20px !important;
    }
    
    .astrologer-detail-main-sec-bg .review-rating-content {
        font-size: 20px !important;
        color: #333;
        font-weight: 600;
    }
    
    .astrologer-detail-main-right {
        margin-top: 50px;
    }
    
    .astrologer-detail-main-sec-bg i.fas.fa-star-half-alt {
        font-size: 16px;
        position: relative;
        top: -1px;
    }
    
    .astrologer-box a h4:hover {
        color: #f37335;
        transition: 0.3s ease-in-out;
    }
    /* ============================ astrologer/author Page Css End Here ============================ */
    /* ============================ Footer section Start Here ============================ */
    
    .footer-contact-icon-list .elementor-widget-container ul li {
        margin-bottom: 14px !important;
    }
    
    .footer-heading-content h3 {
        position: relative;
        padding-bottom: 14px;
        max-width: max-content;
    }
    
    .footer-heading-content h3:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 2px;
        background: #ff7010;
        width: 80%;
    }
    
    .footer-contact-icon-list-one .elementor-widget-container ul li:first-child span:hover {
        color: #fff !important;
    }
    /* top scroll btn */
    
    .ast-scroll-to-top-right {
        background-color: #f48c36 !important;
        width: 50px !important;
        height: 50px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        border-radius: 50% !important;
        outline: none;
    }
    /* top scroll btn */
    
    .inner-copyright-sec-bg .elementor-widget-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 14px;
    }
    /* ============================ Footer section End Here ============================ */
    
    .StickyHeader {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100% !important;
        z-index: 999;
        background-color: #fff;
    }
    
    .StickyHeader .right-top-header-email-content-sec {
        display: none;
    }
    
    .StickyHeader .astro-new-header-logo {
        padding-top: 14px;
        padding-bottom: 14px;
    }
    
    .StickyHeader .astro-new-header-logo {
        padding-top: 2px;
        padding-bottom: 2px;
    }
    
    .StickyHeader .astro-new-header-logo a img {
        max-width: 150px;
        max-height: 70px;
        object-fit: contain;
    }
    /* ============================ @media Css Start Here  ============================ */
    
    @media(max-width:1024px) {
        .custom-menu-nav .hfe-nav-menu-icon {
            width: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 50px;
        }
        .custom-menu-nav .hfe-nav-menu-icon .e-fas-plus {
            transform: rotate(45deg);
        }
        .top-header-contact-icon .elementor-widget-container ul li a span.elementor-icon-list-icon {
            display: none;
        }
        /*  */
        /*  */
    }
    
    @media(max-width:991px) {
        .section-spac-top {
            margin-top: 50px;
        }
        .happy-slide-image .elementor-widget-container img {
            height: 70px;
            max-width: 70px;
        }
        .happy-slide-image.elementor-widget-image.slick-current.slick-active img {
            height: 80px;
            max-width: 80px;
        }
        .our-latest-blog-heading-content .elementor-widget-container h3 a {
            font-size: 20px !important;
            line-height: normal !important;
        }
        .inner-about-right-slider-sec img {
            width: 100% !important;
        }
        .inner-astrogy-advice-box-sec,
        .our-services-inner-row {
            flex-wrap: wrap;
        }
        .career-aserto-advic-col,
        .our-inner-services-col {
            width: calc(100% / 2 - 10px);
        }
        .contact-us-form-sec {
            margin-bottom: -200px;
        }
        .happy-customers-col-rignt ul.slick-dots {
            bottom: -50px;
        }
        .astrologer-box {
            width: calc(100% / 3 - 14px);
        }
        .page-registration article,
        .page-login article,
        .page-dashboard article,
        .page-edit-profile article {
            max-width: 100%;
            padding: 20px;
        }
        .astrologer-detail-main-sec-bg .review-box {
            width: calc(100%/2 - 10px);
        }
        .astrologer-detail-main-left {
            width: 40%;
        }
        .astrologer-detail-main-sec-bg .review-grid-main {
            width: calc(60% - 30px);
        }
        .page-banner-inner h2 {
            font-size: 30px;
        }
    }
    
    @media(max-width:767px) {
        .top-header-contact-icon .elementor-widget-container {
            margin: 0 !important;
        }
        .happy-customers-col-left .slick-track .happy-slide-image:nth-child(1) {
            margin-top: 10px;
        }
        .happy-customers-col-left .slick-track .happy-slide-image:nth-child(2) {
            margin-top: 0;
        }
        .happy-customers-col-left .slick-track .happy-slide-image:nth-child(3) {
            margin-top: 0;
        }
        .happy-customers-col-left .slick-track .happy-slide-image:nth-child(4) {
            margin-top: 0;
        }
        .happy-customers-col-left .slick-track .happy-slide-image:nth-child(5) {
            margin-top: 0;
        }
        .happy-customers-col-left .slick-track .happy-slide-image:nth-child(6) {
            margin-top: 0;
        }
        .happy-slide-image .elementor-widget-container img {
            margin: 0 auto;
        }
        .common-heading-h2 h2:after {
            right: 0;
            margin: 0 auto;
        }
        .appoint-ment-form-sec-bg .forminator-custom-form .forminator-row {
            width: 100% !important;
        }
        .appoint-ment-form-sec-bg .forminator-custom-form {
            row-gap: 20px;
        }
        .breadcrumbs-ctm-sec ul.hfe-breadcrumbs {
            padding: 8px 14px;
        }
        .appoint-ment-form-sec-bg .forminator-custom-form input,
        .contact-us-form-sec-bg .forminator-custom-form input,
        .appoint-ment-form-sec-bg .forminator-custom-form .forminator-row span.select2-selection.select2-selection--single,
        .appoint-ment-form-sec-bg .forminator-custom-form .forminator-row textarea,
        .contact-us-form-sec-bg .forminator-custom-form .forminator-row textarea {
            padding: 0 10px !important;
        }
        .contact-out-expert-sec-left .elementor-icon-box-icon span.elementor-icon {
            width: 50px;
            height: 50px;
        }
        .call-us-icon {
            max-width: max-content;
            margin-right: 14px;
        }
        .call-us-icon .elementor-icon {
            width: 55px;
            height: 55px;
        }
        .call-us-icon .elementor-icon:after {
            width: 70px;
            height: 70px;
        }
        .custom-menu-nav nav ul li.current-menu-item:after,
        .custom-menu-nav nav ul li:hover:after {
            height: 2px;
        }
        .inner-banner-sec {
            max-width: 860px;
        }
        .astrologer-box {
            width: calc(100% / 2 - 10px);
        }
        .astrologer-box h4 {
            font-size: 20px;
        }
        .page-registration article .entry-content form .form-group,
        .page-edit-profile article form .form-group {
            width: 100%;
        }
        .ast-plain-container.ast-no-sidebar #primary {
            margin: 50px 0;
        }
        .astrologer-detail-main-sec-bg .review-grid-main {
            width: 100%;
            margin: 0;
        }
        .astrologer-detail-main-left,
        .average-rating-box {
            width: 100%;
            text-align: center;
        }
        .author .ast-container {
            margin: 50px 0;
        }
        .astrologer-detail-main-sec-bg .review-box {
            width: 100%;
            text-align: center;
        }
        .astrologer-detail-main-right h3 {
            text-align: center;
        }
        .page-banner-inner .for-breadcrumbs nav ul li {
            font-size: 16px;
        }
        .astrologer-grid {
            margin-top: 50px;
        }
        .inner-copyright-sec-bg .elementor-widget-container p {
            text-align: center;
            width: 100%;
        }
    }
    
    @media(max-width:638px) {
        .inner-happy-customers-col-rignt {
            margin: 0;
        }
        .happy-customers-col-rignt {
            margin: 0px;
        }
    }
    
    @media(max-width:575px) {
        .career-aserto-advic-col,
        .our-inner-services-col {
            width: 100%;
        }
        .call-and-mail-sec-bg {
            flex-wrap: wrap;
        }
        .call-and-mail-sec-bg .call-us-sec-bg {
            width: 100% !important;
        }
        .header-email-contact-left {
            width: 100% !important;
            padding: 0;
        }
        .header-login-reg-sec-right {
            width: 100%;
        }
        .header-left-logo {
            width: 100%;
        }
        .header-section-main {
            flex-wrap: wrap;
        }
        .header-navgation-right-sec {
            width: 100%;
            border: none !important;
        }
        .header-section-main {
            padding-top: 10px;
        }
        .subscribe-email-sec .forminator-field-email {
            width: 150px !important;
        }
        .astrologer-box {
            width: 100%;
            text-align: center;
        }
        .subscribe-button-ctm {
            min-width: 100px !important;
        }
        .page-dashboard article .entry-content ul li {
            width: 100%;
        }
        .edit-profile-main {
            text-align: center;
        }
        .custom-menu-nav {
            position: absolute;
            bottom: 52px;
        }
        .StickyHeader .header-navgation-right-sec {
            position: absolute;
            right: 20px;
            top: 155px;
        }
        .custom-navigation-menu-new {
            border: 0 !important;
        }
        .header-section-main {
            bottom: 10px !important;
        }
        .header-section-main {
            box-shadow: 0 0 0 #ededed00;
        }
        .astro-new-header-logo {
            margin-top: 10px;
        }
    }
    
    @media(max-width:479px) {
        .happy-customers-col-left .slick-track .happy-slide-image {
            width: max-content !important;
            margin: 0 auto;
        }
    }
    
    @media(max-width:338px) {
        .custom-menu-nav {
            bottom: 85px;
        }
        .StickyHeader .header-navgation-right-sec {
            top: 185px;
        }
    }
    /* ============================@media Css End Here ============================ */