/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*==
HEADER
==*/
/* #e-n-menu-title-2562 a {background-color: #962A22; padding: 16px 23px; border-radius: 6px;}
#e-n-menu-title-2562 a span {color: white;}
.main-hd {transition: .3s ease all;}
.main-hd.sticky-active {position: fixed; background-color: #f1f1f1d6; margin-top: 0px; transition: .3s ease all;}
.sticky-active .elementor-widget-theme-site-logo img {opacity: 0; transition: .3s; display: none;}
.sticky-active .elementor-widget-theme-site-logo a:before 
	{background-image: url(/wp-content/uploads/2026/03/charak-mind-body-wellness-brand-logo-color.webp); background-size: contain; content: '';
    transition: .3s ease all; display: flex; width: 28px; height: 47px;}
.sticky-active #menubar-539 li a span {color: #1b1b1b;}
.sticky-active #menubar-539 li #e-n-menu-title-5392:hover a span, .sticky-active #menubar-539 li a:hover span {color: #962A22;}
.sticky-active .e-n-menu-dropdown-icon svg {fill: #1b1b1b !important;}
.sticky-active #e-n-menu-title-5392:hover .e-n-menu-dropdown-icon svg {fill: #962A22 !important;} */

/*==
 * PAGE WITH COLORED LOGO ADD THE PAGE ID AS SELECTOR 
 * NO NEED TO ADJUST CSS
 ==*/
.page-id-78 .elementor-widget-theme-site-logo a:before,
.page-id-320 .elementor-widget-theme-site-logo a:before,
.page-id-318 .elementor-widget-theme-site-logo a:before,
.page-id-897 .elementor-widget-theme-site-logo a:before,
.page-id-2356 .elementor-widget-theme-site-logo a:before,
.page-id-2370 .elementor-widget-theme-site-logo a:before,
.page-id-2377 .elementor-widget-theme-site-logo a:before,
.page-id-2396 .elementor-widget-theme-site-logo a:before,
.page-id-2436 .elementor-widget-theme-site-logo a:before,
.page-id-74 .elementor-widget-theme-site-logo a:before,
.error404 .elementor-widget-theme-site-logo a:before {
    background-image: url(/wp-content/uploads/2026/03/charak-mind-body-wellness-brand-logo-color.webp);
    background-size: contain;
    content: '';
    transition: .3s ease all;
    display: block;
    width: 28px;
    height: 47px;
}

.page-id-78 .logo a img,
.page-id-320 .logo a img,
.page-id-318 .logo a img,
.page-id-897 .logo a img,
.page-id-2356 .logo a img,
.page-id-2370 .logo a img,
.page-id-2377 .logo a img,
.page-id-2396 .logo a img,
.page-id-2436 .logo a img,
.page-id-74 .logo a img,
.error404 .logo a img {
    opacity: 0;
    display: none;
}

.page-id-78 #menubar-539 span,
.page-id-320 #menubar-539 span,
.page-id-318 #menubar-539 span,
.page-id-897 #menubar-539 span,
.page-id-2356 #menubar-539 span,
.page-id-2370 #menubar-539 span,
.page-id-2377 #menubar-539 span,
.page-id-2396 #menubar-539 span,
.page-id-2436 #menubar-539 span,
.page-id-74 #menubar-539 span,
.error404 #menubar-539 span {
    color: #1b1b1b;
}

.page-id-78 #menubar-539 svg,
.page-id-320 #menubar-539 svg,
.page-id-318 #menubar-539 svg,
.page-id-897 #menubar-539 svg,
.page-id-2356 #menubar-539 svg,
.page-id-2370 #menubar-539 svg,
.page-id-2377 #menubar-539 svg,
.page-id-2396 #menubar-539 svg,
.page-id-2436 #menubar-539 svg,
.page-id-74 #menubar-539 svg,
.error404 #menubar-539 svg {
    fill: #1b1b1b;
}

/*==HOVER STYLE==*/
.page-id-78 #menubar-539 a:hover span,
.page-id-320 #menubar-539 a:hover span,
.page-id-318 #menubar-539 a:hover span,
.page-id-897 #menubar-539 a:hover span,
.page-id-2356 #menubar-539 a:hover span,
.page-id-2370 #menubar-539 a:hover span,
.page-id-2377 #menubar-539 a:hover span,
.page-id-2396 #menubar-539 a:hover span,
.page-id-2436 #menubar-539 a:hover span,
.page-id-74 #menubar-539 a:hover span,
.error404 #menubar-539 a:hover span {
    color: #962A22;
}

.page-id-78 #menubar-539 .e-n-menu-item:hover svg,
.page-id-320 #menubar-539 .e-n-menu-item:hover svg,
.page-id-318 #menubar-539 .e-n-menu-item:hover svg,
.page-id-897 #menubar-539 .e-n-menu-item:hover svg,
.page-id-2356 #menubar-539 .e-n-menu-item:hover svg,
.page-id-2370 #menubar-539 .e-n-menu-item:hover svg,
.page-id-2377 #menubar-539 .e-n-menu-item:hover svg,
.page-id-2396 #menubar-539 .e-n-menu-item:hover svg,
.page-id-2436 #menubar-539 .e-n-menu-item:hover svg,
.page-id-74 #menubar-539 .e-n-menu-item:hover svg,
.error404 #menubar-539 .e-n-menu-item:hover svg {
    fill: #962A22;
}

.page-id-82 .menu-bar svg,
.page-id-78 .menu-bar svg,
.page-id-320 .menu-bar svg,
.page-id-318 .menu-bar svg,
.page-id-897 .menu-bar svg,
.page-id-2356 .menu-bar svg,
.page-id-2370 .menu-bar svg,
.page-id-2377 .menu-bar svg,
.page-id-2396 .menu-bar svg,
.page-id-2436 .menu-bar svg,
.page-id-74 .menu-bar svg,
.error404 .menu-bar svg {
   fill: #1b1b1b!important;
}

.page-id-82 .sticky-active .elementor-widget-theme-site-logo a:before,
.page-id-78 .sticky-active .elementor-widget-theme-site-logo a:before,
.page-id-320 .sticky-active .elementor-widget-theme-site-logo a:before,
.page-id-318 .sticky-active .elementor-widget-theme-site-logo a:before,
.page-id-897 .sticky-active .elementor-widget-theme-site-logo a:before,
.page-id-2356 .sticky-active .elementor-widget-theme-site-logo a:before,
.page-id-2370 .sticky-active .elementor-widget-theme-site-logo a:before,
.page-id-2377 .sticky-active .elementor-widget-theme-site-logo a:before,
.page-id-2396 .sticky-active .elementor-widget-theme-site-logo a:before,
.page-id-2436 .sticky-active .elementor-widget-theme-site-logo a:before,
.page-id-74 .sticky-active .elementor-widget-theme-site-logo a:before,
.error404 .sticky-active .elementor-widget-theme-site-logo a:before {
filter: brightness(0) invert(1);
}

/* ============================= */
/* HEADER (UPDATED - MARCH 2026) */
/* ============================= */

/* CTA BUTTON */
#e-n-menu-title-2562 a {
    background-color: #962A22;
    padding: 16px 23px;
    border-radius: 6px;
}
#e-n-menu-title-2562 a span {
    color: white;
}

.category-menu ul{
	display: grid!important;
    grid-template-columns: repeat(2, 1fr)!important;
    grid-auto-flow: column!important;
    grid-template-rows: repeat(3, auto)!important;
    gap: 30px 60px!important;
}

/* HEADER BASE */
.main-hd {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    transition: all 0.3s ease;
    backdrop-filter: blur(0px);
    z-index: 999;
}



/* ============================= */
/* STICKY HEADER (ON SCROLL) */
/* ============================= */

.main-hd.sticky-active {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #1B1B1B!important;
    padding: 20px; /* smaller = shrink effect */
    z-index: 999;
	backdrop-filter: blur(6px); /* subtle glass effect */
    top: 0 !important;
}

/* LOGO (WHITE ON SCROLL) */
.sticky-active .elementor-widget-theme-site-logo img {
    opacity: 0;
    display: none;
}

.sticky-active .elementor-widget-theme-site-logo a:before {
    background-image: url(/wp-content/uploads/2026/02/charak-mind-body-wellness-brand-logo-white.webp);
    background-size: contain;
    content: '';
    display: flex;
    width: 28px;
    height: 47px;
}


/* MENU TEXT (WHITE) */
.sticky-active #menubar-539 li a span {
    color: #fff;
}

/* MENU ICONS (WHITE) */
.sticky-active .e-n-menu-dropdown-icon svg {
    fill: #fff !important;
}

/* HOVER (BRAND COLOR) */
.sticky-active #menubar-539 li #e-n-menu-title-5392:hover a span,
.sticky-active #menubar-539 li a:hover span {
    color: #962A22;
}


/* MOBILE HAMBURGER */
.sticky-active .menu-bar svg {
    fill: #fff !important;
}

/* PAGES WITH DARK TEXT + COLORED LOGO */
.page-id-78 .elementor-widget-theme-site-logo a:before,
.page-id-320 .elementor-widget-theme-site-logo a:before,
.page-id-318 .elementor-widget-theme-site-logo a:before,
.page-id-897 .elementor-widget-theme-site-logo a:before {
    background-image: url(/wp-content/uploads/2026/03/charak-mind-body-wellness-brand-logo-color.webp);
    background-size: contain;
    content: '';
    display: block;
    width: 28px;
    height: 47px;
}

.page-id-78 .logo a img,
.page-id-320 .logo a img,
.page-id-318 .logo a img,
.page-id-897 .logo a img {
    opacity: 0;
    display: none;
}

/* MENU TEXT (DEFAULT DARK) */
.page-id-78 #menubar-539 span,
.page-id-320 #menubar-539 span,
.page-id-318 #menubar-539 span,
.page-id-897 #menubar-539 span {
    color: #1b1b1b;
}

/* MENU ICONS (DEFAULT DARK) */
.page-id-78 #menubar-539 svg,
.page-id-320 #menubar-539 svg,
.page-id-318 #menubar-539 svg,
.page-id-897 #menubar-539 svg {
    fill: #1b1b1b;
}

/* HOVER (DEFAULT) */
.page-id-78 #menubar-539 a:hover span,
.page-id-320 #menubar-539 a:hover span,
.page-id-318 #menubar-539 a:hover span,
.page-id-897 #menubar-539 a:hover span {
    color: #962A22;
}



/*==
GLOBAL
==*/
p {margin-block-end: 1.5rem;}
.button-3 svg {width: 12px; top: 2px; position: relative; }
.fix-ul ul {padding-left: 27px;}
.fix-ul ul li {margin-bottom: 5px;}

.button-3 .elementor-button{
    border: none!important;
}

.benefits ul,
.list ul,
.causes ul{
    padding-left: 15px!important;
}

.benefits ul li p,
.benefits ul li,
.causes ul li p,
.causes ul li,
.list ul li p{
  margin-bottom: 10px!important;
}


.light-text{
    opacity: .7;
}

:is(.page-id-320, .page-id-318, .page-id-897,.page-id-74) input,
:is(.page-id-320, .page-id-318, .page-id-897,.page-id-74) textarea {
    background: #fff !important;
}

.elementor-kit-5 a,
a,.elementor-nav-menu--main .elementor-item{
	line-height:26px!Important;
}

.elementor-kit-5 a:hover,
a:hover,
.category-menu a:hover,
.elementor-nav-menu--main .elementor-item:hover{
	line-height:26px!important;
}

/*==
Faqs accordion
==*/

.faq-accordion .e-n-accordion-item:first-child .e-n-accordion-item-title {
  padding-top: 0 !important;
}

.faq-accordion .e-n-accordion-item:last-child {
  border-bottom: none !important;
}

.faq-accordion details:last-child .accord{
border-bottom: 0!important;
}

/*==
Concerns/services why choose section
==*/
.why-choose .list-border {
  border-bottom: 1px solid #81827C!important;
}

.why-choose .list-border:last-child {
  border-bottom: none!important;
}

.why-choose .list-border:nth-of-type(3){
    border: none!important;
}

@media(max-width:700px){
    .why-choose .list-border:nth-of-type(3){
    border-bottom: 1px solid #81827C!important;
}
}

/*==
MEGA MENU
==*/
 .menu-tab-fix button { justify-content: space-between !important;}
.menu-tab-fix button a, .menu-tab-fix button a:hover {font-size: 14px;}
.vertical-tab-menu .e-n-menu-heading {flex-direction: column !important; flex-wrap: nowrap;} 

.concern-menu ul{
    flex-direction: column;
    display: flex;
    gap: initial!important;
    align-items: flex-start!important;
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    height: 400px!important;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
}

.shop ul{
	flex-direction: column;
    display: flex;
    gap: initial!important;
    align-items: flex-start!important;
    background: #fff;
    padding: 20px;
    border-radius: 8px;

}

/* Chrome, Edge, Safari */
.concern-menu ul::-webkit-scrollbar {
    width: 2px;
}

.concern-menu ul::-webkit-scrollbar-track {
    background: transparent;
}

.concern-menu ul::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
}

/*==
MOBILE MENU
==*/
.e-off-canvas__content {position: relative;}
.mob-menu-item {height: auto; overflow: hidden; transition: height 0.3s ease;}
.mm-wrapper {position: relative; width: 100%; height: 100%; overflow: hidden;}
.mm-panel {position: absolute;width: 100%;height: 100%;top: 0;left: 100%;background: #fff;transition: all 0.3s ease;overflow-y: auto;}
.mm-panel.active {left: 0;}
.mm-panel.left {left: -100%;}
.mm-navbar {display: flex;align-items: center;padding: 15px 15px 15px 3px;border-bottom: 1px solid #eee;font-weight: bold;}
.mm-back {cursor: pointer;margin-right: 10px;}
.mm-arrow {position: absolute;right: 0px;top: 50%;transform: translateY(-50%);cursor: pointer;}
.mm-arrow::after {content: "›";font-size: 25px;padding: 5px 0px 5px 13px;}
.mm-panel ul {list-style: none;padding: 0;margin: 0;}
.mm-panel li {position: relative;}
.mm-panel a {display: block;padding: 12px 0px 15px 3px;color: #1b1b1b;}
.mm-panel a[aria-current="page"], .mm-navbar * {color: var(--e-global-color-b7a7b25);}


/*==
HOME
==*/
.home-service-card {cursor: pointer; transition: background-position 0.2s ease-out; background-size: 120%;}
.home-service-card:after, .over-text-container:after {content: ''; height: 50%; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1; background: linear-gradient(to top, rgb(0 0 0 / 70%), transparent); transition: .3s ease all;}
.home-service-card>.elementor-element, .over-text-container>.elementor-element {position: relative; z-index: 10;}
.home-service-card:hover:after {height: 100%; transition: .3s ease all;}
.home-contact-form label {display: none;}
.home-contact-form input, .home-contact-form textarea {padding-left: 0px !important;}
.icon-box-map .elementor-icon-box-description {margin-top: 7px !important;}



/*=============
Forms
============*/

 /*Autofill*/

input:-webkit-autofill,
  input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
		
  }

.elementor-field-group .elementor-field-textual:focus{
	
	-webkit-box-shadow: none;
    box-shadow:none;
}
  input:-webkit-autofill,
  input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
		
  }

.elementor-field-group .elementor-field-textual:focus{
	
	-webkit-box-shadow: none;
    box-shadow:none;
}

.home-contact-form .elementor-field-option{
    display: flex;
    align-items: flex-start;
    margin-top: -20px;
}

.home-contact-form a,
.home-contact-form .elementor-field-type-html{
    font-size: 14px!important;
}


input[type="checkbox"]{
    margin-top: 6px;
    margin-right: 10px;
}

input[type="checkbox"] + label {
  font-size: 14px!important;
  opacity: .7;

}

input[type="checkbox"] {
    accent-color: #962A22;
}

/*End of Autofill custom css*/

input::placeholder,
textarea::placeholder,
select::placeholder,
input::placeholder,
textarea::placeholder,
select::placeholder {
  opacity: 1 !important;
  color: inherit;
}


/*==
TEMPLATES
==*/
.g-map-section iframe {filter: grayscale(1); border: 1px solid #ffffffa8 !important; border-radius: 10px; height: 335px;}




/*==
FOOTER
==*/
.footer-menu ul {flex-direction: column !important; gap: 18px !important;}




/*==
MEDIA QUERIES
==*/
/*
@media only screen and (max-width: 1170px){
	.remove-on-mobile {display: none;}
}*/

@media only screen and (max-width: 1024px){
/*	.remove-mobile {display: none;}*/
	.bg-fixmobile-white {position: relative;}
    .bg-fixmobile-white:after {background: linear-gradient(to top, white, transparent); content: ''; height: 88% !important; position: absolute; width: 100% !important; bottom: 0; left: 0; z-index: 1;}
	.bg-fixmobile-white>.e-con-inner {z-index: 10; position: relative;}
	.display-mobile {display: block}
	.sticky-active a.elementor-icon svg {fill: #fff !important;}
	.menu-contact-info a {color: #1B1B1BB3 !important; font-size: var(--e-global-typography-1b5962a-font-size) !important; display: block;}
	.main-hd.sticky-active {top: 0px !important;}
	.sticky-active .e-off-canvas__content {top: 0px !important;}

}

@media only screen and (max-width: 875px){
	.copyright-items {flex-direction: column !important;}
}

@media only screen and (max-width: 767px){
	.g-map-section iframe {height: clamp(200px, 43.677vw, 335px);}
}

@media only screen and (max-width: 600px) {
	.main-hd {
		margin-top: 0 !important;
	}
	.main-hd.sticky-active {
		padding-top: 30px !important;
	}
}