/*!
Theme Name: moonomens
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: moonomens
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

moonomens is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


.rituals-half-image .content-area .text-area h5 {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 16px;
}

footer .form-floating .form-control:focus, .form-floating .form-control:not(:placeholder-shown) {
	padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

footer .form-floating ::placeholder {
    color: transparent;
}

.my-profile .input-row .form-floating .select-selected {
    cursor: pointer;
}

.subscribe-article .form-floating .form-control::placeholder,
.our-books  .form-floating .form-control::placeholder {
    color: transparent;
}

.subscribe-article .form-floating .form-control:focus, .form-floating .form-control:not(:placeholder-shown), 
.our-books  .form-floating .form-control:focus, .our-books .form-floating .form-control:not(:placeholder-shown) {
	padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0 1em;
	color: #fff;
	font-size: 12px;
	max-width: 269px;
}

.home-banner .background-image iframe {
	width: 100%;
    height: 100%;
}

.lead-capture .content-area .content-box .text-area .btn {
	transition: all .35s;
}

.main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.has-submenu .sub-menu .sub-menu-books::after,
.main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.has-submenu .sub-menu .sub-menu-articles::after {
	top: -10px !important;
}
.main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.has-submenu .sub-menu .sub-menu-articles {
	border: 2px solid rgba(255,255,255,.25) !important;
}
.main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item .nav-link {
	cursor: pointer;
}
.horoscope-detail .banner-horoscope-detail .right-horoscope-menu ul li a,
.yearly-horoscope-detail .banner-horoscope-detail .right-horoscope-menu ul li a {
	width: 222px !important;
}
.horoscope-detail .banner-horoscope-detail .right-horoscope-menu ul li a.active,
.yearly-horoscope-detail .banner-horoscope-detail .right-horoscope-menu ul li a.active {
	width: 232px !important;
}

.membership-header .navbar .right-menus .account-menus .navbar-nav .dropdown .dropdown-menu li a.notifications-mobile .icon-notif.no_notif::before {
    display: none;
}

#dropdown_notif li.mobile_notif {
    display: block;
    padding: 0;
    width: 100%;
}

#dropdown_notif li.mobile_notif .wnbell_header {
    display: none;
}

#dropdown_notif li.mobile_notif .wnbell_notification_item {
    padding: 16px !important;
    border-top: unset !important;
}

.section-create-account-paid .content-area .form-area form .input-row #trigger_click {
    margin-top: 25px;
}

#cancel_modal .btn_area {
    display: flex;
}

#cancel_modal .btn-white {
    margin-right: 20px;
}

#cancel_modal .content-area .content-box .text-area {
    margin-top: 60px;
}

@media (max-width: 767.98px) {
	.horoscope-detail .banner-horoscope-detail .right-horoscope-menu ul li a,
	.yearly-horoscope-detail .banner-horoscope-detail .right-horoscope-menu ul li a {
		width: 138px !important;
	}
	.horoscope-detail .banner-horoscope-detail .right-horoscope-menu ul li a.active,
	.yearly-horoscope-detail .banner-horoscope-detail .right-horoscope-menu ul li a.active {
		width: 143px !important;
	}

    .page-yearly-horoscope .content-area .about-monthly .text-area .text-bg {
        left: 0 !important;
        top: 136px !important;
        display: block !important;
    }
}
@media (min-width: 768px) {
    .horoscope-detail .banner-horoscope-detail .right-horoscope-menu ul li a:hover,
    .yearly-horoscope-detail .banner-horoscope-detail .right-horoscope-menu ul li a:hover {
        width: 232px !important;
    }
}

.page-yearly-horoscope .content-area .about-monthly .text-area .text-bg {
	opacity: 0.2 !important;
	text-shadow: -1px 0 rgb(255 255 255), 0 1px rgb(255 255 255), 1px 0 rgb(255 255 255), 0 -1px rgb(255 255 255) !important;
}
.article-single-post .content-area .single-post-like-sticky a.liked_trigger img {
	    filter: brightness(0) saturate(100%) invert(77%) sepia(12%) saturate(1118%) hue-rotate(290deg) brightness(101%) contrast(92%);
}
.article-banner .content-area .banner-featured-article .featured-slider .featured-slider-box .image-area {
	height: 56px;
}
.article-banner .content-area .banner-featured-article .featured-slider .featured-slider-box .image-area img {
	height: 56px;
	object-fit: cover;
}

.books-main-banner .content-area .text-area {
	position: relative;
}

.books-main-banner .content-area .text-area .text-bg {
	font-family: Alice;
    font-style: normal;
    font-weight: 400;
    font-size: 204px;
    line-height: 1;
    text-align: center;
    letter-spacing: -.05em;
    opacity: .2;
    position: absolute;
    top: -125px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    text-shadow: -1px 0 rgb(255 255 255 / 50%), 0 1px rgb(255 255 255 / 50%), 1px 0 rgb(255 255 255 / 50%), 0 -1px rgb(255 255 255 / 50%);
}

.mpwoo_credit {
	display: none;
}

.section-create-account .mp_wrapper label.mp-checkbox-field {
	position: relative;
	top: 0;
	pointer-events: all;
}

.section-create-account .content-area .form-area form .button-area .btn {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 4px;
    width: 100%;
    min-height: 48px;
    margin-bottom: 20px;
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-transform: uppercase;
    color: #fff;
    padding-left: 60px;
    position: relative;
}

.section-create-account .content-area .form-area form .button-area .btn img.white {
    filter: invert(1);
}

.section-create-account .content-area .form-area form .button-area .btn img {
    margin-right: 12px;
}

.section-create-account .content-area .form-area form .button-area .btn::before {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 16px;
    background-image: url(images/select-checkout-trans.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 12px;
}

.section-create-account .content-area .form-area form .button-area .btn.selected {
    border: 1px solid #f5b0cf;
}

.section-create-account .content-area .form-area form .button-area .btn.selected::before {
    background-image: url(images/selected-checkout.png);
}

.section-create-account .content-area .form-area .choose_sign {
    display: none;
}

.section-create-account .content-area .form-area .title-form .list_benefit {
    text-align: left;
    margin-top: 40px;
}

.section-create-account .content-area .form-area .title-form .list_benefit .title_list {
    font-size: 26px;
    color: #fff;
}

.section-create-account .content-area .form-area .title-form h4 {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #c4b8da;
    margin-bottom: 8px;
}

.section-create-account .content-area .form-area .title-form ul {
    list-style: none;
    -moz-columns: 2;
    columns: 2;
    padding-left: 0;
    margin-bottom: 0;
}

.section-create-account .content-area .form-area .title-form ul li {
    position: relative;
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: rgba(255,255,255,.9);
    margin-bottom: 8px;
    padding-left: 24px;
    padding-right: 10%;
}

.section-create-account .content-area .form-area .title-form ul li::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(images/svg/check-blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 1px;
}

body .membership-page .background-image {
    top: 0;
}



@media (min-width: 991.98px) {

	.page-monthly-horoscope {
		padding-bottom: 120px !important;
	}

	.page-yearly-horoscope {
		padding-bottom: 120px !important;
	}
}

@media (max-width: 767.98px) {
    .section-create-account .content-area .form-area .title-form ul {
        columns: 1;
    }

    .purchase-product .content-area .purchase-box .right-area .download-area .download-button {
        padding: 15px 30px 15px 17px !important;
    }

	.page-yearly-horoscope .content-area .horoscope-selector {
		padding-top: 100px;
	}

	.page-yearly-horoscope .content-area .about-monthly {
		padding-top: 200px;
	}

	.yearly-horoscope-detail .banner-horoscope-detail .right-horoscope-menu ul li a {
		width: max-content !important; 
	}

	.yearly-horoscope-detail .sneak-peek-horoscope {
		padding-top: 30px !important;
		padding-bottom: 80px !important;
	}

	.horoscope-detail .banner-horoscope-detail .right-horoscope-menu ul li a {
		width: max-content !important; 
	}

	.horoscope-detail .banner-horoscope-detail .right-horoscope-menu ul li a.active {
		width: max-content !important; 
	}

	.page-thank-you .content-area .order-box .top-order .formats {
		display: block !important;
	}

	.page-thank-you .content-area .order-box .top-order.top_order_title .formats {
		display: none !important;
	}

	.moonomens-books .content-area>.text-area .btn {
		left: unset !important;
		transform: unset !important;
	}

	.whats-astrology .content-area .text-area .btn {
		left: unset !important;
		transform: unset !important;
	}

	.page-monthly-horoscope {
		padding-bottom: 88px !important;
	}

	.yearly-horoscope-detail .subscribe-horoscope-detail .content-area .subscribe-box .right-area {
		margin-top: 24px;
	}

	.yearly-horoscope-detail .banner-horoscope-detail .content-area .text-area .zodiac-date .date-logo img {
		position: relative;
		top: 5px;
	}

	.books-main-banner .content-area .text-area .text-bg {
		font-size: 100px;
		top: -60px;
	}

	footer .footer-copyright .copyright-content .link-back-to-top {
		display: block !important;
	}
}

#payment_wrapper #place_order,
#add_payment_method #place_order,
.woocommerce-cart .checkout-button,
.woocommerce-cart .wc-backward {
	font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    color: #000;
    background: #fff;
    border: 1px solid rgba(255,255,255,.15);
    width: 100%;
    min-height: 48px;
    margin-top: 30px;
}

#add_payment_method {
    max-width: 500px;
    margin: auto;
}

#attach_payment ul.payment_methods {
	padding-left: 0;
}

#attach_payment ul.payment_methods li {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 4px;
    width: 100%;
    min-height: 48px;
    margin-bottom: 20px;
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-transform: uppercase;
    color: #fff;
    padding-left: 60px;
    position: relative;
	cursor: pointer;
}

#attach_payment ul.payment_methods li.active  {
	border: 1px solid #f5b0cf;
}
#attach_payment ul.payment_methods li label {
	cursor: pointer;
}

#attach_payment ul.payment_methods li::before {
	content: "";
    width: 20px;
    height: 20px;
    margin-right: 16px;
    background-image: url(images/select-checkout-trans.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 12px;
}

#attach_payment ul.payment_methods li.active::before {
    background-image: url(images/selected-checkout.png);
}

#attach_payment ul.payment_methods li input {
	opacity: 0;
}

body.woocommerce-checkout .woocommerce-form-login-toggle,
.cart-empty.woocommerce-info {
	display: none;
}

.single-product .books-banner .content-area .left-area .available-format .format-list a {
	pointer-events: none;
}

.woocommerce-cart .woocommerce-message, 
.woocommerce-checkout .woocommerce-message {
	display: none;
}

.woocommerce-cart .remove_item a,
.woocommerce-checkout .remove_item a {
	font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 140%;
    color: #fff;
    margin: 0;
	margin-top: 5px;
}

.woocommerce-cart .remove_item, 
.woocommerce-checkout .remove_item {
	position: relative;
	z-index: 2;
    margin-bottom: 20px;
}

.page-template-template-moon-ritual-tools .my-horoscopes .content-area .column-area {
	width: 100%;
}

.section-signin .content-area .mp_wrapper h3 {
    color: #fff !important;
}



.section-signin .mp_wrapper input[type=text],
.section-create-account-paid .mp_wrapper input[type=text],
.section-create-account-paid .mp_wrapper input[type=email],
.section-create-account-paid .mp_wrapper input[type=date],
.section-create-account-paid .mp_wrapper input[type=password],
.section-create-account .mp_wrapper input[type=text],
.section-create-account .mp_wrapper input[type=email],
.section-create-account .mp_wrapper input[type=date],
.section-create-account .mp_wrapper input[type=password],
/* #mepr_strip_card_name, */
.section-signin .mp_wrapper input[type=password] {
    background: rgba(255,255,255,.02);
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 4px;
    width: 100%;
    min-height: 56px;
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
	padding: 1rem 0.75rem;
}

.section-create-account-paid .mp_wrapper input.invalid {
    background: rgba(255,255,255,.02) !important;
    border: 1px solid rgba(255,255,255,.15) !important;
}

.section-signin .mp_wrapper label, 
/* #mepr-stripe-payment-form label,  */
.section-create-account-paid .mp_wrapper label:not(.mp-checkbox-field),
.section-create-account .mp_wrapper label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem 0.75rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out;
}

.section-signin .mp_wrapper label, 
/* #mepr-stripe-payment-form label,  */
.section-create-account-paid .mp_wrapper label:not(.mp-checkbox-field),
.section-create-account .mp_wrapper label {
    color: #fff;
    opacity: .5;
    top: -2px;
}

.section-create-account-paid .mp_wrapper .mepr_mepr_sun_sign .mp-form-label,
.section-create-account .mp_wrapper .mepr_mepr_sun_sign .mp-form-label {
    display: none !important;
}

.membership-page .section-create-account-paid .select2-container--default .select2-selection--single,
.membership-page .section-create-account .select2-container--default .select2-selection--single {
    background-color: rgba(255, 255, 255, .02);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 4px;
    width: 100%;
    min-height: 56px;
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    background-image: url('./images/svg/icon-arrow-down-opacity.svg');
    background-size: 24px 24px;
    background-position: right 16px center;
    background-repeat: no-repeat;
}

.membership-page .section-create-account-paid .select2-container--default .select2-selection__rendered,
.membership-page .section-create-account .select2-container--default .select2-selection__rendered {
    color: #fff;
    padding: 1rem 0.75rem;
    line-height: normal;
}

.membership-page .section-create-account-paid .select2-container--default .select2-search--dropdown .select2-search__field,
.membership-page .section-create-account .select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 4px;
}

.membership-page .section-create-account-paid .select2-container--default .select2-selection__arrow,
.membership-page .section-create-account .select2-container--default .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
}

.membership-page .section-create-account-paid .select2-container--open .select2-selection--single,
.membership-page .section-create-account .select2-container--open .select2-selection--single {
    border: 1px solid #f5b0cf !important;
}

.section-signin .mp_wrapper .mp-form-row,
#mepr-stripe-payment-form .mp-form-row, 
.section-create-account-paid .mp_wrapper .mp-form-row,
.section-create-account .mp_wrapper .mp-form-row {
	position: relative;
}

.section-signin .mp_wrapper input:focus~label,
/* #mepr_strip_card_name:focus~label, */
.section-create-account-paid .mp_wrapper input:focus~label,
.section-create-account-paid .mp_wrapper .mepr_math_captcha.active label,
.section-signin .mp_wrapper .mepr_math_captcha.active label,
.section-create-account .mp_wrapper input:focus~label,
.section-create-account .mp_wrapper .mepr_math_captcha.active label,
/* #mepr_strip_card_name:not(:placeholder-shown)~label,  */
.section-signin .mp_wrapper input:not(:placeholder-shown)~label, 
.section-create-account-paid .mp_wrapper input:not(:placeholder-shown)~label,
.section-create-account .mp_wrapper input:not(:placeholder-shown)~label {
	transform: scale(.85) translateY(-0.5rem) translateX(0.15rem);
}

.section-signin .mp_wrapper input::placeholder, 
/* #mepr_strip_card_name::placeholder,  */
.section-create-account-paid .mp_wrapper input::placeholder,
.section-create-account .mp_wrapper input::placeholder {
    color: transparent;
} 

.section-signin .mp_wrapper input:focus, 
.section-create-account-paid .mp_wrapper input:focus, 
.section-create-account .mp_wrapper input:focus, 
/* #mepr_strip_card_name:focus,  */
.section-signin .mp_wrapper input:not(:placeholder-shown),
/* #mepr_strip_card_name:not(:placeholder-shown), */
.section-create-account-paid .mp_wrapper input:not(:placeholder-shown),
.section-create-account .mp_wrapper input:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.section-signin .mp_wrapper input:focus, 
/* #mepr_strip_card_name:focus,  */
.section-create-account-paid .mp_wrapper input:focus,
.section-create-account .mp_wrapper input:focus {
    border: 1px solid #f5b0cf;
}

.section-signin .mp_wrapper .mp-form-row.mepr_username input, 
.section-create-account-paid .mp_wrapper .mp-form-row.mepr_email input,
.section-create-account .mp_wrapper .mp-form-row.mepr_email input {
    background-image: url(images/svg/icon-email.svg);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center right 16px;
    padding-right: 45px;
}

.section-signin .mp_wrapper .mp-form-row.mepr_password input, 
.section-create-account-paid .mp_wrapper .mp-form-row.mepr_password input, 
.section-create-account-paid .mp_wrapper .mp-form-row.mepr_password_confirm input,
.section-create-account .mp_wrapper .mp-form-row.mepr_password input, 
.section-create-account .mp_wrapper .mp-form-row.mepr_password_confirm input {
    background-image: url(images/svg/icon-password.svg);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center right 16px;
    padding-right: 45px;
}

.memberpressproduct-template-template-create-account-paid #ui-datepicker-div,
.section-create-account-paid .mp_wrapper .mp-form-row.mepr_password_confirm .mp-hide-pw label[for=mepr_user_password1] {
    display: none !important;
}

.section-signin .mp_wrapper .mp-form-row, 
.section-create-account-paid .mp_wrapper .mp-form-row,
.section-create-account .mp_wrapper .mp-form-row {
	margin-bottom: 16px;
}

.section-signin .mp_wrapper .mepr-login-actions, 
.section-create-account-paid .mp_wrapper .mepr-login-actions,
.section-create-account .mp_wrapper .mepr-login-actions {
	font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #f5b0cf;
	margin-top: 16px;
}

.section-signin .text-bottom, 
.section-create-account-paid .text-bottom,
.section-create-account .text-bottom {
	text-align: center;
    margin-top: 24px;
}

.section-signin .text-bottom p, 
.section-create-account-paid .text-bottom p,
.section-create-account .text-bottom p {
	font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: #fff;
    opacity: .9;
    margin: 0;
}

.section-signin .text-bottom p a, 
.section-create-account-paid .text-bottom p a,
.section-create-account .text-bottom p a {
	color: #f5b0cf;
}

.section-signin #wp-submit, 
.section-create-account .mepr-submit {
	width: 100%;
    margin-top: 40px;
    color: #2f3537;
    background: #f5b0cf;
    border: 1px solid rgba(255,255,255,.15);
	padding-top: 10px;
	padding-bottom: 11px;
}

.section-create-account .mepr-submit {
	padding-top: 10px !important;
    padding-bottom: 11px !important;
}

.section-signin .mp-spacer, 
#mepr-stripe-payment-form .mepr_spacer,
.section-create-account-paid .mepr_spacer,
.section-create-account .mepr_spacer {
	display: none;
}

.section-create-account-paid .mp-form-row.mepr_bold.mepr_price,
.section-create-account .mp-form-row.mepr_bold.mepr_price {
	display: none;
}

.section-create-account-paid  .cc-error,
.section-create-account  .cc-error {
	display: none !important;
}

.section-create-account-paid .mp_wrapper .mp-form-row.mepr_first_name,
.section-create-account .mp_wrapper .mp-form-row.mepr_first_name {
	width: 48% !important;
    display: inline-flex;
    margin-right: 10px;
}

.section-create-account-paid .mp_wrapper .mp-form-row.mepr_last_name,
.section-create-account .mp_wrapper .mp-form-row.mepr_last_name {
	width: 48% !important;
    display: inline-flex;
}

.section-create-account-paid .mp_wrapper .mp-form-row.mepr_first_name input, 
.section-create-account-paid .mp_wrapper .mp-form-row.mepr_last_name input,
.section-create-account .mp_wrapper .mp-form-row.mepr_first_name input, 
.section-create-account .mp_wrapper .mp-form-row.mepr_last_name input {
	background-image: url(images/svg/icon-user.svg);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center right 16px;
    padding-right: 45px;
}

.section-create-account-paid .mp_wrapper .mp-form-row.mepr_mepr_date_of_birth input,
.section-create-account .mp_wrapper .mp-form-row.mepr_mepr_date_of_birth input {
	background-image: url(images/svg/icon-date.svg);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center right 16px;
    padding-right: 45px;
}

.section-create-account-paid .mp_wrapper .mp-form-row.mepr_mepr_date_of_birth input::-webkit-inner-spin-button,
.section-create-account .mp_wrapper .mp-form-row.mepr_mepr_date_of_birth input::-webkit-inner-spin-button,
.section-create-account-paid .mp_wrapper .mp-form-row.mepr_mepr_date_of_birth input::-webkit-calendar-picker-indicator,
.section-create-account .mp_wrapper .mp-form-row.mepr_mepr_date_of_birth input::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.section-create-account-paid .mepr-form-has-errors,
.section-create-account .mepr-form-has-errors {
	display: none !important;
}

.moonomens-books .content-area .slider-books .slider-books-box .title-area h3 {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    color: #fff;
    margin-bottom: 8px;
}

.moonomens-books .content-area .slider-books .slider-books-box .title-area p {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-size: 14px;
    line-height: 130%;
    color: rgba(255,255,255,.75);
}

.payment_box.payment_method_stripe_cc.wc-stripe-no-methods {
    width: 100%;
    margin-top: 20px;
    padding-right: 20px;
}

#attach_payment ul.payment_methods li.payment_method_stripe_cc {
    flex-wrap: wrap;
    --colorText: #ffffff;
}

body.page-template-template-my-account .membership-page {
    overflow: hidden;
}

.gpay-card-info-container-fill.gpay-button-container {
    display: none !important;
}

#payment_wrapper #place_order {
    position: unset !important;
    opacity: 1 !important;
}

#payment_wrapper #place_order.wc-stripe-hide {
    display: none;
}

#payment_wrapper .apple-pay-button {
    max-width: 100%;
}

label.wc-stripe-label-payment-type:before {
    background-color:  #000 !important;
}

input.wc-stripe-payment-type:checked+label.wc-stripe-label-payment-type:before {
    background-color: #fff !important;
}


@media (max-width: 991.98px) {
    body.page-template-template-my-account .membership-page {
        min-height: 1734px;
    }
}

@media (max-width: 767.98px) {
    body.page-template-template-my-account .membership-page {
        min-height: 1488px;
    }
	.rituals-half-image.larger-padding {
		padding-top: 400px !important;
	}
	.background-group .background-group-bg.ritual-moon img {
	    top: 100px !important;
	}
	.page-id-221 .background-group:nth-of-type(6) .background-group-bg img {
		object-position: right !important;
	    top: -14% !important;
	}
	.page-id-557 section.book-image-right::before {
	    content: "";
	    width: 100%;
	    height: 200px;
	    top: 0;
	    left: 0;
	    z-index: 0;
	    position: absolute;
	    background: linear-gradient(180deg,#000 0,rgba(0,0,0,0) 100%);
	} 
	.page-id-557 section.book-image-right::after {
	    content: "";
	    background: url(images/book-image-right-bg-3.jpg);
	    background-size: cover;
	    background-position: right;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    position: absolute;
	    z-index: -1;
	}

	.horoscope-detail .banner-horoscope-detail .content-area .text-area .zodiac-date .date-logo {
		position: relative;
	}

	.horoscope-detail .banner-horoscope-detail .content-area .text-area .zodiac-date .date-logo img {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
	}

	.section-signin #wp-submit, 
	.section-create-account .mepr-submit {
		margin-top: 24px;
		font-size: 14px;
	}

	.section-create-account-paid .mp_wrapper .mp-form-row.mepr_first_name,
	.section-create-account .mp_wrapper .mp-form-row.mepr_first_name {
		width: 100% !important;
		margin-right: 0;
	}
	
	.section-create-account-paid .mp_wrapper .mp-form-row.mepr_last_name,
	.section-create-account .mp_wrapper .mp-form-row.mepr_last_name {
		width: 100% !important;
		display: inline-block;
	}
}
@media (max-width: 399.98px) {
	.single-horoscope .horoscope-detail .horoscope-nav-tabs .background-image img {
		top: 120px;
	}
}
@media (max-width: 375.98px) {
	.single-horoscope .horoscope-detail .horoscope-nav-tabs .background-image img {
		top: 200px;
	}
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none !important;
}

body.woocommerce-checkout {
    overflow: unset !important;
}

body.woocommerce-checkout .woocommerce-info {
    display: none !important;
}

body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
    display: block !important;
}

body.woocommerce-checkout #attach_payment ul.payment_methods li.payment_method_stripe_cc .payment_box.payment_method_stripe_cc {
    width: 100%;
    padding-right: 50px;
    margin-top: 10px;
}

body.woocommerce-checkout #attach_payment ul.payment_methods li.payment_method_stripe_cc .payment_box.payment_method_stripe_cc label {
    color: #fff !important;
}

body.woocommerce-checkout form.woocommerce-checkout .blockUI.blockOverlay {
    display: none !important;
}

@media (max-width: 991.98px) {

    .membership-header .navbar .navbar-toggler .open_menu {
        display: block !important;
    }

    .membership-header .navbar .navbar-toggler .close_menu {
        display: none !important;
    }

    .membership-header .navbar .navbar-toggler:not(.collapsed) .open_menu {
        display: none !important;
    }

    .membership-header .navbar .navbar-toggler:not(.collapsed) .close_menu {
        display: block !important;
        margin-right: 16px;
        position: relative;
        left: 4px;
    }
}

@media (max-width: 767.98px) {
    body.woocommerce-checkout #attach_payment ul.payment_methods li.payment_method_stripe_cc .payment_box.payment_method_stripe_cc {
        padding-right: 10px;
    }
}

.order-history .content-area .table-area table thead tr th {
    white-space: nowrap;
}

.memberpressproduct-template-template-create-account-paid #wpdevar_comment_1 {
    display: none !important;
}

.member-area-selector .calendar_wrapper {
    background: rgb(0 0 0 / 50%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
    padding: 16px 24px 12px;
    color: #fff;
}

.member-area-selector .calendar_wrapper .bottom_section {
    margin-top: 32px;
    display: flex;
    padding-left: 20px;
    justify-content: space-between;
}

.member-area-selector .calendar_wrapper .bottom_section .item {
    margin-right: 131px;
}

.member-area-selector .fc-theme-standard td {
    border: 1px solid rgb(207 214 216 / 15%) !important;
    height: 132px;
    width: 163px;
}

.member-area-selector .fc .fc-scrollgrid-liquid, .member-area-selector .fc-theme-standard th {
    border: unset !important;
}

.member-area-selector .calendar_wrapper .bottom_section .item:last-child {
    margin-right: 0;
    display: flex;
    align-items: center;
}

.member-area-selector .calendar_wrapper .bottom_section h4 {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #CFD6D8;
    margin-bottom: 16px;
}

.member-area-selector .calendar_wrapper .bottom_section .moon_wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 250px;
}

.member-area-selector .calendar_wrapper .bottom_section .moon_wrapper .item_moon {
    width: 120px;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    margin-right: 10px;

}

.member-area-selector .calendar_wrapper .bottom_section .item .btn {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    display: flex;
    align-items: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-left: 43px;
    padding-right: 43px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    white-space: nowrap;
}

.member-area-selector .calendar_wrapper .bottom_section .item .btn:hover img {
    filter: invert(1);
}

.member-area-selector .calendar_wrapper .bottom_section .item .btn:hover span {
    filter: invert(1);
}

.member-area-selector .calendar_wrapper .bottom_section .item .btn img {
    display: block;
    margin-right: 16px;
}

.member-area-selector .calendar_wrapper .bottom_section .moon_wrapper .item_moon:nth-child(even) {
    margin-right: 0ex;
    display: flex;
    align-items: center;
}

.member-area-selector .calendar_wrapper .bottom_section .moon_wrapper .item_moon img {
    display: block;
    margin-right: 8px;
}

.member-area-selector .calendar_wrapper .bottom_section .moon_wrapper p {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 0;
}

.member-area-selector .calendar_wrapper .bottom_section .themes_Wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 309px;
}

.member-area-selector .calendar_wrapper .bottom_section .themes_Wrapper .item_themes {
    display: flex;
    align-items: center;
    margin-right: 24px;
    min-width: 92px;
    margin-bottom: 17px;
}

.member-area-selector .calendar_wrapper .bottom_section .themes_Wrapper .item_themes:nth-child(even) {
    margin-right: 0;
}

.member-area-selector .calendar_wrapper .bottom_section .themes_Wrapper .item_themes .box {
    width: 8px;
    height: 8px;
    background: #C4B8DA;
    margin-right: 8px;
    display: block;
    border-radius: 50%;
}

.member-area-selector .calendar_wrapper .bottom_section .themes_Wrapper .item_themes .box.new_zodiac {
    background: #51C2D2;
}

.member-area-selector .calendar_wrapper .bottom_section .themes_Wrapper .item_themes .box.moon_event {
    background: #F7CAA2;
}

.member-area-selector .calendar_wrapper .bottom_section .themes_Wrapper .item_themes .box.favorable {
    background: #F5B0CF;
}

.member-area-selector .calendar_wrapper .bottom_section .themes_Wrapper p {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 0;
}

.member-area-selector .fc-h-event .fc-event-title {
    white-space: break-spaces;
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
}

.member-area-selector #crystal .fc-h-event .fc-event-title {
    text-align: center;
}

.member-area-selector .fc .fc-daygrid-event {
    padding: 4px !important;
    margin: 3px 6px !important;
    border-radius: unset !important;
    border: unset !important;
    padding-right: 0 !important;
    width: 100%;
    display: flex;
    align-items: center;
}

.member-area-selector #crystal .fc .fc-daygrid-event {
    justify-content: center;
}

.member-area-selector .fc .fc-daygrid-event.moon_event .fc-event-title {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #F7CAA2;
    margin-bottom: 1px;
}

.member-area-selector .fc .fc-daygrid-event.normal {
    background: rgba(255, 255, 255, 0.08);
}

.member-area-selector .fc .fc-daygrid-event.plants {
    background: rgba(58, 206, 117, 0.08);
}

.member-area-selector .fc .fc-daygrid-event.crystals {
    background: rgba(81, 194, 210, 0.08);
}

.member-area-selector .fc .fc-daygrid-event.plants .fc-event-title {
    color: #3ACE75;
}

.member-area-selector .fc .fc-daygrid-event.crystals .fc-event-title {
    color: #51C2D2;
}

.member-area-selector .fc .fc-daygrid-event.moon_event {
    background: rgba(247, 202, 162, 0.08);
    justify-content: center;
}

.member-area-selector .fc-h-event .fc-event-main-frame .fc-event-icon-container.last-quarter img {
    transform: rotate(180deg);
}

.member-area-selector .fc .fc-daygrid-event.new_zodiac_season,
.event-astro .fc-event-main-frame.new_zodiac_season {
    background: rgba(81, 194, 210, 0.2);
    padding-left: 12px !important;
    position: relative;
    display: flex;
    align-items: center;
}

.event-astro .fc-event-main-frame,
.event-crystal .fc-event-main-frame {
    margin-bottom: 6px;
}

.event-astro .fc-event-main-frame.new_zodiac_season {
    padding: 10px;
    padding-left: 12px !important;
    border-radius: 2px;
}

.event-astro .fc-event-main-frame.normal,
.event-crystal .fc-event-main-frame {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 2px;
    padding: 11px 14px;
}

.event-crystal .fc-event-main-frame.crystals {
    background: rgba(81, 194, 210, 0.08);
}

.event-crystal .fc-event-main-frame.plants {
    background: rgba(58, 206, 117, 0.08);
}

.event-astro .fc-event-main-frame {
    padding: 11px 14px;
}

.event-astro .fc-event-main-frame.retrogade {
    padding: 10px;
    padding-left: 12px !important;
    border-radius: 2px;
}

.event-astro .fc-event-main-frame.normal .fc-event-title,
.event-crystal .fc-event-main-frame .fc-event-title {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    color: #FFFFFF;
    margin-bottom: 0;
    max-width: 182px;
}

.event-crystal .fc-event-main-frame.crystals .fc-event-title {
    color: #51C2D2;
}

.event-crystal .fc-event-main-frame.plants .fc-event-title {
    color: #3ACE75;
}

.event-astro .fc-event-main-frame.moon_event,
.event-crystal .fc-event-main-frame {
    background: rgba(247, 202, 162, 0.08);
    padding: 11px 14px;
    display: flex;
    align-items: center;
}

.event-crystal .fc-event-main-frame {
    justify-content: center;
    gap: 8px;
}

.event-astro-wrapper h4,
.event-crystal-wrapper h4 {
    font-family: 'Alice';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: #FFFFFF;
    margin-top: 23px;
    margin-bottom: 15px;
}

.event-astro .fc-event-main-frame.moon_event img,
.event-crystal .fc-event-main-frame img {
    display: block;
}

.event-astro .fc-event-main-frame.moon_event .fc-event-title {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #F7CAA2;
    margin-left: 8px;
    display: block;
    margin-top: -2px;
}

.member-area-selector .fc .fc-daygrid-event.retrogade,
.event-astro .fc-event-main-frame.retrogade {
    background: rgba(196, 184, 218, 0.2);
    padding-left: 10px !important;
    position: relative;
}

.member-area-selector .fc .fc-daygrid-event.favorable,
.event-astro .fc-event-main-frame.favorable {
    background: rgba(245, 176, 207, 0.2);
    padding-left: 12px !important;
    position: relative;
}

.member-area-selector .fc .fc-daygrid-event.new_zodiac_season:before,
.event-astro .fc-event-main-frame.new_zodiac_season:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    background-color: #51C2D2;
    height: 100%;
    border-radius: 4px;
}

.member-area-selector .fc .fc-daygrid-event.retrogade:before,
.event-astro .fc-event-main-frame.retrogade:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    background-color: #C4B8DA;
    height: 100%;
    border-radius: 4px;
}

.member-area-selector .fc .fc-daygrid-event.favorable:before, 
.event-astro .fc-event-main-frame.favorable:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    background-color: #F5B0CF;
    height: 100%;
    border-radius: 4px;
}

.member-area-selector .fc-h-event.new_zodiac_season .fc-event-title-container .fc-event-title, 
.event-astro .fc-event-main-frame.new_zodiac_season .fc-event-title-container .fc-event-title, 
.event-astro .fc-event-main-frame.retrogade .fc-event-title-container .fc-event-title, 
.event-astro .fc-event-main-frame.favorable .fc-event-title-container .fc-event-title, 
.member-area-selector .fc-h-event.favorable .fc-event-title-container .fc-event-title, 
.member-area-selector .fc-h-event.retrogade .fc-event-title-container .fc-event-title {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400 !important;
    font-size: 12px;
    line-height: 12px;    
    color: #FFFFFF;
}

.event-astro .fc-event-main-frame.new_zodiac_season .fc-event-title-container .fc-event-desc, 
.member-area-selector .fc-h-event.favorable .fc-event-title-container .fc-event-desc, 
.event-astro .fc-event-main-frame.retrogade .fc-event-title-container .fc-event-desc, 
.event-astro .fc-event-main-frame.favorable .fc-event-title-container .fc-event-desc, 
.member-area-selector .fc-h-event.retrogade .fc-event-title-container .fc-event-desc {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #FFFFFF;
    opacity: 0.75;
    margin-top: 3px;
    white-space: break-spaces;
}

.member-area-selector .fc-h-event .fc-event-main-frame {
    align-items: center;
}

.member-area-selector .fc-h-event.moon_event .fc-event-main-frame {
    justify-content: center;

}

.member-area-selector .fc-h-event .fc-event-main-frame .fc-event-icon-container {
    margin-right: 8px;
}

.member-area-selector .fc-h-event .fc-event-main-frame .fc-event-icon-container img {
    display: block;
}

.member-area-selector .fc-h-event .fc-event-title-container {
    flex-grow: unset !important;
}

.member-area-selector .fc-h-event .fc-event-title-container .fc-event-title {
    padding: 0 !important;
    display: block;
}

.member-area-selector .fc .fc-col-header-cell-cushion {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    color: #FFFFFF;
    padding: 8px 4px !important;
}

.member-area-selector .fc-col-header  thead {
    background: rgba(207, 214, 216, 0.15);

}

.member-area-selector thead .fc-scroller {
    padding-bottom: 8px;
    overflow: hidden !important;
}

.member-area-selector thead .fc-scroller .fc-col-header {
    width: 100% !important;
}

.member-area-selector .fc .fc-button-primary {
    background-color: unset !important;
    border: unset !important;
}

.member-area-selector .fc .fc-toolbar.fc-header-toolbar {
    padding: 0 40px !important;
}

.member-area-selector .fc .fc-toolbar-title {
    font-family: 'Alice';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 120%;
    text-align: center;
    color: #FFFFFF;
    margin-left: 0 !important;
}

.member-area-selector .fc .fc-daygrid-day-top {
    justify-content: left;
    margin-bottom: 3px;
}

.member-area-selector .fc .fc-daygrid-day-number {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    padding: 8px 10px;
    color: #FFFFFF;
    padding-bottom: 0 !important;
}

.member-area-selector .fc .fc-daygrid-day-bottom {
    display: none;
}

.member-area-selector .fc .fc-daygrid-day.fc-day-today {
    background-color: transparent !important;
}


.member-area-selector .fc .fc-scroller-liquid-absolute {
    overflow: hidden !important;
}


.member-area-selector .fc .fc-scrollgrid-section-body table {
    width: 100% !important;
    height: 100% !important;
}

.member-area-selector .fc .fc-daygrid-body {
    width: 100% !important;
    height: 100%;
}

.member-area-selector .fc .fc-daygrid-event-harness:first-child .fc-daygrid-event {
    margin-top: 0 !important;
    flex-grow: 1;
    display: flex;
    align-items: center;
}

.member-area-selector .fc .fc-daygrid-day-frame {
    display: flex;
    flex-direction: column;
}

.member-area-selector .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.member-area-selector .fc .fc-daygrid-event-harness {
    display: flex;
    width: 100%;
    flex-grow: 1;
}

.member-area-selector .fc-daygrid-day-events .fc-daygrid-event-harness:only-of-type .normal {
    text-align: center;
}

.member-area-selector .fc-daygrid-day-events .fc-daygrid-event-harness:not(:first-child:last-child) .normal {
    text-align: left;
}

@media (min-width: 991.98px) {
    .main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.has-submenu.about_us_new .sub-menu {
        left: 0 !important;
        max-width: 301px !important;
        transform: unset !important;
        right: unset !important;
        padding-top: 20px;
    }
    
    .main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.has-submenu.about_us_new .sub-menu .sub-menu-box .sub-menu-list .image-area.purple-img::before {
        display: none !important;
    }
    
    .main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.has-submenu.about_us_new .sub-menu .sub-menu-box .sub-menu-list .image-area {
        max-width: 42px !important;
    }
    
    .main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.has-submenu.about_us_new .sub-menu .sub-menu-box::after {
        left: 10% !important;
    }
}

@media (max-width: 1200.98px) {
    .member-area-selector .calendar_wrapper .bottom_section .item {
        margin-right: 60px;
    }

    .member-area-selector .fc .fc-daygrid-body {
        overflow: scroll;
    }
}

@media (max-width: 991.98px) {

    .main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.has-submenu.about_us_new .sub-menu .sub-menu-box .sub-menu-list .image-area.purple-img::before {
        display: none !important;
    }

    .main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.has-submenu.about_us_new .sub-menu .sub-menu-box .sub-menu-list {
        align-items: center !important;
    }

    .member-area-selector .calendar_wrapper .bottom_section .item {
        margin-right: 0;
    }
}

@media (max-width: 767.98px) {
    .member-area-selector .calendar_wrapper .bottom_section {
        flex-wrap: wrap;
    }

    .member-area-selector .calendar_wrapper .bottom_section .themes_Wrapper .item_themes {
        width: 100%;
    }

    .member-area-selector .calendar_wrapper .bottom_section .item {
        margin-bottom: 15px;
    }

    .member-area-selector thead .fc-scroller {
        overflow: scroll !important;
    }

    .member-area-selector thead .fc-scroller table {
        width: max-content !important;
    }

    .member-area-selector .calendar_wrapper .bottom_section .item .btn {
        padding-left: 20px;
        padding-right: 20px;
    }
}

#payment_wrapper #place_order:disabled {
    background-color: rgba(239, 239, 239, 0.3) !important;
    border-color: rgba(118, 118, 118, 0.3) !important;
    color: rgb(255 255 255 / 50%) !important;
}


.woocommerce-checkout .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    position: relative;
    width: 1320px;
    max-width: 100%;
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto;
}

.woocommerce-checkout .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout ul {
    background: rgba(0,0,0,.6);
    border: 1px solid rgba(255,255,255,.08);
    list-style: none;
    padding-left: 0;
    padding: 20px;
}

.woocommerce-checkout .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout ul li {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: rgba(255,255,255,.75);
}

body.woocommerce-checkout .add_margin_stripe #attach_payment ul.payment_methods li.payment_method_stripe_cc .payment_box.payment_method_stripe_cc {
    margin-top: 10px;
}

.woocommerce-checkout li.payment_method_stripe_cc .payment_box.payment_method_stripe_cc .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    width: unset !important;
    padding-left: 0 !important;
}

#attach_payment ul.payment_methods .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout li::before {
    display: none !important;
}

#attach_payment ul.payment_methods .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout li {
    padding-left: 20px !important;
    color: red !important;
}

.woocommerce-checkout li.payment_method_stripe_cc .payment_box.payment_method_stripe_cc .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout ul {
    background-color: transparent !important;
    border: unset !important;
    padding-left: 0 !important;
}

.section-create-account-paid .StripeElement {
    background: transparent !important;
    padding: 0 10px !important;
    padding-bottom: 10px !important;
    border: unset !important;
    margin-bottom: -10px;
    padding-top: 10px !important;
}

.member-area-selector #calendar-day .fc-scroller-liquid-absolute,
.member-area-selector #calendar-horo .fc-view-harness-active>.fc-view,
.member-area-selector #calendar-day .fc-view-harness-active>.fc-view,
.member-area-selector #calendar-aff .fc-scroller-liquid-absolute,
.member-area-selector #calendar-horo .fc-scroller-liquid-absolute,
.member-area-selector #calendar-aff .fc-view-harness-active>.fc-view  {
    position: unset !important;
}

.member-area-selector #calendar-horo .fc-view-harness, 
.member-area-selector #calendar-day .fc-view-harness, 
.member-area-selector #calendar-aff .fc-view-harness {
    height: auto !important;
}

.member-area-selector #calendar-day .fc-theme-standard td, 
.member-area-selector #calendar-horo .fc-theme-standard td, 
.member-area-selector #calendar-aff .fc-theme-standard td {
    border: unset !important;
}

.member-area-selector #calendar-day .fc-col-header, 
.member-area-selector #calendar-horo .fc-col-header, 
.member-area-selector #calendar-aff .fc-col-header {
    display: none !important;
}

.member-area-selector #calendar-day .fc-daygrid-event-harness:first-child .fc-daygrid-event, 
.member-area-selector #calendar-horo .fc-daygrid-event-harness:first-child .fc-daygrid-event, 
.member-area-selector #calendar-aff .fc-daygrid-event-harness:first-child .fc-daygrid-event {
    margin: 0 !important;
}

.member-area-selector #calendar-day .fc-daygrid-event-harness:first-child .fc-daygrid-event, 
.member-area-selector #calendar-horo .fc-daygrid-event-harness:first-child .fc-daygrid-event, 
.member-area-selector #calendar-aff .fc-daygrid-event-harness:first-child .fc-daygrid-event {
    background-color: unset !important;
    max-width: 720px;
    margin: auto !important;
    text-align: center;
    justify-content: center;
}

.member-area-selector #calendar-day .fc-daygrid-event-harness:first-child .fc-daygrid-event .fc-event-desc, 
.member-area-selector #calendar-horo .fc-daygrid-event-harness:first-child .fc-daygrid-event .fc-event-desc, 
.member-area-selector #calendar-aff .fc-daygrid-event-harness:first-child .fc-daygrid-event .fc-event-desc {
    white-space: normal !important;
    padding-bottom: 70px;
}

.member-area-selector #calendar-horo .fc-daygrid-day.fc-day-today, 
.member-area-selector #calendar-day .fc-daygrid-day.fc-day-today, 
.member-area-selector #calendar-aff .fc-daygrid-day.fc-day-today {
    border: unset !important;
}

.member-area-selector #calendar-horo .fc-daygrid-event-harness:first-child .fc-daygrid-event .fc-event-desc p, 
.member-area-selector #calendar-day .fc-daygrid-event-harness:first-child .fc-daygrid-event .fc-event-desc p, 
.member-area-selector #calendar-aff .fc-daygrid-event-harness:first-child .fc-daygrid-event .fc-event-desc p {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    color: #CFD6D8;
}

.member-area-selector #calendar-day td, 
.member-area-selector #calendar-horo td, 
.member-area-selector #calendar-aff td {
    border: unset !important;
}

.member-area-selector #calendar-day .fc-toolbar.fc-header-toolbar, 
.member-area-selector #calendar-horo .fc-toolbar.fc-header-toolbar, 
.member-area-selector #calendar-aff .fc-toolbar.fc-header-toolbar {
    margin-bottom: 50px;
}

.member-area-selector #calendar-aff .fc-daygrid-event-harness:first-child .fc-daygrid-event .fc-day-main-frame {
    position: relative;
    width: 720px;
}

.member-area-selector #calendar-aff .fc-daygrid-event-harness:first-child .fc-daygrid-event .fc-day-main-frame .quote_text {
    position: relative;
    width: 100%;
}

.member-area-selector #calendar-aff .fc-daygrid-event-harness:first-child .fc-daygrid-event .quote {
    font-family: 'Alice';
    font-style: normal;
    font-weight: 400;
    font-size: 120px;
    line-height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    opacity: 0.25;
    position: absolute;
    left: 27px;
    top: 0;
}


.member-area-selector #calendar-aff .fc-daygrid-event-harness:first-child .fc-daygrid-event .quote.rotate {
    transform: rotate(-180deg);
    left: unset;
    top: unset;
    bottom: 0;
    right: 128px;
}

.member-area-selector #calendar-aff .fc-daygrid-event-harness:first-child .fc-daygrid-event .fc-event-desc p {
    font-family: 'Alice';
    font-style: normal;
    font-weight: 400;
    font-size: 38px;
    line-height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 0;
}

.member-area-selector #calendar-aff .fc-daygrid-event-harness:first-child .fc-daygrid-event .fc-event-desc {
    padding-top: 60px;
    max-width: 625px;
    padding-bottom: 60px !important;
    margin-left: auto;
    margin-right: auto;
}

.member-area-selector #calendar-aff .fc-daygrid-event-harness:first-child .fc-daygrid-event .fc-event-author p {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #C4B8DA;
    margin-bottom: 52px;
    justify-content: center;
}

@media (max-width: 991.98px) {
    .member-area-selector #calendar-aff .fc-daygrid-event-harness:first-child .fc-daygrid-event .quote {
        left: 30px;
    }
}

.member-area-selector .support_tab {
    padding: 120px 0;
}

.member-area-selector .empty_line {
    max-width: 500px;
    margin: auto;
}

.member-area-selector .support_tab .support_container {
    max-width: 696px;
    margin: auto;
}

.member-area-selector .support_tab .support_container .img_area img, 
.member-area-selector .empty_line .img_area img {
    display: block;
    margin: auto;
    max-width: 197px;
    margin-bottom: 24px;
}

.member-area-selector .support_tab .support_container h3,
.member-area-selector .empty_line h3 {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 120%;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    margin-bottom: 8px;
}

.member-area-selector .support_tab .support_container p, 
.member-area-selector .empty_line p {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    margin-bottom: 32px;
    color: #FFFFFF;
}

.member-area-selector .support_tab .support_container p {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.member-area-selector .support_tab .support_container .btn_wrapper {
    display: flex;
}

.member-area-selector .support_tab .support_container .btn_wrapper .btn_area:nth-child(1) {
    margin-right: 32px;
}

.member-area-selector .support_tab .support_container .btn_wrapper .btn_area {
    max-width: 332px;
    margin: auto;
}

.member-area-selector .support_tab .support_container .btn_wrapper .btn_area img {
    margin-right: 16px;
    position: relative;
    top: 1px;
}

.member-area-selector .support_tab .support_container .btn_wrapper .btn_area .btn:hover img {
    filter: invert(1);
}

.member-area-selector .empty_line {
    margin-top: 80px;
}

.my-horoscopes .content-area .empty_line {
    position: relative;
    background: rgba(0,0,0,.6);
    border: 1px solid rgba(255,255,255,.08);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    margin-left: auto;
    margin-right: auto;
    width: 1110px;
    max-width: calc(100% - 40px);
    padding: 115px 0;
    margin-top: -48px;
    margin-bottom: 100px;
}

.my-horoscopes .content-area .empty_line .img_area {
    max-width: 218px;
    margin: auto;
    margin-bottom: 24px;
}

.my-horoscopes .content-area .empty_line h3 {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 120%;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    margin-bottom: 8px;
}

.my-horoscopes .content-area .empty_line p {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 32px;
}

.my-horoscopes .content-area .empty_line .wrapper_line {
    max-width: 500px;
    margin: auto;
}

.my-horoscopes .content-area .empty_line .wrapper_line .btn_area {
    max-width: 350px;
    margin: auto;
}

.my-books .empty_line {
    position: relative;
    background: rgba(0,0,0,.6);
    border: 1px solid rgba(255,255,255,.08);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    margin-left: auto;
    margin-right: auto;
    margin-top: -16px;
    padding: 92px 0;
}

.my-books .empty_line .wrapper_line {
    max-width: 500px;
    margin: auto;
}

.my-books .empty_line .wrapper_line .img_area {
    max-width: 200px;
    margin: auto;
    margin-bottom: 24px;
}

.my-books .empty_line .wrapper_line h3 {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 120%;
    text-align: center;
    color: #FFFFFF;
}

.my-books .empty_line .wrapper_line p {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 32px;
}

.my-books .empty_line .wrapper_line .btn_area{
    max-width: 350px;
    margin: auto;
}

.section-create-account-paid #mepr-stripe-payment-form {
    background-color: rgba(255,255,255,.08);
    border: 1px solid #f5b0cf;
    border-radius: 5px;
    color: #ffffff;
    overflow: hidden;
    padding: 10px 10px 20px;
}

.section-create-account-paid .add_padding_form {
    background: transparent !important;
    padding: 0 10px !important;
    padding-bottom: 10px !important;
    border: unset !important;
    margin-bottom: -10px;
    padding-top: 10px !important;
}

.section-create-account-paid .add_padding_form #mepr_strip_card_name {
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    box-shadow: 0px 1px 1px rgb(0 0 0 / 3%), 0px 3px 6px rgb(0 0 0 / 2%);
}

.section-create-account-paid .add_padding_left {
    padding-left: 0;
}

.astro_calendar_template .background-image {
    min-height: 2362px;
    max-height: 2600px;
}

.astro_calendar_template {
    overflow: hidden;
}

#modalAddPayment .modal-dialog {
    display: flex;
    height: 100%;
    align-items: center;
    max-width: 760px;
    margin: auto !important;
}

#modalAddPayment .modal-dialog .modal-content {
    background: rgba(0, 0, 0, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
}

#modalAddPayment .modal-dialog .modal-content .modal-body {
    padding: 80px;
}

#modalAddPayment .modal-dialog .modal-content h3 {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

#modalAddPayment .modal-dialog .modal-content .button_wrapper {
    display: flex;
}

#modalAddPayment .modal-dialog .modal-content .button_wrapper .btn-trans {
    margin-left: 15px;
}

#modalAddPayment #place_order {
    display: none;
}

#modalAddPayment #add_payment_method {
    margin-top: 20px !important;
    margin-left: 0 !important;
    max-width: 600px !important;
}

#modalAddPayment #attach_payment ul.payment_methods li.payment_method_stripe_cc {
    border: unset !important;
    background: unset;
    padding: 0 !important;
}

#modalAddPayment #attach_payment ul.payment_methods img,
#modalAddPayment #attach_payment ul.payment_methods label,
#modalAddPayment #attach_payment ul.payment_methods li::before {
    display: none !important;
}

#modalAddPayment .payment_box.payment_method_stripe_cc.wc-stripe-no-methods {
    margin-top: 0 !important;
}

#modalAddPayment .wc-stripe_cc-new-method-container,
#modalAddPayment  #wc-stripe-card-element {
    margin-bottom: 0 !important;
}

.woocommerce-checkout .woocommerce-notices-wrapper {
    display: none !important;
}

.my-profile .payment-method .payment-box .btn.btn-trans.default{
    margin-top: 15px;
}

#attach_payment .wc-stripe_cc-container .StripeElement.StripeElement--webkit-autofill {
    background-color: rgba(255,255,255,0.02) !important;
}

#notification_el {
    position: absolute;
    background: rgb(0,0,0);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    right: 0;
    left: auto;
    margin-top: 16px;
    border-radius: 0;
    width: 332px;
    transition: all .5s;
    max-height: 0;
    overflow: hidden;
    display: block;
    border: 0;
}

#notification_el.show {
    transition: all .5s;
    max-height: 308px;
}

#notification_el .top_notif {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
}

#notification_el .top_notif h4 {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    margin-bottom: 0;
}

#notification_el .top_notif a {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 120%;
    text-transform: uppercase;
    color: #F5B0CF;
}

#notification_el .top_notif a::before {
    display: none !important;
}

#notification_el .notif_items {
    height: 243px;
    overflow-y: scroll;
}

#notification_el .notif_items .item,
#dropdown_notif li {
    display: flex;
    padding: 16px;
    border-top: 1px solid rgb(255 255 255 / 12%);
    border-bottom: 1px solid rgb(255 255 255 / 12%);
    align-items: center;
}

#notification_el .notif_items .item.no-border {
    border: unset !important;
    padding: 16px 24px !important;
}

#notification_el .notif_items .item .img_area,
#dropdown_notif li .img_area {
    max-width: 48px;
    margin-right: 16px;
}

#notification_el .notif_items .item .text_area .title,
#dropdown_notif li .text_area .title {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #C4B8DA;
    display: block;
    margin-bottom: 2px;
}

#notification_el .notif_items .item .text_area .title.blue,
#dropdown_notif li .text_area .title.blue {
    color: #51C2D2;
}

#notification_el .notif_items .item .text_area .title.moonies,
#dropdown_notif li .text_area .title.moonies {
    color: #FC5555;
}

#notification_el .notif_items .item .text_area p,
#dropdown_notif li .text_area p {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    color: #FFFFFF;
    margin-bottom: 0;
}

#notification_el .notif_items .item .text_area .time,
#dropdown_notif li .text_area .time {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #FFFFFF;
    opacity: 0.75;
    display: block;
}

#dropdown_notif {
    display: none;
}

#dropdown_notif.show {
    display: block;
    padding-left: 0;
    padding-right: 0;
}

#dropdown_notif .notif_header {
    padding: 0 16px !important;
    border: unset !important;
}

#dropdown_notif .notif_header a::before {
    display: none !important;
}

#dropdown_notif .notif_header a {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
}

#dropdown_notif .notif_header a .clear {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 120%;
    /* or 14px */

    text-transform: uppercase;

    /* pri */

    color: #F5B0CF;
    display: block;
}

#dropdown_notif li {
    position: relative;
}

#dropdown_notif li.no_border_new {
    border: unset !important;
    color: #fff !important;
}

#dropdown_notif li a.hidden_link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#normal_dropdown .arrow_open {
    width: 24px;
    height: 24px;
    background-image: url(images/svg/icon-arrow-right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: -10px;
}

#dropdown_notif .notif_header a .text_with_icon {
    display: flex;
    align-items: center;
}

#dropdown_notif .arrow_close {
    width: 24px;
    height: 24px;
    background-image: url(images/svg/icon-arrow-right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
    margin-right: 3px;
}

#astro-calendar .color-calendar.basic,
#crystal-mobile-calendar .color-calendar.basic {
    background-color: transparent;
    box-shadow: unset;
}

#astro-calendar .color-calendar .calendar__days .calendar__day-text,
#crystal-mobile-calendar .color-calendar .calendar__days .calendar__day-text {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
}

#astro-calendar .color-calendar.basic .calendar__days .calendar__day-other,
#crystal-mobile-calendar .color-calendar.basic .calendar__days .calendar__day-other {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 24px;
    text-align: center;
    color: #5E6272;
    opacity: 1;
}

#astro-calendar .color-calendar.basic .calendar__monthyear,
#crystal-mobile-calendar .color-calendar.basic .calendar__monthyear {
    font-family: 'Alice';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    text-align: center;
    color: #FFFFFF;
    pointer-events: none;
}

#astro-calendar .color-calendar.basic .calendar__arrow-inner::before,
#crystal-mobile-calendar .color-calendar.basic .calendar__arrow-inner::before {
    color: #fff;
}

#astro-calendar .color-calendar.basic .calendar__body,
#astro-calendar .color-calendar.basic .calendar__header,
#crystal-mobile-calendar .color-calendar.basic .calendar__body,
#crystal-mobile-calendar .color-calendar.basic .calendar__header {
    padding: 0;
}

#astro-calendar .color-calendar.basic .calendar__weekdays,
#crystal-mobile-calendar .color-calendar.basic .calendar__weekdays {
    background: rgba(207, 214, 216, 0.15);
    margin-top: 17px;
}

#astro-calendar .color-calendar.basic .calendar__weekdays .calendar__weekday,
#crystal-mobile-calendar .color-calendar.basic .calendar__weekdays .calendar__weekday {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    opacity: 1;
    height: 24px;
    padding: 7px 0;
    box-sizing: content-box;
}

#astro-calendar .color-calendar.basic .calendar__days .calendar__day-bullet,
#crystal-mobile-calendar .color-calendar.basic .calendar__days .calendar__day-bullet {
    background: rgba(255, 255, 255, 0.28);
}

#astro-calendar .color-calendar.basic .calendar__arrow-prev .calendar__arrow-inner,
#crystal-mobile-calendar .color-calendar.basic .calendar__arrow-prev .calendar__arrow-inner {
    justify-content: left;
}

#astro-calendar .color-calendar.basic .calendar__arrow-next .calendar__arrow-inner,
#crystal-mobile-calendar .color-calendar.basic .calendar__arrow-next .calendar__arrow-inner {
    justify-content: right;
}

#calendar-day .fc-toolbar-chunk:nth-child(1), 
#calendar-horo .fc-toolbar-chunk:nth-child(1), 
#calendar-aff .fc-toolbar-chunk:nth-child(1) {
    cursor: pointer;
    display: flex;
}

#calendar-day .fc-toolbar-chunk button, 
#calendar-horo .fc-toolbar-chunk button, 
#calendar-aff .fc-toolbar-chunk button {
    display: flex;
    align-items: center;
}

#calendar-day .fc-toolbar-chunk:nth-child(3), 
#calendar-horo .fc-toolbar-chunk:nth-child(3), 
#calendar-aff .fc-toolbar-chunk:nth-child(3) {
    flex-direction: row-reverse;
    display: flex;
    cursor: pointer;

}

#calendar-horo .fc-toolbar-chunk:nth-child(3) .details.details_prev, 
#calendar-day .fc-toolbar-chunk:nth-child(3) .details.details_prev, 
#calendar-aff .fc-toolbar-chunk:nth-child(3) .details.details_prev {
    margin-right: 0.75em;
    margin-left: 0 !important;
}

#calendar-horo .fc-toolbar-chunk .gray_calendar, 
#calendar-day .fc-toolbar-chunk .gray_calendar, 
#calendar-aff .fc-toolbar-chunk .gray_calendar {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #FFFFFF;
    opacity: 0.5;
    display: block;
}

#calendar-day .fc-toolbar-chunk .dates_prev_day, 
#calendar-day .fc-toolbar-chunk .dates_next_day,
#calendar-horo .fc-toolbar-chunk .dates_prev_day, 
#calendar-horo .fc-toolbar-chunk .dates_next_day,
#calendar-aff .fc-toolbar-chunk .dates_prev_day, 
#calendar-aff .fc-toolbar-chunk .dates_next_day {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #FFFFFF;
}

#calendar-horo .fc-toolbar-chunk:nth-child(3) .dates_next_day, 
#calendar-day .fc-toolbar-chunk:nth-child(3) .dates_next_day, 
#calendar-aff .fc-toolbar-chunk:nth-child(3) .dates_next_day {
    text-align: right;
}

#calendar-horo .fc-toolbar-chunk:nth-child(2) .gray_calendar, 
#calendar-day .fc-toolbar-chunk:nth-child(2) .gray_calendar, 
#calendar-aff .fc-toolbar-chunk:nth-child(2) .gray_calendar {
    text-align: center;
}

.member-area-selector .calendar_wrapper .top_slider .icon_wrapper {
    max-width: 54px;
    margin: auto;
    height: 62px;
    display: flex;
    align-items: center;
}

.member-area-selector .calendar_wrapper .top_slider .slick-active .icon_wrapper {
    max-width: 69px;
    margin: auto;
    height: 77.89px;
    display: flex;
    align-items: center;
}

.member-area-selector .calendar_wrapper .top_slider h4 {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    color: #FFFFFF;
}

.member-area-selector .calendar_wrapper .top_slider .gray_dates {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    display: block;
}

.member-area-selector .calendar_wrapper .top_slider .horo_wrapper {
    padding: 24px 37px 47px;
    cursor: pointer;

}

.member-area-selector .calendar_wrapper .top_slider .your_sign {
    position: relative;
}

.member-area-selector .calendar_wrapper .top_slider .your_sign span {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 13px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #F5B0CF;
    display: block;
    margin-top: 14px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
}

.member-area-selector .calendar_wrapper .top_slider .slick-prev:before {
    content: "\e900";
    font-family: fcicons!important;
}

.member-area-selector .calendar_wrapper .top_slider .slick-prev {
    left: 30px;
    z-index: 99;
}

.member-area-selector .calendar_wrapper .top_slider .slick-next {
    right: 30px;
}

.member-area-selector .calendar_wrapper .top_slider .slick-slide {
    opacity: 0.5;
}

.member-area-selector .calendar_wrapper.v2 {
    padding: 0;
    border: unset;
    border-bottom: 1px solid rgb(255 255 255 / 12%);
}

.member-area-selector .calendar_wrapper .top_slider .slick-active {
    opacity: 1;
}

.member-area-selector .calendar_wrapper .top_slider .slick-next:before {
    content: "\e901";
    font-family: fcicons!important;
}

.member-area-selector .calendar_wrapper .top_slider .slick-slide {
    padding: 0 12px;

}

.member-area-selector .calendar_wrapper .top_slider .slick-arrow:before {
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    opacity: 1 !important;
}

.checkout-page.v2 .checkout-content .checkout-box-area .checkout-box .top-area .book-title-area h3 {
    font-size: 23px !important;
}

.my-profile .payment-method .payment-box .email-area .default_sign {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 13px;
    text-align: left;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #F5B0CF;
    display: block;
    margin-top: 10px;
}

.main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.active .nav-link.nav-button {
    border: 1px solid #FFF;
}

body .btn.btn-primary.existing_btn {
    background: #2f3537 !important;
    color: #f5b0cf !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    transition: all .35s;
    cursor: auto;
}

.my-books .content-area .column-area .column-box .text-area .text-bottom .tags_new a {
    pointer-events: none;
}

.section-create-account .content-area .form-area .form-sign .custom-select-new,
.section-create-account-paid .content-area .form-area .form-sign .custom-select-new {
    position: relative;
    max-width: 100%;
    width: 100%;
    cursor: pointer;
}

.section-create-account-paid .content-area .form-area .choose_sign {
    width: 390px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.section-create-account .content-area .form-area .form-sign .custom-select-new select,
.section-create-account-paid .content-area .form-area .form-sign .custom-select-new select {
    display: none;
}

.section-create-account .content-area .form-area .form-sign,
.section-create-account-paid .content-area .form-area .form-sign {
    margin: 15px 0 48px;
}

.section-create-account .content-area .form-area .rising_star .form-sign:nth-child(1),
.section-create-account-paid .content-area .form-area .rising_star .form-sign:nth-child(1) {
    margin-bottom: 68px;
    margin-top: 52px;
}

.section-create-account .content-area .form-area .rising_star .form-sign:nth-child(3),
.section-create-account-paid .content-area .form-area .rising_star .form-sign:nth-child(3) {
    margin-bottom: 0 !important;
}

.section-create-account .content-area .form-area .form-sign label,
.section-create-account-paid .content-area .form-area .form-sign label {
    font-family: 'Alice';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 16px;
    display: block;
    color: #FFFFFF;
    position: unset;
    opacity: 1;
    padding: 0;
    margin-bottom: 20px;
}

.section-create-account .content-area .form-area .form-sign span.small,
.section-create-account-paid .content-area .form-area .form-sign span.small {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #CFD6D8;
    display: block;
    margin-bottom: 12px;
    margin-top: 6px;
}

.section-create-account .content-area .form-area .form-sign span.small.v2,
.section-create-account-paid .content-area .form-area .form-sign span.small.v2 {
    margin-bottom: 0;
    font-style: italic;

}

.section-create-account .content-area .form-area .form-sign span a,
.section-create-account-paid .content-area .form-area .form-sign span a {
    color: #F5B0CF;
    font-style: italic;
    font-weight: 700;
}

.section-create-account .content-area .select-items,
.section-create-account-paid .content-area .select-items {
    position: absolute;
    background-color: #000;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    padding: 10px 0;
}

.section-create-account .content-area .select-items div,
.section-create-account-paid .content-area .select-items div {
    color: #fff;
    padding: 5px 10px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0,0,0,.1) transparent;
    cursor: pointer;
}

.section-create-account .content-area .select-items div img,
.section-create-account-paid .content-area .select-items div img {
    max-width: 40px;
    margin-right: 8px;
}

.section-create-account .content-area .form-area .form-sign .select-selected,
.section-create-account-paid .content-area .form-area .form-sign .select-selected {
    background: rgba(255, 255, 255, .02);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 4px;
    width: 100%;
    min-height: 56px;
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 13px 10px 0;
    background-image: url(images/svg/icon-arrow-down-opacity.svg);
    background-size: 24px 24px;
    background-position: right 16px center;
    background-repeat: no-repeat;
    padding-top: 0;
    display: flex;
    align-items: center;
}

.section-create-account .content-area .form-area .form-sign .select-item,
.section-create-account-paid .content-area .form-area .form-sign .select-item {
    position: absolute;
    background-color: #000;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    padding: 10px 0;
}

.section-create-account .content-area .form-area .form-sign .select-selected img,
.section-create-account-paid .content-area .form-area .form-sign .select-selected img {
    max-width: 40px;
    margin-right: 8px;
}

.section-create-account .content-area .form-area .form-sign .select-hide,
.section-create-account-paid .content-area .form-area .form-sign .select-hide {
    display: none;
}

.wnbell_notification_item a::before {
    display: none;
}

.wnbell-dropdown-box-wrap {
    right: 0;
}

.wnbell_notification_item a img {
    display: block;
    width: 48px;
    margin-right: 16px;
    height: auto !important;
}

.wnbell_notification_item {
    border-top: 1px solid rgb(255 255 255 / 12%);
    border-bottom: 1px solid rgb(255 255 255 / 12%);
    padding: 0 !important;
}

.wnbell_notification_item:hover {
    background-color: transparent !important;
}

.wnbell-dropdown-box-wrap .wnbell_notifications_lists {
    background: rgba(0,0,0,.5);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    right: 0;
    left: auto;
    border-radius: 0;
    width: 332px;
    transition: all .5s;
    max-height: 380px;
    overflow: hidden;
    display: block;
    border: 0;
}

.wnbell-dropdown-box-wrap .top_notif {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    background: rgba(0,0,0,.5);
}

.wnbell-dropdown-box-wrap .top_notif h4 {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    margin-bottom: 0;
}

.wnbell_notification_item a div {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    color: #FFFFFF;
    margin-bottom: 0;
}

.wnbell_notification_item a {
    display: flex;
    align-items: center;
    padding: 16px;
}

.my-horoscopes .content-area .column-area .column-box {
    margin-right: 2.42% !important;
    margin-left: 2.42% !important;
}

.horoscope-detail .banner-horoscope-detail .content-area .text-area h1 {
    line-height: 1.2 !important;
}

.tab-content .full-experience, 
.tab-content .monthly-member, 
.tab-content .free-member {
    margin-top: 60px !important;
}

.my-profile .account-information .border_top_sign {
    border-top: 1px solid rgba(255,255,255,.12);
    margin-top: 16px;
    margin-bottom: 40px;
}

.my-horoscopes .content-area .column-area .column-box .text-area .text-bottom, 
.my-books .content-area .column-area .column-box .text-area .text-bottom {
    position: relative;
}

.my-horoscopes .content-area .column-area .column-box .text-area .text-bottom .dropdown_file, 
.my-books .content-area .column-area .column-box .text-area .text-bottom .dropdown_file {
    position: absolute;
    width: 100%;
    top: 58px;
    background: #11181B;
    mix-blend-mode: normal;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0px 16px 24px rgb(0 0 0 / 25%);
    border-radius: 0px;
    z-index: 99;
    display: none;
}

.my-horoscopes .content-area .column-area .column-box .text-area .text-bottom.active .dropdown_file, 
.my-books .content-area .column-area .column-box .text-area .text-bottom.active .dropdown_file {
    display: block;
}

.my-horoscopes .content-area .column-area .column-box .text-area .text-bottom .dropdown_file a, 
.my-books .content-area .column-area .column-box .text-area .text-bottom .dropdown_file a {
    padding: 16px 24px !important;
    text-transform: uppercase  !important;
    margin: 0 !important;
    display: block !important;
    border: unset !important;
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #FFFFFF;
    transition: all .35s;

}

.my-horoscopes .content-area .column-area .column-box .text-area .text-bottom .dropdown_file a:hover, 
.my-books .content-area .column-area .column-box .text-area .text-bottom .dropdown_file a:hover {
    background: rgba(255, 255, 255, 0.04);
}

.my-horoscopes .content-area .column-area .column-box .text-area .text-bottom.active .btn-download, 
.my-books .content-area .column-area .column-box .text-area .text-bottom.active .btn-download {
    background: #11181B;
    mix-blend-mode: normal;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
}

.my-horoscopes .content-area .column-area .column-box .text-area .text-bottom .btn-download:hover, 
.my-books .content-area .column-area .column-box .text-area .text-bottom .btn-download:hover {
    background: #11181B;
    mix-blend-mode: normal;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
}

.my-horoscopes .content-area .column-area .column-box .text-area .text-bottom:hover .btn-download, 
.my-books .content-area .column-area .column-box .text-area .text-bottom:hover .btn-download {
    background: #11181B !important;
    mix-blend-mode: normal !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

.my-horoscopes .content-area .column-area .column-box .text-area .text-bottom .btn.btn-download::before, 
.my-books .content-area .column-area .column-box .text-area .text-bottom .btn.btn-download::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(images/svg/icon-download.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
    transition: all .15s;
    filter: contrast(0) grayscale(10) brightness(0);
    transition: all .35s;
}

.my-books .content-area .column-area .column-box .text-area .text-bottom.active .btn.btn-download::before, 
.my-books .content-area .column-area .column-box .text-area .text-bottom:hover .btn.btn-download::before,
.my-horoscopes .content-area .column-area .column-box .text-area .text-bottom.active .btn.btn-download::before, 
.my-horoscopes .content-area .column-area .column-box .text-area .text-bottom:hover .btn.btn-download::before {
    filter: unset;
}

.my-horoscopes .content-area .column-area .column-box .text-area .text-bottom span.arrow_down_new, 
.my-books .content-area .column-area .column-box .text-area .text-bottom span.arrow_down_new {
    border: 1px solid transparent;
    border-left: 1px solid #CFD6D8;
    background: #fff;
    width: 94px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .35s;
}

.my-horoscopes .content-area .column-area .column-box .text-area .text-bottom.active span.arrow_down_new, 
.my-books .content-area .column-area .column-box .text-area .text-bottom.active span.arrow_down_new {
    background: #11181B;
    border: 1px solid rgba(255, 255, 255, 0.2);

}

.my-horoscopes .content-area .column-area .column-box .text-area .text-bottom:hover span.arrow_down_new, 
.my-books .content-area .column-area .column-box .text-area .text-bottom:hover span.arrow_down_new {
    background: #11181B;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.my-horoscopes .content-area .column-area .column-box .text-area .text-bottom span img, 
.my-books .content-area .column-area .column-box .text-area .text-bottom span img {
    filter: contrast(0) grayscale(10) brightness(0);
    
}

.my-horoscopes .content-area .column-area .column-box .text-area .text-bottom.active span img, 
.my-books .content-area .column-area .column-box .text-area .text-bottom.active span img {
    filter: unset;
    transform: rotate(180deg);
}

.my-horoscopes .content-area .column-area .column-box .text-area .text-bottom:hover span img, 
.my-books .content-area .column-area .column-box .text-area .text-bottom:hover span img {
    filter: unset;

}

.my-horoscopes .content-area .column-area .column-box .text-area .text-bottom .btn-download::after, 
.my-books .content-area .column-area .column-box .text-area .text-bottom .btn-download::after {
    display: none;
}

.main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.has-submenu .toggle_mobile {
    display: none;
}

.main-header .content-area {
    width: 1257px !important;
    padding: 0 !important;
}

.main-header .content-area .container-fluid {
    flex-wrap: wrap !important;
    justify-content: left !important;
}

.main-header .content-area .navbar .container-fluid .navbar-collapse {
    max-width: min-content;
    justify-content: left;
}

.main-header .content-area .navbar .container-fluid #navbarLeft .navbar-nav .nav-item:first-child {
    margin-left: 0 !important;
}

.main-header .content-area .navbar .navbar-brand {
    margin-right: 20px;
    margin-left: 20px;
}

.main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item {
    margin: 0 18px !important;
}

.main-header .content-area .navbar .container-fluid #navbarRight {
    flex-grow: 1;
    justify-content: left;
    max-width: unset !important;
}

.main-header .content-area .navbar .container-fluid #navbarRight .navbar-nav {
    width: 100% !important;
    max-width: 100% !important;
}

.main-header .content-area .navbar .container-fluid #navbarRight .navbar-nav li:last-child {
    justify-self: right !important;
    margin-left: auto !important;
    margin-right: 0 !important;
} 

.main-header .content-area .navbar .container-fluid #navbarRight .navbar-nav .join_soul_menu {
    display: flex;
}

.main-header .content-area .navbar .container-fluid #navbarRight .navbar-nav .join_soul_menu .sign-in {
    border: unset !important;
}

.main-header .content-area .navbar .container-fluid #navbarRight .navbar-nav .join_soul_menu .join_soul {
    background: linear-gradient(90deg, #D08355 0%, #F5C59C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    border: 1px solid;
    border-image-slice: 1;
    border-width: 1px;
    border-image-source: linear-gradient(to left, #D08355, #F5C59C);
}

.books-banner .content-area .left-area .waitlist h5 {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
    color: #000;
    text-align: center;
    background: #f7caa2;
    min-height: 25px;
    padding: 3px 12.5px;
    margin: 12px 12px 0;
    border-radius: 50px;
    text-transform: uppercase;
    max-width: max-content;
    margin-left: 0;
    margin-bottom: 28px;
}

.books-cta .content-area .content-box .left-area .waitlist h5  {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
    color: #000;
    text-align: center;
    background: #f7caa2;
    min-height: 25px;
    padding: 3px 12.5px;
    margin: 12px 12px 0;
    border-radius: 50px;
    text-transform: uppercase;
    max-width: max-content;
    margin-left: 0;
    margin-bottom: 20px;
}

.article-archive .content-area .area_blog {
    display: flex;
    justify-content: space-between;
}

.article-archive .content-area .area_blog .left_area {
    max-width: 729px;
    width: 100%;
}

.article-archive .content-area .area_blog .right_area {
    max-width: 348px;
}

.article-archive .content-area .area_blog .right_area .sidebar_article {
    margin-top: 64px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 24px;
}

.article-archive .content-area .area_blog .right_area .sidebar_article .logo_area img {
    max-width: 56px;
}

.article-archive .content-area .area_blog .right_area .sidebar_article .title_area h2 {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 140%;
    color: #FFFFFF;
    margin-top: 16px;
    margin-bottom: 16px;
}

.article-archive .content-area .area_blog .right_area .sidebar_article .text_area {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: #FFFFFF;
    opacity: 0.75;
}

.article-archive .content-area .area_blog .right_area .sidebar_article .text_area p.more_text {
    display: none;
}

.article-archive .content-area .area_blog .right_area .subscribe-article .content-area {
    padding: 0 !important;
}
.article-archive .content-area .area_blog .right_area .subscribe-article .content-area .subscribe-box {
    padding: 24px !important;
    display: block !important;
}

.article-archive .content-area .area_blog .right_area .subscribe-article .content-area .subscribe-box .text-area {
    flex: unset !important;
    max-width: 100% !important;
    margin-bottom: 40px;
}

.article-archive .content-area .area_blog .right_area .subscribe-article .content-area .subscribe-box .form-area {
    flex: unset !important;
    max-width: 100% !important;
}

.article-archive .content-area .article-archive-list .article-archive-list-box {
    flex: unset !important;
    max-width: 348px !important;
    margin-right: 15px !important;
}

.article-archive .content-area .article-archive-list .article-archive-list-box:nth-child(3n) {
    margin-right: 15px !important;
}

.article-archive .content-area .article-archive-list .article-archive-list-box:nth-child(2n) {
    margin-right: 15px !important;
}

.article-archive .content-area .area_blog .right_area .sidebar_article a.read_more {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #F5B0CF;
    display: flex;
}

.article-archive .content-area .area_blog .right_area .sidebar_article a.read_more img {
    transform: rotate(180deg);
    position: relative;
    top: 2px;
}

.article-archive .content-area .area_blog .right_area .sidebar_article a.read_more.show img {
    transform: rotate(0);
    top: 0;
}

.yearly-horoscope-detail .banner-horoscope-detail .content-area .text-area h1 span {
    line-height: 112% !important;
}

@media (min-width: 991.98px) {
    #navbarRight .navbar-nav {
        max-width: 470.3px;
    }

    .home-banner.what_is_astrolo .content-area {
        justify-content: right;
        padding-left: 20px !important;
        padding-right: 0 !important;
    }
    
    .home-banner.what_is_astrolo .content-area .scroll-more a {
        padding-left: 20px;
        display: block;
    }
    
}

@media (max-width: 1054.98px) {
    .member-area-selector .calendar_wrapper .bottom_section .moon_wrapper {
        max-width: 290px;
    }

    .member-area-selector .calendar_wrapper .bottom_section .item {
        margin-right: 20px;
    }
}

@media (max-width: 1012.98px) {
    .member-area-selector .calendar_wrapper .bottom_section .moon_wrapper {
        max-width: 280px;
    }
}

@media (max-width: 1002.98px) {
    .member-area-selector .calendar_wrapper .bottom_section .moon_wrapper {
        max-width: 250px;
    }

    .member-area-selector .calendar_wrapper .bottom_section .moon_wrapper p {
        font-size: 12px;
    }
}

@media (max-width: 991.98px) {

    .yearly-horoscope-detail .banner-horoscope-detail .content-area .text-area h1 span {
        font-size: 100px !important;
    }

    .article-archive .content-area .article-archive-list .article-archive-list-box,
    .article-archive .content-area .article-archive-list .article-archive-list-box:nth-child(2n),
    .article-archive .content-area .article-archive-list .article-archive-list-box:nth-child(3n) {
        margin-right: 0 !important;
    }

    .article-archive .content-area .area_blog .left_area {
        max-width: 370px !important;
    }

    .main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.mobile-bottom.join_soul_menu {
        margin: 0 !important;
    }

    .main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item .nav-link.nav-button.sign-in {
        border: unset;
        margin-bottom: 13px;
    }

    .main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item .nav-link.nav-button.join_soul {
        background: linear-gradient(90deg, #D08355 0%, #F5C59C 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        border: 1px solid;
        border-image-slice: 1;
        border-width: 1px;
        border-image-source: linear-gradient(to left, #D08355, #F5C59C);
    }

    .main-header .content-area .navbar .navbar-brand {
        margin-right: 1rem !important;
        margin-left: 0 !important;
    }

    .main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.active .nav-link.nav-button {
        margin: 0 !important;
    }

    .main-header .content-area .navbar .container-fluid #navbarLeft .navbar-nav .nav-item:first-child {
        margin: 0 20px !important;
    }

    .main-header .content-area {
        padding: 0 20px !important;
    }

    .main-header .content-area {
        padding-top: 16px !important;
    }

    .main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.has-submenu .nav-link::after {
        display: none !important;
    }

    .main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.has-submenu .toggle_mobile::after {
        content: "";
        left: 50%;
        width: 12px;
        height: 12px;
        background-image: url(images/svg/chevron-right.svg);
        transform: translateX(-50%) rotate(90deg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        transition: all .35s;
        position: absolute;
    }

    .main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.has-submenu .nav-link.active~.toggle_mobile::after {
        transform: translateX(-50%) rotate(90deg) scale(-1);
        transition: all .35s;
    }

    .main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.has-submenu .toggle_mobile {
        display: block;
        position: absolute;
        top: 16px;
        right: -20px;
        width: 52px;
        height: 32px;
    }

    .horoscope-detail .banner-horoscope-detail .content-area .text-area h1 {
        font-size: 100px !important;
    }

    .my-horoscopes .content-area .column-area .column-box {
        margin-right: 1.5% !important;
        margin-left: 1.5% !important;
    }

    .member-area-selector #calendar-aff .fc-daygrid-event-harness:first-child .fc-daygrid-event .fc-event-desc {
        max-width: 550px
    }

    .member-area-selector #calendar-aff .fc-daygrid-body {
        overflow: hidden;
    }

    .member-area-selector #calendar-aff .fc-daygrid-event-harness:first-child .fc-daygrid-event .fc-event-desc p {
        font-size: 32px;
    }

    .membership-header .navbar .right-menus .account-menus .navbar-nav .dropdown .dropdown-menu li a.notifications-mobile::after {
        display: none !important;
    }

    .member-area-selector .calendar_wrapper .bottom_section .moon_wrapper .item_moon {
        width: 100px;
    }

    .member-area-selector .calendar_wrapper .bottom_section .themes_Wrapper .item_themes {
        width: 45%;
    }

    .member-area-selector .calendar_wrapper .bottom_section .themes_Wrapper p {
        font-size: 12px;
    }

    .member-area-selector .calendar_wrapper .bottom_section .themes_Wrapper {
        max-width: 376px;
    }

    .member-area-selector .calendar_wrapper .bottom_section .item .btn {
        padding-left: 23px;
        padding-right: 23px;
    }

    #modalAddPayment .modal-dialog {
        max-width: 90%;
    }
}

@media (max-width: 918px) {
    .member-area-selector .calendar_wrapper .bottom_section .themes_Wrapper .item_themes {
        width: 100%;
    }

    .member-area-selector .calendar_wrapper .bottom_section .item .btn {
        padding-left: 43px;
        padding-right: 43px;
    }

    .member-area-selector .calendar_wrapper .bottom_section .themes_Wrapper {
        max-width: 190px;
    }
}


@media (max-width: 767.98px) {

    .yearly-horoscope-detail .banner-horoscope-detail .content-area .text-area h1 span {
        font-size: 72px !important;
    }

    .member-area-selector .support_tab .support_container .btn_wrapper {
        display: flex;
        flex-wrap: wrap;
    }
    
    .member-area-selector .support_tab .support_container .btn_wrapper .btn_area:nth-child(1) {
        margin-right: 0;
    }
    
    .member-area-selector .support_tab .support_container .btn_wrapper .btn_area:nth-child(2) {
        margin-top: 20px;
    }

    .member-area-selector .support_tab .support_container .btn_wrapper .btn_area {
        max-width: 100% !important;
        width: 100%;
    }

    .member-area-selector .support_tab .support_container .btn_wrapper .btn_area .btn {
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .article-archive .content-area .area_blog .left_area {
        max-width: 100% !important;
    }

    .article-archive .content-area .area_blog {
        flex-wrap: wrap !important;
    }

    .article-archive .content-area .article-archive-list .article-archive-list-box {
        max-width: 100% !important;
    }

    .subscribe-article .content-area .subscribe-box .text-area p {
        max-width: 277px;
    }

    .horoscope-detail .banner-horoscope-detail .content-area .text-area h1 {
        font-size: 60px !important;
    }

    
    .tab-content .full-experience, 
    .tab-content .monthly-member, 
    .tab-content .free-member {
        margin-top: 100px !important;
    }


    .my-horoscopes .content-area .column-area .column-box {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    #dropdown_notif li:last-child {
        width: 100% !important;
        bottom: 0 !important;
    }

    .member-area-selector #calendar-aff .fc-daygrid-event-harness:first-child .fc-daygrid-event .fc-event-desc p {
        font-family: 'Alice';
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 100%;
        display: flex;
        align-items: center;
        text-align: center;
    }

    .member-area-selector .calendar_wrapper .top_slider .slick-prev {
        left: 0;
    }

    .member-area-selector .calendar_wrapper .top_slider .slick-next {
        right: 0;
    }

    .member-area-selector .calendar_wrapper .top_slider .slick-active .icon_wrapper {
        max-width: 39.28px;
        height:  45.34px;
    }

    .member-area-selector .calendar_wrapper .top_slider .slick-active .icon_wrapper {
        height: 59px;
        max-width: 51px;
    }

    .member-area-selector .calendar_wrapper .top_slider h4 {
        font-family: 'HK Grotesk';
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 17px;
        text-align: center;
        color: #FFFFFF;
    }

    .member-area-selector .calendar_wrapper .top_slider .gray_dates {
        font-family: 'HK Grotesk';
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 13px;
        text-align: center;
        color: #FFFFFF;
    }

    .member-area-selector .calendar_wrapper .top_slider .your_sign span {
        font-family: 'HK Grotesk';
        font-style: normal;
        font-weight: 600;
        font-size: 7px;
        line-height: 9px;
        text-align: center;
        letter-spacing: 1.46309px;
        text-transform: uppercase;
        color: #C4B8DA;
    }

    #calendar-horo .fc-toolbar-chunk .gray_calendar, #calendar-day .fc-toolbar-chunk .gray_calendar, #calendar-aff .fc-toolbar-chunk .gray_calendar {
        margin-bottom: 5px;
    }

    .member-area-selector .calendar_wrapper .top_slider .slick-slide {
        padding: 0 6px;
    }

    .member-area-selector .fc .fc-toolbar-title {
        font-family: 'Alice';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 120%;
        text-align: center;
        color: #FFFFFF;
    }

    .member-area-selector #planet .calendar_wrapper, 
    .member-area-selector #affirmation .calendar_wrapper, 
    .member-area-selector #horoscope .calendar_wrapper {
        padding: 16px 8px 12px;
    }

    .member-area-selector #calendar-day .fc-daygrid-event-harness:first-child .fc-daygrid-event .fc-event-desc, 
    .member-area-selector #calendar-horo .fc-daygrid-event-harness:first-child .fc-daygrid-event .fc-event-desc {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 18px;
    }

    .member-area-selector #calendar-horo .fc-toolbar.fc-header-toolbar, 
    .member-area-selector #calendar-day .fc-toolbar.fc-header-toolbar {
        margin-bottom: 25px;
    }

    .member-area-selector .calendar_wrapper .top_slider .horo_wrapper {
        padding: 0 16px 35px;
    }

    .member-area-selector #calendar-aff .fc-daygrid-event-harness:first-child .fc-daygrid-event .fc-event-desc {
        max-width: 280px;
    }

    .member-area-selector #calendar-aff .fc-daygrid-event-harness:first-child .fc-daygrid-event .fc-day-main-frame .quote_text {
        max-width: 280px;
        margin: auto;
    }

    .member-area-selector #calendar-aff .fc-daygrid-event-harness:first-child .fc-daygrid-event .quote {
        left: -9px;
    }

    .member-area-selector #calendar-aff .fc-daygrid-event-harness:first-child .fc-daygrid-event .quote.rotate {
        right: 0;
    }

    #calendar-day .fc-toolbar-chunk:nth-child(3) .details.details_prev, 
    #calendar-day .fc-toolbar-chunk:nth-child(1) .details.details_next,  
    #calendar-horo .fc-toolbar-chunk:nth-child(3) .details.details_prev, 
    #calendar-horo .fc-toolbar-chunk:nth-child(1) .details.details_next,  
    #calendar-aff .fc-toolbar-chunk:nth-child(3) .details.details_prev,  
    #calendar-aff .fc-toolbar-chunk:nth-child(1) .details.details_next  {
        display: none;
    }

    #calendar-horo .fc-toolbar-title, 
    #calendar-day .fc-toolbar-title, 
    #calendar-aff .fc-toolbar-title {
        margin-left: 0 !important;
    }

    #modalAddPayment .modal-dialog .modal-content .modal-body {
        padding: 40px;
    }

    #modalAddPayment .modal-dialog .modal-content .button_wrapper {
        flex-wrap: wrap;
    }

    #modalAddPayment .modal-dialog .modal-content .button_wrapper .btn-trans {
        margin-left: 0;
        margin-top: 15px;
    }

    #modalAddPayment .payment_box.payment_method_stripe_cc.wc-stripe-no-methods {
        padding-right: 0;
    }

    #modalAddPayment .modal-dialog .modal-content .button_wrapper .btn {
        width: 100%;
    }

    .member-area-selector .calendar_wrapper .bottom_section .themes_Wrapper,
    .member-area-selector .calendar_wrapper .bottom_section .moon_wrapper {
        max-width: 100%;
    }

    .member-area-selector .calendar_wrapper .bottom_section .moon_wrapper .item_moon {
        width: 45%;
    }

    .member-area-selector .calendar_wrapper .bottom_section .themes_Wrapper .item_themes {
        width: 58%;
    }

    
    .member-area-selector .calendar_wrapper .bottom_section .themes_Wrapper .item_themes:nth-child(1), 
    .member-area-selector .calendar_wrapper .bottom_section .themes_Wrapper .item_themes:nth-child(3) {
        width: 25%;
    }

    .member-area-selector .calendar_wrapper .bottom_section {
        padding-left: 0;
    }

    .member-area-selector .support_tab {
        padding: 50px;
    }

    .member-area-selector .support_tab .support_container h3,
    .member-area-selector .empty_line h3 {
        font-size: 20px;
    }

    .member-area-selector .fc .fc-toolbar-title {
        white-space: nowrap;   
    }

    .member-area-selector .fc .fc-toolbar.fc-header-toolbar {
        padding: 0 !important;
    }

    .my-profile .payment-method .payment-box .button-area {
        width: 100%;
    }

    .my-profile .change-password input[type=submit] {
        width: 100%;
    }

    .my-horoscopes .content-area .empty_line {
        padding: 50px;
        margin: unset;
        margin-top: -40px;
        max-width: 100%;
    }

    .my-books .empty_line {
        padding: 50px;
        margin-top: 0;
    }

    .my-horoscopes .content-area .empty_line h3,
    .my-books .empty_line .wrapper_line h3 {
        font-size: 20px;
    }

    .my-horoscopes .content-area {
        padding: 0 10px !important;
    }
}

@media (max-width: 375px) {
    .member-area-selector #calendar-aff .fc-daygrid-event-harness:first-child .fc-daygrid-event .quote {
        left: -10px;
    }
}

.coming_soon {
    padding-top: 295px;
    padding-bottom: 80px;
    position: relative;
}

.coming_soon .background-area {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.coming_soon .background-area img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.coming_soon .content-area {
    position: relative;
    width: 1000px;
    max-width: 100%;
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.coming_soon .content-area h1 {
    font-family: 'Alice';
    font-style: normal;
    font-weight: 400;
    font-size: 125px;
    line-height: 110%;
    text-align: center;
    letter-spacing: -0.05em;
    background: linear-gradient(180deg, #EEF9FF 34.33%, rgba(207, 238, 255, 0.79) 67.49%, rgba(255, 255, 255, 0) 129.3%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 128px;
}

.coming_soon .content-area .bottom_area h4 {
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #C4B8DA;
    text-align: center;
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
}

.coming_soon .content-area .bottom_area p {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #FFFFFF;
    opacity: 0.75;
    margin: auto;
    margin-bottom: 24px;
    max-width: 400px;
    text-align: left;
}

.coming_soon .content-area .bottom_area .subscribe-form {
    max-width: 400px;
    margin: auto;
}

.coming_soon .content-area .bottom_area .subscribe-form .ginput_container {
    margin-bottom: 8px;
}

.coming_soon .content-area .bottom_area .subscribe-form .ginput_container input {
    max-width: 100%;
    height: 48px;
    border-radius: 4px;
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    opacity: .75;
    background: rgba(255, 255, 255, 0.05);
    mix-blend-mode: normal;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 4px;
}

.coming_soon .content-area .bottom_area .subscribe-form .ginput_container .name_first {
    padding-right: 0 !important;
}

.coming_soon .content-area .bottom_area .subscribe-form .ginput_container label {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    opacity: .75;
    top: -3px;
}

.coming_soon .content-area .bottom_area .subscribe-form input[type="submit"] {
    background: #fff;
    background-image: url(images/svg/icon-submit.svg);
    background-size: 16.7px 14.54px;
    background-repeat: no-repeat;
    background-position: center right 17.5px;
    border-radius: 4px;
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
    text-transform: uppercase;
    color: #000;
    width: 100%;
    max-width: 100%;
    min-height: 48px;
    border: none;
    border: 1px solid #fff;
}

.coming_soon .content-area .bottom_area .subscribe-form input[type="submit"]:hover {
    background-color: #000;
    color: #fff;
    background-image: url(images/svg/icon-submit-white.svg);
}

.coming_soon .form-floating ::placeholder {
    color: transparent;
}

.coming_soon .wpcf7 form .wpcf7-response-output {
    max-width: 100%  !important;
}

@media (max-width: 767.98px) {
    .coming_soon .content-area h1 {
        font-family: 'Alice';
        font-style: normal;
        font-weight: 400;
        font-size: 48px;
        line-height: 110%;
        text-align: center;
        letter-spacing: -0.05em;
        background: linear-gradient(180deg, #EEF9FF 34.33%, rgba(207, 238, 255, 0.79) 67.49%, rgba(255, 255, 255, 0) 129.3%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .coming_soon {
        padding-top: 220px;
    }

    .coming_soon .content-area .bottom_area {
        position: relative;

        padding: 32px 30px;
        margin-bottom: 100px;
    }

    .coming_soon .content-area .bottom_area .box_mobile {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #000000;
        border: 1px solid rgba(255, 255, 255, 0.25);
        box-shadow: 0px 20px 60px rgb(245 176 207 / 20%);
        filter: blur(1px);
        top: 0;
        left: 0;
    }

    .coming_soon .content-area .bottom_area .text_area {
        position: relative;
        z-index: 3;
    }

    .coming_soon .content-area .bottom_area h4 {
        font-family: 'HK Grotesk';
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 120%;
        text-align: center;
        color: #C4B8DA;
        text-transform: none;
        letter-spacing: normal;
    }

    .coming_soon .content-area .bottom_area p {
        font-family: 'HK Grotesk';
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 140%;
        text-align: center;
        color: #FFFFFF;
        opacity: 0.75;
    }

    .coming_soon .background-area {
        min-height: 1015px;
    }

    .horoscope-detail .sneak-peek-horoscope .background-image img {
        height: 100% !important;
    }

    .rate-review .background-image img {
        height: 100%;
    }
}

.rituals-half-image.what_is_astrolo .content-area .text-area h3 {
    background: linear-gradient(270deg, #4AA3E7 0%, #CCEBCF 47.92%, #F2FBF2 100%);
    -webkit-background-clip: text;
}

.rituals-half-image.what_is_astrolo.larger_text .content-area .text-area {
    max-width: 53.15% !important;
    flex: 0 0 53.15% !important;
}

.rituals-half-image.what_is_astrolo.larger_text .content-area .image-area img {
    max-width: 370px;
}

.rituals-half-image .content-area.revert .text-area {
    flex: 0 0 50.15% !important;
    max-width: 50.15% !important;
}

.background-group.decrease_height::before {
    height: 150px !important;
}


.membership-header .navbar .backto {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 120%;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #FFFFFF;
    flex: 0 0 25%;
    max-width: 25%;
}

.membership-header .navbar .backto img {
    display: block;
    margin-right: 11px;
    position: relative;
    top: 1px;
}

.membership-header.v2 .bottom_area {
    width: 1240px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 20px;
}

.membership-header.v2 {
    z-index: 8;
    margin-bottom: 80px;
}

.membership-header .shape {
    background-image: url('images/shape.png');
    background-size: contain;
    width: 400px;
    height: 400px;
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    top: -13px;
    pointer-events: none;
}

.membership-header.v2 .bottom_area .menu_area .navbar-nav {
    display: flex;
    flex-direction: row;
}

.membership-header.v2 .bottom_area .menu_area .navbar-nav .nav-item {
    margin-right: 36px;
}

.membership-header.v2 .bottom_area .menu_area .navbar-nav .nav-item:last-child {
    margin-right: 0 !important;
}

.membership-header .navbar .navbar-brand {
    top: 10px;
}

.membership-header.v2 .bottom_area .menu_area .navbar-nav .nav-item a {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-bottom: 5px;
}

.membership-header.v2 .bottom_area .menu_area .navbar-nav .nav-item a.active {
    color: #F5B0CF !important;
}

.membership-header.v2 .title-member-area .horoscope_sign {
    display: flex;
}

.membership-header.v2 .title-member-area .horoscope_sign .sign_box {
    display: flex;
    margin-right: 50px;
}

.membership-header.v2 .title-member-area .horoscope_sign .sign_box:last-child {
    margin-right: 0 !important;
}

.membership-header.v2 .title-member-area .horoscope_sign .sign_box .icon_area {
    max-width: 47px;
}

.membership-header.v2 .title-member-area .horoscope_sign .sign_box .text_area h4 {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #FFFFFF;
    margin-bottom: 0px;
}

.membership-header.v2 .title-member-area .horoscope_sign .sign_box .text_area h5 {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #C4B8DA;
    margin-bottom: 0; 
}

.membership-header.v2 .title-member-area .horoscope_sign .sign_box .text_area {
    text-align: left;
}

.membership-header.v2 .title-member-area {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    padding: 0;
    margin-bottom: 30px;
}

.membership-header.v2 .title-member-area .text_area p {
    text-align: left;
}

.membership-header .navbar .right-menus .crystal_icon {
    display: flex;
    align-items: center;
    margin-right: 24px;
}

.membership-header .navbar .right-menus .crystal_icon .icon_area {
    margin-right: 4px;
}

.membership-header .navbar .right-menus .crystal_icon .icon_area img {
    display: block;
}

.membership-header .navbar .right-menus .crystal_icon .number p {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 700 !important;
    font-size: 14px;
    line-height: 1.2;
    text-align: right;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 0;
}

.rituals-contents .content-area .rituals-content-boxes .rituals-content-box p {
    max-width: 321px;
}

.main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.join_soul_menu:hover .nav-link {
    color: #fff !important;
}

.main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.join_soul_menu .nav-link:hover {
    color: #f5b0cf !important;
}

.main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.join_soul_menu .nav-link.join_soul {
    transition: all .15s ease-in-out;
}

.main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.join_soul_menu .nav-link.join_soul:hover {
    background: linear-gradient(173deg, #fffcfa 0%, #ffffff 100%) !important;
    border-image-source: linear-gradient(to left, #ffffff, #ffffff) !important;
    -webkit-background-clip: text !important;
}

.my-horoscopes .content-area .empty_line {
    display: none;
}

.my-horoscopes .content-area .empty_line.monthly {
    display: block;
}

/* .section-create-account .mp_wrapper .mp-form-row.mepr_mepr_date_of_birth input::-webkit-calendar-picker-indicator {
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

.section-create-account .mp_wrapper .mp-form-row.mepr_mepr_date_of_birth input {
    position: relative;
} */

.mp_wrapper .mp-form-row .mepr_price_cell_label,
.mp_wrapper .mp-form-row .mepr_price_cell,
.mp_wrapper .mp-form-row .mp-form-label {
    color: #ffffff;
}

@media (max-width: 991.98px) {
    .rituals-half-image.what_is_astrolo.larger_text .content-area .image-area img {
        max-width: 100%;
    }

    .main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.mobile-bottom.join_soul_menu .sign-in {
        margin-left: 0 !important;
        border: 1px solid #fff !important;
        left: 0 !important;
    }

    .membership-header .navbar .navbar-toggler,
    .membership-header .navbar .right-menus {
        flex: 0 0 35% !important;
        max-width: 35% !important; 
    }
}

@media (max-width: 767.98px) {

    .main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.mobile-bottom {
        margin: 0 !important;
    }

    .main-header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item.mobile-bottom .sign-in {
        border:  1px solid #fff !important;
        left: 0 !important;
    }

    .rituals-half-image.what_is_astrolo .content-area .text-area p {
        font-family: 'HK Grotesk';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 140%;
        color: #CFD6D8;
    }

    .background-group .background-group-bg.constelation img {
        object-fit: contain !important;
        object-position: top !important;
    }

    .rituals-half-image.what_is_astrolo .content-area .text-area h3 {
        font-size: 44px !important;
    }

    .rituals-half-image.what_is_astrolo.last_section {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .rituals-half-image.what_is_astrolo.last_section .image-area {
        margin-bottom: 80px;
    }

    .rituals-half-image.what_is_astrolo.larger_text .content-area .image-area img {
        max-width: 260px ;
    }

    .rituals-half-image.what_is_astrolo.mobile_more_top_padding {
        padding-top: 500px !important;
        padding-bottom: 80px !important;
    }

    .home-banner.what_is_astrolo .content-area .text-area .text-bg {
        font-family: 'Alice';
        font-style: normal;
        font-weight: 400;
        font-size: 88px;
        line-height: 88px;
        text-align: center;
        letter-spacing: -0.05em;
    }

    .home-banner.what_is_astrolo .content-area .text-area h1 {
        font-family: 'Alice';
        font-style: normal;
        font-weight: 400;
        font-size: 48px;
        line-height: 100%;
        text-align: center;
        color: #FFFFFF;
    }

    .rituals-half-image.what_is_astrolo.no_reverse_mobile .content-area {
        flex-direction: row !important;
    }

    .rituals-half-image.what_is_astrolo.no_reverse_mobile .content-area .text-area {
        margin-bottom: 80px;
    }

    .rituals-half-image.what_is_astrolo.larger_text .content-area .text-area {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .rituals-half-image .content-area.revert .text-area {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    
}

.article-single-post .content-area .single-post-text h2 {
    color: #fff;
}

.article-single-post .content-area .single-post-text p a {
    background-color: transparent !important;
}

.article-single-post .content-area .single-post-text p strong {
    font-weight: 700 !important;
}

.article-single-post .content-area .single-post-top-text p strong {
    font-weight: 700 !important;
}

@media (min-width: 991.98px) {
    .article-single-post .content-area .single-post-top-text p {
        font-size: 18px !important;
    }

    .article-single-post .content-area .single-post-text p {
        font-size: 18px !important;
    }
}

.horoscope-detail .horoscope-nav-tabs .content-area .tab-content .tab-pane .tab-detail .text-area p strong,
.yearly-horoscope-detail .horoscope-nav-tabs .content-area .tab-content .tab-pane .tab-detail .text-area p strong {
    font-weight: 700;
}

.mp_wrapper.mepr_password_reset_requested p {
    color: #fff !important;
}

body.page-id-775 .form-area p {
    color: #fff;
}

#attach_payment ul.payment_methods li .payment_box.payment_method_coinbase {
    display: none !important;
}

.site-main b,
.site-main strong {
    font-weight: 700;
}

#thrive-comments .tcm-lazy-comments .add-comment p .add-comment-icon {
    line-height: 1;
}

/* Audio Player */

#app-cover {
    position: absolute;
    top: calc(50vh - 100px);
    right: 0;
    left: 0;
    width: 430px;
    height: 100px;
    margin: -4px auto;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s ease-in;
    z-index: 9999;
    max-width: 90%;
}

#app-cover.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

#bg-artwork {
    position: fixed;
    top: -30px;
    right: -30px;
    bottom: -30px;
    left: -30px;
    background-image: url("https://raw.githubusercontent.com/himalayasingh/music-player-1/master/img/_1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    filter: blur(40px);
    -webkit-filter: blur(40px);
    z-index: 1;
}

#bg-layer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 0.6;
    z-index: 2;
}

#player {
    position: relative;
    height: 100%;
    z-index: 3;
}

#player-track {
    position: absolute;
    top: 0;
    right: 15px;
    left: 15px;
    padding: 13px 22px 10px 184px;
    background-color: #fff7f7;
    border-radius: 15px 15px 0 0;
    transition: 0.3s ease top;
    z-index: 1;
}

#player-track.active {
    top: -92px;
}

#album-name {
    color: #6946a9;
    font-size: 17px;
    font-weight: bold;
}

#track-name {
    color: #acaebd;
    font-size: 13px;
    margin: 2px 0 13px 0;
}

#track-time {
    height: 12px;
    margin-bottom: 3px;
    overflow: hidden;
}

#current-time {
    float: left;
}

#track-length {
    float: right;
}

#current-time,
#track-length {
    color: transparent;
    font-size: 11px;
    background-color: #ffe8ee;
    border-radius: 10px;
    transition: 0.3s ease all;
}

#track-time.active #current-time,
#track-time.active #track-length {
    color: #f5b0cf;
    background-color: transparent;
}

#s-area,
#seek-bar {
    position: relative;
    height: 4px;
    border-radius: 4px;
}

#s-area {
    background-color: #ffe8ee;
    cursor: pointer;
}

#ins-time {
    position: absolute;
    top: -29px;
    color: #fff;
    font-size: 12px;
    white-space: pre;
    padding: 5px 6px;
    border-radius: 4px;
    display: none;
}

#s-hover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0.2;
    z-index: 2;
}

#ins-time,
#s-hover {
    background-color: #3b3d50;
}

#seek-bar {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background-color: #f5b0cf;
    transition: 0.2s ease width;
    z-index: 1;
}

#player-content {
    position: relative;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 30px 80px #656565;
    border-radius: 15px;
    z-index: 2;
}

#album-art {
    position: absolute;
    top: -40px;
    width: 115px;
    height: 115px;
    margin-left: 40px;
    transform: rotateZ(0);
    transition: 0.3s ease all;
    box-shadow: 0 0 0 10px #fff;
    border-radius: 50%;
    overflow: hidden;
}

#album-art.active {
    top: -60px;
    box-shadow: 0 0 0 4px #fff7f7, 0 30px 50px -15px #afb7c1;
}

#album-art:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    width: 20px;
    height: 20px;
    margin: -10px auto 0 auto;
    background-color: #d6dee7;
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px #fff;
    z-index: 2;
}

#album-art img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
}

#album-art picture.active img {
    opacity: 1;
    z-index: 1;
}

#album-art.active picture.active img {
    z-index: 1;
    animation: rotateAlbumArt 3s linear 0s infinite forwards;
}

@keyframes rotateAlbumArt {
    0% {
        transform: rotateZ(0);
    }

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

#buffer-box {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    height: 13px;
    color: #1f1f1f;
    font-size: 13px;
    font-family: Helvetica;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    padding: 6px;
    margin: -12px auto 0 auto;
    background-color: rgba(255, 255, 255, 0.19);
    opacity: 0;
    z-index: 2;
}

#album-art img,
#buffer-box {
    transition: 0.1s linear all;
}

#album-art.buffering img {
    opacity: 0.25;
}

#album-art.buffering picture.active img {
    opacity: 0.8;
    filter: blur(2px);
    -webkit-filter: blur(2px);
}

#album-art.buffering #buffer-box {
    opacity: 1;
}

#player-controls {
    width: 250px;
    height: 100%;
    margin: 0 5px 0 141px;
    float: right;
    overflow: hidden;
}

#player-controls .control {
    width: 33.333%;
    float: left;
    padding: 12px 0;
}

#player-controls .button {
    width: 76px;
    height: 76px;
    padding: 25px;
    background-color: #fff;
    border-radius: 6px;
    cursor: pointer;
}

#player-controls .button i {
    display: block;
    color: #11181b;
    font-size: 26px;
    text-align: center;
    line-height: 1;
}

#player-controls .button,
#player-controls .button i {
    transition: 0.2s ease all;
}

#player-controls .button:hover {
    background-color: #11181b;
}

#player-controls .button:hover i {
    color: #fff;
}

#audio-close {
    position: fixed;
    top: 10px;
    right: 10px;
    font-size: 26px;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    z-index: 2;
}

.admin-bar #audio-close {
    top: 42px;
}

@media (max-width: 767.98px) {
    #album-art {
        margin-left: 0;
    }

    #player-track {
        padding-left: 120px;
    }
}

.monthly-member .content-area .monthly-member-box .top-area .right-area a {
    margin-top: 50px;
}

/* Dark/Light toggle */
#theme-toggle {
    background: #ffffff;
    border-radius: 2px;
    border: 1px solid #FFFFFF26;
    display: flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    z-index: 99;
    padding: 0;
}

@media (min-width: 992px) {
    #theme-toggle {
        margin-left: 8px;
    }
}

.dark #theme-toggle {
    background: transparent;
}

#theme-toggle svg {
    width: 20px;
    height: 20px;
}

#theme-toggle svg.hidden {
    display: none;
}

#theme-toggle-dark-icon {
    color: #000000;
}

#theme-toggle-light-icon {
    color: #FFFFFF80;
}

/* Search field */
.facetwp-facet.facetwp-facet-searech,
.facetwp-facet.facetwp-facet-search_crystal {
    margin-bottom: 24px;
}

.facetwp-facet.facetwp-facet-searech .facetwp-input-wrap,
.facetwp-facet.facetwp-facet-search_crystal .facetwp-input-wrap {
    width: 100%;
}

.facetwp-facet.facetwp-facet-searech input.facetwp-search,
.facetwp-facet.facetwp-facet-search_crystal input.facetwp-search {
    background: #FFFFFF0A;
    border: solid 1px #FFFFFF26;
    padding: 16px 12px 16px 48px;
    font-size: 14px;
    font-family: 'HK Grotesk';
    line-height: 1.4;
    color: #ffffff;
    border-radius: 4px;
    max-width: 725px;
    width: 100%;
}

.facetwp-facet-searech input.facetwp-search:focus,
.facetwp-facet-search_crystal input.facetwp-search:focus {
    border: 1px solid #F5B0CF
}

.facetwp-facet-searech .facetwp-icon,
.facetwp-facet-search_crystal .facetwp-icon {
    left: 12px;
    right: auto;
}

.facetwp-facet-searech .facetwp-icon:before,
.facetwp-facet-search_crystal .facetwp-icon:before {
    background: url('data:image/svg+xml,<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.85 16.44L14.85 12.44C14.7204 12.3073 14.5762 12.1899 14.42 12.09L13.42 11.4C14.4187 10.1643 14.9673 8.62561 14.9756 7.03684C14.984 5.44807 14.4516 3.90371 13.466 2.65758C12.4804 1.41145 11.1002 0.53767 9.55224 0.179847C8.00426 -0.177977 6.38061 0.00144285 4.94811 0.688619C3.51561 1.37579 2.3595 2.52984 1.66976 3.96111C0.980018 5.39237 0.797692 7.0157 1.15274 8.56431C1.50779 10.1129 2.3791 11.4947 3.62347 12.4825C4.86783 13.4703 6.41123 14.0055 8.00001 14C9.58806 14.0004 11.1291 13.4609 12.37 12.47L13.12 13.47C13.209 13.5987 13.3094 13.7192 13.42 13.83L17.42 17.83C17.4665 17.8768 17.5218 17.914 17.5827 17.9394C17.6437 17.9648 17.709 17.9779 17.775 17.9779C17.841 17.9779 17.9064 17.9648 17.9673 17.9394C18.0282 17.914 18.0835 17.8768 18.13 17.83L18.83 17.13C18.9214 17.0396 18.9745 16.9175 18.9782 16.789C18.9819 16.6605 18.936 16.5355 18.85 16.44ZM8.00001 12C7.01111 12 6.04441 11.7067 5.22216 11.1573C4.39991 10.6079 3.75905 9.82701 3.38061 8.91338C3.00218 7.99975 2.90316 6.99442 3.09609 6.02451C3.28901 5.05461 3.76522 4.16369 4.46448 3.46443C5.16374 2.76517 6.05466 2.28896 7.02456 2.09604C7.99447 1.90311 8.9998 2.00213 9.91343 2.38057C10.8271 2.75901 11.608 3.39987 12.1574 4.22211C12.7068 5.04436 13 6.01106 13 6.99996C13 8.32605 12.4732 9.59782 11.5355 10.5355C10.5979 11.4732 9.32609 12 8.00001 12Z" fill="white"/></svg>') no-repeat;
    background-position: 5px 50%;
    background-size: 20px 20px;
}

.facetwp-facet-searech .facetwp-icon.f-loading:before,
.facetwp-facet-search_crystal .facetwp-icon.f-loading:before {
    background: url('data:image/svg+xml,<svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="spinner-third" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="color: %23fff;"><g class="fa-group"><path class="fa-secondary" fill="currentColor" d="M478.71 364.58zm-22 6.11l-27.83-15.9a15.92 15.92 0 0 1-6.94-19.2A184 184 0 1 1 256 72c5.89 0 11.71.29 17.46.83-.74-.07-1.48-.15-2.23-.21-8.49-.69-15.23-7.31-15.23-15.83v-32a16 16 0 0 1 15.34-16C266.24 8.46 261.18 8 256 8 119 8 8 119 8 256s111 248 248 248c98 0 182.42-56.95 222.71-139.42-4.13 7.86-14.23 10.55-22 6.11z"></path><path class="fa-primary" fill="currentColor" d="M271.23 72.62c-8.49-.69-15.23-7.31-15.23-15.83V24.73c0-9.11 7.67-16.78 16.77-16.17C401.92 17.18 504 124.67 504 256a246 246 0 0 1-25 108.24c-4 8.17-14.37 11-22.26 6.45l-27.84-15.9c-7.41-4.23-9.83-13.35-6.2-21.07A182.53 182.53 0 0 0 440 256c0-96.49-74.27-175.63-168.77-183.38z"></path></g></svg>') no-repeat;
    background-position: 5px 50%;
    background-size: 20px 20px;
}

#page .article-archive {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 80px;
    padding-bottom: 30px;
}

#page .article-single-post {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 48px;
    padding-bottom: 120px;
}

#page .subscribe-article {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 30px;
    padding-bottom: 150px;
}

@media (max-width: 767.98px) {
    #page .article-archive {
        padding-top: 24px;
    }

    #page .article-single-post {
        padding-top: 20px;
        padding-bottom: 50px;
    }

    #page .subscribe-article {
        padding-bottom: 50px;
    }
}

/* Archive light version */
html:not(.dark) .article-archive {
    background-color: #FAFAFA;
}

html:not(.dark) .facetwp-facet.facetwp-facet-search_crystal input.facetwp-search,
html:not(.dark) .facetwp-facet.facetwp-facet-searech input.facetwp-search {
    background: #0000000A;
    border-color: #00000026;
    color: #000;
}

html:not(.dark) .facetwp-facet-search_crystal input.facetwp-search:focus,
html:not(.dark) .facetwp-facet-searech input.facetwp-search:focus {
    border-color: #f5b0cf;
}

html:not(.dark) .facetwp-facet-search_crystal .facetwp-icon:before,
html:not(.dark) .facetwp-facet-searech .facetwp-icon:before {
    background: url('data:image/svg+xml,<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.8499 16.44L14.8499 12.44C14.7203 12.3073 14.5761 12.1899 14.4199 12.09L13.4199 11.4C14.4186 10.1643 14.9671 8.62561 14.9755 7.03684C14.9839 5.44807 14.4515 3.90371 13.4659 2.65758C12.4803 1.41145 11.1001 0.53767 9.55211 0.179847C8.00414 -0.177977 6.38049 0.00144285 4.94799 0.688619C3.51549 1.37579 2.35938 2.52984 1.66964 3.96111C0.979896 5.39237 0.79757 7.0157 1.15262 8.56431C1.50767 10.1129 2.37898 11.4947 3.62334 12.4825C4.86771 13.4703 6.41111 14.0055 7.99989 14C9.58794 14.0004 11.1289 13.4609 12.3699 12.47L13.1199 13.47C13.2088 13.5987 13.3093 13.7192 13.4199 13.83L17.4199 17.83C17.4664 17.8768 17.5217 17.914 17.5826 17.9394C17.6435 17.9648 17.7089 17.9779 17.7749 17.9779C17.8409 17.9779 17.9062 17.9648 17.9672 17.9394C18.0281 17.914 18.0834 17.8768 18.1299 17.83L18.8299 17.13C18.9213 17.0396 18.9743 16.9175 18.9781 16.789C18.9818 16.6605 18.9359 16.5355 18.8499 16.44ZM7.99989 12C7.01098 12 6.04428 11.7067 5.22204 11.1573C4.39979 10.6079 3.75893 9.82701 3.38049 8.91338C3.00205 7.99975 2.90304 6.99442 3.09596 6.02451C3.28889 5.05461 3.76509 4.16369 4.46436 3.46443C5.16362 2.76517 6.05453 2.28896 7.02444 2.09604C7.99434 1.90311 8.99968 2.00213 9.91331 2.38057C10.8269 2.75901 11.6078 3.39987 12.1572 4.22211C12.7066 5.04436 12.9999 6.01106 12.9999 6.99996C12.9999 8.32605 12.4731 9.59782 11.5354 10.5355C10.5977 11.4732 9.32597 12 7.99989 12Z" fill="black"/></svg>') no-repeat;
    background-position: 5px 50%;
    background-size: 20px 20px;
}

html:not(.dark) .facetwp-facet-search_crystal .facetwp-icon.f-loading:before,
html:not(.dark) .facetwp-facet-searech .facetwp-icon.f-loading:before {
    background: url('data:image/svg+xml,<svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="spinner-third" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="color: %23000;"><g class="fa-group"><path class="fa-secondary" fill="currentColor" d="M478.71 364.58zm-22 6.11l-27.83-15.9a15.92 15.92 0 0 1-6.94-19.2A184 184 0 1 1 256 72c5.89 0 11.71.29 17.46.83-.74-.07-1.48-.15-2.23-.21-8.49-.69-15.23-7.31-15.23-15.83v-32a16 16 0 0 1 15.34-16C266.24 8.46 261.18 8 256 8 119 8 8 119 8 256s111 248 248 248c98 0 182.42-56.95 222.71-139.42-4.13 7.86-14.23 10.55-22 6.11z"></path><path class="fa-primary" fill="currentColor" d="M271.23 72.62c-8.49-.69-15.23-7.31-15.23-15.83V24.73c0-9.11 7.67-16.78 16.77-16.17C401.92 17.18 504 124.67 504 256a246 246 0 0 1-25 108.24c-4 8.17-14.37 11-22.26 6.45l-27.84-15.9c-7.41-4.23-9.83-13.35-6.2-21.07A182.53 182.53 0 0 0 440 256c0-96.49-74.27-175.63-168.77-183.38z"></path></g></svg>') no-repeat;
    background-position: 5px 50%;
    background-size: 20px 20px;
}

html:not(.dark) .article-archive .content-area .facetwp-facet-categories .facetwp-radio {
    color: #00000080;
    background: #00000014;
}

html:not(.dark) .article-archive .content-area .facetwp-facet-categories .facetwp-radio.checked {
    color: #fff;
    background: #000;
}

html:not(.dark) .article-archive .content-area .top-area .left-area h3,
html:not(.dark) .article-archive .content-area .top-area .right-area .dropdown .dropdown-toggle {
    color: #000;
}

html:not(.dark) .article-archive .content-area .top-area .right-area .dropdown .dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" style="color: %23000" viewBox="0 0 448 512"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/></svg>');
    background-size: 50%;
}

html:not(.dark) .article-archive .content-area .article-archive-list .article-archive-list-box .text-area h3,
html:not(.dark) .article-archive .content-area .article-archive-list .article-archive-list-box .text-area .meta-list-box .meta-text h3,
html:not(.dark) .article-archive .content-area .article-archive-list .article-archive-list-box .text-area .meta-list-box .meta-text h4 {
    color: #10100E;
}

html:not(.dark) .article-archive .content-area .article-archive-list .article-archive-list-box:before {
    background: rgba(0, 0, 0, 0.1);
}

html:not(.dark) .affiliate-page .afwc_reg_form_wrapper .article-archive body input.facetwp-load-more[type=submit],
html:not(.dark) .affiliate-page .afwc_reg_form_wrapper .crystals-section body input.facetwp-load-more[type=submit],
html:not(.dark) .affiliate-page .afwc_reg_form_wrapper body input.btn-white[type=submit],
html:not(.dark) .article-archive .affiliate-page .afwc_reg_form_wrapper body input.facetwp-load-more[type=submit],
html:not(.dark) .article-archive body .facetwp-load-more,
html:not(.dark) .crystals-section .affiliate-page .afwc_reg_form_wrapper body input.facetwp-load-more[type=submit],
html:not(.dark) .crystals-section body .facetwp-load-more,
html:not(.dark) body .affiliate-page .afwc_reg_form_wrapper .article-archive input.facetwp-load-more[type=submit],
html:not(.dark) body .affiliate-page .afwc_reg_form_wrapper .crystals-section input.facetwp-load-more[type=submit],
html:not(.dark) body .affiliate-page .afwc_reg_form_wrapper input.btn-white[type=submit],
html:not(.dark) body .article-archive .affiliate-page .afwc_reg_form_wrapper input.facetwp-load-more[type=submit],
html:not(.dark) body .article-archive .facetwp-load-more,
html:not(.dark) body .btn.btn-white,
html:not(.dark) body .crystals-section .affiliate-page .afwc_reg_form_wrapper input.facetwp-load-more[type=submit],
html:not(.dark) body .crystals-section .facetwp-load-more {
    color: #fff;
    background-color: #11181b;
    border: 1px solid #11181b;
}

html:not(.dark) .article-archive .content-area .area_blog .right_area .sidebar_article {
    background: linear-gradient(313.13deg, rgba(192, 130, 255, 0.12) 0.01%, rgba(179, 156, 242, 0.12) 25.75%, rgba(155, 158, 245, 0.12) 48.96%, rgba(152, 182, 241, 0.12) 73.69%, rgba(130, 246, 255, 0.12) 96.91%), #000000;
}

/* Single post light */
html:not(.dark) .article-single-post,
html:not(.dark) .subscribe-article,
html:not(.dark) .rate-review {
    background-color: #FCFCFC;
}

html:not(.dark) .article-single-post .content-area .post-title-area .meta-category h4.white {
    background: #000;
    color: #fff;
}

html:not(.dark) .article-single-post .content-area .post-title-area h1,
html:not(.dark) .article-single-post .content-area .post-title-area .meta-title .left-area .meta-text .author-name,
html:not(.dark) .article-single-post .content-area .post-title-area .meta-title .left-area .meta-text .pub-date,
html:not(.dark) .article-single-post .content-area .post-title-area .meta-title .right-area .icon-meta,
html:not(.dark) .article-single-post .content-area .single-post-like-share .like-share-data .icon-meta,
html:not(.dark) .article-single-post .content-area .single-post-top-text h3,
html:not(.dark) .article-single-post .content-area .single-post-text h2,
html:not(.dark) .article-single-post .content-area .single-post-text h3,
html:not(.dark) .article-single-post .content-area .single-post-like-share h3,
html:not(.dark) .rate-review .content-area .rate-review-area h2,
html:not(.dark) .rate-review .content-area .rate-review-area h3,
html:not(.dark) #thrive-comments .tcm-comments-filters,
html:not(.dark) #thrive-comments .tcm-comment-header .tcm-author-content .tcm-comment-author-name {
    color: #000;
}

html:not(.dark) .article-single-post .content-area .single-post-top-text p,
html:not(.dark) .article-single-post .content-area .single-post-text p {
    color: #11181B;
}

html:not(.dark) .article-single-post .content-area .post-title-area .meta-category h4 {
    background: #F5B0CF;
    color: #000000;
}

html:not(.dark) .article-single-post .content-area .post-title-area .meta-title .right-area .icon-meta img,
html:not(.dark) .article-single-post .content-area .single-post-like-sticky a img,
html:not(.dark) .article-single-post .content-area .single-post-like-share .like-share-data .icon-meta img,
html:not(.dark) .article-single-post .content-area .single-post-like-share .icon-share a img {
    filter: brightness(0);
}

html:not(.dark) .article-single-post .content-area .single-post-like-sticky a,
html:not(.dark) .article-single-post .content-area .single-post-like-share,
html:not(.dark) .article-single-post .content-area .single-post-like-share .icon-share a,
html:not(.dark) #thrive-comments .tcm-comments-list .tcm-comment-item.tcm-main-parent {
    border-color: rgba(0, 0, 0, 0.12);
}

html:not(.dark) #thrive-comments .right #tcm-sort-by.tcm-dropdown .tcm-toggle-button {
    color: #000;
    border: solid 1px #00000033;
}

html:not(.dark) #thrive-comments .right #tcm-sort-by.tcm-dropdown .tcm-dropdown-content {
    color: #000;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
}

html:not(.dark) #thrive-comments input,
html:not(.dark) #thrive-comments textarea {
    background: rgba(0, 0, 0, .02);
    border: 1px solid rgba(0, 0, 0, .15);
    color: #000;
}

html:not(.dark) #thrive-comments input:focus,
html:not(.dark) #thrive-comments textarea:focus {
    border-color: #f5b0cf;
}

html:not(.dark) .tcm-comment-header .tcm-author-content .tcm-date-container span,
html:not(.dark) #thrive-comments p {
    color: rgba(0, 0, 0, .75);
}

html:not(.dark) #thrive-comments .tcm-voting-container .tcm-voting-input.tcm-upvote {
    color: #000!important;
    background: rgba(0,0,0,.12)!important;
    border-color: rgba(0,0,0,.12)!important;
}

html:not(.dark) #thrive-comments .tcm-voting-container .tcm-voting-input .tcm-thumb_down svg,
html:not(.dark) #thrive-comments .tcm-voting-container .tcm-voting-input .tcm-thumb_up svg {
    fill: #000;
}

html:not(.dark) .single-crystal #primary {
    background: #fff;
}

html:not(.dark) .crystal-information {
    background: transparent;
}

html:not(.dark) .crystal-information .crystal-info-container {
    background: #FFFFFF;
    border: solid 1px #00000014;
}

html:not(.dark) .crystal-information .crystal-top-area {
    border-bottom: solid 1px rgba(0, 0, 0, .08);
}

html:not(.dark) .crystal-information .crystal-left-area {
    border-right: solid 1px rgba(0, 0, 0, .08);
}

html:not(.dark) .crystal-information .crystal-title-area .meta-category h4 {
    background: #F7CAA2;
    color: #000;
}

html:not(.dark) .crystal-information .crystal-title-area .meta-category h4.white {
    color: #fff;
    background: #000;
}

html:not(.dark) .crystals-section .facetwp-selections .facetwp-selection-value {
    color: #fff;
    background-color: #000;
    background-image: url('./images/icon-close.png');
}

html:not(.dark) .crystals-section::before,
html:not(.dark) .crystals-section::after,
html:not(.dark) .crystal-message::before,
html:not(.dark) .crystal-message::after,
html:not(.dark) .crystal-use::before,
html:not(.dark) .crystal-use::after,
html:not(.dark) .crystal-illustrations::before,
html:not(.dark) .crystal-illustrations::after,
html:not(.dark) .crystal-single-recommend::before,
html:not(.dark) .crystal-single-recommend::after,
html:not(.dark) .crystal-story::before,
html:not(.dark) .crystal-story::after {
    background-image: none;
    background: none;
}

.crystal-content-section .background-image.white-background,
.crystal-message .background-image.white-background,
.crystal-story .background-image.white-background,
.crystal-use .background-image.white-background,
.crystal-single-recommend .background-image.white-background,
.crystal-illustrations .background-image.white-background,
html:not(.dark) .crystal-content-section .background-image,
html:not(.dark) .crystal-message .background-image,
html:not(.dark) .crystal-illustrations .background-image,
html:not(.dark) .crystal-use .background-image,
html:not(.dark) .crystal-single-recommend .background-image,
html:not(.dark) .crystal-story .background-image {
    display: none;
}

html:not(.dark) .crystal-content-section .background-image.white-background,
html:not(.dark) .crystal-message .background-image.white-background,
html:not(.dark) .crystal-illustrations .background-image.white-background,
html:not(.dark) .crystal-use .background-image.white-background,
html:not(.dark) .crystal-single-recommend .background-image.white-background,
html:not(.dark) .crystal-story .background-image.white-background {
    display: block;
}

html:not(.dark) .crystal-content-section .image-area img,
html:not(.dark) .crystal-illustrations .image-area img {
    filter: brightness(0);
}

html:not(.dark) .crystal-content-section:nth-child(7) .image-area img {
    filter: brightness(1);
}

html:not(.dark) .crystal-content-section .btn.btn-white-arrow {
    background-color: #11181b;
    color: #fff;
}

html:not(.dark) .crystal-information .crystal-title-area h1,
html:not(.dark) .crystal-information .crystal-title-area .crystal-sub-title,
html:not(.dark) .crystal-price-box .price-area .price,
html:not(.dark) .crystal-price-box .price-area .member-text,
html:not(.dark) .crystal-information .crystal-chakra-types span,
html:not(.dark) .crystal-message .crystal-message-box h3,
html:not(.dark) .crystal-use h3,
html:not(.dark) .crystal-use .crystal-use-box h4,
html:not(.dark) .crystal-illustrations h3,
html:not(.dark) .crystal-illustrations .text-area h4,
html:not(.dark) .crystal-content-section h3,
html:not(.dark) .crystal-single-recommend h3,
html:not(.dark) .crystal-single-recommend .text-area h3,
html:not(.dark) .crystal-story .crystal-story-box h3,
html:not(.dark) .crystals-section .filter-area .fs-label-wrap .fs-label,
html:not(.dark) .crystals-section .facetwp-type-reset .facetwp-reset,
html:not(.dark) .crystals-section .facetwp-selections .facetwp-selection-label {
    color: #000;
}

html:not(.dark) .crystal-information .crystal-tag,
html:not(.dark) .crystal-price-box .text-area p,
html:not(.dark) .crystal-message .crystal-message-box p,
html:not(.dark) .crystal-story .crystal-story-box p,
html:not(.dark) .crystal-use p,
html:not(.dark) .crystal-content-section p,
html:not(.dark) #crystals .text-area p.text-center,
html:not(.dark) .crystal-illustrations .text-area p,
html:not(.dark) .crystal-message .crystal-message-box ul {
    color: #11181B;
}

html:not(.dark) .crystals-section .filter-area .fs-label-wrap,
html:not(.dark) .crystals-section .filter-area .fs-search {
    background: rgba(0, 0, 0, .04);
    border-color: rgba(0, 0, 0, .15);
}

html:not(.dark) .crystals-section .filter-area .fs-options {
    background: rgba(0, 0, 0, .04);
}

html:not(.dark) .crystals-section .facetwp-facet-result_counts {
    border-color: rgba(0, 0, 0, .15);
    color: #000;
}

html:not(.dark) .crystals-section .filter-area .fs-dropdown {
    border-color: rgba(0, 0, 0, .15);
    background: #fff;
}

html:not(.dark) .crystals-section .filter-area .fs-search input,
html:not(.dark) .crystals-section .filter-area .fs-option,
html:not(.dark) .crystals-section .filter-area .fs-no-results {
    color: rgba(0, 0, 0, .75);
}

html:not(.dark) .fs-wrap.multiple .fs-option .fs-checkbox i {
    background-color: #000;
}

html:not(.dark) .crystals-section .filter-area .fs-arrow {
    border-top-color: rgba(0, 0, 0, .5);
}

html:not(.dark) .crystal-information .crystal-icon-area .crystal-icons .crystal-icon span {
    color: rgba(0, 0, 0, .5);
}

html:not(.dark) .crystal-information .crystal-icon-area .crystal-icons .crystal-icon img,
html:not(.dark) .crystal-information .single-post-like-sticky a img,
html:not(.dark) .crystal-information .crystal-chakra-map svg {
    filter: brightness(0);
}

html:not(.dark) .crystal-information .single-post-like-sticky a {
    border: 1px solid rgba(0, 0, 0, .12);
}

html:not(.dark) .crystal-price-box .background-image {
    background: linear-gradient(92.8deg, rgba(249, 173, 94, 0.15) 5.16%, rgba(139, 93, 235, 0.15) 44.59%, rgba(25, 195, 209, 0.15) 85.7%), linear-gradient(0deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08));
}

html:not(.dark) .crystal-price-box .background-image img {
    opacity: 0;
    visibility: hidden;
}

html:not(.dark) .crystal-price-box .text-area h3 {
    background: linear-gradient(90deg, #F9AD5E 22.42%, #8B5DEB 51.49%, #19C3D1 81.8%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

html:not(.dark) .crystal-price-box .price-area.subscriber .price :not(.free) {
    color: rgba(0, 0, 0, .75);
}

html:not(.dark) .crystal-price-box .price-area .moonies {
    color: #000;
    background: linear-gradient(90deg, rgba(181, 118, 63, 0.8) 1.57%, rgba(255, 255, 158, 0.8) 98.38%);
}

html:not(.dark) #crystals {
    background-color: #FFFFFF;
}

.horoscope-detail .subscribe-horoscope-detail .content-area .subscribe-box .right-area .button-subscribe.button-monthly-subscribe .btn::before {
    font-size: 10px !important;
}

.crystal-search {
    margin-top: 80px;
}

@media (max-width: 767.98px) {
    .crystal-search {
        margin-top: 40px;
    }
}

.crystals-section .filter-area {
    margin-top: 0 !important;
}

/* Moon Reading */
.moon-reading-banner.home-banner .content-area {
    width: 1040px;
    justify-content: center;
    height: 100%;
}

.moon-reading-banner.home-banner .background-image img {
    object-position: center 30%;
}

.moon-reading-banner.home-banner .content-area .text-area {
    width: 100%;
    padding-top: 120px;
}

.moon-reading-banner.home-banner .content-area .text-area .text-bg {
    font-size: 150px;
    opacity: .1;
    width: 100%;
}

.moon-reading-banner.home-banner .content-area .text-area h1 {
    font-size: 60px;
    line-height: 1;
    max-width: 600px;
    margin-inline: auto;
}

.moon-reading-banner.home-banner .content-area .text-area h1 span {
    background: linear-gradient(90deg, #c082ff 0, #b39cf2 50%, #9b9ef5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}

.moon-reading-banner.home-banner .content-area .text-area h1 span:last-child {
    background: linear-gradient(90deg, #F5B0CF 0, #BA90F9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}

.moon-reading-banner.home-banner .content-area .text-area p {
    width: 100%;
    max-width: 500px;
    margin-inline: auto;
    font-family: 'HK Grotesk';
    font-style: normal;
    font-size: 18px;
    line-height: 140%;
    color: #cfd6d8;
}

.moon-reading-banner .form-area {
    max-width: 600px;
    width: 100%;
    margin: 24px auto;
    padding-bottom: 70px;
}

.moon-reading-banner .form-group {
    display: flex;
    flex-direction: row;
    column-gap: 12px;
}

.moon-reading-banner .form-row {
    display: inline-block;
    width: 100%;
    margin-block-end: 12px;
    position: relative;
}

.moon-reading-banner .form-row input {
    background: rgba(255, 255, 255, .02);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 4px;
    width: 100%;
    min-height: 56px;
    font-family: hk grotesk;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
    padding: 1rem .75rem;
    display: inline;
    box-sizing: border-box;
    letter-spacing: normal;
    outline-style: none;
}

.moon-reading-banner .form-row input:focus {
    border: 1px solid #f5b0cf;
}

.moon-reading-banner .form-row input:focus,
.moon-reading-banner .form-row input:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
}

.moon-reading-banner .form-row input::placeholder {
    color: transparent;
}

.moon-reading-banner .form-row input[type="date"]::-webkit-calendar-picker-indicator,
.moon-reading-banner .form-row input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
}

.moon-reading-banner .form-row input[type="date"]::-moz-focus-inner,
.moon-reading-banner .form-row input[type="time"]::-moz-focus-inner {
    border: 0;
}

.moon-reading-banner .form-row input[type="date"],
.moon-reading-banner .form-row input[type="time"] {
    -moz-appearance: textfield;
}

.moon-reading-banner .form-row input[type="date"]::-ms-clear,
.moon-reading-banner .form-row input[type="time"]::-ms-clear {
    display: none;
}

.moon-reading-banner .form-row input[type="date"]::-ms-expand,
.moon-reading-banner .form-row input[type="time"]::-ms-expand {
    display: none;
}

.moon-reading-banner .form-row label {
    font-size: inherit;
    font-family: inherit;
    letter-spacing: normal;
    width: 100%;
    display: inline;
    position: absolute;
    top: -2px;
    left: 0;
    height: 100%;
    padding: 1rem .75rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out;
    color: #fff;
    opacity: .5;
    text-align: left;
}

.moon-reading-banner .form-row input:focus~label,
.moon-reading-banner .form-row input:not(:placeholder-shown)~label {
    transform: scale(.85) translateY(-0.5rem) translateX(0.15rem);
}

.moon-reading-banner .form-row.first_name input,
.moon-reading-banner .form-row.last_name input {
    background-image: url(images/svg/icon-user.svg);
    background-repeat: no-repeat;
    background-position: center right 12px;
    padding-right: 45px;
}

.moon-reading-banner .form-row.date_of_birth input {
    background-image: url(images/svg/icon-date.svg);
    background-repeat: no-repeat;
    background-position: center right 12px;
    padding-right: 45px;
    padding-top: 1.625rem;
    padding-bottom: .625rem;
}

.moon-reading-banner .form-row.time_of_birth input {
    background-image: url(images/svg/icon-time.svg);
    background-repeat: no-repeat;
    background-position: center right 12px;
    padding-right: 45px;
    padding-top: 1.625rem;
    padding-bottom: .625rem;
}

.moon-reading-banner .form-row.email input {
    background-image: url(images/svg/icon-email.svg);
    background-repeat: no-repeat;
    background-position: center right 12px;
    padding-right: 45px;
}

.moon-reading-banner .form-row.email input:focus {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
}

.moon-reading-banner.home-banner .content-area .text-area p.error {
    display: none;
    color: #f5b0cf;
    font-size: 16px;
}

.moon-reading-banner.home-banner .content-area .text-area p.error.active {
    display: block;
}

.moon-reading-banner .btn.btn-white-arrow {
    width: 100%;
    background: #f5b0cf;
    transition: color ease 0.15s;
    min-height: 52px;
}

.moon-reading-banner .btn.btn-white-arrow:hover {
    background: #11181b;
}

.moon-reading-banner .btn.btn-white-arrow::after {
    transition: color ease 0.15s;
}

.reading-contents {
    padding-top: 150px;
}

.reading-contents .content-area {
    width: 1150px;
    max-width: 100%;
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto;
}

.reading-contents .content-area .top-text {
    width: 640px;
    max-width: 100%;
    margin-bottom: 86px;
    margin-inline: auto;
    text-align: center;
}

.reading-contents .content-area .top-text h3 {
    font-family: Alice;
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    color: #fff;
    margin-bottom: 16px;
    background: linear-gradient(90deg, #9b9ef5 0, #b39cf2 50%, #c082ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.reading-contents .content-area .top-text h3 span {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}

.reading-contents .content-area .reading-content-boxes {
    display: flex;
    flex-wrap: wrap;
}

.reading-contents .content-area .reading-content-boxes .reading-content-box {
    flex: 0 0 30%;
    max-width: 30%;
    margin-right: 5%;
    margin-bottom: 100px;
    text-align: center;
}

.reading-contents .content-area .reading-content-boxes .reading-content-box:nth-child(3n) {
    margin-right: 0;
}

.reading-contents .content-area .reading-content-boxes .reading-content-box .icon-area {
    width: 64px;
    height: 64px;
    position: relative;
    margin-bottom: 32px;
    margin-inline: auto;
}

.reading-contents .content-area .reading-content-boxes .reading-content-box h3 {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    color: #fff;
    margin-bottom: 8px;
}

.reading-contents .content-area .reading-content-boxes .reading-content-box p {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #cfd6d8;
    max-width: 321px;
    margin-inline: auto;
}

@media (max-width: 767.98px) {
    .moon-reading-banner.home-banner .background-image img {
        object-position: top;
        transform: translateY(-100px);
    }

    .moon-reading-banner.home-banner .content-area .text-area {
        padding-top: 200px;
    }

    .moon-reading-banner.home-banner .content-area .text-area .text-bg {
        font-size: 80px;
        top: 50px;
        display: none;
    }

    .moon-reading-banner.home-banner .content-area .text-area h1 {
        font-size: 48px;
        margin-top: 0 !important;
        padding-inline: 16px;
    }

    .moon-reading-banner.home-banner .content-area .text-area p {
        font-size: 16px;
    }

    .moon-reading-banner .form-group {
        flex-direction: column;
    }

    .reading-contents {
        padding-top: 50px;
    }

    .reading-contents .content-area .top-text {
        text-align: left;
    }

    .reading-contents .content-area .top-text h3 {
        font-size: 32px;
    }

    .reading-contents .content-area .reading-content-boxes .reading-content-box {
        flex: 0 0 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
}

/* Moon Sign */
.reading-page {
    position: relative;
    display: none;
}

.reading-page.active {
    display: block;
}

#reading-product .v-vlite,
#moon-outro-player {
    display: none;
}

.reading-page .background-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.reading-page .background-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.reading-header {
    position: relative;
    background: rgba(1, 1, 1, .15);
    z-index: 9;
}

.reading-header .navbar {
    width: 1240px;
    max-width: 100%;
    margin-inline: auto;
    padding-inline: 20px;
    flex-wrap: nowrap;
    column-gap: 12px;
}

.reading-header .navbar-progress {
    flex-basis: 196px;
}

.reading-header .navbar-progress h1 {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 0;
}

.reading-header .navbar-progress p {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #CFD6D8;
    margin-bottom: 0;
}

.reading-header .navbar-brand {
    margin-right: 0;
}

.reading-header .navbar-brand img {
    width: 60px;
}

.moon-sign-container {
    width: 1240px;
    max-width: 100%;
    margin-inline: auto;
    padding-inline: 20px;
    padding-block: 40px;
    text-align: center;
    position: relative;
    z-index: 3;
}

@media (max-width: 767.98px) {
    .moon-sign-container {
        padding-block: 20px;
    }
}

.moon-sign-container h2 {
    color: #FFFFFF;
    margin-bottom: 0;
}

.moon-sign-container h2 span {
    color: #F5B0CF;
}

.moon-sign-item {
    display: none;
}

.moon-sign-item.active {
    display: block;
}

.moon-sign-item img {
    margin: -15px auto;
    width: 900px;
}

/* #moon-intro img,
#moon-outro img {
    width: 400px;
    max-width: 90%;
    margin-block-start: 20px;
} */

.books-checkout-page .checkout-content .left-area .create-account .woocommerce-billing-fields__field-wrapper .disable-field input {
    pointer-events: none;
    user-select: none;
}

@media (max-width: 767.98px) {
    #reading-product .books-banner.reading-books-banner {
        padding-block-start: 40px;
    }

    #reading-product .books-banner .content-area {
        flex-direction: column;
    }

    #reading-product .reading-books-banner h2 {
        font-size: 34px;
    }

    #reading-product .reading-books-banner .content-area .left-area p {
        font-size: 18px;
        margin-bottom: 30px;
    }

    #reading-product .books-banner .content-area .left-area .price-area .new-price h3 {
        font-size: 48px;
    }

    #reading-product .books-banner .content-area .left-area .price-area {
        display: flex;
        justify-content: space-between;
    }

    #reading-product .books-banner .content-area .left-area .price-area img {
        flex-basis: 60%;
        max-width: 60%;
    }
}

.moon-sign-item .v-vlite.v-video {
    aspect-ratio: unset;
    background-color: transparent;
    display: flex;
    flex-direction: column-reverse;
    margin-top: -40px;
}

.moon-sign-item .v-vlite .vlite-js {
    height: 190px;
}

.moon-sign-item .v-video .v-controlBar {
    background: transparent;
    justify-content: center;
    column-gap: 32px;
    padding-top: 0;
}

.moon-sign-item .v-subtitle {
    order: -1;
}

.moon-sign-item .v-playPauseButton {
    width: 45px;
    height: 45px;
    border: solid 2px #FFFFFF;
    border-radius: 60px;
}

.moon-sign-item .v-captions {
    width: 100%;
    max-width: 800px;
    background-color: transparent;
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 130%;
}

.moon-sign-item .v-subtitlesList {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(32px);
    border-radius: 12px;
    padding: 12px;
    color: #FFFFFF;
}

.moon-sign-item .v-subtitlesList.v-active::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 5px solid rgba(255, 255, 255, 0.25);
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.moon-sign-item .v-trackButton {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
}

.moon-sign-item .v-trackButton.v-active {
    color: #F5B0CF;
}

.moon-sign-item .v-trackButton svg {
    fill: #F5B0CF;
}

@media (max-width: 767.98px) {
    .reading-header .navbar-progress {
        flex-basis: 110px;
    }

    .reading-header .navbar-exit.btn {
        min-width: 110px;
        min-height: 36px;
        flex-basis: 110px;
    }

    .moon-sign-item .v-captions {
        font-size: 16px;
        padding-block: 0;
    }
}

/* Moon Reading Product */
.books-banner.reading-books-banner {
    padding-block: 80px;
    min-height: unset;
}

.reading-books-banner h2 {
    font-size: 64px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    margin-top: .5rem;
    margin-bottom: 1rem;
    position: relative;
    z-index: 2;
}

.reading-books-banner h2 span {
    background: linear-gradient(90deg, #F5B0CF 0, #BA90F9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}

.books-banner.reading-books-banner .content-area .left-area p {
    font-size: 18px;
}

@media (max-width: 767.98px) {
    .reading-books-banner h2 {
        font-size: 48px;
    }

    .books-banner.reading-books-banner .content-area .left-area p {
        font-size: 16px;
    }
}

#page .membership-header .navbar .right-menus .account-menus .navbar-nav .dropdown .dropdown-menu.show {
    max-height: 300px;
}

#page .yearly-horoscope-detail .horoscope-nav-tabs .content-area .tab-content .tab-pane .tab-detail .text-area p,
#page .horoscope-detail .horoscope-nav-tabs .content-area .tab-content .tab-pane .tab-detail .text-area p {
    margin-bottom: 30px;
}

@media (max-width: 767.98px) {
    #page .membership-header .navbar .right-menus .account-menus .navbar-nav .dropdown .dropdown-menu.show {
        max-height: 100vh;
    }
}

@media (min-width: 768px) {
    #page .yearly-horoscope-detail .horoscope-nav-tabs .content-area .tab-content .tab-pane .tab-detail,
    #page .horoscope-detail .horoscope-nav-tabs .content-area .tab-content .tab-pane .tab-detail {
        padding-bottom: 0;
    }

    #page .yearly-horoscope-detail .sneak-peek-horoscope,
    #page .horoscope-detail .sneak-peek-horoscope {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    #page .yearly-horoscope-detail .subscribe-horoscope-detail,
    #page .horoscope-detail .subscribe-horoscope-detail {
        padding-top: 160px;
        padding-bottom: 80px;
    }
}

@media (max-width: 767.98px) {
    #page .page-yearly-horoscope .content-area .page-title img {
        height: 60px;
    }
}

.woocommerce .books-checkout-page .checkout-content .checkout-box-area .checkout-box .book-checkout-area .top-area .image-area {
    width: 70px;
}

.woocommerce .books-checkout-page .checkout-content .checkout-box-area .checkout-box .book-checkout-area .top-area .image-area img,
.woocommerce .books-checkout-page .checkout-content .checkout-box-area .checkout-box .top-area .image-area {
    min-width: 70px;
}

/* Product Book page issue */
.single-product .product-video::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 60px;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(top, #000 0, rgba(0, 0, 0, 0) 100%);
    z-index: 2;
}

.single-product .product-video::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 60px;
    left: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
    z-index: 2;
}

.single-product .books-banner {
    padding-block-end: 60px;
}

.single-product .books-banner::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 60px;
    left: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
}

.single-product .book-table-of-content::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 80px;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(top, #000 0, rgba(0, 0, 0, 0) 100%);
}

.single-product .book-table-of-content::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
}

.single-product .book-image-right::after,
.single-product .book-image-right + .book-table-of-content::before {
    opacity: 0;
}

.single-product.postid-124867 .book-image-right,
.single-product.postid-124867 .book-image-right .background-image,
.single-product.postid-124867 .book-image-right .background-image img {
    height: 100%;
    top: 0;
}

.single-product.postid-124867 .book-image-right::after {
    opacity: 1;
    height: 160px;
}

.single-product.postid-124867 .book-image-right .content-area {
    position: relative;
    z-index: 3;
}

.single-product.postid-86 .books-bordered.with-gradient-top::after {
    background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, 0) 100%);
    top: auto;
    bottom: 0;
    z-index: 3;
}

.single-product.postid-1181 .books-bordered {
    z-index: 4;
}

.single-product.postid-1181 .books-bordered .background-image img {
    top: 0;
    object-fit: cover;
    object-position: center;
}

.single-product.postid-1181 .books-bordered.new_gradient_red::after {
    bottom: 0;
}

.single-product.postid-1181 .book-image-right {
    z-index: 5;
}

.single-product.postid-1181 .book-image-right .background-image {
    height: 100%;
}

.single-product.postid-1181 .book-image-right.new_gradient_red .background-image img {
    top: 0;
    height: 100%;
}

.single-product.postid-1181 .book-image-right.new_gradient_red::after {
    background: linear-gradient(to top, #000 0, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
    z-index: 5;
    top: auto;
    bottom: 0;
    opacity: 1;
}

.single-product.postid-1181 .book-image-right.gradient_red .background-image.v2 img {
    height: 100%;
    top: 0;
}

.single-product.postid-1181 .book-image-right.gradient_red::after {
    opacity: 1;
    z-index: 3;
    background: linear-gradient(to top, #000 0, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
    top: auto;
    bottom: 0;
}

.single-product.postid-1181 .book-image-right.new_gradient_red.add_hidden .background-image img {
    top: 0;
}

.single-product.postid-1181 .book-image-right + .book-table-of-content::before {
    opacity: 1;
}

.single-product.postid-1181 .book-table-of-content.adjust_bg .background-image {
    height: 100%;
}

.single-product.postid-1181 .book-table-of-content.adjust_bg .background-image img {
    top: 0;
    height: 100%;
}

.single-product.postid-1181 .book-table-of-content.adjust_bg::after {
    top: auto;
    bottom: 0;
    background: linear-gradient(to top, #000 0, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
}

.single-product .books-cta::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 120px;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(top, #000 0, rgba(0, 0, 0, 0) 100%);
}

.single-product .books-cta::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 120px;
    left: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
}

.single-product .books-cta .content-area .content-box .left-area .stock-area {
    color: rgba(255, 255, 255, .75);
}

.single-product .books-similar::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(top, #000 0, rgba(0, 0, 0, 0) 100%);
}

.books-banner .content-area .left-area h1.v5 span.healing-key {
    display: inline-block;
    padding-block-end: 20px;
}

.single-product .slick-dots li {
    width: 16px;
    height: 16px;
    margin: 0 3px;
}

.single-product .slick-dots li button:before {
    color: #FFFFFF;
    opacity: .5;
}

.single-product .slick-dots li.slick-active button:before {
    color: #FFFFFF;
    opacity: 1;
}

@media (max-width: 767.98px) {
    .single-product .product-video::before,
    .single-product .product-video::after {
        height: 40px;
    }

    .single-product .books-banner {
        padding-block-end: 40px;
    }

    .single-product .books-banner::after {
        height: 40px;
    }

    .single-product .book-table-of-content {
        padding: 60px 0 80px;
    }

    .single-product .book-table-of-content::before {
        height: 40px;
    }

    .single-product .book-table-of-content::after {
        height: 60px;
    }

    .single-product .books-cta {
        margin-bottom: 0;
        padding-bottom: 100px;
    }

    .single-product .books-cta::before {
        height: 80px;
    }

    .single-product .books-cta::after {
        height: 80px;
    }

    .single-product .books-similar {
        padding-top: 100px;
    }

    .single-product .books-similar::before {
        height: 80px;
    }

    .single-product.postid-124867 .book-image-right::after {
        height: 70%;
    }

    .single-product.postid-124867 .book-image-right.calendar {
        padding-top: 40px;
    }

    .single-product.postid-124867 .book-image-right.calendar .content-area .image-area {
        margin-top: 0;
        margin-bottom: 16px;
        order: -1;
    }
    
    .single-product.postid-86 .books-bordered.with-gradient-top::after {
        background: linear-gradient(180deg, #000 0, rgba(0, 0, 0, 0) 100%);
        top: 0;
        bottom: auto;
    }
}

/* Coupon form */
.woocommerce-form-coupon-toggle {
    position: relative;
    width: 1320px;
    max-width: 100%;
    padding: 0 20px;
    margin-inline: auto;
    margin-bottom: 8px;
}

.woocommerce-form-coupon-toggle .woocommerce-info {
    background: transparent;
    color: #fff;
}

.woocommerce-form-coupon-toggle + .woocommerce-message,
.checkout_coupon.woocommerce-form-coupon {
    position: relative;
    width: 1280px;
    max-width: 100%;
    margin-inline: auto;
    margin-bottom: 8px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .08);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    padding: 20px;
    display: block;
}

.checkout_coupon.woocommerce-form-coupon .input-text {
    background: rgba(255, 255, 255, .02);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 4px;
    width: 312px;
    max-width: 100%;
    min-height: 56px;
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    padding: 1rem .75rem;
    padding-right: 45px;
}

.checkout_coupon.woocommerce-form-coupon .input-text:focus {
    border: 1px solid #f5b0cf;
}

.checkout_coupon.woocommerce-form-coupon .input-text::placeholder {
    color: #ffffff80;
}

.checkout_coupon.woocommerce-form-coupon .button {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    color: #000;
    background: #fff;
    border: 1px solid rgba(255, 255, 255, .15);
    width: 312px;
    max-width: 100%;
    min-height: 48px;
}

.form-area .gform_wrapper.gravity-theme .gform_footer {
    flex-direction: column;
}

.book-table-of-content .content-area .title-area h2.gradient-repeating-numbers.gradient_red {
    background: linear-gradient(139.11deg, #f25659 0, #ae62a7 50%, #4862c5 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.book-table-of-content .content-area .title-area h2.gradient-repeating-numbers.gradient_green {
    background: linear-gradient(152.35deg, #4aa3e7 50.56%, #ccebcf 85.53%, #f2fbf2 143.63%);
    -webkit-background-clip: text;
    background-clip: text;
}

.book-table-of-content .content-area .title-area h2.gradient-repeating-numbers.gradient_red_purple {
    background: linear-gradient(302.89deg, #0b6fe3 0, #e0146b 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.book-table-of-content .content-area .title-area h2.gradient-repeating-numbers.gradient_orange {
    background: linear-gradient(270deg, #6bdee8 0, #da73b6 47.92%, #feaf5e 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.book-table-of-content .content-area .title-area h2.gradient-repeating-numbers.gradient_purple_dark {
    background: linear-gradient(90.48deg, #c290ea 20.09%, #6946a9 102.91%);
    -webkit-background-clip: text;
    background-clip: text;
}

.book-table-of-content .content-area .title-area h2.gradient-repeating-numbers.gradient_orange_pink {
    background: linear-gradient(90.48deg, #f7caa2 20.09%, #f5b0cf 102.91%);
    -webkit-background-clip: text;
    background-clip: text;
}