/*!
Theme Name:   Storefront
Theme URI:    https://woo.com/products/storefront/
Author:       Automattic
Author URI:   https://woo.com/
Description:  Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Version:      4.5.4
Tested up to: 6.3
Requires PHP: 5.6.0
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  storefront
Tags:         e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, editor-style

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

Storefront is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer https://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

All sizing (typography, layout, padding/margins, etc) are inspired by a modular scale that uses 1em as a base size with a 1.618 ratio.
You can read more about the calculator we use in our Sass here: https://github.com/modularscale/modularscale-sass

FontAwesome License: SIL Open Font License - http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL
Images License: GNU General Public License v2 or later
*//*!
 * normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css
 *
 
*/

@font-face {
	font-family: "Montserrat";
	src: url("assets/fonts/Montserrat/Montserrat-Thin.ttf") format("truetype");
	font-weight: 250;
	font-style: normal;
}
@font-face {
	font-family: "Montserrat";
	src: url("assets/fonts/Montserrat/Montserrat-ThinItalic.ttf") format("truetype");
	font-weight: 250;
	font-style: italic;
}
@font-face {
	font-family: "Montserrat";
	src: url("assets/fonts/Montserrat/Montserrat-Light.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: "Montserrat";
	src: url("assets/fonts/Montserrat/Montserrat-LightItalic.ttf") format("truetype");
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: "Montserrat";
	src: url("assets/fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Montserrat";
	src: url("assets/fonts/Montserrat/Montserrat-Italic.ttf") format("truetype");
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: "Montserrat";
	src: url("assets/fonts/Montserrat/Montserrat-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: "Montserrat";
	src: url("assets/fonts/Montserrat/Montserrat-MediumItalic.ttf") format("truetype");
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: "Montserrat";
	src: url("assets/fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: "Montserrat";
	src: url("assets/fonts/Montserrat/Montserrat-SemiBoldItalic.ttf") format("truetype");
	font-weight: 700;
	font-style: italic;
}
@font-face {
	font-family: "Montserrat";
	src: url("assets/fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: "Montserrat";
	src: url("assets/fonts/Montserrat/Montserrat-BoldItalic.ttf") format("truetype");
	font-weight: 800;
	font-style: italic;
}
@font-face {
	font-family: "Montserrat";
	src: url("assets/fonts/Montserrat/Montserrat-Black.ttf") format("truetype");
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: "Montserrat";
	src: url("assets/fonts/Montserrat/Montserrat-BlackItalic.ttf") format("truetype");
	font-weight: 900;
	font-style: italic;
}


@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/inter/Inter-Regular.woff2') format('woff2') url('Inter-Regular.woff') format('woff');
    font-weight: 1;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/inter/Inter-Thin.woff2') format('woff2') url('Inter-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/inter/Inter-ExtraLight.woff2') format('woff2') url('Inter-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/inter/Inter-Light.woff2') format('woff2') url('Inter-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/inter/Inter-Regular.woff2') format('woff2') url('Inter-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/inter/Inter-Medium.woff2') format('woff2') url('Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: local('Inter');
    src: url('assets/fonts/inter/Inter-SemiBold.woff2') format('woff2') url('Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/inter/Inter-Bold.woff2') format('woff2') url('Inter-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/inter/Inter-ExtraBold.woff2') format('woff2') url('Inter-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/inter/Inter-Black.woff2') format('woff2') url('Inter-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'Cinema Sunday';
    src: url('assets/fonts/CinemaSunday/CinemaSunday-Regular.eot');
    src: local('Cinema Sunday Regular'), local('CinemaSunday-Regular'),
        url('assets/fonts/CinemaSunday/CinemaSunday-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/CinemaSunday/CinemaSunday-Regular.woff2') format('woff2'),
        url('assets/fonts/CinemaSunday/CinemaSunday-Regular.woff') format('woff'),
        url('assets/fonts/CinemaSunday/CinemaSunday-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
    outline-color: transparent!important;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%}
body {
    margin: 0;
/*    opacity: 1!important;*/
	-webkit-transition:all,ease,.3s;
	transition:all,ease,.3s;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden], template {
    display: none;
}
a {
    background-color: rgba(0, 0, 0, 0);
}
a:active, a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b, strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
    margin: .67em 0;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled], html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto;
}
input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td, th {
    padding: 0;
}
body {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
body, button, input, textarea {
    color: #43454b;
    font-family: "Montserrat", sans-serif;
    line-height: 1.618;
    text-rendering: optimizeLegibility;
    font-weight: 400;
}
select {
    color: initial;
    font-family: "Montserrat", sans-serif;
    max-width: 100%}
summary {
    display: list-item;
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: 300;
    margin: 0 0 .5407911001em;
    background: linear-gradient(90deg, #51459b 0%, rgba(81, 69, 155, 0.5) 100%);
      -webkit-background-clip: text; 
    background-clip: text; 
    color: transparent!important; 
    font-family: "Cinema Sunday"
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: 400;
}
h1, .alpha {
    font-size: 42px;
    line-height: 50px;
    position: relative;
    z-index: 1;
    text-align: center;
    background: linear-gradient(90deg, #51459b 0%, rgba(81, 69, 155, 0.5) 100%);
      -webkit-background-clip: text; 
    background-clip: text; 
    color: transparent!important; 
    font-family: "Cinema Sunday";
    font-weight: 300;
    margin-bottom: 40px
}
h2, .beta {
	font-size: 36px;
    line-height: normal;
    margin-bottom: 20px;
    background: linear-gradient(90deg, #51459b 0%, rgba(81, 69, 155, 0.5) 100%);
      -webkit-background-clip: text; 
    background-clip: text; 
    color: transparent!important; 
    font-family: "Cinema Sunday";
    font-weight: 300;
    display: inline-block;
}
.has-text-align-center{
    display: block;
}
.single .entry-content h2{
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: normal;
    text-align: left;
}
h3, .gamma {
    font-size: 24px;
    line-height: 1.214;
    margin-bottom: 20px;
    background: linear-gradient(90deg, #51459b 0%, rgba(215, 116, 82, 0.5) 100%);
      -webkit-background-clip: text; 
    background-clip: text; 
    color: transparent!important;  
    font-family: "Cinema Sunday";
}
h4, .delta {
    font-size: 20px;
    font-family: "Montserrat";
    font-weight: 600;
}
.alpha, .beta, .gamma, .delta {
    display: block;
}
p+header h2, p+h3, p+h4, ul+h2, ul+header h2, ul+h3, ul+h4, ol+h2, ol+header h2, ol+h3, ol+h4, table+h2, table+header h2, table+h3, table+h4, blockquote+h2, blockquote+header h2, blockquote+h3, blockquote+h4, form+h2, form+header h2, form+h3, form+h4 {
    margin-top: 20px;
}
p+h2{
	margin-top: 40px;
	margin-bottom: 20px
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin: 0 0 1.41575em;
}
p {
    margin: 0 0 1.3em;
}
.entry-content p,
.entry-content li{
	color: rgba(0, 0, 0, 0.7);
	font-size: 16px;
    line-height: 22px;
    z-index: 1;
}
body:not(.home) .entry-content .wp-block-group:not(.transparent),
.single .entry-content > p:not(.transparent){
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 100%);
	padding: 10px 20px;
	border-radius: 10px;
	margin-bottom: 40px;
}
.wp-block-group.wp-block-group-is-layout-flex{
    margin-bottom: 40px;
    gap: 30px;
}
body:not(.home) .entry-content .wp-block-group p{
	font-weight: 400;
	margin-bottom: 0
}
body:not(.home) .entry-content .wp-block-group ul{
	padding-left: 25px;
	color: rgba(0, 0, 0, 0.7);
	font-size: 20px;
}
body:not(.home) .entry-content p{
	margin-bottom: 25px;
	font-weight: 500
}
ul, ol {
    margin: 0 0 1.41575em 3em;
    padding: 0;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li>ul, li>ol {
    margin-bottom: 0;
    margin-left: 1em;
}
dt {
    font-weight: 600;
}
dd {
    margin: 0 0 1.618em;
}
b, strong {
    font-weight: 600;
}
dfn, cite, em, i {
    font-style: italic;
}
blockquote {
    padding: 0 1em;
    border-left: 3px solid rgba(0, 0, 0, .05);
    font-style: italic;
}
address {
    margin: 0 0 1.41575em;
}
pre {
    background: rgba(0, 0, 0, .1);
    font-family: "Courier 10 Pitch", Courier, monospace;
    margin-bottom: 1.618em;
    padding: 1.618em;
    overflow: auto;
    max-width: 100%}
code, kbd, tt, var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    background-color: rgba(0, 0, 0, .05);
    padding: .202em .5407911001em;
}
abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark, ins {
    text-decoration: none;
    font-weight: 600;
    background: rgba(0, 0, 0, 0);
}
sup, sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
small {
    font-size: 75%}
big {
    font-size: 125%}
figure {
    margin: 0;
}
img {
    height: auto;
    max-width: 100%;
    display: block;
    border-radius: 8px;
}
a {
    color: #51459b;
    text-decoration: none;
	-webkit-transition:all,ease,.2s;
		transition:all,ease,.2s;    
}
p a {
    text-decoration: underline; 
}
p a:hover {
    text-decoration: none; 
    color: #7E7371
}
a:focus, input:focus, textarea:focus, button:focus {
    outline: unset;
}
.storefront-cute * {
    font-family: "Comic Sans MS", sans-serif;
}
* {
    box-sizing: border-box;
}
body {
    background-color: #fff;
    overflow-x: hidden;
}
.site {
    overflow-x: hidden;
}
.site-content, .header-widget-region {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.site-header {
    background-color: #2c2d33;
    padding: 30px 0;
    color: #9aa0a7;
    background-position: center center;
    position: relative;
    z-index: 999;
}
.col-full {
    width: 100%;
}
header.site-header{
    position: fixed;
    width: 100%;
    border: none;
    background: #fffefe;   
}
header.site-header a{
	color: #51459b
}
#page{
    padding-bottom: 75px
}
.entry-content > *{
	position: relative;
}
.site-header .site-logo-anchor, .site-header .site-logo-link, .site-header .custom-logo-link {
    display: block;
    margin-bottom: 0;
}
.site-header .site-logo-anchor img, .site-header .site-logo-link img, .site-header .custom-logo-link img {
    width: 100%;
    max-width: 210px;
}
.site-header .widget {
    margin-bottom: 0;
}
.no-wc-breadcrumb .site-header {
    margin-bottom: 4.235801032em;
}
.no-wc-breadcrumb.page-template-template-homepage .site-header {
    margin-bottom: 0;
}
.header-widget-region {
    position: relative;
    z-index: 99;
}
.header-widget-region::before, .header-widget-region::after {
    content: "";
    display: table;
}
.header-widget-region::after {
    clear: both;
}
.header-widget-region .widget {
    margin: 0;
    padding: 1em 0;
    font-size: .875em;
}
.site-branding {
    float: left;
    margin-bottom: 0;
    width: calc(100% - 120px);
    font-family: "Cinema Sunday"
}
.site-branding .site-title {
    font-size: 30px;
    text-transform: uppercase;
    margin: 0;
    font-family: "Cinema Sunday";
    line-height: normal;
    display: flex;
    align-items: center;
}
.site-branding .site-description {
    font-family: "Montserrat";
    font-size: 0;
    color: #51459b
}
.site-branding .logo {
    margin: 0;
}
.site-main {
    margin-bottom: 2.617924em;
    position: relative;
}
.site-content {
    outline: none;
    overflow: hidden;
    position: relative;
    min-height: 67vh;
    display: flex;
    align-items: center;    
}
.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
    padding-top: 4.235801032em;
}
.page-template-template-homepage .type-page {
    padding-top: 2.617924em;
    padding-bottom: 2.617924em;
    position: relative;
}
.page-template-template-homepage .type-page .storefront-hero__button-edit {
    position: absolute;
    top: 1em;
    right: 1em;
    font-size: .875em;
}
.page-template-template-homepage .entry-content {
    font-size: 1.1em;
}
.page-template-template-homepage .entry-content p:last-child {
    margin-bottom: 0;
}
.page-template-template-homepage .entry-header h1 {
    font-size: 3.706325903em;
    margin-bottom: .2360828548em;
}
.page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header {
    max-width: 41.0994671405em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail {
    background-size: cover;
    background-position: center center;
    padding-top: 6.8535260698em;
    padding-bottom: 6.8535260698em;
}
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content, .page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title {
    opacity: 0;
    transition: all, ease, .5s;
}
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content.loaded, .page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title.loaded {
    opacity: 1;
}
.site-footer {
    background-color: transparent!important;
    color: #3b3c3f;
    padding: 1.618em 0 2.706325903em;
    position: relative;
}
.site-footer {
    background: linear-gradient(252.34deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 100%),
                url("assets/images/footer-bg.jpg") no-repeat center;
    background-size: cover;
    color: #fff;
}
.site-footer span{
    color: #DED8BD;
    padding-right: 10px;
}
.site-footer ul.cnss-social-icon{
    margin-top: 5px;
}
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 {
    color: #fff;
}
.site-footer a {
    color: #fff;
}
.site-footer a:hover {
    text-decoration: underline;
}

.site-footer .widget_nav_menu ul li.menu-item{
	padding-left: 30px
}

.site-footer .wp-social-link a{
	color: #FDF5F4!important;
}
.site-footer .widget_nav_menu ul li::before{
	display: none;
}
.site-footer .menu{
	display: flex;
    justify-content: flex-end;
}
.site-footer .wp-block-social-links{
	justify-content: flex-end;
}
.site-footer .wp-block-social-links .wp-block-social-link{
	background-color: #51459b!important
}
.site-footer .wp-block-social-links .wp-social-link svg {
    height: 20px;
    width: 20px;
}
.site-footer a.button, .site-footer a.components-button:not(.is-link), .site-footer a.wp-block-button__link {
    text-decoration: none;
}
.site-info {
    padding: 2.617924em 0;
}
.site-info span[role=separator] {
    padding: 0 .2360828548em 0 .3342343017em;
}
.site-info span[role=separator]::before {
    content: "|"}
.alignleft {
    display: inline;
    float: left;
    margin-right: 1em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}
.screen-reader-text {
    border: 0;
    clip: rect(1px,  1px,  1px,  1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    display: block;
    font-weight: 700;
    height: auto;
    left: 0;
    line-height: normal;
    padding: 1em 1.618em;
    text-decoration: none;
    top: 0;
    width: auto;
    z-index: 100000;
    outline: none;
}
.screen-reader-text.skip-link:focus {
    -webkit-clip-path: none;
    clip-path: none;
}
.clear::before, .clear::after, .entry-content::before, .entry-content::after, .comment-content::before, .comment-content::after, .site-content::before, .site-content::after, .site-footer::before, .site-footer::after {
    content: "";
    display: table;
}

.clear::after, .entry-content::after, .comment-content::after, .site-header::after, .site-content::after, .site-footer::after {
    clear: both;
}
table {
    border-spacing: 0;
    width: 100%;
    margin: 0 0 1.41575em;
    border-collapse: separate;
}
table caption {
    padding: 1em 0;
    font-weight: 600;
}
table td, table th {
    padding: 1em 1.41575em;
    text-align: left;
    vertical-align: top;
}
table td p:last-child, table th p:last-child {
    margin-bottom: 0;
}
table th {
    font-weight: 600;
}
table thead th {
    padding: 1.41575em;
    vertical-align: middle;
}
table tbody h2 {
    font-size: 1em;
    letter-spacing: normal;
    font-weight: 400;
}
table tbody h2 a {
    font-weight: 400;
}
.error404 .site-content .widget_product_search {
    padding: 1.618em;
    background-color: rgba(0, 0, 0, .025);
}
.error404 .site-content .widget_product_search form {
    margin: 0;
}
.error404.right-sidebar .content-area, .error404.left-sidebar .content-area {
    width: 100%}
.error404 .fourohfour-columns-2 {
    padding: 2.617924em 0;
    border: 1px solid rgba(0, 0, 0, .05);
    border-width: 1px 0;
    margin-bottom: 2.617924em;
}
.error404 .fourohfour-columns-2::before, .error404 .fourohfour-columns-2::after {
    content: "";
    display: table;
}
.error404 .fourohfour-columns-2::after {
    clear: both;
}
.error404 .fourohfour-columns-2 ul.products li.product, .error404 .fourohfour-columns-2 .widget {
    margin-bottom: 0;
}
.error404 .fourohfour-columns-2 .col-1 ul.products {
    margin-bottom: 2.2906835em;
}
.error404 .fourohfour-columns-2 .col-1 ul.products li.product {
    width: 45.4545454545%;
    float: left;
    margin-right: 9.0909090909%}
.error404 .fourohfour-columns-2 .col-1 ul.products li.product:last-child {
    margin-right: 0;
}
.error404 .fourohfour-columns-2 .col-2 {
    padding: 1.618em;
    background-color: rgba(0, 0, 0, .025);
}
#comments {
    padding-top: 2.617924em;
}
#comments .comments-title {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding-bottom: .5407911001em;
    margin-bottom: 1.618em;
}
#comments .comment-list {
    list-style: none;
    margin-left: 0;
}
#comments .comment-list .comment-body::before, #comments .comment-list .comment-body::after {
    content: "";
    display: table;
}
#comments .comment-list .comment-body::after {
    clear: both;
}
#comments .comment-list .comment-content {
    padding-bottom: 1.618em;
    margin-bottom: 1.618em;
}
#comments .comment-list .comment-content .comment-text {
    padding: 1.618em;
    border-radius: 3px;
}
#comments .comment-list .comment-content .comment-text p:last-child {
    margin-bottom: 0;
}
#comments .comment-list .comment-meta {
    margin-bottom: 1em;
}
#comments .comment-list .comment-meta .avatar {
    margin-bottom: 1em;
    max-width: 64px;
    height: auto;
}
#comments .comment-list .comment-meta a.comment-date {
    font-size: .875em;
}
#comments .comment-list .comment-meta cite {
    font-style: normal;
    clear: both;
    display: block;
}
#comments .comment-list .reply {
    margin-bottom: 1.618em;
    padding-top: .6180469716em;
}
#comments .comment-list .reply::before, #comments .comment-list .reply::after {
    content: "";
    display: table;
}
#comments .comment-list .reply::after {
    clear: both;
}
#comments .comment-list .reply a {
    display: inline-block;
    margin-right: 1em;
}
#comments .comment-list .reply a:last-child {
    margin-right: 0;
}
#comments .comment-list .children {
    list-style: none;
}
.comment-content a {
    word-wrap: break-word;
}
#respond {
    clear: both;
    padding: 1.618em;
    background-color: rgba(0, 0, 0, .0125);
    position: relative;
}
#respond .comment-form-author input, #respond .comment-form-email input, #respond .comment-form-url input {
    width: 100%}
#respond .form-submit, #respond form {
    margin-bottom: 0;
}
#respond #cancel-comment-reply-link {
    position: absolute;
    top: .5407911001em;
    right: .5407911001em;
    display: block;
    height: 1em;
    width: 1em;
    overflow: hidden;
    line-height: 1;
    font-size: 1.41575em;
    text-align: center;
    transition: transform, ease, .3s;
}
#respond #cancel-comment-reply-link:hover {
    transform: scale(1.3);
}
.hentry .wp-post-image {
    margin-bottom: 1.618em;
    margin-left: auto;
    margin-right: auto;
}
.single img[class^=attachment]{
    width: 100%
}
.hentry .entry-header {
    margin-bottom: 1em;
}
.hentry .entry-header .posted-on, .hentry .entry-header .post-author, .hentry .entry-header .post-comments, .hentry .entry-header .byline {
    font-size: .875em;
}
.hentry .entry-header .posted-on a, .hentry .entry-header .post-author a, .hentry .entry-header .post-comments a, .hentry .entry-header .byline a {
    font-weight: 600;
    text-decoration: underline;
}
.hentry .entry-header .posted-on a:hover, .hentry .entry-header .post-author a:hover, .hentry .entry-header .post-comments a:hover, .hentry .entry-header .byline a:hover {
    text-decoration: none;
}
.hentry .entry-content a,
.hentry .entry-content .entry-title a:hover{
    text-decoration: underline;
}
.hentry .entry-content a:hover {
    text-decoration: none;
}
.hentry .entry-content a.button, .hentry .entry-content a.components-button:not(.is-link), .hentry .entry-content a.wp-block-button__link {
    text-decoration: none;
    position: relative;
    z-index: 1;
    text-align: center;
}
.hentry .entry-taxonomy {
    margin: 1.41575em 0 0;
    padding-top: 1em;
    border-top: 1px solid rgba(0, 0, 0, .05);
}
.hentry.type-page .entry-header,
.single .hentry .entry-header,
.blog .entry-header{
    border-bottom: 0;
    margin-bottom: 0;
    padding: 15px 0 10px;
    position: relative;
}
#main > article > .entry-header{
    padding: 70px 0 10px;
}
.posted-on, .post-author{
    padding: 17px 20px;
    border-radius: 10px;
    color: #000000;
    font-size: 20px;
    backdrop-filter: blur(10px);
    font-family: "Montserrat";
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 100%);
}
.entry-header .posted-on,
.entry-header .post-author{
    position: absolute;
    bottom: -86px;
    left: 30px;
    z-index: 1;
}
.post-author{
    padding: 17px 50px 17px 20px;
}
.entry-header .post-author{
    bottom: -163px;
}
.post-author img {
    width: 39px;
    height: 39px;
    object-fit: contain;
    position: absolute;
    right: 0;
    top: 14px;
    border-radius: 10px;
}

.single .post-author img {
    top: 9px;
}
.rt-reading-time, .matrix-post-views {
    position: relative;
    width: fit-content;
    top: -87px;
    right: calc(268px - 100%);
    z-index: 1;
    padding: 7px 15px;
    border-radius: 5px;
    color: #51459b;
    background: linear-gradient(90deg, #FFFFFF 0%, #F9EBE6 100%);
    font-size: 14px;
    margin-bottom: -30px;
}
.matrix-post-views {
    right: -30px;
    top: -78px;
}
.cat-links, .tags-links {
    font-size: .875em;
}
.cat-links a, .tags-links a {
    color: #727272;
    font-weight: 600;
    text-decoration: underline;
}
.byline, .updated:not(.published) {
    display: none;
}
.single .byline, .group-blog .byline {
    display: inline;
}
.page-links {
    clear: both;
    margin: 0 0 1em;
}
form {
    margin-bottom: 1.618em;
}
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
}
input[type=button], input[type=reset], input[type=submit], #content button[type=submit], .button, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .added_to_cart , 
.wp-block-button .wp-block-button__link,
.woocommerce ul.products > .product:first-child .button:hover,
.woocommerce ul.products > .product .button-container .button.zoom-button,
.woocommerce ul.products > .product:last-child .button:hover,
.thin-btn.wp-block-button .wp-block-button__link:hover,
.woocommerce .woocommerce-MyAccount-content.transparent-account-content ul.products > .product .button:hover
{
    border-radius: 0;
    background: none;
    color: #51459b;
    cursor: pointer;
    padding: 19px;
    text-transform: uppercase;
    text-decoration: none;
    min-width: 194px;
    font-weight: 600;
    text-shadow: none;
    display: inline-block;
    font-size: 14px;
    border-radius: 10px;
    -webkit-appearance: none;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
    scale: 1;
    height: auto;
	-webkit-transition:all,ease,.2s;
	transition:all,ease,.2s;
}
form input[type=submit] {
    box-shadow: 2px 1px 4px 2px #51459b inset;
    background-position: center;
    border: 1px solid transparent;
    z-index: 1;
}
input[type=submit]:hover, #content button[type=submit]:hover,
.wp-block-button .wp-block-button__link:hover,
.button:hover{
    background: transparent;
    border: 1px solid #51459b;
}
.health-chart input[type=submit]:hover,
#sgpb-popup-dialog-main-div-wrapper input[type=submit]:hover{
    box-shadow: 2px 1px 4px 3px #51459b inset;
}
.matrix-longer-btn.blueprint-button .wp-element-button{
    padding: 19px 52px
}
.thin-btn.wp-block-button .wp-block-button__link{
    background: #fff;
    color: #51459b;
    border: 1px solid #51459b;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}
button::after, input[type=button]::after, input[type=reset]::after, input[type=submit]::after, .button::after, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link::after, .added_to_cart::after {
    display: none;
}
button.cta:hover, button.alt:hover, input[type=button].cta:hover, input[type=button].alt:hover, input[type=reset].cta:hover, input[type=reset].alt:hover, input[type=submit].cta:hover, input[type=submit].alt:hover, .button.cta:hover, .button.alt:hover, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta:hover, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt:hover, .added_to_cart.cta:hover, .added_to_cart.alt:hover {
    background-color: #2c2d33;
}
button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:hover, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover, .added_to_cart:hover {
    border: 1px solid #51459b!important
}
button.loading, input[type=button].loading, input[type=reset].loading, input[type=submit].loading, .button.loading, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.loading, .added_to_cart.loading {
    opacity: .5;
}
button.small, input[type=button].small, input[type=reset].small, input[type=submit].small, .button.small, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.small, .added_to_cart.small {
    padding: .5407911001em .875em;
    font-size: .875em;
}
button.disabled, button:disabled, input[type=button].disabled, input[type=button]:disabled, input[type=reset].disabled, input[type=reset]:disabled, input[type=submit].disabled, input[type=submit]:disabled, .button.disabled, .button:disabled, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled, .added_to_cart.disabled, .added_to_cart:disabled {
    opacity: .5 !important;
    cursor: not-allowed;
}
button.disabled:hover, button:disabled:hover, input[type=button].disabled:hover, input[type=button]:disabled:hover, input[type=reset].disabled:hover, input[type=reset]:disabled:hover, input[type=submit].disabled:hover, input[type=submit]:disabled:hover, .button.disabled:hover, .button:disabled:hover, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled:hover, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled:hover, .added_to_cart.disabled:hover, .added_to_cart:disabled:hover {
    opacity: .5 !important;
}
.button.woocommerce-MyAccount-downloads-file {
    overflow-wrap: anywhere;
    word-break: break-word;
    -ms-word-break: break-all;
}
.wc-block-components-button:not(.is-link).disabled, .wc-block-components-button:not(.is-link):disabled {
    opacity: .5;
    cursor: not-allowed;
}
.wc-block-components-button:not(.is-link).disabled:hover, .wc-block-components-button:not(.is-link):disabled:hover {
    opacity: .5;
}
input[type=checkbox], input[type=radio] {
    padding: 0;
}
input[type=checkbox]+label, input[type=radio]+label {
    margin: 0 0 0 .3819820591em;
}
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}
input[type=search] {
    box-sizing: border-box;
}
input::placeholder, textarea::placeholder {
    color: #7E7371!important;
    opacity: 1!important
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input[type=text],input[type=date], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea, .input-text {
    padding: 16px 20px;
    background-color: #fff!important;
    color: #51459b;
    border: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 300;
    border: 1px solid #51459b;
    border-radius: 10px;
    width: 100%;
    height: 60px;
    box-shadow: unset;
    -webkit-transition:all,ease,.2s;
    transition:all,ease,.2s;
}
input[type=text]:focus, input[type=date]:focus, input[type=number]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus, .input-text:focus {
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    border-color: #fff;
}
textarea {
    overflow: auto;
    height: auto;
}
label {
    font-weight: 400;
}
label.inline input {
    width: auto;
}
fieldset {
    padding: 1.618em;
    padding-top: 1em;
    border: 0;
    margin: 0;
    margin-bottom: 1.618em;
    margin-top: 1.618em;
}
fieldset legend {
    font-weight: 600;
    padding: .6180469716em 1em;
    margin-left: -1em;
}
[placeholder]:focus::-webkit-input-placeholder {
    -webkit-transition: opacity .5s .5s ease;
    transition: opacity .5s .5s ease;
    opacity: 0;
}
.page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    display: inline-block;
    border-radius: 0;
}
.wp-caption {
    margin-bottom: 1em;
    max-width: 100%}
.wp-caption img[class*=wp-image-] {
    display: block;
    margin: 0 auto;
}
.wp-caption .wp-caption-text {
    text-align: left;
    font-style: italic;
    border-bottom: 2px solid rgba(0, 0, 0, .05);
    padding: 1em 0;
}
.gallery {
    margin-bottom: 1em;
}
.gallery::before, .gallery::after {
    content: "";
    display: table;
}
.gallery::after {
    clear: both;
}
.gallery .gallery-item {
    float: left;
}
.gallery .gallery-item .gallery-icon a {
    display: block;
}
.gallery .gallery-item .gallery-icon img {
    border: none;
    height: auto;
    margin: 0 auto;
}
.gallery .gallery-item .gallery-caption {
    margin: 0;
    text-align: center;
}
.gallery.gallery-columns-1 .gallery-item {
    width: 100%}
.gallery.gallery-columns-2 .gallery-item {
    width: 50%}
.gallery.gallery-columns-3 .gallery-item {
    width: 33.3%}
.gallery.gallery-columns-4 .gallery-item {
    width: 25%}
.gallery.gallery-columns-5 .gallery-item {
    width: 20%}
.gallery.gallery-columns-6 .gallery-item {
    width: 16.666666667%}
.gallery.gallery-columns-7 .gallery-item {
    width: 14.285714286%}
.gallery.gallery-columns-8 .gallery-item {
    width: 12.5%}
.gallery.gallery-columns-9 .gallery-item {
    width: 11.111111111%}
embed, iframe, object, video {
    max-width: 100%}
.secondary-navigation {
	display: none;
}
button.menu-toggle {
    cursor: pointer;
    text-align: left;
	position: fixed;
    top: 28px;
    right: 20px;
    box-shadow: none;
    background-image: none;
    padding: 0;
    max-width: 120px;
    background-color: transparent!important;
    border: unset;
}
button.menu-toggle span{
	color: transparent;
}
button.menu-toggle:hover {
    background-image: none;
}
button.menu-toggle span::before {
    transition: all, ease, .2s;
}
button.menu-toggle::before, button.menu-toggle::after,
#sgpb-popup-dialog-main-div:before, #sgpb-popup-dialog-main-div:after{
    content: "";
    background: url("assets/images/menu.svg") no-repeat;
    display: block;
    height: 6px;
    width: 19px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1px;
    transition: all, ease, .2s;
    background-color: unset!important;
}
button.menu-toggle::before {
    transform: translateY(-2px);
}
button.menu-toggle::after {
    transform: translateY(4px);
}
.toggled button.menu-toggle::before, .toggled button.menu-toggle::after,
#sgpb-popup-dialog-main-div:before, #sgpb-popup-dialog-main-div:after {
    transform: rotate(45deg);
    background: url("assets/images/menu-white.svg") no-repeat;
}
.toggled button.menu-toggle::after , #sgpb-popup-dialog-main-div:after{
    transform: rotate(-45deg);
}
.toggled button.menu-toggle span::before {
    opacity: 0;
}
.toggled + .site-branding a{
	color: #FDF5F4
}
#sgpb-popup-dialog-main-div:before, #sgpb-popup-dialog-main-div:after{
    top: 30px;
    right: 30px
}
.sgpb-popup-close-button-3{
    opacity: 0!important
}
.sgpb-main-html-content-wrapper > *{
    color: #fdf5f4!important;
}
.main-navigation > .menu{
	display: none;
}
.main-navigation::before, .main-navigation::after {
    content: "";
    display: table;
}
.main-navigation::after {
    clear: both;
}
.main-navigation div.menu {
    display: none;
}
.main-navigation .menu {
    clear: both;
}
.handheld-navigation, .nav-menu, .main-navigation div.menu>ul:not(.nav-menu) {
    overflow: hidden;
    max-height: 0;
    transition: all, ease, .8s;
}
.handheld-navigation {
    clear: both;
}
.handheld-navigation ul {
    margin: 0;
}
.handheld-navigation ul.menu li {
    position: relative;
}
.handheld-navigation ul.menu li button::after {
    transition: all, ease, .9s;
}
.handheld-navigation ul.menu li button.toggled-on::after {
    transform: rotate(180deg);
}
.handheld-navigation ul.menu .sub-menu {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    transition: all, ease, .9s;
}
.handheld-navigation ul.menu .sub-menu.toggled-on {
    visibility: visible;
    max-height: 9999px;
    opacity: 1;
}
.handheld-navigation .dropdown-toggle {
    background: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    right: 0;
    display: block;
}
.main-navigation.toggled .handheld-navigation, .main-navigation.toggled .menu>ul:not(.nav-menu), .main-navigation.toggled ul[aria-expanded=true] {
    max-height: 9999px;
	padding-top: 10px;
}
.main-navigation ul {
    margin-left: 0;
    list-style: none;
    margin-bottom: 0;
}
.main-navigation ul ul {
    display: block;
    margin-left: 1.41575em;
}
.main-navigation ul li a {
    padding: .875em 0;
    display: block;
    color: #000;
    font-size: 14px;
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    font-family: "Montserrat", sans-serif;
}
.main-navigation ul li a:hover {
    color: #e6e6e6;
}
.site-main nav.navigation {
    clear: both;
    padding: 0 0 30px;
    width: 100%;
    margin-top: 70px;
}

nav.navigation + .beta{
    margin-top: 30px;
}
.site-main nav.navigation::before, .site-main nav.navigation::after {
    content: "";
    display: table;
}
.site-main nav.navigation::after {
    clear: both;
}
.site-main nav.navigation .nav-previous a, .site-main nav.navigation .nav-next a {
    display: inline-block;
}
.site-main nav.navigation .nav-previous {
    float: left;
    width: 50%}
.site-main nav.navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%}
.pagination, .woocommerce-pagination {
    padding: 1em 0;
    text-align: center;
    clear: both;
}
.pagination ul.page-numbers::before, .pagination ul.page-numbers::after, .woocommerce-pagination ul.page-numbers::before, .woocommerce-pagination ul.page-numbers::after {
    content: "";
    display: table;
}
.pagination ul.page-numbers::after, .woocommerce-pagination ul.page-numbers::after {
    clear: both;
}
.pagination .page-numbers, .woocommerce-pagination .page-numbers {
    list-style: none;
    margin: 0;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    gap: 30px;
}
.pagination .page-numbers li, .woocommerce-pagination .page-numbers li {
    display: inline-block;
}
.pagination .page-numbers li .page-numbers, .woocommerce-pagination .page-numbers li .page-numbers {
    display: inline-block;
    background-color: transparent;
    color: #51459b;
    border-radius: 10px;
    min-width: 60px;
    padding: 20px;
    height: 60px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #51459b;
}
.pagination .page-numbers li .page-numbers.current, .woocommerce-pagination .page-numbers li .page-numbers.current,
.pagination .page-numbers li a.page-numbers:hover, .woocommerce-pagination .page-numbers li a.page-numbers:hover {
    background-color: #51459b;
    color: #fff
}
.pagination .page-numbers li .page-numbers.dots, .woocommerce-pagination .page-numbers li .page-numbers.dots {
    background-color: rgba(0, 0, 0, 0);
}
.pagination .page-numbers li .page-numbers.prev, .pagination .page-numbers li .page-numbers.next, .woocommerce-pagination .page-numbers li .page-numbers.prev, .woocommerce-pagination .page-numbers li .page-numbers.next {
    padding-left: 1em;
    padding-right: 1em;
}

.rtl .pagination a.next, .rtl .pagination a.prev, .rtl .woocommerce-pagination a.next, .rtl .woocommerce-pagination a.prev {
    transform: rotateY(180deg);
}
.widget select {
    max-width: 100%}

.widget.widget_cnss_widget{
    margin-bottom: 45px
}
.footer-widget-1 > div:first-child{
    margin-bottom: 20px
}
.widget .widget-search .search-submit {
    border: 0;
    clip: rect(1px,  1px,  1px,  1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
.widget .widget-title, .widget .widgettitle {
    font-family: "Cinema Sunday";
    text-align: center;
    font-size: 42px;
    line-height: 50px;
    padding: 0;
    margin-bottom: 40px;
    font-weight: 300;
}
.widget ul {
    margin-left: 0;
    list-style: none;
}
.widget ul ul {
    margin-left: 1.618em;
}
.widget-area .widget {
    font-size: .875em;
    font-weight: 400;
}
.widget-area .widget h1.widget-title {
    font-size: 1.41575em;
}
.widget-area .widget a:hover {
    text-decoration: none;
}
.widget-area .widget a.button, .widget-area .widget a.components-button:not(.is-link), .widget-area .widget a.wp-block-button__link {
    text-decoration: none;
}
.widget-area .widget a.button {
    font-weight: 600 !important;
}
.widget_search form:not(.wp-block-search), .widget_product_search form:not(.wp-block-search) {
    position: relative;
}
.widget_search form:not(.wp-block-search) input[type=text], .widget_search form:not(.wp-block-search) input[type=search], .widget_product_search form:not(.wp-block-search) input[type=text], .widget_product_search form:not(.wp-block-search) input[type=search] {
    width: 100%}
.widget_search form:not(.wp-block-search) input[type=submit], .widget_search form:not(.wp-block-search) button[type=submit], .widget_product_search form:not(.wp-block-search) input[type=submit], .widget_product_search form:not(.wp-block-search) button[type=submit] {
    border: 0;
    clip: rect(1px,  1px,  1px,  1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
    top: 0;
    left: 0;
}
.widget_recent_entries ul, .widget_pages ul, .widget_categories ul, .widget_archive ul, .widget_recent_comments ul, .widget_nav_menu ul, .widget_links ul, .widget_product_categories ul, .widget_layered_nav ul, .widget_layered_nav_filters ul {
    margin: 0;
}
.widget_recent_entries ul li, .widget_pages ul li, .widget_categories ul li, .widget_archive ul li, .widget_recent_comments ul li, .widget_nav_menu ul li, .widget_links ul li, .widget_product_categories ul li, .widget_layered_nav ul li, .widget_layered_nav_filters ul li {
    list-style: none;
    margin-bottom: 1em;
    line-height: 1.41575em;
}
.widget_recent_entries ul .children, .widget_pages ul .children, .widget_categories ul .children, .widget_archive ul .children, .widget_recent_comments ul .children, .widget_nav_menu ul .children, .widget_links ul .children, .widget_product_categories ul .children, .widget_layered_nav ul .children, .widget_layered_nav_filters ul .children {
    margin-left: 0;
    margin-top: 1em;
}
#wp-calendar th, #wp-calendar td, .wp-calendar-table th, .wp-calendar-table td {
    padding: .236em;
    text-align: center;
}
.widget_recent_entries ul ul.children, .widget_pages ul ul.children {
    margin: .6180469716em 0 0 1.41575em;
}
.widget_rating_filter .wc-layered-nav-rating {
    margin-bottom: .6180469716em;
}
.widget_rating_filter .wc-layered-nav-rating a {
    text-decoration: none !important;
}
.widget_rating_filter .wc-layered-nav-rating .star-rating {
    display: inline-block;
    height: 1em;
    line-height: 1;
}
.health-chart{
    position: relative;
}
.wp-block-cover .health-chart{
    max-width: 487px;
    margin-top: 115px;

}
.health-chart form{
    position: relative;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    column-gap: 20px;  
}
.wp-block-cover .health-chart form{
	background: transparent;
    backdrop-filter: blur(36px);
    flex-direction: column;
    row-gap: 20px;
    border: 1px solid rgb(255 255 255 / 40%);
}
.single-celebrity-chart .health-chart{
    margin-top: 30px;
}
.single-celebrity-chart .health-chart form,
.single-celebrity-chart .matrix-buttons-columns.personal-matrix-buttons .change-to-save-chart{
    display: none;
}
.health-chart-stars{
	position: relative;
}
.head-page-stars{
    position: absolute;
    top: 0;
    width: 100%;
}
.health-chart-stars img, .head-page-stars img{
	position: absolute;
	max-width: 50px;
    -webkit-transition: all,ease,.5s;
    transition: all,ease,.5s;	
}
.health-chart-stars img:nth-child(1){
    top: -613px;
    left: 5px;
}
.health-chart-stars img:nth-child(2){
	top: -418px;
    left: 15px;
}
.health-chart-stars img:nth-child(3){
    top: -378px;
    left: 195px;
}
.health-chart-stars img:nth-child(4){
	top: -284px;
    left: 92px;
}
.health-chart-stars img:nth-child(5){
	top: -223px;
    left: 220px;
}
.health-chart-stars img:nth-child(6){
	top: -162px;
    left: 63px;
}
.health-chart-stars img:nth-child(7){
	top: -131px;
    left: 258px;
}
.health-chart-stars img:nth-child(8){
	top: -612px;
    right: 129px;
}
.health-chart-stars img:nth-child(9){
    top: -557px;
    right: -22px;
}
.health-chart-stars img:nth-child(10){
	top: -398px;
    right: 48px;
}
.health-chart-stars img:nth-child(11){
	top: -360px;
    right: 213px;
}
.health-chart-stars img:nth-child(12){
	top: -253px;
    right: 70px;
}
.health-chart-stars img:nth-child(13){
	top: -142px;
    right: 151px;
}

.head-page-stars img:nth-child(1){
    top: -9px;
    left: 19px;
}
.head-page-stars img:nth-child(2){
    top: 135px;
    left: 99px;
}
.head-page-stars img:nth-child(3){
    top: 98px;
    left: 250px;
}
.head-page-stars img:nth-child(4){
    top: 0;
    right: 170px;
}
.head-page-stars img:nth-child(5){
    top: 80px;
    right: 0;
}
.head-page-stars img:nth-child(6){
    top: 154px;
    right: 270px;
}
.entry-content .wp-block-cover{
	padding: 1em 0;
	overflow: visible;
}
#contact.wp-block-cover {
    min-height: calc(100vh - 120px);
}
#contact.wp-block-cover h1 {
    color: #fff!important;
    font-size: 56px;
    line-height: 62px;
    margin-top: 30px;
    margin-bottom: 15px;
    max-width: 670px;
}
#contact.wp-block-cover p{
    color: #fff;
    font-size: 22px;
    font-family: 'Montserrat';
}
.matrix-offset-cover.wp-block-cover  .wp-block-cover__background{
    opacity: 1!important;
    background-color: unset!important;
    background: linear-gradient(287.66deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    border-radius: 10px;
}
#chart-widget{
    border-radius: 20px;
}
#chart-widget *{
    margin: 0
}
#chart-widget .wp-block-heading{
    font-size: 64px!important;
    line-height: 70px
}
#chart-widget .wp-block-cover__inner-container {
    padding: 65px 0;
}
#chart-widget .wp-block-columns {
    align-items: flex-end!important;
}
.chakra-data{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 30px;
}
.single-celebrity-chart .chakra-data{
    margin-top: 80px;
}
.chakra-compatibility-charts{
    display: flex;
    flex-direction: row;
} 
.chakra-compatibility-charts .chakra-chart{
    left: 0;
    padding-left: 0
} 
.chakra-data-row{
	padding: 10px 20px;
	color: #51459b
}
.chakra-table .chakra-data-row > *{
	width: 20%;
	display: inline-block;
}
.chakra-table .chakra-data-row > div:first-child{
	width: 37%
}
.chakra-row-td{
	background: #fff;
	border-radius: 10px;
	margin-bottom: 10px
}
.chakra-row-tf > *{
	font-weight: 800
}
.chakra-table .chakra-data-col{
	text-align: center;
}
.chakra-row-td .chakra-data-col{
	color: #7E7371
}
.chakra-row-td .chakra-name-col{
	font-weight: 500
}
.chakra1 .chakra-name-col{
	color: #5B7FCC
}
.chakra2 .chakra-name-col{
	color: #41BAC7
}
.chakra3 .chakra-name-col{
	color: #37CFBD
}
.chakra4 .chakra-name-col{
	color: #B0D715
}
.chakra5 .chakra-name-col{
	color: #EFAF00
}
.chakra6 .chakra-name-col{
	color: #DFA92D
}
.chakra7 .chakra-name-col{
	color: #51459b
}
.chakra-table-mob .wp-block-columns{
	gap: 10px;
}
.chakra-table-mob{
	padding-bottom: 55px;
}
.chakra-table-mob .chakra-data-table{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;	
}
.chakra-table-mob .chakra-row-td{
	width: calc(50% - 5px);
	display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.chakra-row-td:not(.chakra_result){
	-webkit-transition:all,ease,.2s;
	transition:all,ease,.2s;
	-webkit-box-shadow: unset;
	-moz-box-shadow: unset;
	box-shadow: unset;	
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.4) 100%);	
}
.chakra-row-td:not(.chakra_result):hover{
	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); 
}
.chakra-table-mob .chakra-row-td.chakra_result{
	background: transparent;
}
.chakra-table-mob .chakra-row-td.chakra_result .chakra-name-col,
.chakra-table-mob .chakra-row-td.chakra_result .chakra-data-col span{
	font-weight: 800;
	color: #51459b
}
.chakra-table-mob .chakra-data-col{
	display: flex;
    justify-content: space-between;
    color: #51459b
}
.chakra-table-mob .chakra-data-col span{
	color: #7E7371;
	font-size: 16px
}
.chakra-purposes{
	padding: 20px 0;
	column-gap: 100px;
	padding: 20px;
    position: relative;
}
.purpose-chart{
	position: relative;
}
.purpose-chart .purpose-chart-item{
	width: 120px;
	display: flex;
    align-items: center;
    justify-content: space-between;	
    margin-bottom: 42px;
}
.purpose-chart .purpose-chart-text{
	color: #51459b;
	font-size: 17px
}
.purpose-chart .purpose-chart-circle{
	width: 40px;
	height: 40px;
	background: #fff;
	border: 1px solid #51459b;
	border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7E7371;
}
.purpose-chart svg{
	position: absolute;
	top: 17px;
    left: 119px;	
}
.purpose-chart svg + .purpose-chart-circle{
	position: absolute;
	top: 38px;
    left: 150px;	
}
.form-stick {
    position: absolute;
    left: 240px;
    bottom: 38px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    display: flex;
}
.wc-block-grid__products .wc-block-grid__product{
	padding: 30px;
	-webkit-box-shadow: unset;
	-moz-box-shadow: unset;
	box-shadow: unset;	
	border-bottom: unset;
	background: linear-gradient(180deg, rgba(255,255,255,0.6) 51%, rgba(255,255,255,0.06) 90%, rgba(255,255,255,0) 100%);
}
.faq-block{
	position: relative;
}
.faq-block h2{
	text-align: center;
}
.faq-block .accord-block{
	padding: 24px 24px 24px 30px;
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.4) 100%);
	margin-bottom: 10px;
	border-radius: 10px;
	position: relative;
	box-shadow: unset;
    z-index: 1;
	-webkit-transition:all,ease,.2s;
		transition:all,ease,.2s;	
}
.faq-block .accord-block:hover{
    box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
}
.faq-block .accord-block.active .accord-block-content{
	max-height: 100000px;
	margin: 15px 0 10px;
}

.chakra-table-mob .faq-block .accord-block.active .accord-block-content{
    margin-left: -20px;
}

.accord-block-content strong{
    font-weight: 500
}
.faq-block h4{
	font-size: 20px;
    color: #001208!important;
}
.faq-block.colored-faq-block h4{
    color: #51459b!important;
}
.accord-block-content{
	max-height: 0;
	overflow: hidden;
	margin: 0;
    font-size: 16px;
    line-height: 26px;
	-webkit-transition:all,ease,.3s;
	transition:all,ease,.3s;
}
.accord-block-header {
    margin-bottom: 0;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
}
.accord-block-header:after{
	content: '';
    background: url("assets/images/arrow.svg") no-repeat;
    width:14px;
    height: 14px;
    position: absolute;
    right: 30px;
    top: 38px;
	-webkit-transition:all,ease,.3s;
		transition:all,ease,.3s;
}
.accord-block.closed .accord-block-header:after{
    background: url("assets/images/close.svg") no-repeat;
    background-size: contain;
}
.faq-block .accord-block.active:not(.closed) .accord-block-header:after{
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.matrix-info .accord-block-header:after{
	right: 20px;
    top: 19px;
}
.accord-block.closed .accord-block-header:after{
    top: 16px;
    right: 18px;
}
.matrix-info.faq-block .accord-block {
    padding: 9px 40px 8px 20px;
    border-radius: 10px;
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.4) 100%);
    border: 1px solid #fff;
}
.woocommerce .woocommerce-MyAccount-content ul.products{
    width: 100%;
}
.woocommerce ul.products > .product{
	padding: 30px;
	margin-bottom: 30px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 20px;
    text-align: left;
}
.woocommerce ul.products > .product.product_cat-compatibility-tariffs:hover,
.woocommerce ul.products > .product.product_cat-main-tariffs:hover{
    background: rgb(255 255 255);
}
.matrix-products-container > *{
    min-width: 40%
}
.site-main .woocommerce ul.products.columns-3 li.product:nth-child(2){
	background: #fff;
}
.woocommerce ul.products > .product .button.no-active{
    color: #000!important;
    border: 1px solid #979797!important;
    pointer-events: none;
    font-weight: 800;
}
.woocommerce ul.products > .product .button.no-active::after{
    background: #ffe8d4;
    background-position: center;
    box-shadow: unset;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
	font-size: 22px;
	font-weight: 700;
	font-family: "Montserrat";
	line-height: normal;
	color: rgba(0, 0, 0, 0.7)!important;
}

.site-main .woocommerce .woocommerce-MyAccount-content.transparent-account-content ul.products{
    background: transparent;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.site-main .woocommerce .woocommerce-MyAccount-content.transparent-account-content ul.products li.product{
    scale: unset;
    top: unset;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0;
}

.page-template-template-fullwidth-php .woocommerce-MyAccount-content > .woocommerce{
    width: 100%
}

.woocommerce ul.products li.product .price{
	font-family: "Cinema Sunday";
	font-size: 34px;
	line-height: 46px;
	letter-spacing: -0.1px;
	color:  #51459b
}

.products > .product.post-77 .price:after{
	content: " /mo";
}
.woo-product-short-desc{
	position: relative;
	margin-top: 40px;
	margin-bottom: 28px;
    font-weight: 600;
    font-size: 14px;
}
.woo-product-short-desc ul li{
    font-size: 14px
}
.woocommerce-MyAccount-content.transparent-account-content .woo-product-short-desc{
    margin-top: 45px;
}
.woocommerce-LoopProduct-link.woocommerce-loop-product__link{
    position: relative;
}

.woocommerce-LoopProduct-link.woocommerce-loop-product__link:before{
    content: '';
    position: absolute;
    width: 50px;
    height: 5px;
    border-radius: 5px;
    background: #51459b;
    left: 0;
    bottom: -10px;
}

.chakra-table h3{
	margin-bottom: 17px;
    font-size: 42px;
    display: inline-block;
}

h2.has-huge-font-size{
    font-size: 42px;
    margin-bottom: 30px;
    line-height: normal;
}

.matrix-img-style1 img{
	transform: rotate(355deg);
}
.matrix-img-style2 img{
	transform: rotate(9deg);
}
.matrix-img-style1, .matrix-img-style2{
	position: relative;
}
.matrix-img-style1:before, .matrix-img-style2:before{
    content: '';
    border-radius: 10px;
    display: block;
    height: 80%;
    width: 100%;
    top: 10%;
    position: absolute;
}
.matrix-img-style1:before{
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.4) 100%);
}
.matrix-img-style2:before{
	background: linear-gradient(90deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,1) 100%);
}
.matrix-help-you .wp-block-column{
	display: flex;
	gap: 10px;
	background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.4) 100%);
	padding: 20px;
	border-radius: 10px;
	align-items: center;
    border: 1px solid #fff;
}
.matrix-help-you .wp-block-column .wp-block-image{
	min-width: 50px;
	margin: 0
}
.matrix-help-you .wp-block-column p{
	font-size: 14px;
    line-height: 17px;
	margin-bottom: 0!important;
    font-family: "Montserrat";
}

.matrix-snake{
    position: relative;
}

.matrix-snake::before{
    content: "";
    position: absolute;
    width: 200px;
    height: 369px;
    top: 54px;
    left: calc(50% - 100px);
    background: url("assets/images/snake.svg") no-repeat;
}

.matrix-help-you.matrix-help-you-style2{
    margin-bottom: 0!important;
    gap: 100px!important;
}

.matrix-help-you.matrix-help-you-style2 .wp-block-column{
    background: transparent;
    border: unset;
}

.matrix-help-you.matrix-help-you-style2 > .wp-block-column:first-child{
    text-align: right;
}

.matrix-help-you.matrix-help-you-style2 > .wp-block-column:last-child{
    position: relative;
    top: 80px;
}

.matrix-help-you.matrix-help-you-style2 > .wp-block-column:last-child > .wp-block-group{
    flex-direction: row-reverse;
}

.matrix-help-you.matrix-help-you-style2 img{
    width: 50px;
    height: 50px;
}

.matrix-help-you.matrix-help-you-style2 .wp-block-group {
    margin-bottom: 0;
    column-gap: 24px;
    row-gap: 0;
    align-items: flex-start;
}

.matrix-help-you.matrix-help-you-style2 .matrix-help-you-icon{
    border: 1px solid #51459b!important;
    padding: 20px!important;
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.4) 100%)!important;
    backdrop-filter: blur(30px);    
    margin-bottom: 0!important;
}

.matrix-help-you.matrix-help-you-style2 .wp-block-heading{
    color: #51459b!important;
    width: 100%;
}

.matrix-help-you.matrix-help-you-style3 .wp-block-column{
    flex-direction: column!important;
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.3) 100%);
}

.matrix-help-you.matrix-help-you-style3 p{
    font-weight: 500;
    line-height: 20px;
}

.matrix-help-you.matrix-help-you-style3 .wp-block-group{
    margin-bottom: 2px;
    gap: 0;
    width: 100%;
    justify-content: flex-start;
    flex-direction: row;
}

.matrix-help-you.matrix-help-you-style3 .wp-block-group p {
    font-size: 32px;
    line-height: 1.2;
    min-width: 60px;
    font-weight: 800;
}

.matrix-help-you.matrix-help-you-style3 .wp-block-heading{
    color: inherit!important;
    font-size: 14px;
    width: 100%;
    margin-bottom: 0!important;
}

.storefront-breadcrumb {
    display: none;
}
body .cky-consent-container{
	left: calc((100vw - 1140px) / 2);
	width: 1140px;
	max-width: 100%;
	bottom: -100px;
	-webkit-transition:all,ease,.3s;
	transition:all,ease,.3s;
}
body .cky-consent-container.active{
	bottom: 40px
}
body .cky-consent-container .cky-consent-bar{
	border-radius: 10px;
	padding: 20px
}
.cky-notice-group {
    display: flex;
    align-items: center;
    gap: 10px;
}
body .cky-btn{
    position: relative;
    z-index: 1
}
body .cky-notice-btn-wrapper {
    width: 256px;
    margin-top: 0;
    gap: 10px;
}
body .cky-btn-accept, body .cky-btn-reject{
	border-width: 1px;
    border-radius: 10px;
    margin: 0!important;
	-webkit-transition:all,ease,.2s;
	transition:all,ease,.2s;
}
body .cky-btn-accept:hover, body .cky-btn-reject:hover{
	opacity: 1;
	color: #fff!important
}
body .cky-notice .cky-title {
    margin: 0;
}
.chakra-chart{
    position: relative;
    max-width: 570px;
    margin: 0 auto;
}
.chakra-chart svg{
    max-width: 100%;
    overflow: visible;
}
.hakra-chart-result{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.hakra-chart-result > div{
    position: absolute;
    opacity: 0;
}
.chakra-data.active .hakra-chart-result > div{
    opacity: 1;
    width: 25px;
    text-align: center;
}

.hakra-chart-result > div[id^='years-forecast-']{
    font-size: 8px;
    margin-left: 0;
    margin-top: 0
}

#pdf_image_base64{
    display: none;
}

form .field-invalid{
    border-color: #F5604B!important;
    color: #F5604B
}
form .field-valid{
    border-color: #FFD62D;
    color: #FFD62D
}

.buttons-container{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

button.delete_account{
    background-color: #51459b;
    border: 1px solid #51459b;
    color: red;
}

button.delete_account:hover{
    background-color: #e2401c;
    border: 1px solid #e2401c;
}

.button-container{
    position: relative;
    width: max-content;
}
.matrix-log-forms .button-container{
    width: auto;
}
.button-container:before{
    content: '';
    position: absolute;
    top: calc(50% - 19px);
    left: calc(50% - 17px);
    z-index: 2;
}
.button-container.submit-loader input,
.button-container.submit-loader button,
.button-container.submit-loader a,
.button-container .disable-button{
    pointer-events: none;
    opacity: 0.2
}
#pdf-form .button-container{
    text-align: center;
    margin-top: 25px;
    width: 100%
}
#pdf-form input[type=email]{
    max-width: 500px;
    margin: 0 auto;
    display: block;
}
#sgpb-popup-dialog-main-div{
    position: relative;
}
.unlinked{
    pointer-events: none;
}
.product > .button-container{
    margin: auto;
}
.submit-loader:before {
  content: '';
  width: 30px;
  padding: 4px;
  aspect-ratio: 1;
  border-radius: 30px;
  background: #51459b;
  --_m: 
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
          mask: var(--_m);
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
  animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}

.matrix-checker{
    position: absolute;
    top: -65px;
    left: 0;
    z-index: 1;
    width: 100%;
    max-width: 500px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.matrix-checker.my-charts-checker{
    position: relative;
    top: 0;
    margin: 0 0 40px;    
}

.matrix-checker a{
    padding: 12px 25px;
    font-size: 12px;
    font-weight: 700;
    color: #51459b;
    border-radius: 10px;
    text-transform: uppercase;
    text-decoration: none!important;
    text-align: center;
    width: 100%;
    background: transparent;
    border: 1px solid #51459b;
}

.wp-block-cover .matrix-checker a{
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0.4) 100%);
    backdrop-filter: blur(20px);
    border: 1px solid rgb(255 255 255 / 50%);
    color: #ffffff;
}

.matrix-checker a.active, .matrix-checker a:hover{
    color: #ffffff;
    background: #51459b
}

.wp-block-cover .matrix-checker a.active, 
.wp-block-cover .matrix-checker a:hover{
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.4) 100%);
    color: #000;
}

.matrix-checker a.active{
    pointer-events: none;
    cursor: none;
}

.matrix-cabinet-charts .health-chart form{
    margin-bottom: 60px
}

.chakra-chart-head{
    width: 100%;
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-bottom: 5px;
    height: 41px;
    opacity: 0;
    -webkit-transition:all,ease,.2s;
    transition:all,ease,.2s;
}

.chakra-compatibility-charts #main_chart .chakra-chart-head{
    height: auto;
    align-items: center;
    gap: 2px;
    flex-direction: column;
}

.chakra-data.active .chakra-chart-head{
    opacity: 1;
}

.chakra-chart-head .chakra-chart-logo{
    margin: 0;
    display: flex;
    align-items: center;  
    color: #51459b;
    font-size: 21px;
    font-family: 'Cinema Sunday';
}

.chakra-chart-logo .site-title{
    margin-bottom: 0
}

.chakra-chart-head .chakra-chart-logo .site-title{
    font-size: 26px;
    text-transform: uppercase;
    line-height: normal;  
}

.chakra-chart-head .chakra-chart-logo a{
    text-decoration: none;
    font-family: "Cinema Sunday";
}

.chakra-chart-head .chakra-chart-age{
    padding: 10px 21px;
    font-size: 12px;
    font-weight: 700;
    background-color:  #FCEEEB;
    color: #51459b;
    border-radius: 10px;
    text-transform: uppercase;
    text-decoration: none!important;
    border: 1px solid rgba(35, 88, 99, 0.1);   
}

svg .bigger-svg-text{
    font-weight: 600;
    font-size: 24px;
}
svg .small-svg-text{
    font-size: 8px;
}
svg .white-svg-text{
    color: #fff;
} 
svg foreignObject{
    overflow: visible;
}  
svg foreignObject div{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; 
    pointer-events: none; 
}

body.chakra-data-active .has-description{
    cursor: pointer;  
    pointer-events: unset;
}

.chakra-item-short-desc {
    font-weight: 500;
    color: #104651;
    opacity: 0;
    position: absolute;
    background: #fff;
    font-size: 12px;
    line-height: 1.4;
    width: 200px;
    border-radius: 24px;
    max-height: 0;
    z-index: -1;
    -webkit-transition: all,ease,.25s, padding 0.01s, z-index 0.01s, opacity 0.8s ;
    transition: all,ease,.25s, padding 0.01s, z-index 0.01s, opacity 0.8s;
}

body.chakra-data-active .chakra-item-short-desc.active {
    opacity: 1;
    max-height: 500px;
    padding: 10px 17px;
    z-index: 2;
}

.chakra-item-short-desc.active:before{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    left: 95px;
    top: -5px;
    background-color: #fff;
    transform: rotate(45deg);
}

.chakra-item-short-desc.active.chart-desc-left-extra-offset:before{
    left: 35px
}

.chakra-item-short-desc.active.chart-desc-right-extra-offset:before{
    left: 155px
}
.chakra-item-short-desc.active.chart-desc-left-offset:before{
    left: 65px
}

.chakra-item-short-desc.active.chart-desc-right-offset:before{
    left: 125px
}
.chakra-chart-body{
    position: relative;
}

.page-template-template-fullwidth-php .woocommerce-MyAccount-content:not(.transparent-account-content),
.page-template-template-fullwidth-php .woocommerce-MyAccount-navigation{
    background: #fff;
    padding: 40px 40px 26px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.05);  
}

.transparent-account-content{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a::before{
    content: ''!important;
    display: none;
    height: 39px;
    width: 39px;
    float: left;
    text-align: left;
    margin-left: 0;
    position: relative;
    left: -15px;
    opacity: 1;
    border-radius: 10px;
}

.woocommerce-account .hentry .entry-content .woocommerce-MyAccount-navigation ul {
    border-top: unset;
    margin-bottom: 0
}

.woocommerce-account .hentry .entry-content .woocommerce-MyAccount-navigation ul li {
    border-bottom: unset;
    margin-bottom: 20px
}

.woocommerce-account .hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
    padding: 16px 27px;
    border-radius: 10px;
    border: 1px solid #51459b;
    display: flex;
    height: 60px;
    align-items: center;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a{
    font-family: "Cinema Sunday";
    font-size: 22px;
    line-height: normal;
}

.woocommerce-MyAccount-content input{
    font-size: 16px
}

.woocommerce-account .entry-content .woocommerce-MyAccount-content p {
    margin-bottom: 20px;
}

.woocommerce-account .show-password-input {
    right: 5px;
    height: 60px;
    display: flex;
    align-items: center;
    width: 52px;
    background-color: transparent;
    color: #51459b;
    border: unset!important;
}

.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments{
    border-radius: 10px!important;
    border-left: unset!important
}

.woocommerce .woocommerce-message{
    background-color: #51459b;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link:not(.woocommerce-MyAccount-navigation-link--customer-logout) a:hover,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a{
    background: transparent;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active:not(.woocommerce-MyAccount-navigation-link--edit-account) a{
    font-weight: 800;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-account a{
    width: fit-content;
    max-width: 100%;
    overflow: hidden;
    padding: 16px 27px!important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active.woocommerce-MyAccount-navigation-link--edit-account a{
    border-right: 27px solid transparent!important;
    padding: 16px 0 16px 27px!important;
    width: 100%;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-account a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-account a:hover{
    border-color: transparent!important;
}

.matrix-account-form-title {
    color: #51459b;
    margin-bottom: 20px;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a{
    border: unset!important;
    display: inline-block !important;
    font-weight: 800;
    padding: 0!important;
    height: auto!important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout{
    text-align: center;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a:hover{
    text-decoration: underline!important;
}

.hidden-input{
    display: none;
}

#content div.wpforms-container-full .wpforms-field-label + *{
    border-radius: 10px;
    border: 1px solid #51459b;
    color: #51459b;
    font-weight: 300;
    padding: 20px 30px;
    height: auto;
}

#content div.wpforms-container-full .wpforms-field-label + *:focus{
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    border-color: #fff;  
    outline: none;
}

.matrix-support-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
}

.matrix-contact-mail{
    display: flex;
    align-items: center;
    gap: 14px;
}
.matrix-contact-mail:before{
    content: '';
    background: url('assets/images/mail.svg') no-repeat;
    width: 30px;
    height: 23px
}

.cn-fa-icon i{
    font-size: 16px!important;
    line-height: 20px!important;
}

div ul.cnss-social-icon li.cn-fa-icon a{
    -webkit-transition: width 0.2s !important;
    transition: all 0.2s !important;
}

.cn-fa-icon a:hover{
    scale: 1.1;
}

.matrix-log-reg-form{
    position: fixed;
    height: 100vh;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 10000;
    background: linear-gradient(0deg, #E9F3E8 20%, rgba(255,254,254,1) 90%, rgba(255,254,254,1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.matrix-log-bg > *{
    position: absolute;
    opacity: 0.2
}

.matrix-log-bg div:nth-child(1){
    right: -210px;
}

.matrix-log-bg div:nth-child(2){
    left: -205px;
    top: -40px;
}

.matrix-log-form-title{
    font-family: "Cinema Sunday";
    color: #51459b;
    font-size: 26px;
    text-align: center;
    padding-bottom: 20px
}

.matrix-log-form-container{
    position: relative;
    overflow: hidden;
}

.matrix-back-link{
    position: relative;
    top: 1px;
}

.matrix-log-form-container .matrix-log-forms .matrix-back-link,
.matrix-log-form-container .matrix-log-forms .lost_password_row a,
.matrix-log-form-container .matrix-log-forms > p,
.form-row.lost_password_row span{
    text-decoration: none;
    color: #083B21;
    font-weight: 300;
    font-size: 14px;
}

.matrix-log-form-container .matrix-log-forms .matrix-back-link:hover,
.matrix-log-form-container .matrix-log-forms .lost_password_row a:hover{
    text-decoration: underline;
}

.matrix-log-forms{
    background-color: #fff;
    border-radius: 10px;
    width: 450px;
    padding: 40px;
    margin: auto;
        -webkit-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.05); 
}

.matrix-log-forms .woocommerce-form{
    position: absolute;
    opacity: 0;
    -webkit-transition:all,ease,.5s;
    transition:all,ease,.5s;
}

.matrix-log-forms .woocommerce-form.active{
    opacity: 1;
    position: relative;
    z-index: 2;
}

.matrix-log-forms .matrix-log-checker{
    padding: 10px 14px;
    background-color: #FFF1EC;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    text-align: center;
    gap: 12px;
    margin: 0 0 20px 0;
}

body .entry-content .matrix-log-forms p{
    margin-bottom: 20px;
    position: relative;
}

.matrix-log-forms .matrix-log-checker a{
    text-decoration: none;
    padding: 8px 12px;
    border-radius: 8px;
    display: block;
    width: 100%;
}

.matrix-log-forms .matrix-log-checker a:not(.active){
}

.matrix-log-forms .matrix-log-checker a.active,
.matrix-log-forms .matrix-log-checker a:hover{
    background-color: #51459b;
    color: #fff;
}

.matrix-log-forms .matrix-log-checker a.active{
    pointer-events: none;
}

.matrix-log-forms form{
    margin-bottom: 0
}

.matrix-log-forms button{
    width: 100%
}

.matrix-log-forms h3{
    text-align: center;
}

.form-row.lost_password_row{
    display: flex;
    justify-content: space-between;
}

.woocommerce-form__label-for-checkbox{
    position: relative;
    padding-left: 26px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
}

.woocommerce-form__label-for-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #083B21;
}

.woocommerce-form__label-for-checkbox input:checked ~ .checkmark {
    background-color: #083B21;
}

body.woocommerce-account:not(.logged-in) .woocommerce-error{
    position: fixed;
    z-index: 233333;
    left: calc(50% - 300px);
    bottom: 0;
    width: 600px;
    padding: 15px 30px 15px 55px;
    margin-bottom: 20px;
}

.matrix-cabinet-charts{
    float: left;
    padding-top: 55px
}

.matrix-cabinet-charts .matrix-checker {
    left: unset;
    right: 0;
}

.matrix-cabinet-charts .form-stick {
    display: none;
}

.matrix-socials-login{
    display: flex;
    justify-content: space-between;
    position: relative;
}

.hentry .entry-content .matrix-socials-login a{
    color: #4285F4;
    text-decoration: none;
}

.hentry .entry-content .matrix-socials-login a:hover{
    text-decoration: underline;
}

.matrix-google-sign{
    background-color: #E9F1FF;
    border-radius: 10px;
    padding: 11px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 214px;
    font-size: 15px;
}

.matrix-header-user {
    position: relative;
    text-transform: uppercase;
    font-size: 12px;
    display: flex;
    align-items: center;
    line-height: normal;
    gap: 8px;
    justify-content: center;
}

.matrix-header-user svg path{
    -webkit-transition:all,ease,.25s;
    transition:all,ease,.25s;
}

.logged-in .matrix-header-user{
    font-size: 8px;
}

.logged-in .matrix-header-user-nickname{
    font-weight: 700;
    font-size: 12px;
    padding-top: 2px;
}

header.site-header .matrix-header-user {
    border-radius: 10px;
    font-weight: 700;
    padding: 11px 13px;
    top: -2px;
    height: 52px
}

header.site-header .matrix-header-user > div{
    position: relative;
    z-index: 1;
    color: #51459b;
}

button.blueprint-button,
.wpforms-form button.blueprint-button.wpforms-submit,
.blueprint-button a,
a.button,
button.button,
.woocommerce-button,
.wp-block-search__button,
.wp-block-button.blueprint-button a,
.thin-btn a:hover{
    border: 1px solid rgb(81 69 155 / 20%);
    background-color: transparent!important;
}

.matrix-header-user:hover svg path{
    fill: #fff
}

.logged-in .matrix-header-user:before{
    content: "";        
    width: 28px;
    height: 28px;
    margin-right: 5px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.thin-btn a::after{
    background: transparent!important;
    box-shadow: unset!important;
    opacity: 0;
        -webkit-transition:opacity .35s;
    transition:opacity .35s;    
}

.thin-btn a:hover::after{
    background: url('assets/images/btn-bg.png')!important;
    background-position: center;
    box-shadow: 0px 3px 2px 0px rgba(215, 116, 82, 1) inset!important;
    opacity: 1
}


button.cky-btn::after,
a.blueprint-button::after,
.blueprint-button a::after,
button.blueprint-button::after,
.woocommerce-button::after,
.thin-btn a::after,
a.button::after,
button.button::after,
.wp-block-search__button::after{
    content: "";
    display: block!important;
    z-index: -1;
    position: absolute;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border-radius: 7px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 3px;
    box-shadow: 2px 1px 4px 2px #51459b inset;
    background-position: center;
        -webkit-transition: all,ease,.2s;
    transition: all,ease,.2s;
}

.matrix_mob_account_navigation{
    display: flex;
    width: 56px;
    height: 56px;
    border: 1px solid #51459b;
    border-radius: 10px;
    position: absolute;
    right: 40px;
    align-items: center;
    justify-content: center;
        -webkit-transition:all,ease,.35s;
    transition:all,ease,.35s;
}

.matrix_mob_account_navigation.active{
    transform: rotate(180deg);
}

.matrix_mob_account_navigation svg{
    width: 16px;
    height: 16px;
}

.matrix-charts-list{
    color: #51459b;
    font-size: 0.85em;
} 

.matrix-charts-list > *{
    display: flex;
    justify-content: space-between;
    text-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.matrix-charts-list > * > *:nth-child(2){
    width: 150px
}

.matrix-charts-list > * > *:nth-child(3){
    width: 100px
}

.matrix-charts-list-header{
    padding: 0 30px
}

.matrix-charts-list-item{
    padding: 20px 30px;
    border: 1px solid #E9F3E8;
    border-radius: 10px;
    font-weight: 300;
    position: relative;
    top: 0;
    width: 100%;
    -webkit-transition:all,ease,.25s;
    transition:all,ease,.25s;
} 

.matrix-charts-list-item.pined{
    position: absolute;
    top: 46px;
}

.matrix-charts-list-item:hover{
    border: 1px solid #51459b
}

.matrix-charts-list-item .matrix-pin a,
.matrix-charts-list-item .matrix-pin.active a:hover{
    display: block;
    width: 20px;
    height: 20px;
    background: url('assets/images/star_empty.svg') no-repeat;
} 

.matrix-charts-list-item .matrix-pin a:hover,
.matrix-charts-list-item .matrix-pin.active a{
    background: url('assets/images/star_full.svg') no-repeat;
} 

.matrix-pin:before, .matrix-pin:after{
    content: '';
}

.matrix-pin:before{
    background: url('assets/images/star_full.svg') no-repeat;
}

.matrix-pin:after{
    background: url('assets/images/star_empty.svg') no-repeat;
}

.matrix-charts-list-footer{
    display: flex;
    gap: 30px;
    align-items: center;
}

.matrix-charts-list-footer a{
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: #51459b;
    font-weight: bold;
    border: 1px solid #51459b;
    padding: 12px 16px;
    text-decoration: none!important;
    border-radius: 10px;
    background: transparent;
}

.matrix-charts-list-footer a:hover{
    background: #E9F3E8
}

.matrix-charts-list-footer div{
    color: #999999
}

.matrix-to-archive > *{
    display: flex;
}

.matrix-name-person{
    color: #51459b;
}

.matrix-mob-charts-list{
    display: none;
}

.matrix-mob-charts-list > *{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    row-gap: 15px;
}

.matrix-mob-charts-list .matrix-charts-list-item > a{
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    row-gap: 10px;
}

.matrix-mob-charts-list > * > *,
.matrix-mob-charts-list .matrix-charts-list-item > a > *{
    width: 50%
}

.matrix-mob-charts-list > * > *:nth-child(2n),
.matrix-mob-charts-list .matrix-charts-list-item > a > *:nth-child(2n){
    text-align: right;
}

.matrix-mob-charts-list .matrix-charts-list-item > a > *:nth-child(2n+1){
    font-size: 12px
}

.matrix-mob-charts-list .matrix-to-archive > * {
    justify-content: flex-end;
}

.matrix-end-of-plan{
    color: #51459b;
    font-weight: 500;
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
}

.single .nav-links{
    display: flex;
    justify-content: space-between;
}

.matrix-nav-post{
    display: flex;
    align-items: center;
    gap: 20px;
}

.matrix-nav-post:nth-child(2){
    flex-direction: row-reverse;
    text-align: right;
}

.matrix-nav-post-thumb{
    border-radius: 10px;
    overflow: hidden;
}

.nav-links .matrix-nav-post-thumb .wp-post-image {
    margin-bottom: 0;
}

.matrix-nav-post img{
    scale: 1;
    -webkit-transition:all,ease,.2s;
    transition:all,ease,.2s;
}

.matrix-nav-post:hover img{
    scale: 1.1;
}

.nav-links .matrix-nav-post-thumb .wp-post-image {
    margin-bottom: 0;
    width: 164px;
    height: 100px;
    object-fit: cover;
}

.matrix-nav-post-text{
    color: #51459b;
    max-width: 300px;
    font-size: 14px
}

.matrix-nav-post-text h3{
    margin-bottom: 5px
}

.matrix-loop-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
    gap: 40px;
    -moz-column-gap: 40px; 
    -webkit-column-gap: 40px;
    -moz-row-gap: 40px; 
}

.matrix-loop-container article{
    max-width: 350px;
    font-size: 14px;
    display: flex;
}

.matrix-loop-container article .entry-title{
    margin-bottom: 5px;
    text-align: left;
} 

.matrix-loop-container article .entry-title a{
    text-decoration: unset;
    color: #51459b;
    letter-spacing: 1px;
} 

.matrix-loop-container article .entry-content {
    background: #fff;
    backdrop-filter: blur(10px);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.matrix-loop-container article .entry-content p {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-family: "Montserrat";
}

.matrix-loop-container article .entry-content .entry-title ,
.matrix-loop-container article .entry-content p {
    padding: 0 20px;
}

.matrix-loop-container article .wp-post-image{
    height: 210px;
    border-radius: 0;
    margin-bottom: 20px;
    object-fit: cover;
    width: 100%
}

.matrix-loop-container article .matrix-post-views{
    right: -10px;
    top: -222px;    
}

.matrix-loop-container article .matrix-post-views{
    font-size: 13px
}

.matrix-loop-container.matrix-top-article{
    margin-bottom: 30px
}

.matrix-loop-container.matrix-top-article article{
    max-width: unset;
    width: 100%;
}

.matrix-loop-container.matrix-top-article article .entry-content{
    width: 100%;
    display: flex;
}
.matrix-loop-container.matrix-top-article article .entry-content::before,
.matrix-loop-container.matrix-top-article article .entry-content::after{
    display: none;
}
.matrix-loop-container.matrix-top-article article .matrix-post-views{
    top: 7px;
    left: 8px;
    position: absolute;
    background: linear-gradient(90deg, #FFFFFF 0%, #F9EBE6 100%);
}
.matrix-loop-container.matrix-top-article article .entry-content .entry-title {
    padding: 20px 0 0 0;
    margin-bottom: 0;
}
.matrix-top-post-thumb{
    min-width: 50%
}
.matrix-top-post-body{
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}

.matrix-top-post-body .posted-on,
.matrix-top-post-body .post-author{
    background: linear-gradient(90deg, #FBF8F7 0%, #FFFFFF 100%);
    width: fit-content;
}

.matrix-top-post-body h2{
    font-size: 36px;
    margin-bottom: 0
}

.matrix-loop-container.matrix-top-article article .wp-post-image{
    margin-bottom: 0;
    height: 100%;
}

.matrix-loop-container.matrix-top-article article .entry-content p{
    padding: 0
}

.matrix-arrow-link{
    position: absolute;
    top: 7px;
    right: 9px;
    background: #fff;
    border-radius: 5px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;    
}

.matrix-arrow-link:hover{
    background: #51459b
}

.matrix-arrow-link:hover svg path{
    -webkit-transition:all,ease,.25s;
    transition:all,ease,.25s;
}

.matrix-arrow-link:hover svg path{
    fill: #fff
}

.matrix-post-voted{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    margin: 20px 0;
    flex-wrap: wrap;
}

.matrix-post-voted div{
    margin: 0;
    display: flex;
    gap: 20px;
}

.matrix-post-voted a{
    display: flex;
    background: #fff;
    border-radius: 10px;
    height: 36px;
    align-items: center;
    gap: 5px;
    padding: 0 10px;
}

.matrix-post-voted a.matrix-like-1:hover path,
.matrix-post-voted a.matrix-like-1.active path{
    fill: #F5604B
}

.matrix-post-voted a.matrix-like-2:hover path,
.matrix-post-voted a.matrix-like-2.active path{
    fill: #51459b
}

.matrix-post-voted a.matrix-like-3:hover path,
.matrix-post-voted a.matrix-like-3.active path{
    fill: #51459b
}

.matrix-post-voted a.matrix-like-4:hover path,
.matrix-post-voted a.matrix-like-4.active path{
    fill: #F5604B
}

.matrix-post-voted a:before{
    content: '';
    width: 20px;
    height: 20px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    -webkit-transition:all,ease,.25s;
    transition:all,ease,.25s;
}

.matrix-post-voted a.matrix-like-1:before{
    background: url('assets/images/likes/like1.svg');
}

.matrix-post-voted a.matrix-like-1:hover:before,
.matrix-post-voted a.matrix-like-1.active:before{
    background: url('assets/images/likes/like1-active.svg');
}

.matrix-post-voted a.matrix-like-2:before{
    background: url('assets/images/likes/like2.svg');
}

.matrix-post-voted a.matrix-like-2:hover:before,
.matrix-post-voted a.matrix-like-2.active:before{
    background: url('assets/images/likes/like2-active.svg');
}

.matrix-post-voted a.matrix-like-3:before{
    background: url('assets/images/likes/like3.svg');
}

.matrix-post-voted a.matrix-like-3:hover:before,
.matrix-post-voted a.matrix-like-3.active:before{
    background: url('assets/images/likes/like3-active.svg');
}

.matrix-post-voted a.matrix-like-4:before{
    background: url('assets/images/likes/like4.svg');
}

.matrix-post-voted a.matrix-like-4:hover:before,
.matrix-post-voted a.matrix-like-4.active:before{
    background: url('assets/images/likes/like4-active.svg');
}

.matrix-category-list-container{
    background: #fff;
    border-radius: 10px;
    margin: 30px 0;
    padding: 10px;
    overflow: auto;
}

.matrix-category-list-container::-webkit-scrollbar {
    width: 0px;
    background: transparent; 
    height: 0px
}

.matrix-category-list {
    display: flex;
    justify-content: center;
    gap: 10px;
    width: max-content;
    min-width: 100%;
}

.matrix-category-list a {
    border: 1px solid #51459b;
    color: #51459b;
    background: transparent;
    border-radius: 10px;
    padding: 20px 40px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
}

.matrix-category-list a:hover{
    color: #fff;
    background: #51459b
}

.woocommerce .woocommerce-error::before {
    content: "!";
    font-size: 18px;
    font-weight: bold;
    top: 14px;
    left: 17px;
    padding: 10px;
    border: 2px solid #fff;
    border-radius: 10px;
    width: 5px;
    height: 5px;
    line-height: 5px;
}

.woocommerce-form .woocommerce-password-strength {
    font-size: .65em;
    position: absolute;
    top: 0px;
    padding: 0;
    width: 100%;
    text-align: center;
}

.woocommerce-MyAccount-content .matrix-charts-list-item a{
    color: #51459b;
    text-decoration: unset;
}

.woocommerce-MyAccount-content .matrix-charts-list-item a:hover{
    color: #51459b;
}

.footer-payments{
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    float: left;
    padding-left: 30px;
    margin-top: 20px;
}

.footer-payments img{
    height: 19px
}

#order_review{
    border-radius: 10px;
    overflow: hidden;
    padding: 30px;
}

#order_review, #order_review_heading{
    width: 100%!important
}

#customer_details{
    display: none;
}

#payment .wc_payment_methods > li,
#payment .place-order{
    border-radius: 10px;
    overflow: hidden;
}

#payment .place-order #place_order{
    font-size: inherit;
    width: auto;
}

.order-again .button{
    text-align: center;
}

.woocommerce-order-received .woocommerce-customer-details,
span.onsale{
    display: none;
}

.order-again.button-container{
    display: flex;
    gap: 20px;
}

del .woocommerce-Price-amount bdi{
    display: block;
}

#inf11{
    display: none;
}

.thankyou-video{
    text-align: center;
}

#reviews-slider.owl-carousel{
    display: block;
}

#reviews-slider.owl-carousel .owl-item {
    padding: 90px 40px 40px;
    border-radius: 20px;
    border: 1px solid #fff;
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.4) 100%);
}

#reviews-slider .owl-item::before {
    content: "";
    background: url("assets/images/backquote.svg") no-repeat;
    width: 45px;
    height: 29px;
    position: absolute;
    top: 40px;
}

#reviews-slider p {
    color: #000;
    font-size: 18px;
    line-height: 26px;
}

#reviews-slider .wp-block-group.wp-block-group-is-layout-flex{
    margin-bottom: 0;
    gap: 4px;
}

#reviews-slider .reviews-metadata .wp-block-image{
    margin-right: 12px;
}

#reviews-slider .reviews-metadata p{
    font-size: 16px
}

#reviews-slider .owl-nav{
    position: absolute;
    top: -65px;
    right: 0;    
}

#reviews-slider .owl-nav button{
    padding: 10px 20px!important;
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.7) 100%);
    border-radius: 10px;
    border: 1px solid #fff;
        -webkit-transition: all .2s;
    transition: all .2s;
}

#reviews-slider .owl-nav button:hover{
    border: 1px solid #51459b;
}

#reviews-slider .owl-nav button span{
    color: transparent;
    display: block;
    background: url("assets/images/arrow-red.svg") no-repeat;
    width:14px;
    height: 14px;
}

#reviews-slider .owl-nav button.owl-prev{
    margin-right: 14px
}

#reviews-slider .owl-nav button.owl-prev span{
 transform: rotate(180deg);
}

#reviews-slider .owl-stage{
    display: flex;
    align-items: stretch;    
}

#reviews-slider .owl-item > .wp-block-group{
    background: transparent;
    padding: 0;
    margin-bottom: 0;
}

.reviews-metadata img{
    border-radius: 50%
}

.hit-row{
    z-index: 1
}

.hit-row p, .hit-row li{
    font-size: 16px
}

.hit-row h3{
    font-size: 20px;
    font-weight: 600;
    color: #51459b!important;
}

.montserrat-family{
    font-family: "Montserrat"!important;
}

ul.wp-block-list{
    margin-left: 30px;
}

ul.wp-block-list li{
    margin-bottom: 8px;
}

.bg-1::before{
    content: "";
    background: url("assets/images/cards/blurprint_bg1.png") no-repeat;
    position: absolute;
    width: 547px;
    height: 547px;
    right: -348px;
    top: 1310px;
    opacity: 0.2;
}

.bg-1.compatibility-bg::before{
    top: 1870px;
}

.bg-2::before{
    content: "";
    background: url("assets/images/cards/blurprint_bg2.png") no-repeat;
    position: absolute;
    width: 547px;
    height: 547px;
    left: -374px;
    top: 1060px;
    opacity: 0.2;
}

.bg-2.compatibility-bg::before{
    top: 1740px;
}


.bg-3::before{
    content: "";
    background: url("assets/images/cards/blurprint_bg3.png") no-repeat;
    position: absolute;
    width: 475px;
    height: 434px;
    top: -402px;
    left: -314px;
    opacity: 0.2;
}

.bg-4::before{
    content: "";
    background: url("assets/images/cards/blurprint_bg4.png") no-repeat;
    position: absolute;
    width: 547px;
    height: 528px;
    top: -10px;
    right: -350px;
    opacity: 0.2;
}

.bg-6::before{
    content: "";
    background: url("assets/images/cards/blurprint_bg6.png") no-repeat;
    width: 547px;
    height: 549px;
    top: -302px;
    right: -350px;
    position: absolute;
    opacity: 0.2;
}

.celebrity-charts-loop-container.owl-carousel{
    display: block;
}

.celebrity-charts-loop-container{

}

.celebrity-charts-loop-container .celebrity-charts-slider-item{
    height: calc((100vw - 90px) / 4 / 1.9);
    overflow: hidden;
    border-radius: 10px;
    display: block;
    position: relative;
    margin-right: 15px;
    margin-left: 15px;
}

.celebrity-charts-loop-container .celebrity-charts-slider-item img{
        -webkit-transition: all,ease,.2s;
    transition: all,ease,.2s;
}

.celebrity-charts-loop-container .celebrity-charts-slider-item span{
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    border-radius: 10px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 100%);
}

.celebrity-charts-loop-container .celebrity-charts-slider-item img{
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.celebrity-charts-loop-container .celebrity-charts-slider-item h3 {
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%),
                linear-gradient(0deg, #FFFFFF, #FFFFFF);
    -webkit-background-clip: text;
    position: absolute;
    bottom: 0;
    padding: 20px;
    z-index: 1;
    margin: 0;
    text-align: center;
    width: 100%;
}

.matrix_slider_offset.celebrity-charts-loop-container .slick-track{
    left: calc((100vw - 90px) / 4 / 2 + 15px);
}

.matrix-full-cover.wp-block-cover {
    width: calc(100vw + 20px);
    margin-left: calc((100vw - 1120px) / 2 * (-1));
    z-index: 1;
}

.matrix-full-cover.wp-block-cover .wp-block-cover__inner-container{
    width: 100%;
}  

header nav ul.menu li a {
    padding: 10px 20px;
}

.main-navigation ul.menu, .main-navigation ul.nav-menu{
    gap: 10px;
}

#contact input[type=text]{
    background-color: transparent!important;
    border: 1px solid rgb(255 255 255 / 40%);
}

.wp-block-cover, .wp-block-cover-image{
    min-height: unset!important;
}

#mx-reviews{
    margin-left: 0
}

.matrix-form-contact-info{
/*    background: linear-gradient(252.34deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);*/
}

.matrix-form-contact-info .matrix-contact-mail{

}

.matrix-form-contact-info .cnss-social-icon{
}

.matrix-form-row {
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.4) 100%);
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #fff;
}

.matrix-form-row .wpforms-container{
    padding: 10px 20px 20px 0px;
}

.matrix-form-row .matrix-form-contact-info .wp-block-cover{
    min-height: 100%!important;
    align-items: flex-end;
    padding: 2rem;
}

.matrix-form-contact-info .matrix-contact-mail a{
    color: #fff;
    text-decoration: none;
}

.matrix-form-contact-info .matrix-contact-mail a:hover{
    text-decoration: underline;
}

.matrix-form-contact-info img{
    border-radius: unset;
}

.matrix-form-contact-info .wp-block-cover .wp-block-cover__background.has-background-dim{
    background: linear-gradient(252.34deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    opacity: 1;
}

.matrix-form-row .wpforms-container{
    padding-right: 20px!important;
}

.matrix-form-row .wpforms-container .wpforms-field {
    padding: 7px 0;
}

#content .matrix-form-row div.wpforms-container-full .wpforms-field-label + *{
    border-radius: 5px;
    border: 1px solid #FBE9E6;
    color: rgb(68 61 59);
    height: auto;
    max-width: 100%;
}
.wp-block-cover .wp-block-search__inside-wrapper {
    align-items: center;
    padding: 20px;
    border: 1px solid rgb(255 255 255 / 40%);
    border-radius: 10px;
    backdrop-filter: blur(36px);
}
.wp-block-cover form input{
    color: #fff
}
input.wp-block-search__input{
    background-color: transparent!important;
    border-radius: 5px;
    border: 1px solid rgb(255 255 255 / 40%);
    height: 52px
}
#rlvlive_1{
    position: relative;
}
.wp-block-cover .relevanssi-live-search-results-showing {
    left: 0!important;
    top: 10px!important;
    width: 100%!important;
    border-radius: 10px;
    padding: 20px;
    min-height: unset;
}
.relevanssi-live-search-result-status{
    display: none;
}
.matrix-search-item{
    display: flex;
    gap: 20px;
    align-items: center;
}
.relevanssi-live-search-result{
    width: 32%
}
.relevanssi-live-search-result .matrix-search-item a{
    text-decoration: unset;
    background: linear-gradient(90deg, #51459b 0%, rgba(215, 116, 82, 0.5) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent!important;
    font-family: "Cinema Sunday";
    font-size: 24px;
    line-height: 26px;
}
.matrix-search-birhday{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent!important;
}
.relevanssi-live-search-results .ajax-results{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.matrix-search-img img.wp-post-image,
.single .single-chart-header img{
    width: 70px;
    height: 70px;
    object-fit: cover;
    margin-bottom: 0;
}
.single .single-chart-header > div{
    min-width: 70px;
}
.rlv-has-spinner {
    border-color: #51459b;
    border-right-color: transparent;
}
.rlv-has-spinner::after {
    background-color: #51459b;
}
.matrix-search-item h3{
    margin-bottom: 0;
}

.matrix-celebrity-charts-grid{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}

.matrix-celebrity-charts-grid .relevanssi-live-search-result{
    padding: 20px;
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.4) 100%);
    border: 1px solid #fff;
    border-radius: 10px
}

#loadmore {
    text-align: center;
    margin-top: 32px;
    width: auto;
}

#loadmore a{
    padding: 16px 40px;
}

.archive h1{
    margin-top: 30px
}

.error-404.not-found{
    text-align: center;
}

.matrix-chart-category-list{
    max-width: 600px;
    text-align: center;
    margin: auto;
    display: flex;
    justify-content: center;   
    flex-wrap: wrap;
    column-gap: 4px;
}

.matrix-chart-category-list a{
    font-size: 18px;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 700;
}

.matrix-celebrity-birhday{
    text-align: center;
}

.single-chart-header{    
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
    margin: 20px 0;
}

.single-chart-header h1{
    margin: 0;
}

.celebrity-chart-content{
    position: relative;
    z-index: 1;
    padding: 50px 0
}

.celebrity-chart-content p{
    font-size: 20px;
}

.celebrity-chart-content h2{
    font-size: 64px
}

.entry-title a:hover{
    text-decoration: underline;
}

.show-after-calc-matrix{
    max-height: 0;
    opacity: 0;
    margin-bottom: 0;
        -webkit-transition: all,ease,.3s;
    transition: all,ease,.3s;
}

.wp-block-columns .show-after-calc-matrix{
    overflow: hidden;
}

.chakra-data-active .show-after-calc-matrix{
    max-height: 100000px;
    opacity: 1
}

.show-after-calc-matrix::before{
        -webkit-transition: all,ease,12s;
    transition: all,ease,12s;    
    opacity: 0
}

.chakra-data-active .show-after-calc-matrix::before{
    opacity: 0.1
}

.sgpb-popup-overlay{
    background-color: #e9f3e8!important
}

#sgpb-popup-dialog-main-div{
    background: radial-gradient(50.1% 100% at 49.9% 100%, #E5AB97 0%, #51459b 100%)!important;
}

.site-footer .wp-block-group.wp-block-group-is-layout-flex {
    margin-bottom: 0px;
    gap: 10px;
}

.matrix-header-mini-cart {
    position: relative;
    order: 2;
    margin: 0 20px 0 0;
}

.matrix-header-mini-cart .cart-icon {
    display: block;
    width: 18px;
    height: 18px;
    background: url("assets/images/cart.svg") no-repeat;
}

.matrix-header-mini-cart .cart-count {
    position: absolute;
    top: -9px;
    right: -8px;
    color: #fff;
    background: #51459b;
    font-size: 10px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    text-align: center;
}

.matrix-offset-cover img{
    border-radius: 0
}