html,body
{
 width: 100%;
 height: 100%;
 margin: 0px;
 padding: 0px;
 overflow-x: hidden;
}


/* @font-face {
  font-display: swap;
} */

/* ===== FINAL SOLUTION: OVERRIDE ELEMENTOR GLOBAL FONT SETTINGS ===== */
/* ===== सबसे पहले CSS Variables को ओवरराइड करें ===== */

/* 1. Elementor Global Font Variables को Change करें */
:root, 
body, 
.elementor-page {
    --e-global-typography-text-font-family: 'Poppins', sans-serif !important;
    --e-global-typography-primary-font-family: inherit !important;
    --e-global-typography-secondary-font-family: inherit !important;
    --e-global-typography-accent-font-family: inherit !important;
}

/* 2. सभी Content Elements पर Poppins लागू करें */
body,
body p,
body span:not(.elementor-button-text):not(.elementor-heading-title span):not(.elementor-icon-list-text),
body li,
body ul,
body ol,
body div:not(.elementor-button-wrapper):not(.elementor-heading-title),
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-text-editor span,
.elementor-widget-text-editor li,
.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol,
.elementor-text-editor,
.elementor-text-editor p,
.elementor-text-editor span,
.elementor-text-editor li,
.entry-content,
.entry-content p,
.entry-content span,
.entry-content li,
.post-content,
.post-content p,
.post-content span,
.post-content li,
.page-content,
.page-content p,
.page-content span,
.page-content li {
    font-family: var(--e-global-typography-text-font-family, 'Poppins'), sans-serif !important;
    font-family: 'Poppins', sans-serif !important;
}

/* 3. Headings को Default Font में रखें */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title,
.entry-title,
.post-title,
.page-title,
.widget-title,
.section-title,
.block-title,
.card-title,
.wp-block-heading h1,
.wp-block-heading h2,
.wp-block-heading h3,
.wp-block-heading h4,
.wp-block-heading h5,
.wp-block-heading h6 {
    font-family: inherit !important;
    font-family: var(--e-global-typography-primary-font-family, inherit) !important;
}

/* 4. Buttons को Default Font में रखें */
button, 
input[type="button"], 
input[type="submit"], 
input[type="reset"],
.button, 
.btn,
.cta-button,
.submit,
.wp-block-button__link,
.elementor-button,
.elementor-button-wrapper,
.elementor-button .elementor-button-text,
.woocommerce-button,
.woocommerce-btn,
.add_to_cart_button,
.single_add_to_cart_button,
.checkout-button {
    font-family: inherit !important;
    font-family: var(--e-global-typography-accent-font-family, inherit) !important;
}

/* 5. Navigation/Menu को Default Font में रखें */
.main-navigation,
.menu-item,
.nav-menu,
.menu-toggle {
    font-family: inherit !important;
}

/* 6. Forms - Input fields में Poppins, Labels में Default */
textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="url"],
input[type="search"],
select {
    font-family: 'Poppins', sans-serif !important;
}

label,
.form-label {
    font-family: inherit !important;
}


/* =========================================
   FORCE ALL GRAY TEXT → BLACK
   ALL TAGS | ALL PLACES | COLOR ONLY
========================================= */

/* Hex gray shades */
*[style*="color:#999"],
*[style*="color: #999"],
*[style*="color:#888"],
*[style*="color: #888"],
*[style*="color:#777"],
*[style*="color: #777"],
*[style*="color:#666"],
*[style*="color: #666"],
*[style*="color:#aaa"],
*[style*="color: #aaa"],
*[style*="color:#bbb"],
*[style*="color: #bbb"] {
    color: #000000 !important;
}

/* Named gray colors */
*[style*="color: gray"],
*[style*="color:grey"] {
    color: #000000 !important;
}

/* RGB gray shades (Elementor + themes use this a lot) */
*[style*="color: rgb("] {
    color: #000000 !important;
}

/* WordPress & Elementor gray utility classes */
.has-gray-color,
.has-grey-color,
.text-gray,
.text-grey,
.elementor-text-color-gray,
.elementor-text-color-grey,
.wp-block-paragraph.has-text-color {
    color: #000000 !important;
}

/* FINAL HARD OVERRIDE (GRAY ONLY BEHAVIOR) */
body * {
    color: inherit;
}



@media screen and (max-width:768px){
	.elementor-68753 .elementor-element.elementor-element-6d55b2d5 > .elementor-widget-container {
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: absolute;
    top: -29px;
    left: 0;
    min-height: 400px;
    z-index: 9;
    min-width: 320px;
}
}