/* Home responsive — Figma "Home page - tablet" (744) and "Home page - mobile" (393) artboards.
 * Loaded by mu-plugins/beheshti-home-responsive.php (front page only, after figma-spec.css).
 * Every rule is inside max-width:1024px; desktop (>=1025px) is untouched.
 * selectors use the html:not(#hr):not(#hr) specificity bump like figma-spec.css. */

@media (max-width: 1024px) {
  :root {
    --bh-m-pad: 20px;            /* mobile side padding (Figma 393 artboard) */
    --bh-m-navy: var(--e-global-color-secondary, #021a51);
    --bh-t-pad: 40px;            /* tablet side padding (Figma 744 artboard) */
    --bh-r-pad: var(--bh-t-pad);
    --bh-r-white: #fff;
    --bh-r-cyan: var(--e-global-color-accent, #99f1ff);
    --bh-r-black: #000;
    --bh-r-navy: var(--e-global-color-secondary, #021a51);
  }

  html { overflow-x: clip; }
  body.home { overflow-x: clip; }

  /* ---- Snap sections: no 100vh, no inner scroll, no horizontal wrap ---- */
  html:not(#hr):not(#hr) body.home .elementor > .beheshti-snap-section {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    --min-height: 0px;
    overflow: visible !important;
    flex-wrap: nowrap !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    background-color: var(--bh-r-navy) !important;
    background-image: none !important;
    --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px;
    --gap: 0px; --row-gap: 0px; --column-gap: 0px;
  }
  html:not(#hr):not(#hr) body.home .elementor > .beheshti-snap-section > .e-con-inner {
    max-width: 100% !important; width: 100% !important; padding: 0 !important; flex-wrap: nowrap !important;
  }
  /* Elementor widgets: no stray margins */
  html:not(#hr):not(#hr) body.home .elementor > .beheshti-snap-section .elementor-widget:not(:last-child) { margin-block-end: 0; }
  html:not(#hr):not(#hr) body.home .elementor > .beheshti-snap-section .elementor-widget-container { margin: 0 !important; padding: 0 !important; }

  /* Desktop-only decoration (sparkle stars / diagonal lines / peeks) */
  html:not(#hr):not(#hr) body.home .beheshti-intro-peek,
  html:not(#hr):not(#hr) body.home .beheshti-stats-diag-line,
  html:not(#hr):not(#hr) body.home .beheshti-faq__flare,
  html:not(#hr):not(#hr) body.home .beheshti-snap-section .beheshti-sparkle-icon,
  html:not(#hr):not(#hr) body.home .elementor-element-stats_sparkle_line { display: none !important; }
}

@media (max-width: 743px) { :root { --bh-r-pad: var(--bh-m-pad); } }

/* ===== Header — Figma mobile "Frame 1" 393x55 / tablet "Frame 110" 744x60 ===== */
@media (max-width: 1024px) {
  html:not(#hr):not(#hr) body.home header.elementor-location-header,
  html:not(#hr):not(#hr) body.home header.elementor-location-header .elementor-element-7606721.beheshti-site-header {
    height: var(--bh-hd-h) !important; min-height: var(--bh-hd-h) !important; max-height: var(--bh-hd-h) !important;
    overflow: hidden; background: #000 !important; padding: 0 !important; margin: 0 !important; display: block !important; --padding-left: 0px; --padding-right: 0px;
  }
  html:not(#hr):not(#hr) body.home header.elementor-location-header .elementor-element-7606721 { position: relative !important; padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: 100% !important; left: 0 !important; right: 0 !important; display: block !important; }
  html:not(#hr):not(#hr) body.home header .elementor-element-5461748.e-con, html:not(#hr):not(#hr) body.home header .elementor-element-5461748 > .e-con-inner,
  html:not(#hr):not(#hr) body.home header .elementor-element-c00b55e.e-con, html:not(#hr):not(#hr) body.home header .elementor-element-c00b55e > .e-con-inner { display: contents !important; }
  html:not(#hr):not(#hr) body.home header .elementor-element-98b0cf2 { display: none !important; }
  /* logo (wordmark + star flare image, wordmark scaled to Figma 96.3px) */
  html:not(#hr):not(#hr) body.home header .elementor-element-1812792 {
    position: absolute !important; left: calc(50% + var(--bh-hd-logo-x)) !important; right: auto !important; top: var(--bh-hd-logo-y) !important;
    width: 136.5px !important; height: 85.3px !important; margin: 0 !important; padding: 0 !important; transform: none !important;
  }
  html:not(#hr):not(#hr) body.home header .elementor-element-1812792 a,
  html:not(#hr):not(#hr) body.home header .elementor-element-1812792 img { display: block !important; width: 136.5px !important; height: 85.3px !important; max-width: none !important; max-height: none !important; min-height: 0 !important; object-fit: fill !important; }
  /* language */
  html:not(#hr):not(#hr) body.home header .elementor-element-0290474 {
    position: absolute !important; left: var(--bh-m-pad-hd) !important; right: auto !important; top: var(--bh-hd-ctl-y) !important;
    width: auto !important; height: 12px !important; margin: 0 !important; padding: 0 !important; transform: none !important;
    display: flex !important; align-items: center !important; line-height: 12px !important;
  }
  html:not(#hr):not(#hr) body.home header .beheshti-lang { display: inline-flex !important; align-items: center !important; gap: 8px !important; height: 12px !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home header .beheshti-lang svg, html:not(#hr):not(#hr) body.home header .beheshti-lang .beheshti-lang__globe-svg, html:not(#hr):not(#hr) body.home header .beheshti-lang__globe, html:not(#hr):not(#hr) body.home header .beheshti-lang__icon { width: 12px !important; height: 12px !important; min-width: 12px !important; min-height: 12px !important; flex: none; margin: 0 !important; position: static !important; }
  html:not(#hr):not(#hr) body.home header .beheshti-lang span { font-size: 12px !important; line-height: 12px !important; font-weight: 400 !important; height: 12px !important; margin: 0 !important; padding: 0 !important; position: static !important; top: 0 !important; transform: none !important; }
  /* hamburger: three 1px lines, 22px wide */
  html:not(#hr):not(#hr) body.home header .elementor-element-71de6ae {
    position: absolute !important; left: auto !important; right: var(--bh-m-pad-hd) !important; top: var(--bh-hd-burger-y) !important;
    width: 22px !important; height: var(--bh-hd-burger-h) !important; margin: 0 !important; padding: 0 !important; transform: none !important;
  }
  html:not(#hr):not(#hr) body.home header .elementor-element-dfb27fa { width: 22px !important; height: var(--bh-hd-burger-h) !important; margin: 0 !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home header .elementor-element-dfb27fa .elementor-menu-toggle {
    width: 22px !important; height: var(--bh-hd-burger-h) !important; padding: 0 !important; margin: 0 !important; border-radius: 0 !important;
    background:
      linear-gradient(#fff, #fff) 0 0 / 22px 1px no-repeat,
      linear-gradient(#fff, #fff) 0 50% / 22px 1px no-repeat,
      linear-gradient(#fff, #fff) 0 100% / 22px 1px no-repeat !important;
  }
  html:not(#hr):not(#hr) body.home header .elementor-element-dfb27fa .elementor-menu-toggle svg { display: none !important; }
}
@media (max-width: 743px) {
  :root { --bh-hd-h: 55px; --bh-hd-logo-x: -59.5px; --bh-hd-logo-y: -28.6px; --bh-m-pad-hd: 20px; --bh-hd-ctl-y: 31px; --bh-hd-burger-h: 13px; --bh-hd-burger-y: 31px; }
}
@media (min-width: 744px) and (max-width: 1024px) {
  :root { --bh-hd-h: 60px; --bh-hd-logo-x: -79px; --bh-hd-logo-y: -26.3px; --bh-m-pad-hd: 28px; --bh-hd-ctl-y: 32px; --bh-hd-burger-h: 17px; --bh-hd-burger-y: 28px; }
}

/* ===== Hero — Figma mobile "Frame 4" 393x792 / tablet "Frame 109" 744x1000 ===== */
@media (max-width: 1024px) {
  html:not(#hr):not(#hr) body.home #beheshti-hero.beheshti-snap-section {
    background-color: #010306 !important;
    background-image: linear-gradient(rgb(1, 3, 6), rgb(1, 3, 6)), url("../../uploads/2026/09/grad-map-4.jpg") !important;
    background-blend-mode: screen, normal !important;
    background-size: 100% 100%, cover !important;
    background-position: 0 0, 50% 50% !important;
    background-repeat: no-repeat !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    padding: var(--bh-hero-pt) var(--bh-r-pad) var(--bh-hero-pb) !important;
    min-height: var(--bh-hero-h) !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-hero::before {
    content: "" !important; display: block !important; position: absolute !important; z-index: 1 !important; pointer-events: none !important;
    top: var(--bh-star-top) !important; right: var(--bh-star-right) !important; bottom: auto !important; left: auto !important;
    width: var(--bh-star-w) !important; height: var(--bh-star-h) !important; margin: 0 !important; padding: 0 !important; border: 0 !important; transform: none !important; opacity: 1 !important;
    background: var(--bh-star-img) no-repeat 0 0 / 100% 100% !important; mix-blend-mode: normal !important;
  }
  /* glowing light beam on the right edge (Figma "Asset 2 2", 87px) */
  html:not(#hr):not(#hr) body.home #beheshti-hero::after {
    content: "" !important; display: block !important; position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; width: 87px !important; z-index: 3 !important; pointer-events: none !important;
    background: url("../../uploads/2026/09/header-grad.png") no-repeat right center / 100% 100% !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-hero > .elementor-background-overlay { display: none !important; }
  html:not(#hr):not(#hr) body.home #beheshti-hero > .strtegy-header,
  html:not(#hr):not(#hr) body.home #beheshti-hero .elementor-element-9a7b8a6 {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    width: 100% !important; max-width: 100% !important;
    min-height: 0 !important; height: auto !important;
    padding: 0 !important; margin: 0 !important; gap: 0 !important;
    position: relative !important; z-index: 4;
  }
  /* wordmark + subtitle SVG (Figma "Group 24" + subtitle), left-aligned */
  html:not(#hr):not(#hr) body.home #beheshti-hero .elementor-element-65e3975 {
    position: static !important; display: block !important;
    width: 100% !important; height: auto !important; padding: 0 !important; margin: 0 !important;
    direction: ltr;
  }
  html:not(#hr):not(#hr) body.home #beheshti-hero .elementor-element-21a6825 {
    position: static !important; left: auto !important; top: auto !important;
    width: var(--bh-hero-logo-w) !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important;
    transform: none !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-hero .elementor-element-21a6825 > svg {
    display: block !important; width: 100% !important; height: auto !important; max-width: none !important;
    transform: none !important; margin: 0 !important; position: static !important;
  }
  /* title */
  html:not(#hr):not(#hr) body.home #beheshti-hero .elementor-element-2290b71 {
    margin: auto 0 var(--bh-hero-gap1) 0 !important; width: 100% !important; max-width: none !important; padding: 0 !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-hero h2.elementor-heading-title {
    margin: 0 !important; padding: 0 !important; top: 0 !important; position: static !important;
    font-weight: 300 !important; font-size: var(--bh-hero-h2) !important; line-height: var(--bh-hero-h2-lh) !important;
    text-align: right !important; color: #fff !important; white-space: normal !important; letter-spacing: 0 !important;
    width: 100% !important; max-width: 100% !important;
  }
  /* lead + description */
  html:not(#hr):not(#hr) body.home #beheshti-hero .elementor-element-aac349e {
    margin: 0 0 var(--bh-hero-gap2) 0 !important; width: 100% !important; max-width: none !important; padding: 0 !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-hero .elementor-widget-text-editor p,
  html:not(#hr):not(#hr) body.home #beheshti-hero .beheshti-hero-lead,
  html:not(#hr):not(#hr) body.home #beheshti-hero .beheshti-hero-desc {
    font-weight: 350 !important; font-size: var(--bh-hero-p) !important; line-height: var(--bh-hero-p-lh) !important;
    margin: 0 0 12px 0 !important; padding: 0 !important; text-align: right !important; color: #fff !important;
    max-width: none !important; width: 100% !important; letter-spacing: 0 !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-hero .elementor-widget-text-editor p:last-child { margin-bottom: 0 !important; }
  /* buttons */
  html:not(#hr):not(#hr) body.home #beheshti-hero .elementor-element-1c88331 { margin: 0 !important; width: 100% !important; max-width: none !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-hero .beheshti-hero-buttons {
    display: flex !important; width: 100% !important; margin: 0 !important; padding: 0 !important;
    gap: 12px !important; align-items: stretch !important; position: static !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-hero .beheshti-hero-buttons .strategy-btn {
    display: flex !important; gap: 12px !important; width: auto !important; margin: 0 !important; padding: 0 !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-hero .beheshti-hero-buttons .beheshti-btn {
    box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important;
    height: 44px !important; min-height: 44px !important; max-height: 44px !important; min-width: 0 !important;
    margin: 0 !important; padding: 0 10px !important; border: 0.5px solid #fff !important; border-radius: 0 !important;
    font-size: 14px !important; line-height: 17px !important; font-weight: 400 !important; text-align: center !important;
    background: transparent !important; color: #fff !important; text-decoration: none !important; white-space: nowrap;
  }
  html:not(#hr):not(#hr) body.home #beheshti-hero .beheshti-hero-buttons .darkhast-jalase { background: #000 !important; }
}
@media (max-width: 743px) {
  :root {
    --bh-star-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1182' height='985.0' viewBox='0 0 1182 985.0'%3E%3Cdefs%3E%3CradialGradient id='g' gradientUnits='userSpaceOnUse' cx='657.1' cy='359.5' r='1' gradientTransform='translate(657.1 359.5) scale(286.5 195.4) translate(-657.1 -359.5)'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.2'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M1182 0.6L1181.6 0L674.9 345.4C673.4 346.5 671.7 347.3 669.9 347.8C662.8 349.8 660.7 345.1 659.3 333.9C658.7 328.9 658.4 324 658.4 319L658.4 0.3L657.7 0.3L657.7 322.5C657.7 326.8 657.5 331.1 657.1 335.5C656.1 344.5 654.3 351.4 650.4 357.9C647.4 362.9 643.3 367 638.5 370.3L0 805.6L0.4 806.2L639.5 370.5C641.3 369.2 643.3 368.2 645.5 367.6C655.8 364.7 657.1 373.5 657.7 386.2L657.7 985L658.4 985L658.4 389.8C658.4 385.3 658.7 380.8 659.4 376.3C659.4 376.1 659.4 376 659.4 375.9C661.7 362.1 669.6 350 681 342.1L1182 0.6Z' fill='url(%23g)'/%3E%3C/svg%3E"); --bh-star-top: -177px; --bh-star-right: -458px; --bh-star-w: 1182px; --bh-star-h: 985px;
    --bh-hero-pt: 100px; --bh-hero-pb: 60px; --bh-hero-h: 792px;
    --bh-hero-logo-w: 253.5px; --bh-hero-h2: 28px; --bh-hero-h2-lh: 34px;
    --bh-hero-p: 14px; --bh-hero-p-lh: 17px; --bh-hero-gap1: 12px; --bh-hero-gap2: 60px;
  }
  html:not(#hr):not(#hr) body.home #beheshti-hero .beheshti-hero-buttons { flex-direction: column !important; }
  html:not(#hr):not(#hr) body.home #beheshti-hero .beheshti-hero-buttons .strategy-btn { flex-direction: column !important; width: 100% !important; }
  html:not(#hr):not(#hr) body.home #beheshti-hero .beheshti-hero-buttons .beheshti-btn { width: 100% !important; }
}
@media (min-width: 744px) and (max-width: 1024px) {
  :root {
    --bh-star-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1192' height='1142.7' viewBox='0 0 1192 1142.7'%3E%3Cdefs%3E%3CradialGradient id='g' gradientUnits='userSpaceOnUse' cx='662.7' cy='362.5' r='1' gradientTransform='translate(662.7 362.5) scale(288.9 197.0) translate(-662.7 -362.5)'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.2'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M1192 0.6L1191.6 0L680.6 348.4C679.1 349.4 677.4 350.3 675.6 350.8C668.4 352.8 666.3 348 664.9 336.7C664.2 331.7 664 326.7 664 321.7L664 0.3L663.3 0.3L663.3 325.2C663.3 329.6 663.1 334 662.6 338.3C661.6 347.4 659.9 354.4 655.9 360.9C652.9 365.9 648.7 370.1 643.9 373.4L0 812.4L0.4 813L644.9 373.6C646.7 372.4 648.8 371.3 650.9 370.7C661.4 367.8 662.7 376.6 663.3 389.5L663.3 1142.7L664 1142.7L664 393.1C664 388.6 664.3 384 665 379.5C665 379.3 665 379.2 665 379C667.3 365.2 675.2 352.9 686.8 345L1192 0.6Z' fill='url(%23g)'/%3E%3C/svg%3E"); --bh-star-top: -132px; --bh-star-right: -402px; --bh-star-w: 1192px; --bh-star-h: 1142.7px;
    --bh-hero-pt: 120px; --bh-hero-pb: 120px; --bh-hero-h: 1000px;
    --bh-hero-logo-w: 302px; --bh-hero-h2: 28px; --bh-hero-h2-lh: 34px;
    --bh-hero-p: 14px; --bh-hero-p-lh: 17px; --bh-hero-gap1: 12px; --bh-hero-gap2: 120px;
  }
  html:not(#hr):not(#hr) body.home #beheshti-hero .beheshti-hero-buttons { flex-direction: row !important; justify-content: space-between !important; }
  html:not(#hr):not(#hr) body.home #beheshti-hero .beheshti-hero-buttons .strategy-btn { flex-direction: row !important; }
  html:not(#hr):not(#hr) body.home #beheshti-hero .beheshti-hero-buttons .beheshti-btn { width: 180px !important; }
}

/* ===== Venn / "شیوه ساختن" — mobile "Frame 6" 393x991 / tablet "Frame 6" 744x988 ===== */
@media (max-width: 1024px) {
  :root { --bh-r-dot: #000; /* Figma mobile/tablet ellipse fill */ }
  html:not(#hr):not(#hr) body.home #beheshti-venn.beheshti-snap-section {
    padding: var(--bh-sec-pt) var(--bh-r-pad) var(--bh-sec-pb) !important;
    --padding-top: 0px;
  }
  html:not(#hr):not(#hr) body.home #beheshti-venn > .e-con-inner {
    display: flex !important; flex-direction: column !important; gap: 60px !important;
    width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; align-items: stretch !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-venn .elementor-element-fa2a811,
  html:not(#hr):not(#hr) body.home #beheshti-venn .elementor-element-47bec50 { display: contents !important; }
  html:not(#hr):not(#hr) body.home #beheshti-venn .elementor-element-6f4d98d { order: 1; width: 100% !important; margin: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-venn .elementor-element-6004e37 { order: 2; width: 100% !important; margin: 0 !important; text-align: center; }
  html:not(#hr):not(#hr) body.home #beheshti-venn .elementor-element-0b0ce1e { order: 3; width: 100% !important; margin: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-venn .elementor-element-d0d9d83 { order: 4; width: 100% !important; margin: 0 !important; }

  html:not(#hr):not(#hr) body.home #beheshti-venn h2.elementor-heading-title {
    margin: 0 !important; padding: 0 !important; text-align: right !important; color: #fff !important;
    font-weight: 200 !important; font-size: var(--bh-h2) !important; line-height: var(--bh-h2-lh) !important; letter-spacing: 0 !important;
    width: 100% !important; max-width: 100% !important; white-space: normal !important; word-spacing: var(--bh-venn-h2-ws);
  }
  html:not(#hr):not(#hr) body.home #beheshti-venn .elementor-element-6004e37 img {
    display: block !important; width: var(--bh-venn-img-w) !important; height: var(--bh-venn-img-h) !important; max-width: 100% !important;
    margin: 0 auto !important; object-fit: contain !important; object-position: center !important;
  }
  /* copy */
  html:not(#hr):not(#hr) body.home #beheshti-venn .beheshti-venn-content {
    display: flex !important; flex-direction: column !important; gap: 14px !important; width: 100% !important;
    color: #fff !important; text-align: right !important; direction: rtl;
    font-size: var(--bh-p) !important; line-height: var(--bh-p-lh) !important; font-weight: 350 !important; letter-spacing: 0 !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-venn .beheshti-venn-content > p {
    margin: 0 !important; padding: 0 !important; font-size: var(--bh-p) !important; line-height: var(--bh-p-lh) !important; font-weight: 350 !important; color: #fff !important; text-align: right !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-venn .beheshti-venn-content > p br { display: none; }
  html:not(#hr):not(#hr) body.home #beheshti-venn .beheshti-venn-content > p:first-child br { display: inline; }
  html:not(#hr):not(#hr) body.home #beheshti-venn .beheshti-venn-list {
    list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; gap: 16px !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-venn .beheshti-venn-list > li { margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; gap: 4px !important; list-style: none !important; }
  html:not(#hr):not(#hr) body.home #beheshti-venn .beheshti-venn-list > li::marker { content: none; }
  html:not(#hr):not(#hr) body.home #beheshti-venn .beheshti-venn-list__title {
    display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important;
    margin: 0 !important; padding: 0 !important; min-height: 22px;
    font-size: var(--bh-li) !important; line-height: 18px !important; font-weight: 600 !important; color: #fff !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-venn .beheshti-venn-list__title strong { font-weight: 600 !important; font-size: var(--bh-li) !important; line-height: 18px !important; }
  html:not(#hr):not(#hr) body.home #beheshti-venn .beheshti-venn-list__dots {
    display: grid !important; grid-template-columns: repeat(2, 10px); gap: 2px 4px !important; align-items: center; justify-items: center; flex: none;
  }
  html:not(#hr):not(#hr) body.home #beheshti-venn .beheshti-venn-list__dots i {
    display: block !important; width: 10px !important; height: 10px !important; border-radius: 50% !important; background: var(--bh-r-dot) !important; margin: 0 !important;
  }
  /* one dot: single column; three dots: pyramid (first dot centred over the other two) */
  html:not(#hr):not(#hr) body.home #beheshti-venn .beheshti-venn-list__dots:has(i:only-child) { grid-template-columns: 10px; }
  html:not(#hr):not(#hr) body.home #beheshti-venn .beheshti-venn-list__dots:has(i:nth-child(3)) i:first-child { grid-column: 1 / -1; }
  html:not(#hr):not(#hr) body.home #beheshti-venn .beheshti-venn-list__description {
    margin: 0 !important; padding: 0 !important; font-size: var(--bh-li-d) !important; line-height: 18px !important; font-weight: 350 !important; color: #fff !important;
  }
  /* CTA */
  html:not(#hr):not(#hr) body.home #beheshti-venn .bishtar-parent-btn { display: flex !important; justify-content: center !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-venn .bishtar-parent-btn a.beheshti-btn {
    display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important;
    height: var(--bh-btn-h) !important; min-height: var(--bh-btn-h) !important; max-height: var(--bh-btn-h) !important;
    width: var(--bh-venn-btn-w) !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 10px !important;
    border: 0.5px solid #fff !important; border-radius: 0 !important; background: #000 !important; color: #fff !important;
    font-size: var(--bh-btn-fs) !important; line-height: var(--bh-btn-lh) !important; font-weight: 400 !important; text-decoration: none !important;
  }
}
@media (max-width: 743px) {
  :root {
    --bh-sec-pt: 80px; --bh-sec-pb: 60px; --bh-h2: 32px; --bh-h2-lh: 39px; --bh-p: 14px; --bh-p-lh: 17px;
    --bh-li: 16px; --bh-li-d: 12px; --bh-btn-h: 44px; --bh-btn-fs: 14px; --bh-btn-lh: 17px;
    --bh-venn-img-w: 250px; --bh-venn-img-h: 240px; --bh-venn-btn-w: 100%; --bh-venn-h2-ws: -2.5px;
  }
}
@media (min-width: 744px) and (max-width: 1024px) {
  :root {
    --bh-sec-pt: 80px; --bh-sec-pb: 0px; --bh-h2: 34px; --bh-h2-lh: 41px; --bh-p: 16px; --bh-p-lh: 20px;
    --bh-li: 18px; --bh-li-d: 14px; --bh-btn-h: 45px; --bh-btn-fs: 18px; --bh-btn-lh: 22.43px;
    --bh-venn-img-w: 370px; --bh-venn-img-h: 356px; --bh-venn-btn-w: 300px; --bh-venn-h2-ws: 0px;
  }
}

/* ===== Intro (Figma mobile "Frame 25" / tablet "Frame 8") and Stats (mobile "Frame 103" / tablet "Frame 9") ===== */
@media (max-width: 1024px) {
  :root {
    --bh-mask-portrait-m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 244 351' preserveAspectRatio='none'%3E%3Cpath d='M38.2 0H244V351H13.4C6.2 351 .7 344.8 1.4 337.7L38.2 0Z'/%3E%3C/svg%3E");
    --bh-mask-portrait-t: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 372 320' preserveAspectRatio='none'%3E%3Cpath d='M36.2 0H372V320H33.6C15.7 320 1.8 304.4 3.8 286.6L36.2 0Z'/%3E%3C/svg%3E");
    --bh-mask-people-t: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 372 365' preserveAspectRatio='none'%3E%3Cpath d='M0 0H340.25C357.49 0 371.18 14.49 370.21 31.7L351.33 365H0V0Z'/%3E%3C/svg%3E");
    --bh-mask-stats-m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 236 600' preserveAspectRatio='none'%3E%3Cpath d='M236 0H0V600H199.03L236 0Z'/%3E%3C/svg%3E");
    --bh-mask-stats-t: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 351 565' preserveAspectRatio='none'%3E%3Cpath d='M351 0H0V564.94H316L351 0Z'/%3E%3C/svg%3E");
    --bh-intro-photo: url("../../uploads/2026/08/beheshti-home-intro-photo.jpg");
    --bh-stats-photo: url("../../uploads/2026/08/beheshti-home-stats-photo.jpg");
  }
  /* ---------------- Intro ---------------- */
  html:not(#hr):not(#hr) body.home #beheshti-intro.beheshti-snap-section { display: grid !important; direction: rtl; align-items: start !important; }
  html:not(#hr):not(#hr) body.home #beheshti-intro .beheshti-intro-peek { display: none; }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-intro_media_con { display: contents !important; }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-intro_img {
    grid-column: 1; grid-row: 1; width: 100% !important; margin: 0 !important; padding: 0 !important; position: relative !important;
    background-image: var(--bh-intro-photo); background-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%;
  }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-intro_img img { opacity: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; display: block !important; object-fit: fill !important; }
  html:not(#hr):not(#hr) body.home #beheshti-intro h3.elementor-heading-title {
    margin: 0 !important; padding: 0 !important; text-align: right !important; color: #fff !important; letter-spacing: 0 !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-83c55bb {
    width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 8px !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-51b8683 { margin: 0 !important; padding: 0 !important; width: auto !important; order: 1 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-51b8683 img { display: block !important; width: var(--bh-intro-logo-w) !important; height: auto !important; max-width: none !important; position: static !important; }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-64553e4 { margin: 0 !important; padding: 0 !important; width: auto !important; order: 2 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-64553e4 h3.elementor-heading-title { font-weight: 350 !important; font-size: var(--bh-intro-sub) !important; line-height: var(--bh-intro-sub-lh) !important; padding: 0 var(--bh-intro-sub-pr) 0 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-intro_btn { margin: 0 !important; padding: 0 !important; width: 100% !important; }
  html:not(#hr):not(#hr) body.home #beheshti-intro .about-us-parent-btn { display: flex !important; width: 100% !important; justify-content: flex-start !important; margin: 0 !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-intro .about-us-parent-btn a.beheshti-btn {
    display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important;
    height: var(--bh-btn-h) !important; min-height: var(--bh-btn-h) !important; max-height: var(--bh-btn-h) !important; width: var(--bh-intro-btn-w) !important; min-width: 0 !important; max-width: 100% !important;
    margin: 0 !important; padding: 0 10px !important; border: 0.5px solid #fff !important; border-radius: 0 !important; background: #000 !important; color: #fff !important;
    font-size: var(--bh-btn-fs) !important; line-height: var(--bh-btn-lh) !important; font-weight: 400 !important; text-decoration: none !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-b420aba { margin: 0 !important; padding: 0 !important; width: 100% !important; }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-b420aba h3.elementor-heading-title { font-weight: var(--bh-intro-t-fw) !important; font-size: var(--bh-intro-t) !important; line-height: var(--bh-intro-t-lh) !important; }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-b0369eb { margin: 0 !important; padding: 0 !important; width: 100% !important; }
  html:not(#hr):not(#hr) body.home #beheshti-intro .beheshti-intro-desc, html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-b0369eb p {
    margin: 0 !important; padding: 0 !important; text-align: right !important; color: #fff !important;
    font-weight: 300 !important; font-size: var(--bh-intro-d) !important; line-height: var(--bh-intro-d-lh) !important; letter-spacing: 0 !important;
  }

  /* ---------------- Stats ---------------- */
  html:not(#hr):not(#hr) body.home #beheshti-stats.beheshti-snap-section { display: grid !important; direction: rtl; align-items: stretch !important; background-image: none !important; }
  html:not(#hr):not(#hr) body.home #beheshti-stats .beheshti-stats-copy {
    grid-column: 1; grid-row: 1; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: stretch !important;
    width: auto !important; max-width: none !important; min-width: 0 !important; height: auto !important; margin: 0 !important; box-sizing: border-box !important; gap: var(--bh-st-gap) !important; flex: none !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-stats .beheshti-stats-media {
    grid-column: 2; grid-row: 1; width: 100% !important; max-width: none !important; min-width: 0 !important; height: 100% !important; margin: 0 !important; padding: 0 !important; flex: none !important;
    position: relative !important; clip-path: none !important; overflow: hidden !important;
    background-image: var(--bh-stats-photo); background-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%;
  }
  html:not(#hr):not(#hr) body.home #beheshti-stats .beheshti-stats-media .elementor-widget, html:not(#hr):not(#hr) body.home #beheshti-stats .beheshti-stats-media img { opacity: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-stats .beheshti-stats-media .elementor-element-stats_img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-stats h2.elementor-heading-title {
    margin: 0 !important; padding: 0 !important; text-align: right !important; color: #fff !important; letter-spacing: 0 !important;
    font-weight: 200 !important; font-size: var(--bh-st-h) !important; line-height: var(--bh-st-h-lh) !important; position: static !important; top: 0 !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-stats .elementor-element-stats_title { margin: 0 !important; width: 100% !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-stats .beheshti-stats-copy .elementor-element-stat_item_1 { margin-top: auto !important; }
  html:not(#hr):not(#hr) body.home #beheshti-stats .beheshti-stats-copy .elementor-element-stat_item_1,
  html:not(#hr):not(#hr) body.home #beheshti-stats .beheshti-stats-copy .elementor-element-stat_item_2,
  html:not(#hr):not(#hr) body.home #beheshti-stats .beheshti-stats-copy .elementor-element-stat_item_3 { width: 100% !important; height: auto !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-stats .beheshti-stats-copy .elementor-element-stat_item_2, html:not(#hr):not(#hr) body.home #beheshti-stats .beheshti-stats-copy .elementor-element-stat_item_3 { margin: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-stats .beheshti-stat {
    display: flex !important; margin: 0 !important; padding: 0 !important; height: auto !important; opacity: 1 !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-stats .beheshti-stat__number {
    font-family: "Aria Stat", Aria, sans-serif !important; font-weight: 300 !important; font-size: var(--bh-st-n) !important; line-height: var(--bh-st-n-lh) !important; height: var(--bh-st-n-lh) !important;
    letter-spacing: 0 !important; word-spacing: 0 !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; color: #fff !important; opacity: 1 !important;
    position: relative !important; top: var(--bh-st-n-dy) !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-stats .beheshti-stat__title {
    font-weight: 300 !important; font-size: var(--bh-st-l) !important; line-height: var(--bh-st-l-lh) !important; margin: 0 !important; padding: 0 !important; color: #fff !important; opacity: 1 !important; white-space: nowrap;
  }
}
/* ---- mobile ---- */
@media (max-width: 743px) {
  :root {
    --bh-intro-logo-w: 111.5px; --bh-intro-sub: 14px; --bh-intro-sub-lh: 17px; --bh-intro-sub-pr: 6px; --bh-intro-btn-w: 100%;
    --bh-intro-t: 20px; --bh-intro-t-lh: 25px; --bh-intro-t-fw: 350; --bh-intro-d: 16px; --bh-intro-d-lh: 20px;
    --bh-st-h: 32px; --bh-st-h-lh: 39px; --bh-st-gap: 24px; --bh-st-n-dy: 3px; --bh-st-n: 36px; --bh-st-n-lh: 18px; --bh-st-l: 13px; --bh-st-l-lh: 16px;
  }
  html:not(#hr):not(#hr) body.home #beheshti-intro.beheshti-snap-section {
    background-color: #000 !important; grid-template-columns: 1fr 139px; grid-template-rows: 351px auto auto auto; column-gap: 10px; padding-bottom: 60px !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-intro_img { height: 351px !important; background-size: 244.5% auto; background-position: 62.4% 0; -webkit-mask-image: var(--bh-mask-portrait-m); mask-image: var(--bh-mask-portrait-m); }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-intro_copy_con { display: contents !important; }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-83c55bb { grid-column: 2; grid-row: 1; padding: 40px 0 0 0 !important; align-items: flex-start !important; }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-intro_btn { grid-column: 1 / -1; grid-row: 2; padding: 30px var(--bh-m-pad) 0 !important; box-sizing: border-box !important; width: 100% !important; }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-b420aba { grid-column: 1 / -1; grid-row: 3; padding: 40px var(--bh-m-pad) 0 !important; box-sizing: border-box !important; }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-b0369eb { grid-column: 1 / -1; grid-row: 4; padding: 20px var(--bh-m-pad) 0 !important; box-sizing: border-box !important; }
  /* stats */
  html:not(#hr):not(#hr) body.home #beheshti-stats.beheshti-snap-section { grid-template-columns: 157px 1fr; grid-template-rows: 600px; }
  html:not(#hr):not(#hr) body.home #beheshti-stats .beheshti-stats-copy { padding: 40px 20px 40px 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-stats .beheshti-stats-copy > .elementor-element-stats_title { width: 137px !important; }
  html:not(#hr):not(#hr) body.home #beheshti-stats .beheshti-stats-media { background-size: auto 600px; background-position: -257px 0; -webkit-mask-image: var(--bh-mask-stats-m); mask-image: var(--bh-mask-stats-m); }
  html:not(#hr):not(#hr) body.home #beheshti-stats .beheshti-stat { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; }
}
/* ---- tablet ---- */
@media (min-width: 744px) and (max-width: 1024px) {
  :root {
    --bh-intro-logo-w: 189.4px; --bh-intro-sub: 16px; --bh-intro-sub-lh: 20px; --bh-intro-sub-pr: 16px; --bh-intro-btn-w: 220px;
    --bh-intro-t: 32px; --bh-intro-t-lh: 39px; --bh-intro-t-fw: 200; --bh-intro-d: 16px; --bh-intro-d-lh: 20px;
    --bh-st-h: 33px; --bh-st-h-lh: 40px; --bh-st-gap: 0px; --bh-st-n-dy: 12px; --bh-st-n: 80px; --bh-st-n-lh: 98px; --bh-st-l: 16px; --bh-st-l-lh: 20px;
  }
  html:not(#hr):not(#hr) body.home #beheshti-intro.beheshti-snap-section {
    grid-template-columns: 1fr 1fr; grid-template-rows: 320px 365px; padding-top: 160px !important; column-gap: 0;
  }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-intro_img { height: 320px !important; background-size: 179.9% auto; background-position: 57.85% 13.1%; -webkit-mask-image: var(--bh-mask-portrait-t); mask-image: var(--bh-mask-portrait-t); }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-intro_copy_con {
    grid-column: 2; grid-row: 1; display: flex !important; flex-direction: column !important; justify-content: space-between !important; align-items: flex-start !important;
    width: 100% !important; height: 320px !important; padding: 0 40px 60px 40px !important; margin: 0 !important; box-sizing: border-box !important; gap: 24px !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-83c55bb { padding: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-intro_btn { width: auto !important; align-self: flex-start !important; }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-intro_btn .about-us-parent-btn { width: auto !important; }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-b420aba { grid-column: 1; grid-row: 2; align-self: start !important; padding: 40px 40px 0 !important; box-sizing: border-box !important; }
  html:not(#hr):not(#hr) body.home #beheshti-intro .elementor-element-b0369eb { grid-column: 1; grid-row: 2; align-self: end !important; padding: 0 40px 40px !important; box-sizing: border-box !important; }
  html:not(#hr):not(#hr) body.home #beheshti-intro .beheshti-intro-peek {
    display: block !important; grid-column: 2; grid-row: 2; position: relative !important; overflow: hidden; height: 365px; width: 100% !important; margin: 0 !important; padding: 0 !important;
    -webkit-mask-image: var(--bh-mask-people-t); mask-image: var(--bh-mask-people-t); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%;
    inset: auto !important; transform: none !important; clip-path: none !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-intro .beheshti-intro-peek img {
    position: absolute !important; display: block !important; top: 0 !important; left: -30% !important; right: auto !important; width: 160% !important; height: auto !important; max-width: none !important; transform: none !important; margin: 0 !important;
  }
  /* stats */
  html:not(#hr):not(#hr) body.home #beheshti-stats.beheshti-snap-section { grid-template-columns: 393fr 351fr; grid-template-rows: 565px; }
  html:not(#hr):not(#hr) body.home #beheshti-stats .beheshti-stats-copy { padding: 80px 40px 40px !important; }
  html:not(#hr):not(#hr) body.home #beheshti-stats .beheshti-stats-media { background-size: 170% auto; background-position: 78% 100%; -webkit-mask-image: var(--bh-mask-stats-t); mask-image: var(--bh-mask-stats-t); }
  html:not(#hr):not(#hr) body.home #beheshti-stats .beheshti-stat { flex-direction: row !important; align-items: center !important; gap: 24px !important; height: 98px !important; }
}

/* ===== Challenge — mobile "Frame 104" 393x650 black / tablet "Frame 104" 744x611 ===== */
@media (max-width: 1024px) {
  html:not(#hr):not(#hr) body.home #beheshti-challenge.beheshti-snap-section {
    display: flex !important; flex-direction: column !important; justify-content: space-between !important; align-items: stretch !important;
    min-height: var(--bh-ch-h) !important; padding: var(--bh-ch-pt) var(--bh-r-pad) var(--bh-ch-pb) !important; box-sizing: border-box !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-challenge .elementor-element-challenge_header_con { order: 1; width: 100% !important; min-height: 0 !important; height: auto !important; padding: 0 !important; margin: 0 !important; flex: none !important; display: block !important; }
  html:not(#hr):not(#hr) body.home #beheshti-challenge .elementor-element-challenge_title { width: 100% !important; margin: 0 !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-challenge h2.elementor-heading-title {
    margin: 0 !important; padding: 0 !important; text-align: right !important; color: #fff !important; position: static !important; top: 0 !important;
    font-weight: 200 !important; font-size: var(--bh-h2) !important; line-height: var(--bh-h2-lh) !important; letter-spacing: 0 !important; width: 100% !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-challenge .elementor-element-challenge_body_con {
    order: 2; display: flex !important; flex-direction: column !important; gap: 60px !important; width: 100% !important; margin: 60px 0 0 0 !important; padding: 0 !important; height: auto !important; min-height: 0 !important; flex: none !important; position: static !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-challenge .elementor-element-challenge_items_con,
  html:not(#hr):not(#hr) body.home #beheshti-challenge .elementor-element-challenge_action_con { display: block !important; width: 100% !important; padding: 0 !important; margin: 0 !important; height: auto !important; min-height: 0 !important; position: static !important; flex: none !important; }
  html:not(#hr):not(#hr) body.home #beheshti-challenge .elementor-element-challenge_items,
  html:not(#hr):not(#hr) body.home #beheshti-challenge .elementor-element-challenge_btn { width: 100% !important; margin: 0 !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-challenge .beheshti-challenge-list { display: flex !important; flex-direction: column !important; gap: 20px !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; direction: rtl; }
  html:not(#hr):not(#hr) body.home #beheshti-challenge .beheshti-challenge-item {
    display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 20px !important; width: 100% !important; margin: 0 !important; padding: 0 !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-challenge .beheshti-challenge-item .icon-wrap { flex: none !important; width: 34px !important; height: 34px !important; min-width: 34px !important; margin: 0 !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-challenge .beheshti-challenge-item .icon-wrap svg { display: block !important; width: 34px !important; height: 34px !important; min-width: 34px !important; min-height: 34px !important; }
  html:not(#hr):not(#hr) body.home #beheshti-challenge .beheshti-challenge-item .icon-wrap svg path:nth-of-type(1) { fill: var(--bh-ch-icon-back) !important; }
  html:not(#hr):not(#hr) body.home #beheshti-challenge .beheshti-challenge-item .icon-wrap svg path:nth-of-type(2) { fill: var(--bh-ch-icon-front) !important; }
  html:not(#hr):not(#hr) body.home #beheshti-challenge .beheshti-challenge-text, html:not(#hr):not(#hr) body.home #beheshti-challenge .beheshti-challenge-item p {
    flex: 1 1 0 !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; text-align: right !important; color: #fff !important;
    font-family: Aria, sans-serif !important; font-weight: 400 !important; font-size: var(--bh-p) !important; line-height: var(--bh-p-lh) !important; letter-spacing: 0 !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-challenge .beheshti-challenge-action { display: flex !important; justify-content: center !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-challenge .beheshti-challenge-action a.beheshti-btn {
    display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important;
    height: var(--bh-btn-h) !important; min-height: var(--bh-btn-h) !important; max-height: var(--bh-btn-h) !important; width: var(--bh-venn-btn-w) !important; min-width: 0 !important; max-width: 100% !important;
    margin: 0 !important; padding: 0 10px !important; border: 0.5px solid #fff !important; border-radius: 0 !important; background: #000 !important; color: #fff !important;
    font-size: var(--bh-btn-fs) !important; line-height: var(--bh-btn-lh) !important; font-weight: 400 !important; text-decoration: none !important;
  }
}
@media (max-width: 743px) {
  :root { --bh-ch-h: 650px; --bh-ch-pt: 80px; --bh-ch-pb: 60px; --bh-ch-icon-back: #000; --bh-ch-icon-front: var(--e-global-color-secondary, #021a51); }
  html:not(#hr):not(#hr) body.home #beheshti-challenge.beheshti-snap-section { background-color: #000 !important; }
}
@media (min-width: 744px) and (max-width: 1024px) {
  :root { --bh-ch-h: 611px; --bh-ch-pt: 160px; --bh-ch-pb: 0px; --bh-ch-icon-back: var(--e-global-color-secondary, #021a51); --bh-ch-icon-front: #000; }
}

/* ===== Architecture — mobile "Frame 105" 393x928 / tablet "Frame 105" 744x993; Lab — mobile "Frame 102" 393x650 black / tablet "Frame 9" 744x653 ===== */
@media (max-width: 1024px) {
  :root {
    --bh-mask-lab-t: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 372 493' preserveAspectRatio='none'%3E%3Cpath d='M2.7 32.5C1.2 15 15 0 32.6 0H372V493H68.1C52.4 493 39.4 481 38.2 465.5L2.7 32.5Z'/%3E%3C/svg%3E");
  }
  /* ---------------- Architecture ---------------- */
  html:not(#hr):not(#hr) body.home #beheshti-architecture.beheshti-snap-section {
    display: flex !important; flex-direction: column !important; align-items: stretch !important;
    padding: var(--bh-ar-pt) var(--bh-r-pad) var(--bh-ar-pb) !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-architecture .elementor-element-arch_media_con,
  html:not(#hr):not(#hr) body.home #beheshti-architecture .elementor-element-arch_copy_con { display: contents !important; }
  html:not(#hr):not(#hr) body.home #beheshti-architecture .elementor-element-arch_title { order: 1; width: 100% !important; margin: 0 !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-architecture h2.elementor-heading-title {
    margin: 0 !important; padding: 0 !important; text-align: right !important; color: #fff !important; position: static !important; top: 0 !important;
    font-weight: 200 !important; font-size: var(--bh-ar-h2) !important; line-height: var(--bh-ar-h2-lh) !important; letter-spacing: 0 !important; width: 100% !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-architecture .elementor-element-arch_img { order: 2; width: var(--bh-ar-img-w) !important; max-width: 100% !important; margin: 60px auto 0 !important; padding: 0 !important; height: auto !important; }
  html:not(#hr):not(#hr) body.home #beheshti-architecture .elementor-element-arch_img img { display: block !important; width: 100% !important; height: auto !important; max-width: 100% !important; margin: 0 !important; aspect-ratio: 989 / 1091; object-fit: contain; }
  html:not(#hr):not(#hr) body.home #beheshti-architecture .elementor-element-arch_desc1 { order: 3; width: 100% !important; margin: 60px 0 0 !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-architecture .elementor-element-arch_desc2 { order: 4; width: 100% !important; margin: 20px 0 0 !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-architecture .elementor-element-arch_desc1 p,
  html:not(#hr):not(#hr) body.home #beheshti-architecture .elementor-element-arch_desc2 p {
    margin: 0 !important; padding: 0 !important; text-align: right !important; color: #fff !important; max-width: none !important;
    font-weight: 300 !important; font-size: var(--bh-p) !important; line-height: var(--bh-p-lh) !important; letter-spacing: 0 !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-architecture .elementor-element-arch_desc2 strong { font-weight: inherit !important; }
  html:not(#hr):not(#hr) body.home #beheshti-architecture .elementor-element-arch_btn { order: 5; width: 100% !important; margin: 60px 0 0 !important; padding: 0 !important; display: flex !important; justify-content: center !important; }
  html:not(#hr):not(#hr) body.home #beheshti-architecture .elementor-element-arch_btn a.beheshti-btn {
    display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important;
    height: var(--bh-ar-btn-h) !important; min-height: var(--bh-ar-btn-h) !important; max-height: var(--bh-ar-btn-h) !important; width: var(--bh-ar-btn-w) !important; min-width: 0 !important; max-width: 100% !important;
    margin: 0 !important; padding: 0 10px !important; border: 0.5px solid #fff !important; border-radius: 0 !important; background: #000 !important; color: #fff !important;
    font-size: var(--bh-btn-fs) !important; line-height: var(--bh-btn-lh) !important; font-weight: 400 !important; text-decoration: none !important;
  }
  /* ---------------- Lab ---------------- */
  html:not(#hr):not(#hr) body.home #beheshti-lab .elementor-element-lab_copy_con {
    display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important;
    width: 100% !important; max-width: none !important; height: auto !important; margin: 0 !important; box-sizing: border-box !important; gap: 0 !important; flex: none !important; position: relative !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-lab .elementor-element-lab_title { width: 100% !important; margin: 0 !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-lab h2.elementor-heading-title {
    margin: 0 !important; padding: 0 !important; text-align: right !important; color: #fff !important; position: static !important; top: 0 !important;
    font-weight: 200 !important; font-size: var(--bh-ar-h2) !important; line-height: var(--bh-ar-h2-lh) !important; letter-spacing: 0 !important; width: 100% !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-lab .elementor-element-lab_desc { width: 100% !important; margin: auto 0 0 !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-lab .elementor-element-lab_desc p {
    margin: 0 !important; padding: 0 !important; text-align: right !important; color: #fff !important; max-width: none !important;
    font-weight: 300 !important; font-size: var(--bh-p) !important; line-height: var(--bh-p-lh) !important; letter-spacing: 0 !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-lab .elementor-element-lab_btn { width: 100% !important; margin: 40px 0 0 !important; padding: 0 !important; display: flex !important; justify-content: flex-start !important; }
  html:not(#hr):not(#hr) body.home #beheshti-lab .elementor-element-lab_btn a.beheshti-btn {
    display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important;
    height: var(--bh-ar-btn-h) !important; min-height: var(--bh-ar-btn-h) !important; max-height: var(--bh-ar-btn-h) !important; width: var(--bh-lab-btn-w) !important; min-width: 0 !important; max-width: 100% !important;
    margin: 0 !important; padding: 0 10px !important; border: 0.5px solid #fff !important; border-radius: 0 !important; background: #000 !important; color: #fff !important;
    font-size: var(--bh-btn-fs) !important; line-height: var(--bh-btn-lh) !important; font-weight: 400 !important; text-decoration: none !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-lab .elementor-element-lab_media_con {
    display: block !important; width: 100% !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; flex: none !important; position: relative !important; overflow: hidden !important; min-width: 0 !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-lab .elementor-element-lab_img { position: relative !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; transform: scaleX(-1) !important; }
  html:not(#hr):not(#hr) body.home #beheshti-lab .elementor-element-lab_img img { transform: none !important; max-width: none !important; margin: 0 !important; }
}
@media (max-width: 743px) {
  :root {
    --bh-ar-pt: 80px; --bh-ar-pb: 60px; --bh-ar-h2: 30px; --bh-ar-h2-lh: 36px; --bh-ar-img-w: 353px; --bh-ar-btn-h: 44px; --bh-ar-btn-w: 100%; --bh-lab-btn-w: 100%;
  }
  html:not(#hr):not(#hr) body.home #beheshti-lab.beheshti-snap-section { display: flex !important; flex-direction: column !important; background-color: #000 !important; min-height: 650px !important; }
  /* one flowing title on phones: the <br> is dropped and home-snap.js puts a real space before it (a hidden <br> in a flex box glued the words) */
  html:not(#hr):not(#hr) body.home #beheshti-lab h2.elementor-heading-title { display: block !important; }
  html:not(#hr):not(#hr) body.home #beheshti-lab h2.elementor-heading-title br { display: none; }
  html:not(#hr):not(#hr) body.home #beheshti-lab .elementor-element-lab_media_con { order: 1; height: 260px !important; }
  html:not(#hr):not(#hr) body.home #beheshti-lab .elementor-element-lab_img img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 50% 50% !important; }
  html:not(#hr):not(#hr) body.home #beheshti-lab .elementor-element-lab_copy_con { order: 2; flex: 1 1 auto !important; padding: 30px var(--bh-m-pad) 60px !important; }
  html:not(#hr):not(#hr) body.home #beheshti-lab .elementor-element-lab_btn { margin-top: 40px !important; }
}
@media (min-width: 744px) and (max-width: 1024px) {
  :root {
    --bh-ar-pt: 160px; --bh-ar-pb: 0px; --bh-ar-h2: 34px; --bh-ar-h2-lh: 41px; --bh-ar-img-w: 408px; --bh-ar-btn-h: 42px; --bh-ar-btn-w: 353px; --bh-lab-btn-w: 320px;
  }
  html:not(#hr):not(#hr) body.home #beheshti-architecture .elementor-element-arch_btn a.beheshti-btn { font-size: 18px !important; line-height: 22.43px !important; }
  html:not(#hr):not(#hr) body.home #beheshti-lab.beheshti-snap-section { display: grid !important; grid-template-columns: 1fr 1fr; grid-template-rows: 493px; padding-top: 160px !important; background-color: var(--bh-r-navy) !important; }
  html:not(#hr):not(#hr) body.home #beheshti-lab .elementor-element-lab_copy_con { grid-column: 1; grid-row: 1; height: 493px !important; padding: 40px !important; }
  html:not(#hr):not(#hr) body.home #beheshti-lab .elementor-element-lab_media_con { grid-column: 2; grid-row: 1; height: 493px !important; }
  html:not(#hr):not(#hr) body.home #beheshti-lab .elementor-element-lab_img { -webkit-mask-image: var(--bh-mask-lab-t); mask-image: var(--bh-mask-lab-t); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; }
  html:not(#hr):not(#hr) body.home #beheshti-lab .elementor-element-lab_img img { position: absolute !important; left: -67.7% !important; right: auto !important; top: auto !important; bottom: 0 !important; width: 216.9% !important; height: auto !important; object-fit: fill !important; }
  html:not(#hr):not(#hr) body.home #beheshti-lab .elementor-element-lab_desc p { }
}

/* ===== Insights — mobile "Frame 106" 393x613 / tablet "Frame 13" 744x747 (horizontal card scroller) ===== */
@media (max-width: 1024px) {
  :root {
    /* Figma "مشاهده مقاله" chevron (same path as the blog cards / desktop): open, pointing left, 1px stroke */
    --bh-arrow-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 8' fill='none'%3E%3Cpath d='M4 8L0 4L4 0' stroke='%2399f1ff' stroke-width='1'/%3E%3C/svg%3E");
  }
  html:not(#hr):not(#hr) body.home #beheshti-insights.beheshti-snap-section {
    display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: var(--bh-in-gap1) !important;
    padding: var(--bh-ar-pt) var(--bh-r-pad) var(--bh-in-pb) !important; overflow: hidden !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-insights .elementor-element-insights_title_wrap,
  html:not(#hr):not(#hr) body.home #beheshti-insights .elementor-element-insights_posts_wrap,
  html:not(#hr):not(#hr) body.home #beheshti-insights .elementor-element-insights_btn_wrap {
    display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; position: static !important; flex: none !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-insights .elementor-element-insights_title { width: 100% !important; margin: 0 !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-insights h2.elementor-heading-title {
    margin: 0 !important; padding: 0 !important; text-align: right !important; color: #fff !important; position: static !important; top: 0 !important; width: 100% !important;
    font-weight: 200 !important; font-size: var(--bh-ar-h2) !important; line-height: var(--bh-ar-h2-lh) !important; letter-spacing: 0 !important;
    display: flex !important; flex-wrap: wrap; column-gap: 0.25em;
  }
  html:not(#hr):not(#hr) body.home #beheshti-insights h2.elementor-heading-title br { display: none; }
  html:not(#hr):not(#hr) body.home #beheshti-insights .elementor-element-insights_shortcode { width: calc(100% + var(--bh-r-pad) * 2) !important; max-width: none !important; margin: 0 calc(var(--bh-r-pad) * -1) !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-insights .elementor-shortcode { width: 100% !important; }
  html:not(#hr):not(#hr) body.home #beheshti-insights .beheshti-home-archive-grid {
    display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: var(--bh-in-gap) !important; width: auto !important; max-width: none !important;
    margin: 0 !important; padding: 0 var(--bh-r-pad) !important; box-sizing: border-box !important;
    overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory; scroll-padding-inline: var(--bh-r-pad); -webkit-overflow-scrolling: touch; scrollbar-width: none; direction: rtl;
  }
  html:not(#hr):not(#hr) body.home #beheshti-insights .beheshti-home-archive-grid::-webkit-scrollbar { display: none; }
  html:not(#hr):not(#hr) body.home #beheshti-insights .beheshti-archive-card {
    flex: 0 0 var(--bh-card-w) !important; width: var(--bh-card-w) !important; min-width: 0 !important; height: auto !important; box-sizing: border-box !important;
    padding: var(--bh-card-p) !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 0 !important;
    background: var(--bh-r-navy) !important; border: 0 !important; border-radius: 0 !important; scroll-snap-align: start; position: static !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-insights .beheshti-archive-card:hover {
    background: var(--bh-r-navy) !important;
    box-shadow: none !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-insights .beheshti-archive-card__media {
    display: block !important; width: 100% !important; height: var(--bh-card-img) !important; flex: 0 0 var(--bh-card-img) !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; overflow: hidden !important; position: relative !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-insights .beheshti-archive-card__media img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; border: 0 !important; aspect-ratio: auto !important; min-height: 0 !important; max-height: none !important; max-width: none !important; position: static !important; }
  html:not(#hr):not(#hr) body.home #beheshti-insights .beheshti-archive-card__hover-excerpt { display: none !important; }
  html:not(#hr):not(#hr) body.home #beheshti-insights .beheshti-archive-card__body {
    box-sizing: border-box !important; display: flex !important; flex-direction: column !important; gap: var(--bh-card-gap) !important; flex: 1 1 auto !important;
    padding: var(--bh-card-bp) !important; margin: 0 !important; height: auto !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-insights .beheshti-archive-card__cats { display: flex !important; flex-direction: row !important; gap: var(--bh-card-cg) !important; align-items: center !important; height: 12px !important; margin: 0 !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-insights .beheshti-archive-card__cats a { font-weight: 400 !important; font-size: 10px !important; line-height: 12px !important; color: var(--e-global-color-accent, #99f1ff) !important; text-decoration: none !important; }
  html:not(#hr):not(#hr) body.home #beheshti-insights .beheshti-archive-card__title {
    margin: 0 !important; padding: 0 !important; height: 34px !important; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; text-align: right !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-insights .beheshti-archive-card__title,
  html:not(#hr):not(#hr) body.home #beheshti-insights .beheshti-archive-card__title a { font-weight: 300 !important; font-size: 14px !important; line-height: 17px !important; color: #fff !important; text-decoration: none !important; }
  html:not(#hr):not(#hr) body.home #beheshti-insights .beheshti-archive-card__meta {
    display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 4.6px !important; height: var(--bh-card-meta-h) !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-insights .beheshti-archive-card__date { display: flex !important; align-items: center !important; gap: 4.6px !important; font-weight: 400 !important; font-size: 10px !important; line-height: 12px !important; color: var(--e-global-color-accent, #99f1ff) !important; }
  html:not(#hr):not(#hr) body.home #beheshti-insights .beheshti-archive-card__date svg { width: 8px !important; height: 8px !important; flex: none; }
  html:not(#hr):not(#hr) body.home #beheshti-insights .beheshti-archive-card__more { display: inline-flex !important; align-items: center !important; gap: 6px !important; font-weight: 400 !important; font-size: 12px !important; line-height: 15px !important; color: var(--e-global-color-accent, #99f1ff) !important; text-decoration: none !important; }
  html:not(#hr):not(#hr) body.home #beheshti-insights .beheshti-archive-card__arrow {
    display: inline-block !important; width: 4px !important; height: 8px !important; border: 0 !important; transform: none !important; background: var(--bh-arrow-svg) no-repeat center / 100% 100% !important; flex: none;
  }
  /* CTA (a styled paragraph in the Figma "Buttons" component) */
  html:not(#hr):not(#hr) body.home #beheshti-insights .elementor-element-insights_btn { width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; height: auto !important; min-height: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-insights .elementor-element-insights_btn p {
    display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: 100% !important;
    height: var(--bh-btn-h) !important; margin: 0 !important; padding: 0 10px !important; border: 0.5px solid #fff !important; border-radius: 0 !important; background: #000 !important; color: #fff !important;
    font-size: var(--bh-btn-fs) !important; line-height: var(--bh-btn-lh) !important; font-weight: 400 !important; text-align: center !important;
  }
}
@media (max-width: 743px) {
  :root {
    --bh-in-gap1: 40px; --bh-in-pb: 60px; --bh-in-gap: 8px; --bh-card-w: 212px; --bh-card-p: 6px; --bh-card-img: 200px; --bh-card-bp: 13.84px 9.23px 9.23px; --bh-card-gap: 12px; --bh-card-cg: 5.77px; --bh-card-meta-h: 8px;
  }
  html:not(#hr):not(#hr) body.home #beheshti-insights .beheshti-archive-card:hover {
    background: var(--bh-r-navy) !important;
    box-shadow: none !important;
  }
}
@media (min-width: 744px) and (max-width: 1024px) {
  :root {
    --bh-in-gap1: 80px; --bh-in-pb: 0px; --bh-in-gap: 8px; --bh-card-w: 240px; --bh-card-p: 8px; --bh-card-img: 224px; --bh-card-bp: 24px 16px 16px; --bh-card-gap: 20px; --bh-card-cg: 10px; --bh-card-meta-h: 15px;
  }
  /* cards -> button gap is 40 on tablet */
  html:not(#hr):not(#hr) body.home #beheshti-insights .elementor-element-insights_btn_wrap { margin-top: -40px !important; }
}

/* ===== FAQ — mobile "Frame 107" 393x3091 / tablet "Frame 107" 744x2491 ("Accordion - mobile" component) ===== */
@media (max-width: 1024px) {
  html:not(#hr):not(#hr) body.home #beheshti-faq.beheshti-snap-section {
    display: block !important; padding: var(--bh-fq-pt) var(--bh-r-pad) var(--bh-fq-pb) !important; align-items: stretch !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-faq .elementor-element-faq_inner_con {
    display: flex !important; flex-direction: column !important; gap: 60px !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; height: auto !important; min-height: 0 !important; align-items: stretch !important; position: static !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-faq .elementor-element-faq_title { width: 100% !important; margin: 0 !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-faq h2.elementor-heading-title {
    margin: 0 !important; padding: 0 !important; text-align: right !important; color: #fff !important; position: static !important; top: 0 !important; width: 100% !important;
    font-weight: 200 !important; font-size: var(--bh-fq-h2) !important; line-height: var(--bh-fq-h2-lh) !important; letter-spacing: 0 !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-faq .elementor-element-faq_accordion_content { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-faq .beheshti-faq { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-faq .beheshti-faq__list { display: flex !important; flex-direction: column !important; gap: 12px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-faq .beheshti-faq__item,
  html:not(#hr):not(#hr) body.home #beheshti-faq .beheshti-faq__item[open] { background: #000 !important; border: 0 !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; width: 100% !important; position: relative !important; box-shadow: none !important; }
  html:not(#hr):not(#hr) body.home #beheshti-faq .beheshti-faq__summary {
    display: flex !important; flex-direction: row !important; align-items: center !important; gap: 12px !important; box-sizing: border-box !important;
    padding: 8px 16px !important; min-height: 45px !important; height: auto !important; max-height: none !important; border: 0 !important; background: transparent !important; margin: 0 !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-faq .beheshti-faq__qmark { flex: none !important; width: 16px !important; height: 16px !important; border: 1px solid #fff !important; border-radius: 50% !important; font-size: 11px !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; color: #fff !important; }
  html:not(#hr):not(#hr) body.home #beheshti-faq .beheshti-faq__question {
    flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; text-align: right !important; color: #fff !important;
    font-weight: 300 !important; font-size: 16px !important; line-height: 20px !important; position: static !important; top: 0 !important; letter-spacing: 0 !important; overflow-wrap: normal;
  }
  /* chevron "Polygon 2": 12x6 in a 20x20 box, 1px white stroke (open = up) */
  html:not(#hr):not(#hr) body.home #beheshti-faq .beheshti-faq__chevron {
    flex: 0 0 20px !important; width: 20px !important; height: 20px !important; margin: 0 0 0 4px !important; border: 0 !important; transform: none !important; opacity: 1 !important; position: relative !important; top: 0 !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-faq .beheshti-faq__chevron::before {
    content: "" !important; position: absolute !important; left: 50% !important; top: 50% !important; width: 8.5px !important; height: 8.5px !important; box-sizing: border-box !important;
    border: 0 solid #fff !important; border-right-width: 1px !important; border-bottom-width: 1px !important; transform: translate(-50%, -75%) rotate(45deg) !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-faq .beheshti-faq__item[open] .beheshti-faq__chevron { margin-top: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-faq .beheshti-faq__item[open] .beheshti-faq__chevron::before { transform: translate(-50%, -25%) rotate(-135deg) !important; }
  html:not(#hr):not(#hr) body.home #beheshti-faq .beheshti-faq__answer {
    position: relative !important; box-sizing: border-box !important; padding: 20px 16px !important; border: 0 !important; background: #000 !important;
    font-weight: 400 !important; font-size: 14px !important; line-height: 17px !important; color: #fff !important; text-align: right !important;
  }
  html:not(#hr):not(#hr) body.home #beheshti-faq .beheshti-faq__answer::before { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; top: -0.25px !important; height: 0.5px !important; background: #fff !important; }
  html:not(#hr):not(#hr) body.home #beheshti-faq .beheshti-faq__answer > * { margin: 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-faq .beheshti-faq__answer ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
  html:not(#hr):not(#hr) body.home #beheshti-faq .beheshti-faq__answer li { position: relative !important; margin: 0 !important; padding: 0 24px 0 0 !important; }
  html:not(#hr):not(#hr) body.home #beheshti-faq .beheshti-faq__answer li::before { content: "" !important; position: absolute !important; right: 10px !important; top: 50% !important; width: 3px !important; height: 3px !important; margin-top: -1.5px !important; border-radius: 50% !important; background: #fff !important; }
}
@media (max-width: 743px) {
  :root { --bh-fq-pt: 100px; --bh-fq-pb: 80px; --bh-fq-h2: 30px; --bh-fq-h2-lh: 36px; }
  html:not(#hr):not(#hr) body.home #beheshti-faq.beheshti-snap-section { border-top: 0.5px solid rgba(255, 255, 255, 0.5) !important; }
}
@media (min-width: 744px) and (max-width: 1024px) {
  :root { --bh-fq-pt: 160px; --bh-fq-pb: 60px; --bh-fq-h2: 32px; --bh-fq-h2-lh: 39px; }
}

/* ===== Footer — mobile "Frame 122" 393x954 / tablet "Frame 108" 744x599 (black) ===== */
@media (max-width: 1024px) {
  html:not(#hr):not(#hr) body.home .elementor-location-footer {
    height: auto !important; min-height: var(--bh-ft-h) !important; max-height: none !important; display: block !important; padding: 0 !important; margin: 0 !important; background: #000 !important; overflow: hidden !important; box-sizing: border-box !important;
  }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .elementor-section,
  html:not(#hr):not(#hr) body.home .elementor-location-footer .elementor-container,
  html:not(#hr):not(#hr) body.home .elementor-location-footer .elementor-column,
  html:not(#hr):not(#hr) body.home .elementor-location-footer .elementor-widget-wrap,
  html:not(#hr):not(#hr) body.home .elementor-location-footer .elementor-widget,
  html:not(#hr):not(#hr) body.home .elementor-location-footer .elementor-widget-container {
    padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; display: block !important; background: transparent !important;
  }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer {
    display: flex !important; flex-direction: column !important; gap: 0 !important; width: 100% !important; max-width: none !important; margin: 0 !important; box-sizing: border-box !important;
    padding: var(--bh-ft-pt) var(--bh-r-pad) var(--bh-ft-pb) !important; min-height: var(--bh-ft-h) !important; height: auto !important; background: #000 !important; direction: rtl;
  }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__top { display: flex !important; gap: var(--bh-ft-gap-top) !important; width: 100% !important; margin: 0 0 var(--bh-ft-g1) 0 !important; padding: 0 !important; border: 0 !important; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__brand { margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; line-height: 0; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__brand img { display: block !important; width: var(--bh-ft-logo-w) !important; height: auto !important; max-width: none !important; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__cta { margin: 0 !important; padding: 0 !important; width: var(--bh-ft-cta-w) !important; display: flex !important; flex-direction: column !important; gap: var(--bh-ft-cta-gap) !important; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__cta p {
    margin: 0 !important; padding: 0 !important; color: var(--e-global-color-accent, #99f1ff) !important; font-weight: 500 !important; font-size: var(--bh-ft-cta-fs) !important; line-height: var(--bh-ft-cta-lh) !important; text-align: var(--bh-ft-cta-ta) !important; letter-spacing: 0 !important;
  }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__cta a.beheshti-btn {
    display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: 100% !important;
    height: 45px !important; min-height: 45px !important; max-height: 45px !important; margin: 0 !important; padding: 0 10px !important; border: 0.5px solid var(--e-global-color-accent, #99f1ff) !important; border-radius: 0 !important; background: transparent !important; color: var(--e-global-color-accent, #99f1ff) !important;
    font-size: var(--bh-ft-btn-fs) !important; line-height: var(--bh-ft-btn-lh) !important; font-weight: 400 !important; text-decoration: none !important;
  }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__cta a.beheshti-btn:hover { border-color: #fff !important; color: #fff !important; background: transparent !important; box-shadow: none !important; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__grid { display: flex !important; flex-direction: var(--bh-ft-grid-dir) !important; justify-content: space-between !important; gap: 52px !important; width: 100% !important; margin: 0 0 var(--bh-ft-g2) 0 !important; padding: 0 !important; border: 0 !important; align-items: flex-start !important; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__col { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: var(--bh-ft-col-gap) !important; margin: 0 !important; padding: 0 !important; width: auto !important; border: 0 !important; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__col h4 {
    margin: 0 !important; padding: 0 !important; color: var(--e-global-color-accent, #99f1ff) !important; font-weight: 350 !important; font-size: var(--bh-ft-h4) !important; line-height: var(--bh-ft-h4-lh) !important; text-align: right !important; letter-spacing: 0 !important;
  }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__col ul { display: flex !important; flex-direction: column !important; gap: var(--bh-ft-li-gap) !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__col li { margin: 0 !important; padding: 0 !important; list-style: none !important; line-height: 20px !important; height: 20px !important; display: flex !important; align-items: center; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__col a { color: var(--e-global-color-accent, #99f1ff) !important; text-decoration: none !important; font-weight: 500 !important; font-size: 16px !important; line-height: 20px !important; letter-spacing: 0 !important; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__col a:hover { color: #fff !important; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__col ul.beheshti-footer__contact { gap: var(--bh-ft-ct-gap) !important; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__contact a { display: inline-flex !important; align-items: center !important; gap: 12px !important; font-weight: var(--bh-ft-ct-fw) !important; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__contact a img { width: 15px !important; height: 15px !important; flex: none; display: block !important; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__contact a span { display: block !important; height: 20px; line-height: 20px !important; font-size: 16px !important; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__social { display: flex !important; flex-direction: row !important; align-items: center !important; gap: var(--bh-ft-soc-gap) !important; height: 20px !important; width: auto !important; margin: 0 !important; padding: 0 !important; justify-content: var(--bh-ft-soc-j); align-self: var(--bh-ft-soc-self); }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__social a { display: flex !important; align-items: center !important; width: auto !important; height: 20px !important; color: var(--e-global-color-accent, #99f1ff) !important; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__social svg { height: 20px !important; width: auto !important; max-width: none !important; display: block !important; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__bottom { display: block !important; height: var(--bh-ft-bot-h) !important; min-height: 0 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; position: static !important; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__copy { margin: 0 !important; padding: 0 !important; width: 100% !important; text-align: center !important; color: var(--e-global-color-accent, #99f1ff) !important; font-weight: 400 !important; font-size: var(--bh-ft-copy) !important; line-height: var(--bh-ft-bot-h) !important; letter-spacing: 0 !important; }
}
@media (max-width: 743px) {
  :root {
    --bh-ft-h: 954px; --bh-ft-pt: 60px; --bh-ft-pb: 20px; --bh-ft-g1: 60px; --bh-ft-g2: 60px; --bh-ft-gap-top: 60px; --bh-ft-logo-w: 120px; --bh-ft-cta-w: 100%; --bh-ft-cta-gap: 18px; --bh-ft-cta-fs: 16px; --bh-ft-cta-lh: 20px; --bh-ft-cta-ta: center;
    --bh-ft-btn-fs: 14px; --bh-ft-btn-lh: 17px; --bh-ft-grid-dir: column; --bh-ft-col-gap: 20px; --bh-ft-h4: 22px; --bh-ft-h4-lh: 27px; --bh-ft-li-gap: 18px; --bh-ft-ct-gap: 12px; --bh-ft-ct-fw: 400;
    --bh-ft-soc-gap: 40px; --bh-ft-soc-j: center; --bh-ft-soc-self: stretch; --bh-ft-copy: 14px; --bh-ft-bot-h: 20px;
  }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__top { flex-direction: column !important; align-items: stretch !important; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__cta { order: 1; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__brand { order: 2; align-self: flex-start; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__col { width: 100% !important; align-items: flex-start !important; }
}
@media (min-width: 744px) and (max-width: 1024px) {
  :root {
    --bh-ft-h: 599px; --bh-ft-pt: 64px; --bh-ft-pb: 40px; --bh-ft-g1: 80px; --bh-ft-g2: 120px; --bh-ft-gap-top: 80px; --bh-ft-logo-w: 140px; --bh-ft-cta-w: 208px; --bh-ft-cta-gap: 12px; --bh-ft-cta-fs: 18px; --bh-ft-cta-lh: 23px; --bh-ft-cta-ta: right;
    --bh-ft-btn-fs: 18px; --bh-ft-btn-lh: 22.43px; --bh-ft-grid-dir: row; --bh-ft-col-gap: 28px; --bh-ft-h4: 18px; --bh-ft-h4-lh: 22px; --bh-ft-li-gap: 12px; --bh-ft-ct-gap: 12px; --bh-ft-ct-fw: 500;
    --bh-ft-soc-gap: 24px; --bh-ft-soc-j: flex-start; --bh-ft-soc-self: flex-start; --bh-ft-copy: 12px; --bh-ft-bot-h: 17px;
  }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__top { flex-direction: row !important; justify-content: space-between !important; align-items: flex-start !important; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__grid { flex-direction: row !important; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__col:nth-child(1) { min-width: 156px; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__col:nth-child(2) { min-width: 180px; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__col:nth-child(3) { min-width: 208px; }
  html:not(#hr):not(#hr) body.home .elementor-location-footer .beheshti-footer__social { margin-inline-end: 7.8px !important; }
}

/* Stats title: the mobile frame sets it as «آمــــار» / «و تجربیات» (home-snap.js prints both variants) */
html:not(#hr):not(#hr) body.home #beheshti-stats .bh-st-m { display: none; }
@media (max-width: 743px) {
  html:not(#hr):not(#hr) body.home #beheshti-stats .bh-st-d { display: none; }
  html:not(#hr):not(#hr) body.home #beheshti-stats .bh-st-m { display: inline; white-space: nowrap; }
}

/* ===== Progress bar — Figma "Progressbar" instance: tablet 52px (in flow under the 60px header) / mobile 44px (overlays the hero under the 55px header). Items scroll horizontally. ===== */
@media (max-width: 1024px) {
  /* the header scrolls away (header-responsive.css keeps it relative); the bar follows its bottom edge and docks at the top — --bh-pb-top comes from home-snap.js */
  html:not(#hr):not(#hr) body.home .elementor > .beheshti-snap-section { scroll-margin-top: calc(var(--bh-hd-h) + var(--bh-pb-h)) !important; }
  html:not(#hr):not(#hr) body.home .beheshti-progressbar-spacer { display: block !important; height: var(--bh-pb-spacer) !important; }
  html:not(#hr):not(#hr) body.home nav.beheshti-progressbar {
    display: block !important; position: fixed !important; left: 0 !important; right: 0 !important; top: var(--bh-pb-top, var(--bh-hd-h)) !important; bottom: auto !important; width: auto !important; height: var(--bh-pb-h) !important; box-sizing: border-box !important;
    margin: 0 !important; padding: 0 var(--bh-pb-px) !important; border: 0 !important; background: rgba(0, 0, 0, 0.4) !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
    z-index: 90 !important; opacity: 1 !important; pointer-events: auto !important; transition: none !important;
    overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: none; direction: rtl;
  }
  html:not(#hr):not(#hr) body.home nav.beheshti-progressbar::-webkit-scrollbar { display: none; }
  html:not(#hr):not(#hr) body.home nav.beheshti-progressbar::before { display: none !important; }
  html:not(#hr):not(#hr) body.home nav.beheshti-progressbar .beheshti-timeline__steps {
    display: flex !important; flex-direction: row !important; width: max-content !important; min-width: 100% !important; max-width: none !important; height: 100% !important; margin: 0 !important; padding: var(--bh-pb-py) 0 0 !important; box-sizing: border-box !important;
    list-style: none !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 0 !important; position: relative !important;
  }
  html:not(#hr):not(#hr) body.home nav.beheshti-progressbar .beheshti-timeline__steps::before {
    content: "" !important; position: absolute !important; left: calc(var(--bh-pb-px) * -1) !important; right: calc(var(--bh-pb-px) * -1) !important; top: var(--bh-pb-line-y) !important; height: 1px !important; background: rgba(255, 255, 255, 0.3) !important; pointer-events: none;
  }
  html:not(#hr):not(#hr) body.home nav.beheshti-progressbar .beheshti-timeline__step {
    flex: 0 0 var(--bh-pb-item) !important; width: var(--bh-pb-item) !important; min-width: 0 !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 0 !important; height: 16px !important; text-align: center !important; position: relative !important;
  }
  html:not(#hr):not(#hr) body.home nav.beheshti-progressbar .beheshti-timeline__step::after { display: none !important; }
  html:not(#hr):not(#hr) body.home nav.beheshti-progressbar .beheshti-timeline__node { width: 0 !important; height: 12px !important; overflow: visible !important; flex: none !important; }
  html:not(#hr):not(#hr) body.home nav.beheshti-progressbar .beheshti-timeline__node.is-active,
  html:not(#hr):not(#hr) body.home nav.beheshti-progressbar .beheshti-timeline__step.is-active .beheshti-timeline__node { width: 10px !important; margin-inline-end: 8px !important; }
  html:not(#hr):not(#hr) body.home nav.beheshti-progressbar .beheshti-timeline__marker { width: 0 !important; height: 0 !important; background: none !important; box-shadow: none !important; transform: none !important; border-radius: 0 !important; }
  html:not(#hr):not(#hr) body.home nav.beheshti-progressbar .beheshti-timeline__node.is-active .beheshti-timeline__marker,
  html:not(#hr):not(#hr) body.home nav.beheshti-progressbar .beheshti-timeline__step.is-active .beheshti-timeline__marker { width: 7px !important; height: 7px !important; background: var(--e-global-color-accent, #99f1ff) !important; box-shadow: none !important; transform: rotate(45deg) !important; border-radius: 0 !important; }
  html:not(#hr):not(#hr) body.home nav.beheshti-progressbar .beheshti-subnav-item {
    padding: 0 !important; margin: 0 !important; color: #fff !important; font-size: 12px !important; line-height: 16px !important; font-weight: 400 !important; white-space: nowrap !important; display: block !important; max-width: none !important; text-decoration: none !important;
  }
  html:not(#hr):not(#hr) body.home nav.beheshti-progressbar .beheshti-timeline__step.is-active .beheshti-subnav-item,
  html:not(#hr):not(#hr) body.home nav.beheshti-progressbar .beheshti-subnav-item.is-active { font-weight: 850 !important; color: var(--e-global-color-accent, #99f1ff) !important; }
}
@media (max-width: 743px) {
  :root { --bh-pb-h: 44px; --bh-pb-px: 20px; --bh-pb-item: 132.5px; --bh-pb-line-y: 24px; --bh-pb-py: 16px; --bh-pb-spacer: 0px; }
}
@media (min-width: 744px) and (max-width: 1024px) {
  :root { --bh-pb-h: 52px; --bh-pb-px: 40px; --bh-pb-item: 140px; --bh-pb-line-y: 29px; --bh-pb-py: 20px; --bh-pb-spacer: 52px; }
}

/* ======================================================================
 * Header (mobile 393 / tablet 744 Figma frames) + open menu — home.
 * Mobile: "Frame 1" 55 tall, logo group 299x203 at (88,-72). Tablet: "Frame 1" 60 tall, group at (244,-71).
 * ==================================================================== */
@media (max-width: 1024px) {
  :root { --bh-hdr-h: 55px; --bh-hdr-pad: 20px; --bh-hdr-ctl-y: 31px; --bh-hdr-gx: -108.5px; --bh-hdr-gy: -72px; --bh-hdr-wm-y: 92px; --bh-hdr-burger-y: 31px; --bh-hdr-burger-gap: 6px; --bh-hdr-burger-h: 13px; }
  html:not(#hr):not(#hr) body.home header.elementor-location-header,
  html:not(#hr):not(#hr) body.home header.elementor-location-header .elementor-element-7606721.beheshti-site-header {
    height: var(--bh-hdr-h) !important; min-height: var(--bh-hdr-h) !important; max-height: var(--bh-hdr-h) !important;
    overflow: hidden !important; background: #000 !important; padding: 0 !important; margin: 0 !important; display: block !important;
    width: 100% !important; max-width: 100% !important; left: 0 !important; right: 0 !important; --padding-left: 0px; --padding-right: 0px;
  }
  html:not(#hr):not(#hr) body.home header.elementor-location-header:has(.elementor-menu-toggle.elementor-active),
  html:not(#hr):not(#hr) body.home header.elementor-location-header:has(.elementor-menu-toggle.elementor-active) .beheshti-site-header { overflow: visible !important; }
  html:not(#hr):not(#hr) body.home header .elementor-element-5461748.e-con, html:not(#hr):not(#hr) body.home header .elementor-element-5461748 > .e-con-inner,
  html:not(#hr):not(#hr) body.home header .elementor-element-c00b55e.e-con, html:not(#hr):not(#hr) body.home header .elementor-element-c00b55e > .e-con-inner { display: contents !important; }
  html:not(#hr):not(#hr) body.home header .elementor-element-98b0cf2 { display: none !important; }
  /* logo group 299×203: wordmark + star drawn from the Figma vectors */
  html:not(#hr):not(#hr) body.home header .elementor-element-1812792 {
    position: absolute !important; left: calc(50% + var(--bh-hdr-gx)) !important; right: auto !important; top: var(--bh-hdr-gy) !important;
    width: 299px !important; height: 203px !important; margin: 0 !important; padding: 0 !important; transform: none !important; pointer-events: none;
  }
  html:not(#hr):not(#hr) body.home header .elementor-element-1812792 a {
    display: block !important; position: absolute !important; left: 57px !important; top: var(--bh-hdr-wm-y) !important; width: 97px !important; height: 26px !important; pointer-events: auto;
  }
  html:not(#hr):not(#hr) body.home header .elementor-element-1812792 img { opacity: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; }
  html:not(#hr):not(#hr) body.home header .elementor-element-1812792::before {
    content: "" !important; position: absolute !important; inset: 0 !important; display: block !important;
    background: url("assets/header-logo-mobile.svg") no-repeat 0 0 / 299px 203px !important;
  }
  /* language: 12px globe, 8px gap, 12px label */
  html:not(#hr):not(#hr) body.home header .elementor-element-0290474 {
    position: absolute !important; left: var(--bh-hdr-pad) !important; right: auto !important; top: var(--bh-hdr-ctl-y) !important;
    width: auto !important; height: 12px !important; margin: 0 !important; padding: 0 !important; transform: none !important;
    display: flex !important; align-items: center !important; line-height: 12px !important;
  }
  html:not(#hr):not(#hr) body.home header .beheshti-lang { display: inline-flex !important; align-items: center !important; gap: 8px !important; height: 12px !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home header .beheshti-lang svg { width: 12px !important; height: 12px !important; min-width: 12px !important; flex: none; margin: 0 !important; position: static !important; }
  html:not(#hr):not(#hr) body.home header .beheshti-lang span { font-size: 12px !important; line-height: 12px !important; font-weight: 400 !important; height: 12px !important; margin: 0 !important; padding: 0 !important; position: static !important; transform: none !important; }
  /* burger: three 22px × 1px lines */
  html:not(#hr):not(#hr) body.home header .elementor-element-71de6ae {
    position: absolute !important; left: auto !important; right: var(--bh-hdr-pad) !important; top: var(--bh-hdr-burger-y) !important;
    width: 22px !important; height: var(--bh-hdr-burger-h) !important; margin: 0 !important; padding: 0 !important; transform: none !important;
  }
  html:not(#hr):not(#hr) body.home header .elementor-element-dfb27fa { width: 22px !important; height: var(--bh-hdr-burger-h) !important; margin: 0 !important; padding: 0 !important; }
  html:not(#hr):not(#hr) body.home header .elementor-element-dfb27fa .elementor-menu-toggle {
    width: 22px !important; height: var(--bh-hdr-burger-h) !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important;
    background:
      linear-gradient(#fff, #fff) 0 0 / 22px 1px no-repeat,
      linear-gradient(#fff, #fff) 0 var(--bh-hdr-burger-gap) / 22px 1px no-repeat,
      linear-gradient(#fff, #fff) 0 calc(var(--bh-hdr-burger-gap) * 2) / 22px 1px no-repeat !important;
  }
  html:not(#hr):not(#hr) body.home header .elementor-element-dfb27fa .elementor-menu-toggle svg { display: none !important; }

  /* ---- open menu: black sheet under the bar, 20px gutters, hairline rows, current page in cyan ---- */
  html:not(#hr):not(#hr) body.home header .elementor-element-dfb27fa nav.elementor-nav-menu--dropdown {
    top: var(--bh-hdr-h) !important; background: #000 !important; padding: 8px var(--bh-hdr-pad) 12px !important; box-shadow: none !important;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.3) !important;
  }
  html:not(#hr):not(#hr) body.home header nav.elementor-nav-menu--dropdown ul.elementor-nav-menu { gap: 0 !important; padding: 0 !important; margin: 0 !important; }
  html:not(#hr):not(#hr) body.home header nav.elementor-nav-menu--dropdown li { margin: 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 0.5px solid rgba(255, 255, 255, 0.15) !important; }
  html:not(#hr):not(#hr) body.home header nav.elementor-nav-menu--dropdown li:last-child { border-bottom: 0 !important; }
  html:not(#hr):not(#hr) body.home header nav.elementor-nav-menu--dropdown li a.elementor-item {
    display: block !important; padding: 15px 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important;
    color: #fff !important; font-family: Aria, sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 20px !important; text-align: right !important; letter-spacing: 0 !important;
  }
  html:not(#hr):not(#hr) body.home header nav.elementor-nav-menu--dropdown li a.elementor-item:hover,
  html:not(#hr):not(#hr) body.home header nav.elementor-nav-menu--dropdown li a.elementor-item:focus,
  html:not(#hr):not(#hr) body.home header nav.elementor-nav-menu--dropdown li a.elementor-item.highlighted { background: transparent !important; color: var(--e-global-color-accent, #99f1ff) !important; }
  html:not(#hr):not(#hr) body.home header nav.elementor-nav-menu--dropdown li a.elementor-item.elementor-item-active { background: transparent !important; color: var(--e-global-color-accent, #99f1ff) !important; font-weight: 500 !important; }
}
@media (min-width: 601px) and (max-width: 1024px) {
  :root { --bh-hdr-h: 60px; --bh-hdr-pad: 28px; --bh-hdr-ctl-y: 32px; --bh-hdr-gx: -128px; --bh-hdr-gy: -71px; --bh-hdr-wm-y: 98.3px; --bh-hdr-burger-y: 28px; --bh-hdr-burger-gap: 8px; --bh-hdr-burger-h: 17px; }
  html:not(#hr):not(#hr) body.home header .elementor-element-1812792::before { background-image: url("assets/header-logo-tablet.svg") !important; }
}
