/* 
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 */

/* What We Do accordions (si-acc): the open item's photo sits outside the <details> content box (right column on desktop);
   Chrome clips ::details-content by default, so let the OPEN item's content overflow (closed items stay hidden). */
.si-acc-item[open]::details-content { overflow: visible; }

/* What We Do: looping card carousel (assets/js/wwd.js builds .si-loop-track at ≥1025px) */
.si-loop-track { position: absolute; display: flex; flex-wrap: nowrap; gap: var(--si-gap, 20px); width: max-content; animation: si-loop var(--si-dur, 36s) linear infinite; z-index: 1; }
.si-loop-track:hover, .si-loop-track:focus-within { animation-play-state: paused; }
.si-loop-track.si-loop-still { animation: none; }
.si-loop-track > .si-loop-card { position: relative !important; left: auto !important; top: auto !important; flex: 0 0 auto; margin: 0 !important; }
@keyframes si-loop { from { transform: translateX(0); } to { transform: translateX(calc(-50% - var(--si-gap, 20px) / 2)); } }
@media (prefers-reduced-motion: reduce) { .si-loop-track { animation: none; } }

/* What We Do hero ≤1024 when the photo sits inside the stage (above the page-level white wash): fade the photo itself to white */
@media (max-width: 1024px) {
	.si-hero-fade { -webkit-mask-image: linear-gradient(180deg, #000 30%, rgba(0,0,0,0.14) 72%, rgba(0,0,0,0.04) 100%); mask-image: linear-gradient(180deg, #000 30%, rgba(0,0,0,0.14) 72%, rgba(0,0,0,0.04) 100%); }
}@media (min-width:1025px) and (max-width:1199px), (min-width:1025px) and (max-width:1440px) and (pointer:coarse){
	.si-hero-fade { -webkit-mask-image: linear-gradient(180deg, #000 30%, rgba(0,0,0,0.14) 72%, rgba(0,0,0,0.04) 100%); mask-image: linear-gradient(180deg, #000 30%, rgba(0,0,0,0.14) 72%, rgba(0,0,0,0.04) 100%); }
}

/* Header menus (desktop dropdown panels + mobile accordions): the whole row is clickable, not only the text.
   The row is a span around the link; the link's ::after covers the row (hover/focus styles of the row are unchanged). */
.elementor-location-header span.e-paragraph-base:has(> a.e-paragraph-link-base) { position: relative; cursor: pointer; }
.elementor-location-header span.e-paragraph-base > a.e-paragraph-link-base::after { content: ""; position: absolute; inset: 0; }

/* ------------------------------------------------------------------ Header logo on scroll (desktop, header 598)
 * The logo SVG (77×130) is the "S" mark (y 12–72) above the "simplicity investing" wording. Once scrolled (html.si-scrolled,
 * assets/js/header-scroll.js) it is clipped to the top 84px — only the S, bottom corners rounded like the tile — and scaled to 75%
 * so it sits centred in the 86px bar (top 31 → 42.5px). Smooth both ways; instant for prefers-reduced-motion. */
.elementor-location-header [data-id="7e170af7"] {
	transform-origin: 0 0;
	transition: transform .35s cubic-bezier(.2, .7, .2, 1), clip-path .35s cubic-bezier(.2, .7, .2, 1);
	clip-path: inset(0 0 0 0 round 7px);
	will-change: transform, clip-path;
}
html.si-scrolled .elementor-location-header [data-id="7e170af7"] {
	transform: translate(0, 11.5px) scale(.75);
	clip-path: inset(0 0 46px 0 round 7px);
}
@media (prefers-reduced-motion: reduce) {
	.elementor-location-header [data-id="7e170af7"] { transition: none; }
}

/* Tablet/phone header (Header Mobile, logo 2d3a5c27 = logo-mark-mobile.svg 44×75, S mark y 7–42): same collapse inside the 65px bar —
 * clipped to the top 49px (round 4px) and scaled 90% → 40×44 centred (top 10.5px). */
.elementor-location-header [data-id="2d3a5c27"] {
	transform-origin: 0 0;
	transition: transform .35s cubic-bezier(.2, .7, .2, 1), clip-path .35s cubic-bezier(.2, .7, .2, 1);
	clip-path: inset(0 0 0 0 round 4px);
	will-change: transform, clip-path;
}
html.si-scrolled .elementor-location-header [data-id="2d3a5c27"] {
	transform: translate(0, 10.5px) scale(.9);
	clip-path: inset(0 0 26px 0 round 4px);
}
@media (prefers-reduced-motion: reduce) {
	.elementor-location-header [data-id="2d3a5c27"] { transition: none; }
}

/* About (173) quote "Complexity has nothing to do with intelligence. Simplicity does." — tablet/phone: the two separate quote-mark
 * elements (3ecb7e1a, 4c195118; hidden there) are replaced by inline marks hugging the first and last word, as in Figma. */
@media (max-width: 1024px) {
	.elementor-173 [data-id="1edcda30"]::before { content: "\201C"; }
	.elementor-173 [data-id="1edcda30"]::after { content: "\201D"; }
}@media (min-width:1025px) and (max-width:1199px), (min-width:1025px) and (max-width:1440px) and (pointer:coarse){
	.elementor-173 [data-id="1edcda30"]::before { content: "\201C"; }
	.elementor-173 [data-id="1edcda30"]::after { content: "\201D"; }
}

/* About (173) "How We Build Portfolios" cards (global classes si-pcards / si-pcard*) — tablet/phone: title + description stack from the
 * card bottom with a 20px margin instead of a fixed offset, so longer texts (4+ lines) never touch the edge; the card grows if needed. */
@media (max-width: 1024px) {
	body .elementor .si-pcards > .si-pcard { display: flex; flex-direction: column; justify-content: flex-end; gap: 10px; padding: 20px; height: auto; min-height: 320px; }
	body .elementor .si-pcards > .si-pcard .si-pcard-t,
	body .elementor .si-pcards > .si-pcard .si-pcard-d { position: relative; top: auto; left: auto; width: auto; max-width: 100%; transform: none; white-space: normal; opacity: 1; }
}@media (min-width:1025px) and (max-width:1199px), (min-width:1025px) and (max-width:1440px) and (pointer:coarse){
	body .elementor .si-pcards > .si-pcard { display: flex; flex-direction: column; justify-content: flex-end; gap: 10px; padding: 20px; height: auto; min-height: 320px; }
	body .elementor .si-pcards > .si-pcard .si-pcard-t,
	body .elementor .si-pcards > .si-pcard .si-pcard-d { position: relative; top: auto; left: auto; width: auto; max-width: 100%; transform: none; white-space: normal; opacity: 1; }
}
@media (max-width: 767px) {
	body .elementor .si-pcards > .si-pcard { min-height: 280px; }
}


/* What We Do quote sections (bug report 2026-10-15 "double quotes misplaced" on tablet/phone): the separate orange quote-mark element
 * stood alone on its own line far above the sentence. <=1024 it is hidden and the same orange quote opens the sentence instead. */
@media (max-width: 1024px) {
	.elementor-3784 [data-id="40c40ef8"],
	.elementor-3785 [data-id="5727a7bb"],
	.elementor-3786 [data-id="27140e4f"],
	.elementor-3787 [data-id="51b06c01"],
	.elementor-3788 [data-id="cfd7359"],
	.elementor-3789 [data-id="33cc43a4"],
	.elementor-3790 [data-id="3ca3bb06"] { display: none !important; }
	.elementor-3784 [data-id="5d68028d"]::before,
	.elementor-3785 [data-id="4cbad12b"]::before,
	.elementor-3786 [data-id="58233ef7"]::before,
	.elementor-3787 [data-id="290a39be"]::before,
	.elementor-3788 [data-id="14e803d3"]::before,
	.elementor-3789 [data-id="484de73e"]::before,
	.elementor-3790 [data-id="27323763"]::before { content: "\201C"; color: #C3661A; margin-right: 0.06em; }
}@media (min-width:1025px) and (max-width:1199px), (min-width:1025px) and (max-width:1440px) and (pointer:coarse){
	.elementor-3784 [data-id="40c40ef8"],
	.elementor-3785 [data-id="5727a7bb"],
	.elementor-3786 [data-id="27140e4f"],
	.elementor-3787 [data-id="51b06c01"],
	.elementor-3788 [data-id="cfd7359"],
	.elementor-3789 [data-id="33cc43a4"],
	.elementor-3790 [data-id="3ca3bb06"] { display: none !important; }
	.elementor-3784 [data-id="5d68028d"]::before,
	.elementor-3785 [data-id="4cbad12b"]::before,
	.elementor-3786 [data-id="58233ef7"]::before,
	.elementor-3787 [data-id="290a39be"]::before,
	.elementor-3788 [data-id="14e803d3"]::before,
	.elementor-3789 [data-id="484de73e"]::before,
	.elementor-3790 [data-id="27323763"]::before { content: "\201C"; color: #C3661A; margin-right: 0.06em; }
}

/* Glass cards (global class si-xcard: Expertise / question cards on the What We Do pages) — Figma group effect INNER_SHADOW white 30 %,
 * offset 2/2, blur 10 + glass edge; the build had no edge at all (bug report 2026-10-15 "borders are missing around each container"). */
.elementor .si-xcard { box-shadow: inset 2px 2px 10px rgba(255, 255, 255, .3), inset 0 0 0 1px rgba(255, 255, 255, .16); }

/* Accessibility Statement form validation (assets/js/a11y-form.js) — same red as the booking form errors. */
.si-a11y-invalid { border-color: #b42318 !important; }
.si-a11y-error { margin: 4px 0 0; font-family: var(--si-font-body, inherit); font-size: 12px; line-height: 16px; color: #b42318; letter-spacing: 0.2px; z-index: 1; }
.si-a11y-error[hidden] { display: none; }

/* Accessibility Statement (3429), per Figma 1536:7318 (bug report 2026-10-15 a11y 001/002/005/012): email links orange #C3661A bold
 * underlined; the "Please do not include…" sentence bold without underline; the phone link not underlined; in-page section links land
 * below the fixed header instead of under it. */
.elementor-3429 [data-id="78a1dc50"] a[href^="mailto:"],
.elementor-3429 [data-id="623bf3c6"] a[href^="mailto:"] { color: #C3661A; font-weight: 700; text-decoration: underline; }
.elementor-3429 [data-id="78a1dc50"] span { text-decoration: none !important; font-weight: 700; } /* beats the nested "& span:nth-of-type(1)" underline in the paragraph style */
.elementor-3429 [data-id="78a1dc50"] span:not(a span) { color: #161B21 !important; } /* "Please do not include…" warning in black (user 2026-10-16); the email links stay orange */
.elementor-3429 [data-id="5fadc457"] a[href^="tel:"] { text-decoration: none; color: inherit; }
html { scroll-padding-top: 140px; }
@media (max-width: 1024px) { html { scroll-padding-top: 90px; } }@media (min-width:1025px) and (max-width:1199px), (min-width:1025px) and (max-width:1440px) and (pointer:coarse){ html { scroll-padding-top: 90px; } }

/* Accessibility form (3429) desktop: the success/error message appears under Submit in the absolutely positioned card, where the
 * divider, "Prefer to call?" and the consent text sit → while a message is shown they move down 56px and the card grows by 56px
 * (bug report 2026-10-15 a11y 008). Tablet/phone are in normal flow and need nothing. */
@media (min-width:1441px), (min-width:1200px) and (pointer:fine), (min-width:1200px) and (pointer:none){
	.elementor-3429 [data-id="4789c204"]:has(form.form-state-success, form.form-state-error) :is([data-id="73bdb37c"], [data-id="5fadc457"], [data-id="1766218f"]) { transform: translateY(56px); }
	.elementor-3429 [data-id="4789c204"]:has(form.form-state-success, form.form-state-error) :is([data-id="61ed730f"]) { height: 1163px; }
	.elementor-3429 [data-id="4789c204"]:has(form.form-state-success, form.form-state-error) { min-height: 1163px; }
}

/* Privacy Policy (577) intro cards — hover lift (bug report 2026-10-15 privacy 002; Figma has no hover state → site card language:
 * 4px lift + soft shadow, 0.3s; none for reduced motion). */
.elementor-577 :is([data-id="79e8b31d"], [data-id="60e3f97a"], [data-id="4fe5a86"], [data-id="3b2d6933"]) { transition: transform .3s cubic-bezier(.2, .7, .2, 1), box-shadow .3s ease; border-radius: 20px; }
.elementor-577 :is([data-id="79e8b31d"], [data-id="60e3f97a"], [data-id="4fe5a86"], [data-id="3b2d6933"]):hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(20, 30, 85, .12); }
/* their section starts exactly at the card tops on desktop, so the lift cut off the top edge — clip sideways only */
.elementor-577 .elementor-element.elementor-element-6316bbdd { overflow-x: clip; overflow-y: visible; }
@media (prefers-reduced-motion: reduce) { .elementor-577 :is([data-id="79e8b31d"], [data-id="60e3f97a"], [data-id="4fe5a86"], [data-id="3b2d6933"]) { transition: none; } .elementor-577 :is([data-id="79e8b31d"], [data-id="60e3f97a"], [data-id="4fe5a86"], [data-id="3b2d6933"]):hover { transform: none; } }

/* Privacy Policy (577) tablet/phone (bug report privacy 010/011/013/014): every tick row = icon column + text column, icon centred on
 * the first line, 12px gap, 12px between rows — some rows let the text wrap under the icon. */
@media (max-width: 1024px) {
	.elementor-577 :is([data-id="5d1bde17"], [data-id="7abab3ca"], [data-id="5fd0bc74"], [data-id="40317a87"], [data-id="1fa296e7"], [data-id="1d41b87f"], [data-id="2daa1ab1"], [data-id="42448cd0"], [data-id="66c290ca"]) { display: grid !important; grid-template-columns: 20px minmax(0, 1fr); column-gap: 12px; align-items: start; width: 100% !important; height: auto !important; position: relative !important; top: auto !important; left: auto !important; margin: 0 !important; } /* the parent flex gap (12px) spaces the rows */
	.elementor-577 :is([data-id="5d1bde17"], [data-id="7abab3ca"], [data-id="5fd0bc74"], [data-id="40317a87"], [data-id="1fa296e7"], [data-id="1d41b87f"], [data-id="2daa1ab1"], [data-id="42448cd0"], [data-id="66c290ca"]) > .e-svg-base { position: relative !important; top: auto !important; left: auto !important; width: 20px !important; height: 20px !important; margin-top: 2px; }
	.elementor-577 :is([data-id="5d1bde17"], [data-id="7abab3ca"], [data-id="5fd0bc74"], [data-id="40317a87"], [data-id="1fa296e7"], [data-id="1d41b87f"], [data-id="2daa1ab1"], [data-id="42448cd0"], [data-id="66c290ca"]) > :not(.e-svg-base) { position: relative !important; top: auto !important; left: auto !important; width: auto !important; max-width: none !important; margin: 0 !important; }
}@media (min-width:1025px) and (max-width:1199px), (min-width:1025px) and (max-width:1440px) and (pointer:coarse){
	.elementor-577 :is([data-id="5d1bde17"], [data-id="7abab3ca"], [data-id="5fd0bc74"], [data-id="40317a87"], [data-id="1fa296e7"], [data-id="1d41b87f"], [data-id="2daa1ab1"], [data-id="42448cd0"], [data-id="66c290ca"]) { display: grid !important; grid-template-columns: 20px minmax(0, 1fr); column-gap: 12px; align-items: start; width: 100% !important; height: auto !important; position: relative !important; top: auto !important; left: auto !important; margin: 0 !important; } /* the parent flex gap (12px) spaces the rows */
	.elementor-577 :is([data-id="5d1bde17"], [data-id="7abab3ca"], [data-id="5fd0bc74"], [data-id="40317a87"], [data-id="1fa296e7"], [data-id="1d41b87f"], [data-id="2daa1ab1"], [data-id="42448cd0"], [data-id="66c290ca"]) > .e-svg-base { position: relative !important; top: auto !important; left: auto !important; width: 20px !important; height: 20px !important; margin-top: 2px; }
	.elementor-577 :is([data-id="5d1bde17"], [data-id="7abab3ca"], [data-id="5fd0bc74"], [data-id="40317a87"], [data-id="1fa296e7"], [data-id="1d41b87f"], [data-id="2daa1ab1"], [data-id="42448cd0"], [data-id="66c290ca"]) > :not(.e-svg-base) { position: relative !important; top: auto !important; left: auto !important; width: auto !important; max-width: none !important; margin: 0 !important; }
}

/* Bold lead-ins inside paragraphs use the Figma semi-bold (600). */
.elementor .e-paragraph-base strong { font-weight: 600; }

/* Who We Serve Success Stories tabs (bug report WWS 015): hover background is light grey, so the label turns navy instead of white. */
.elementor-3726 [data-id="5ee728af"] [role="tab"]:is(:hover, :focus-visible) :is(p, span) { color: #141E55 !important; }

/* NRI (3791) Financial Perspective bold line was nowrap → cut off on phones (bug report Global 066). */
@media (max-width: 1024px) { .elementor-3791 [data-id="31c35c1d"], .elementor-3791 [data-id="31c35c1d"] * { white-space: normal !important; } }@media (min-width:1025px) and (max-width:1199px), (min-width:1025px) and (max-width:1440px) and (pointer:coarse){ .elementor-3791 [data-id="31c35c1d"], .elementor-3791 [data-id="31c35c1d"] * { white-space: normal !important; } }

/* Relocation (3792) "Before departure" cards: the section clipped the card shadow / hover lift at its bottom edge
 * (bug report Global 076) — clip sideways only. */
.elementor-3792 .elementor-element.elementor-element-305bd661 { overflow-x: clip; overflow-y: visible; }
/* What We Do FAQ sections end exactly at the last FAQ box, so its shadow / open-state edge was cut (bug report India 060
 * "accordion container breaking from bottom") — same sideways-only clip. */
.elementor-3784 .elementor-element.elementor-element-4e243dc4, .elementor-3785 .elementor-element.elementor-element-7d6e18e8,
.elementor-3786 .elementor-element.elementor-element-2a81369f, .elementor-3787 .elementor-element.elementor-element-52af144e,
.elementor-3788 .elementor-element.elementor-element-382080dd, .elementor-3789 .elementor-element.elementor-element-246c48ef,
.elementor-3790 .elementor-element.elementor-element-2cbcb91a, .elementor-3791 .elementor-element.elementor-element-f94dc66,
.elementor-3792 .elementor-element.elementor-element-291594ff { overflow-x: clip; overflow-y: visible; }

/* Video single (template 630): the decorative frame "Rectangle 34624800" sits above the player ≤1024 (z-index 1) and swallowed
 * taps on the play button (bug report Perspective 060) — let clicks/taps through to the player. */
.elementor-630 .elementor-element.elementor-element-379311ec { pointer-events: none; }

/* About (173) Executive Leadership cards ≤1024: the LinkedIn link had no grid cell, so it auto-placed in row 1 above the photo (user
 * 2026-10-16). Put it in column 2 of the name row — same as the Board cards and desktop. */
@media (max-width: 1024px) {
	.elementor-173 :is([data-id="10c68f85"], [data-id="5a622341"], [data-id="59cdf336"]) > a { grid-column: 2; grid-row: 2; align-self: center; }
	.elementor-173 :is([data-id="10c68f85"], [data-id="5a622341"], [data-id="59cdf336"]) > h3 { grid-row: 2; grid-column: 1; }
}@media (min-width:1025px) and (max-width:1199px), (min-width:1025px) and (max-width:1440px) and (pointer:coarse){
	.elementor-173 :is([data-id="10c68f85"], [data-id="5a622341"], [data-id="59cdf336"]) > a { grid-column: 2; grid-row: 2; align-self: center; }
	.elementor-173 :is([data-id="10c68f85"], [data-id="5a622341"], [data-id="59cdf336"]) > h3 { grid-row: 2; grid-column: 1; }
}

/* Banner text "fade up" (assets/js/fade-up.js, user 2026-10-16: banner only, not the whole site). Classes are only added by the script, so nothing is hidden without
 * JS or with reduced motion. `translate` (not transform) so Figma-placed elements keep their own transforms; the end state is the
 * element's own opacity. */
.si-fx-wait { opacity: 0 !important; }
.si-fx-in { animation: si-fade-up .7s cubic-bezier(.2, .7, .2, 1) both; }
@keyframes si-fade-up { from { opacity: 0; translate: 0 24px; } }
@media (prefers-reduced-motion: reduce) { .si-fx-wait { opacity: 1 !important; } .si-fx-in { animation: none; } }
/* pre-hide until fade-up.js has marked its targets (it removes html.si-fx-pre; the head script also drops it after 3 s) */
.si-fx-pre :is([data-elementor-type="wp-page"], [data-elementor-type="wp-post"], [data-elementor-type="single-post"], [data-elementor-type="archive"]) > [data-id]:first-child :is(.e-heading-base, .e-paragraph-base) { opacity: 0; }

/* New 1440×620 banners (user 2026-10-16; media 4689–4697, white fade baked into the image): on desktop the photo fills the 620px
 * banner (anchored right so the subject stays in view on any width) and the old fade / shade layers that would double it are hidden. */
@media (min-width:1441px), (min-width:1200px) and (pointer:fine), (min-width:1200px) and (pointer:none){
	:is(.elementor-3786 [data-id="573fc112"], .elementor-3788 [data-id="39ee51fc"], .elementor-3792 [data-id="4d79c038"],
		.elementor-3784 [data-id="67cdffa5"], .elementor-3785 [data-id="6dabb40a"], .elementor-556 [data-id="3136c63f"],
		.elementor-3791 [data-id="e13cc46"], .elementor-646 [data-id="d92d644"], .elementor-3787 [data-id="358d1243"], .elementor-671 [data-id="2f70d978"], .elementor-741 [data-id="313f172f"], .elementor-719 [data-id="696097d6"]) {
		position: absolute !important; top: 0 !important; left: auto !important; right: 0 !important; width: max(1440px, 100vw) !important; height: 620px !important;
		min-width: 0 !important; max-width: none !important; aspect-ratio: auto !important; transform: none !important; filter: none !important;
		object-fit: cover !important; object-position: right center !important;
	}
	:is(.elementor-3786 :is([data-id="1ccb2732"], [data-id="9254d24"]), .elementor-3788 :is([data-id="5d6a1a81"], [data-id="4b482634"]),
		.elementor-3792 :is([data-id="114e3da3"], [data-id="db5b47e"]), .elementor-3784 :is([data-id="d3628ce"], [data-id="599fd051"]),
		.elementor-3785 :is([data-id="78e52765"], [data-id="464e831f"]), .elementor-556 :is([data-id="57850e0d"], [data-id="206ddfa6"], [data-id="72fa98d8"]),
		.elementor-3791 :is([data-id="67ded982"], [data-id="272fd54b"]), .elementor-646 :is([data-id="59eedd9e"], [data-id="c004fe0"], [data-id="2f8534d3"]),
		.elementor-3787 :is([data-id="146cf50d"], [data-id="28d458f4"]),
		.elementor-671 :is([data-id="2f325eef"], [data-id="5e0236e5"], [data-id="613bca6a"]), .elementor-741 :is([data-id="689a0e38"], [data-id="330f6a2e"], [data-id="464262f3"]), .elementor-719 :is([data-id="45b9ba3"], [data-id="15ab7af8"], [data-id="5639281a"])) { display: none !important; }
	/* Comprehensive FP: the photo sits in a centred 1440 stage — reach the viewport's right edge instead */
	.elementor-3788 [data-id="39ee51fc"] { right: calc(50% - 50vw) !important; }
	/* the photos' centred 1440 'Mask group' parents clipped the full-bleed photo on wider screens (white strip on the left at 1600+) */
	[data-id]:has(> :is(.elementor-3786 [data-id="573fc112"], .elementor-3788 [data-id="39ee51fc"], .elementor-3792 [data-id="4d79c038"], .elementor-3784 [data-id="67cdffa5"], .elementor-3785 [data-id="6dabb40a"], .elementor-556 [data-id="3136c63f"], .elementor-3791 [data-id="e13cc46"], .elementor-646 [data-id="d92d644"], .elementor-3787 [data-id="358d1243"], .elementor-671 [data-id="2f70d978"], .elementor-741 [data-id="313f172f"], .elementor-719 [data-id="696097d6"])) { overflow: visible !important; }
}
/* ≤1024 the new banner photos keep their own tablet/mobile boxes; show the subject (right side) rather than the baked-in white fade */
@media (max-width: 1024px) {
	:is(.elementor-3786 [data-id="573fc112"], .elementor-3788 [data-id="39ee51fc"], .elementor-3792 [data-id="4d79c038"],
		.elementor-3784 [data-id="67cdffa5"], .elementor-3785 [data-id="6dabb40a"], .elementor-556 [data-id="3136c63f"],
		.elementor-3791 [data-id="e13cc46"], .elementor-646 [data-id="d92d644"], .elementor-3787 [data-id="358d1243"], .elementor-671 [data-id="2f70d978"], .elementor-741 [data-id="313f172f"], .elementor-719 [data-id="696097d6"]) { object-position: right center !important; }
}@media (min-width:1025px) and (max-width:1199px), (min-width:1025px) and (max-width:1440px) and (pointer:coarse){
	:is(.elementor-3786 [data-id="573fc112"], .elementor-3788 [data-id="39ee51fc"], .elementor-3792 [data-id="4d79c038"],
		.elementor-3784 [data-id="67cdffa5"], .elementor-3785 [data-id="6dabb40a"], .elementor-556 [data-id="3136c63f"],
		.elementor-3791 [data-id="e13cc46"], .elementor-646 [data-id="d92d644"], .elementor-3787 [data-id="358d1243"], .elementor-671 [data-id="2f70d978"], .elementor-741 [data-id="313f172f"], .elementor-719 [data-id="696097d6"]) { object-position: right center !important; }
}

/* "Request a conversation" / "Discuss your needs" on Home jump to the booking form (#si-appointment = the form) — land with the
 * whole "Let's find a time." card below the fixed header (user 2026-10-16). */
#si-appointment { scroll-margin-top: 180px; }
@media (max-width: 1024px) { #si-appointment { scroll-margin-top: 170px; } }@media (min-width:1025px) and (max-width:1199px), (min-width:1025px) and (max-width:1440px) and (pointer:coarse){ #si-appointment { scroll-margin-top: 170px; } }

/* Footer "Simplicity Investing India Pvt. Ltd." + "SINCE JUNE 2011": the box is a fixed 48px and both lines are absolutely positioned (26px apart),
 * so a wrapped company name landed on the subtitle (iPad Safari). Stack them in flow so the box grows with the text. */
.elementor .elementor-element.elementor-element-6ab64fda { height: auto; min-height: 48px; display: flex; flex-direction: column; }
.elementor [data-id="6ab64fda"] > [data-id="249af0ef"],
.elementor [data-id="6ab64fda"] > [data-id="601c90d6"] { position: relative; inset: auto; width: 100%; }

/* Touch devices (iPad / iPhone Safari): backdrop-filter and filter layers rasterise the text inside them and can render it blurry while
 * scrolling. Use plain translucent fills there; the header's glass pill keeps its blur. Mouse desktops are unchanged. */
@media (pointer: coarse) {
	html body .elementor :not(.elementor-location-header, .elementor-location-header *) { backdrop-filter: none; -webkit-backdrop-filter: none; }
	html body .elementor :is(.si-xcard-odd, .si-gxcard-odd) { filter: none; }
}

/* si-hero-title-accent: 'It needs a better structure.' highlight on the home hero */
h1.si-hero-accent span{color:#141E55}

/* si-hero-title-weight: home banner titles (India page 30, Global page 124) at normal 400 weight on tablets only */
@media (min-width:768px) and (max-width:1024px){body.page-id-30 h1.si-h1,body.page-id-124 h1.si-h1{font-weight:400}body.page-id-124 h1.si-h1{font-family:"Source Serif 4",serif;letter-spacing:-0.72px}}@media (min-width:1025px) and (max-width:1199px), (min-width:1025px) and (max-width:1440px) and (pointer:coarse){body.page-id-30 h1.si-h1,body.page-id-124 h1.si-h1{font-weight:400}body.page-id-124 h1.si-h1{font-family:"Source Serif 4",serif;letter-spacing:-0.72px}}

/* si-governance-anchor: #governance (Who We Are) lands ~100px below the top on desktop, ~90px on tablet, so heading + all board photos fit; mobile unchanged. Page already has html scroll-padding-top 140px (90px on tablet) + section scroll-margin 120px. */
@media (min-width:1441px), (min-width:1200px) and (pointer:fine), (min-width:1200px) and (pointer:none){#governance{scroll-margin-top:-40px}}
@media (min-width:768px) and (max-width:1024px){#governance{scroll-margin-top:0}}@media (min-width:1025px) and (max-width:1199px), (min-width:1025px) and (max-width:1440px) and (pointer:coarse){#governance{scroll-margin-top:0}}