.elementor-kit-9{--e-global-color-primary:#0067FF;--e-global-color-secondary:#000000;--e-global-color-text:#101010;--e-global-color-accent:#005EE9;--e-global-color-de885e9:#000000;color:var( --e-global-color-astglobalcolor6 );}.elementor-kit-9 button:hover,.elementor-kit-9 button:focus,.elementor-kit-9 input[type="button"]:hover,.elementor-kit-9 input[type="button"]:focus,.elementor-kit-9 input[type="submit"]:hover,.elementor-kit-9 input[type="submit"]:focus,.elementor-kit-9 .elementor-button:hover,.elementor-kit-9 .elementor-button:focus{background-color:var( --e-global-color-de885e9 );color:var( --e-global-color-astglobalcolor4 );}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 p{margin-block-end:0px;}.elementor-kit-9 h3{font-size:25px;font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-9 h3{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-9 h3{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* McKinsey-inspired style guide for Dalit Welfare Association
   - Drop this CSS into your theme's global stylesheet or Elementor > Site Settings > Custom CSS
   - Uses Google Fonts (suggested imports below). Replace fonts with licensed fonts if available.

Google Fonts (suggested)
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&family=Roboto:wght@300;400;500;700&display=swap');

:root{
  /* Colors */
  --color-bg: #FFFFFF;                /* primary background */
  --color-text: #0B1F3D;              /* deep dark blue for body text */
  --color-accent: #0066CC;            /* vivid blue for links/buttons */
  --color-accent-2: #1E73BE;          /* secondary bright blue (optional) */
  --color-muted: #6B7280;             /* neutral gray for meta text */
  --color-inverse-bg: #0B1F3D;        /* dark section background */
  --color-inverse-text: #FFFFFF;      /* white text for dark sections */

  /* Typography scale (base = 16px) */
  --fs-base: 1rem;                    /* 16px */
  --fs-small: 0.875rem;               /* 14px */

  /* Line heights */
  --lh-body: 1.55;
  --lh-heading: 1.18;

  /* Spacing */
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;

  /* Border radius */
  --radius: 8px;
}

/* Font stacks */
html, body{
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Roboto', system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  font-size: 16px; /* keeps 1rem = 16px */
  color: var(--color-text);
  background: var(--color-bg);
  line-height: var(--lh-body);
}

/* Headings use a serif with strong presence */
h1, h2, h3{
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
  color: var(--color-text);
  line-height: var(--lh-heading);
  margin: 0 0 0.6em 0;
  letter-spacing: -0.01em;
}

/* Responsive sizes using clamp for fluid scaling */
h1{ font-weight: 700; font-size: clamp(1.75rem, 3.5vw, 3rem); /* ≈28px - 48px */ }
h2{ font-weight: 600; font-size: clamp(1.25rem, 2.5vw, 2rem); /* ≈20px - 32px */ }
h3{ font-weight: 500; font-size: clamp(1rem, 1.6vw, 1.5rem); /* ≈16px - 24px */ }

/* Body text */
p, li, a, span{ font-size: var(--fs-base); color: var(--color-text); }
.small{ font-size: var(--fs-small); color: var(--color-muted); }

/* Utility: tight hero / compact heading */
.lead{ font-size: 1.125rem; font-weight: 400; color: var(--color-muted); margin-bottom: 1rem; }

/* Links & buttons */
a{ color: var(--color-accent); text-decoration: none; }
a:hover{ text-decoration: underline; }

.button{
  display: inline-block;
  background: var(--color-accent);
  color: #fff;
  padding: 0.6rem 1.1rem;
  border-radius: var(--radius);
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}
.button-outline{
  background: transparent;
  border: 2px solid var(--color-accent);
  color: var(--color-accent);
}

/* Dark section variant for emphasis */
.section-dark{
  background: var(--color-inverse-bg);
  color: var(--color-inverse-text);
  padding: var(--space-lg) 1.5rem;
}
.section-dark a{ color: var(--color-accent-2); }

/* Cards */
.card{
  background: var(--color-bg);
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(11,31,61,0.06);
  padding: 1.25rem;
}

/* Layout helpers */
.container{ max-width: 1100px; margin: 0 auto; padding: 0 1.25rem; }
.row{ display: flex; gap: 1rem; flex-wrap: wrap; }
.col{ flex: 1 1 0; min-width: 0; }

/* Accessibility: focus states */
:focus{ outline: 3px solid rgba(0,102,204,0.18); outline-offset: 2px; }

/* Meta & small print */
.meta{ font-size: 0.9rem; color: var(--color-muted); }

/* Responsive breakpoints (Elementor default-ish breakpoints) */
@media (max-width: 1024px){ /* Tablet */
  html{ font-size: 15px; } /* 1rem = 15px on tablet */
  .container{ max-width: 860px; }
}
@media (max-width: 767px){ /* Mobile */
  html{ font-size: 14px; } /* 1rem = 14px on mobile */
  .row{ flex-direction: column; }
  .card{ padding: 1rem; }
}

/* Small print: use rem/em when you want relative sizing in widgets inside Elementor */
/* Example: If a widget sets font-size: 18px (1.125rem), then .widget-title { font-size: 1.5em } will be 27px inside that widget */

/* Quick copyable theme tokens to paste into Elementor Global Fonts & Colors */
/* Colors: Primary: #0B1F3D; Accent: #0066CC; Muted: #6B7280; Background: #FFFFFF */
/* Fonts: Headings: Playfair Display; Body: Roboto */

/* Small tip: To achieve McKinsey-like clarity, prefer:
   - Generous whitespace between sections
   - One accent color only
   - Strong serif headlines with lighter sans-serif body
*/

/* END *//* End custom CSS */