/**
 * Contact — Figma "Contact me": desktop 1440 / tablet 744 / mobile 393.
 *
 * Measured from the design frames: a single navy band holding the intro line,
 * a two-up form (name/phone, company/website), a full-width message box and
 * submit button, then the social row.
 *
 * Site Settings → Custom CSS also styles this page, so the declarations here
 * carry !important to land on top of it.
 */

html,
body.page-id-12 {
  overflow-x: clip !important;
  max-width: 100vw !important;
}

body.page-id-12 {
  --bh-navy: #021a51;
  --bh-max: 1240px;
  --bh-gutter: 40px;
}

/* ---- Section shell ---------------------------------------------------- */

body.page-id-12 .elementor-12 > .elementor-element-99660b3 {
  background-color: var(--bh-navy) !important;
  max-width: 1440px !important;
  margin-inline: auto !important;
  padding: 120px 120px 98px 120px !important;
  position: relative !important;
  z-index: 2 !important;
}

body.page-id-12 .elementor-12 .elementor-element-ec9f3b7 {
  max-width: var(--bh-max) !important;
  width: 100% !important;
  margin-inline: auto !important;
  padding: 0 !important;
  /* the container's own flex gap would stack on top of the measured margins */
  gap: 0 !important;
  row-gap: 0 !important;
}

/* ---- Intro line ------------------------------------------------------- */

body.page-id-12 .elementor-12 .elementor-element-7557c24 {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.page-id-12 .elementor-12 .elementor-element-7557c24 p {
  margin: 0 !important;
  font-family: Aria, sans-serif !important;
  font-size: 26px !important;
  font-weight: 350 !important;
  line-height: 1.5 !important;
  color: #fff !important;
  text-align: right !important;
}

/* ---- Form ------------------------------------------------------------- */

body.page-id-12 .elementor-12 form.e-form-base {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 101px 0 0 !important;
  padding: 0 !important;
  direction: rtl;
}

body.page-id-12 .elementor-12 form.e-form-base .e-form-input-base {
  width: 100% !important;
  height: 48px !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: #fff !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 20px 20px !important;
  padding: 0 44px 0 14px !important;
  color: #10131a !important;
  font-family: Aria, sans-serif !important;
  font-size: 18px !important;
  font-weight: 300 !important;
}

body.page-id-12 #e-form-fullname,
body.page-id-12 #form-field-fullname,
body.page-id-12 #form-field-name,
body.page-id-12 input[name*='name'],
body.page-id-12 input[placeholder*='نام'] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 20' fill='none'%3E%3Cpath d='M11.787 13.8575C11.7151 13.0636 11.7427 12.5095 11.7427 11.7841C12.1022 11.595 12.7464 10.3923 12.8553 9.37674C13.138 9.35359 13.5837 9.07779 13.7142 7.98887C13.7846 7.40427 13.5049 7.07528 13.3345 6.97185C13.7945 5.58842 14.7499 1.30858 11.5674 0.866311C11.2399 0.291069 10.4011 0 9.31124 0C4.95063 0.0802778 4.42463 3.29287 5.38058 6.97185C5.21067 7.07528 4.93093 7.40427 5.00086 7.98887C5.13187 9.07779 5.57709 9.35359 5.85978 9.37674C5.96813 10.3923 6.63794 11.595 6.99845 11.7841C6.99845 12.5095 7.02554 13.0636 6.95363 13.8575C6.09077 16.1777 0.268906 15.5261 0 20H18.7151C18.4466 15.5261 12.6499 16.1777 11.787 13.8575Z' fill='%239E9E9E'/%3E%3C/svg%3E") !important;
}

body.page-id-12 #e-form-phone,
body.page-id-12 #form-field-phone,
body.page-id-12 #form-field-tel,
body.page-id-12 input[type='tel'],
body.page-id-12 input[name*='phone'],
body.page-id-12 input[name*='tel'],
body.page-id-12 input[placeholder*='تلفن'],
body.page-id-12 input[placeholder*='تماس'] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.3764 20C16.3692 20 16.3619 20 16.3551 20C12.9384 19.8886 8.93679 16.5774 6.17918 13.8185C3.41931 11.059 0.108093 7.05559 0.0003701 3.65438C-0.03781 2.46125 2.89069 0.33998 2.92024 0.319526C3.67975 -0.21045 4.52335 -0.0227313 4.8697 0.456793C5.10378 0.781323 7.32277 4.14572 7.56412 4.52706C7.81502 4.92205 7.7782 5.51156 7.46503 6.10381C7.29368 6.43107 6.72143 7.43693 6.45372 7.906C6.74188 8.3178 7.50821 9.3273 9.08905 10.9077C10.6694 12.4881 11.6785 13.2549 12.0916 13.5444C12.5607 13.2767 13.5661 12.7044 13.8943 12.5317C14.4761 12.2231 15.0629 12.1849 15.4629 12.4294C15.8701 12.679 19.224 14.9089 19.5331 15.1252C19.7931 15.307 19.9604 15.6202 19.9926 15.9843C20.0249 16.352 19.9122 16.7406 19.6749 17.0792C19.6554 17.1083 17.5591 20 16.3764 20Z' fill='%239E9E9E'/%3E%3C/svg%3E") !important;
}

body.page-id-12 #e-form-company,
body.page-id-12 #form-field-company,
body.page-id-12 #form-field-email,
body.page-id-12 input[type='email'],
body.page-id-12 input[name*='company'],
body.page-id-12 input[name*='email'],
body.page-id-12 input[placeholder*='ایمیل'],
body.page-id-12 input[placeholder*='شرکت'],
body.page-id-12 input[placeholder*='سازمان'] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M20 8.95583C20 12.7375 18.1625 15.0783 15.1708 15.0783C13.6217 15.0783 12.5158 14.4058 12.1917 13.2658H11.9633C11.4708 14.4783 10.5342 15.0908 9.1525 15.0908C6.65417 15.0908 4.99667 13.0742 4.99667 10.025C4.99667 7.1075 6.59417 5.13917 8.9725 5.13917C10.27 5.13917 11.2908 5.76333 11.7717 6.84417H12V5.4275H14.7625V11.5258C14.7625 12.3783 15.1467 12.8825 15.7958 12.8825C16.8525 12.8825 17.5258 11.4783 17.5258 9.245C17.5258 4.89917 14.6792 2.11417 10.2467 2.11417C5.62167 2.11417 2.475 5.35583 2.475 10.0733C2.475 14.8508 5.64583 17.8408 10.7392 17.8408C11.8442 17.8408 12.985 17.6967 13.61 17.505V19.6417C12.745 19.8683 11.6158 20 10.4742 20C4.1925 20 0 16.0025 0 10.0117C0 4.09333 4.20417 0 10.2825 0C16.0725 0 20 3.62583 20 8.95583ZM8.15583 10.1083C8.15583 11.6692 8.80417 12.605 9.8975 12.605C11.0025 12.605 11.675 11.6567 11.675 10.1083C11.675 8.56 10.99 7.61167 9.8975 7.61167C8.805 7.61167 8.15583 8.5475 8.15583 10.1083Z' fill='%239E9E9E'/%3E%3C/svg%3E") !important;
}

body.page-id-12 #e-form-website,
body.page-id-12 #form-field-website,
body.page-id-12 #form-field-url,
body.page-id-12 input[type='url'],
body.page-id-12 input[name*='website'],
body.page-id-12 input[name*='url'],
body.page-id-12 input[placeholder*='سایت'],
body.page-id-12 input[placeholder*='وب'] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M19.163 6C17.991 3.3295 15.684 1.2655 12.8555 0.420502C13.7395 1.803 14.3595 3.805 14.698 6H19.163Z' fill='%239E9E9E'/%3E%3Cpath d='M19.6815 12.5C19.8885 11.7005 20 10.8635 20 10C20 9.1365 19.8885 8.2995 19.6815 7.5H14.8815C14.959 8.3275 15 9.167 15 10C15 10.833 14.959 11.6725 14.8815 12.5H19.6815Z' fill='%239E9E9E'/%3E%3Cpath d='M5 10C5 9.167 5.041 8.3275 5.1185 7.5H0.3185C0.1115 8.2995 0 9.1365 0 10C0 10.8635 0.1115 11.7005 0.3185 12.5H5.1185C5.041 11.6725 5 10.833 5 10Z' fill='%239E9E9E'/%3E%3Cpath d='M13.5 10C13.5 9.128 13.4525 8.295 13.374 7.5H6.626C6.5475 8.295 6.5 9.128 6.5 10C6.5 10.872 6.5475 11.705 6.626 12.5H13.374C13.4525 11.705 13.5 10.872 13.5 10Z' fill='%239E9E9E'/%3E%3Cpath d='M13.181 6C12.582 2.396 11.2365 0 10 0C8.7635 0 7.418 2.396 6.819 6H13.181Z' fill='%239E9E9E'/%3E%3Cpath d='M6.819 14C7.418 17.604 8.764 20 10 20C11.236 20 12.582 17.604 13.181 14H6.819Z' fill='%239E9E9E'/%3E%3Cpath d='M5.30201 6C5.64051 3.805 6.26051 1.803 7.14451 0.420502C4.31601 1.2655 2.00901 3.3295 0.837006 6H5.30201Z' fill='%239E9E9E'/%3E%3Cpath d='M14.698 14C14.3595 16.195 13.7395 18.197 12.8555 19.5795C15.684 18.7345 17.991 16.671 19.163 14H14.698Z' fill='%239E9E9E'/%3E%3Cpath d='M0.837006 14C2.00901 16.6705 4.31601 18.7345 7.14451 19.5795C6.26051 18.197 5.64051 16.195 5.30201 14H0.837006Z' fill='%239E9E9E'/%3E%3C/svg%3E") !important;
}

body.page-id-12 .elementor-12 form.e-form-base .e-form-textarea-base {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  height: 200px !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: #fff !important;
  color: #10131a !important;
  font-family: Aria, sans-serif !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  resize: none !important;
}

body.page-id-12 .elementor-12 form.e-form-base .e-form-submit-button-base {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  height: 45px !important;
  min-height: 0 !important;
  /* the frames leave a slightly wider gap above the button than the grid gap */
  margin: 9px 0 0 !important;
  border-radius: 0 !important;
  background-color: #000 !important;
  color: #fff !important;
  font-family: Aria, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  cursor: pointer;
  border: 0.5px solid #fff;
}

body.page-id-12
  .elementor-12
  form.e-form-base
  .e-form-submit-button-base:hover {
  background-color: #14172b !important;
}

body.page-id-12
  .elementor-12
  form.e-form-base
  [data-element_type='e-form-success-message'],
body.page-id-12
  .elementor-12
  form.e-form-base
  [data-element_type='e-form-error-message'] {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  color: #fff !important;
}

/* ---- Social row ------------------------------------------------------- */

body.page-id-12 .elementor-12 .elementor-element-3c2ac37 {
  width: 100% !important;
  margin: 94px 0 0 !important;
  padding: 0 !important;
}

body.page-id-12
  .elementor-12
  .elementor-element-3c2ac37
  .beheshti-contact-social__title {
  margin: 0 !important;
  font-family: Aria, sans-serif !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #fff !important;
  text-align: center !important;
}

body.page-id-12
  .elementor-12
  .elementor-element-3c2ac37
  .beheshti-contact-social__icons {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 32px !important;
  margin-top: 22px !important;
  line-height: 0 !important;
  /* the frames read Instagram → Telegram left-to-right */
  direction: ltr !important;
}

body.page-id-12
  .elementor-12
  .elementor-element-3c2ac37
  .beheshti-contact-social__icons
  a {
  display: inline-flex !important;
  color: #fff !important;
  text-decoration: none !important;
  transition: opacity 0.2s ease;
}

body.page-id-12
  .elementor-12
  .elementor-element-3c2ac37
  .beheshti-contact-social__icons
  a:hover {
  opacity: 0.7 !important;
}

body.page-id-12
  .elementor-12
  .elementor-element-3c2ac37
  .beheshti-contact-social__icons
  svg {
  width: 25px !important;
  height: 25px !important;
}

/* ---- Tablet: the 744 frame -------------------------------------------- */

@media (max-width: 1219px) {
  body.page-id-12 .elementor-12 .elementor-element-ec9f3b7 {
    max-width: none !important;
    padding-inline: var(--bh-gutter) !important;
  }
}

@media (max-width: 1023px) {
  body.page-id-12 .elementor-12 > .elementor-element-99660b3 {
    padding: 116px 0 120px !important;
  }

  body.page-id-12 .elementor-12 .elementor-element-7557c24 p {
    font-size: 18px !important;
  }

  body.page-id-12 .elementor-12 form.e-form-base {
    gap: 13px !important;
    margin-top: 118px !important;
  }

  body.page-id-12 .elementor-12 form.e-form-base .e-form-input-base {
    height: 44px !important;
  }

  body.page-id-12 .elementor-12 form.e-form-base .e-form-submit-button-base {
    margin-top: 8px !important;
  }

  body.page-id-12 .elementor-12 .elementor-element-3c2ac37 {
    margin-top: 110px !important;
  }

  body.page-id-12
    .elementor-12
    .elementor-element-3c2ac37
    .beheshti-contact-social__title {
    font-size: 17px !important;
  }
}

/* ---- Mobile: the 393 frame -------------------------------------------- */

@media (max-width: 743px) {
  body.page-id-12 {
    --bh-gutter: 20px;
  }

  body.page-id-12 .elementor-12 > .elementor-element-99660b3 {
    padding: 76px 0 80px !important;
  }

  body.page-id-12 .elementor-12 .elementor-element-7557c24 p {
    font-size: 14px !important;
  }

  /* one field per row */
  body.page-id-12 .elementor-12 form.e-form-base {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
    margin-top: 83px !important;
  }

  body.page-id-12 .elementor-12 form.e-form-base .e-form-input-base {
    height: 44px !important;
    font-size: 13px !important;
  }

  body.page-id-12 .elementor-12 form.e-form-base .e-form-textarea-base {
    font-size: 13px !important;
  }

  body.page-id-12 .elementor-12 form.e-form-base .e-form-submit-button-base {
    height: 42px !important;
    margin-top: 9px !important;
    font-size: 13px !important;
  }

  body.page-id-12 .elementor-12 .elementor-element-3c2ac37 {
    margin-top: 75px !important;
  }

  body.page-id-12
    .elementor-12
    .elementor-element-3c2ac37
    .beheshti-contact-social__title {
    font-size: 14px !important;
  }

  body.page-id-12
    .elementor-12
    .elementor-element-3c2ac37
    .beheshti-contact-social__icons {
    gap: 26px !important;
    margin-top: 20px !important;
  }

  body.page-id-12
    .elementor-12
    .elementor-element-3c2ac37
    .beheshti-contact-social__icons
    svg {
    width: 25px !important;
    height: 25px !important;
  }
}

/* Header Star SVG - Exact Figma Path on Contact Page */
.elementor-location-header,
header.elementor-location-header,
.beheshti-site-header,
.beheshti-site-header__top {
  overflow: visible !important;
  z-index: 1 !important;
}

/* Open hamburger dropdown must sit above the z-index:2 contact section. */
body.page-id-12 header.elementor-location-header:has(.elementor-menu-toggle.elementor-active),
body.page-id-12 header.elementor-location-header:has(.elementor-menu-toggle.elementor-active) .beheshti-site-header {
  z-index: 900 !important;
}

.elementor-widget-theme-site-logo,
.elementor-widget-theme-site-logo .elementor-widget-container {
  position: relative !important;
  overflow: visible !important;
}



@media (max-width: 1024px) {
  .beheshti-header-star {
    display: none !important;
  }
}

/* ======================================================================
 * Mobile 1:1 — Figma "Contact me - mobile" 429:1543 (393 × 1910).
 * Header "Frame 1" 1125:8381, body "Frame 6" 429:1576, footer "Frame 125" 1118:5436.
 * Only <=743px (same split as the inner pages); the header keeps its own 600/601 split below.
 * ==================================================================== */
@media (max-width: 743px) {
  /* ---- Body "Frame 6": pad 80/20/80, intro → form 80, form → social 80 ---- */
  html:not(#c):not(#c) body.page-id-12 .elementor-12 > .elementor-element-99660b3 { padding: 80px 0 80px !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-12 .elementor-element-7557c24 p {
    font-size: 16px !important; font-weight: 350 !important; line-height: 20px !important;
  }
  html:not(#c):not(#c) body.page-id-12 .elementor-12 form.e-form-base { margin-top: 80px !important; gap: 16px !important; }
  /* Figma order: phone, name, website, company */
  html:not(#c):not(#c) body.page-id-12 #e-form-phone { order: 1; }
  html:not(#c):not(#c) body.page-id-12 #e-form-fullname { order: 2; }
  html:not(#c):not(#c) body.page-id-12 #e-form-website { order: 3; }
  html:not(#c):not(#c) body.page-id-12 #e-form-company { order: 4; }
  html:not(#c):not(#c) body.page-id-12 .elementor-12 form.e-form-base > :not(input) { order: 5; }
  /* fields: 44 tall, pad 12/20, 16px icon, 8px gap, 16px #9e9e9e (Regular matches the frame's rendered ink) */
  html:not(#c):not(#c) body.page-id-12 .elementor-12 form.e-form-base .e-form-input-base {
    height: 44px !important; padding: 0 44px 0 20px !important; line-height: 20px !important;
    background-position: right 20px center !important; background-size: 16px 16px !important;
    font-size: 16px !important; font-weight: 400 !important;
  }
  html:not(#c):not(#c) body.page-id-12 .elementor-12 form.e-form-base .e-form-textarea-base {
    height: 200px !important; padding: 12px 20px !important; line-height: 20px !important; font-size: 16px !important; font-weight: 400 !important;
  }
  html:not(#c):not(#c) body.page-id-12 .elementor-12 form.e-form-base .e-form-input-base::placeholder,
  html:not(#c):not(#c) body.page-id-12 .elementor-12 form.e-form-base .e-form-textarea-base::placeholder { color: #9e9e9e !important; opacity: 1 !important; font-weight: 400 !important; }
  /* submit: 42 tall, 24 below the message box, Aria Regular 14 */
  html:not(#c):not(#c) body.page-id-12 .elementor-12 form.e-form-base .e-form-submit-button-base {
    height: 42px !important; margin-top: 8px !important; font-size: 14px !important; font-weight: 400 !important; line-height: 17px !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
  }
  /* social "Frame 109": title Aria Normal 16, 20 gap, 15px icons 30 apart */
  html:not(#c):not(#c) body.page-id-12 .elementor-12 .elementor-element-3c2ac37 { margin-top: 80px !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-12 .elementor-element-3c2ac37 .beheshti-contact-social__title {
    font-size: 16px !important; font-weight: 350 !important; line-height: 20px !important;
  }
  html:not(#c):not(#c) body.page-id-12 .elementor-12 .elementor-element-3c2ac37 .beheshti-contact-social__icons { gap: 30px !important; margin-top: 20px !important; height: 15px !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-12 .elementor-element-3c2ac37 .beheshti-contact-social__icons svg { width: 15px !important; height: 15px !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-12 .elementor-element-3c2ac37 .beheshti-contact-social__icons a:nth-child(2) svg { width: 16.1px !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-12 .elementor-element-3c2ac37 .beheshti-contact-social__icons a:nth-child(4) svg { width: 16.5px !important; }

  /* ---- Footer "Frame 125": black, pad 60/28/20, 60 between blocks, all #99f1ff ---- */
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer { padding: 0 !important; margin: 0 !important; background: #000 !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .elementor-section,
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .elementor-container,
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .elementor-column,
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .elementor-widget-wrap,
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .elementor-widget,
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .elementor-widget-container {
    padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: none !important; min-height: 0 !important; display: block !important; background: transparent !important;
  }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer {
    display: flex !important; flex-direction: column !important; gap: 60px !important; width: 100% !important; max-width: none !important; margin: 0 !important;
    padding: 60px 28px 20px !important; min-height: 954px !important; box-sizing: border-box !important; background: #000 !important; direction: rtl;
  }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__top {
    display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 60px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
  }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__cta { order: 1; display: flex !important; flex-direction: column !important; gap: 18px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__cta p {
    margin: 0 !important; padding: 0 !important; color: #99f1ff !important; font-size: 16px !important; font-weight: 500 !important; line-height: 20px !important; text-align: center !important; letter-spacing: 0 !important;
  }
  html:not(#c):not(#c) body.page-id-12 .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: 1px solid rgba(153, 241, 255, 0.5) !important; border-radius: 0 !important; background: transparent !important; color: #99f1ff !important;
    font-size: 14px !important; font-weight: 400 !important; line-height: 17px !important; text-decoration: none !important;
  }
  html:not(#c):not(#c) body.page-id-12 .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(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__brand { order: 2; align-self: flex-start; margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; line-height: 0; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__brand img { display: block !important; width: 120px !important; height: auto !important; max-width: none !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__grid {
    display: flex !important; flex-direction: column !important; gap: 52px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; align-items: stretch !important;
  }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__col { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 20px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__col h4 {
    margin: 0 !important; padding: 0 !important; color: #99f1ff !important; font-size: 22px !important; font-weight: 350 !important; line-height: 27px !important; text-align: right !important; letter-spacing: 0 !important;
  }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__col ul { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 18px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__col li { margin: 0 !important; padding: 0 !important; list-style: none !important; height: 20px !important; line-height: 20px !important; display: flex !important; align-items: flex-start !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__col a { color: #99f1ff !important; text-decoration: none !important; font-size: 16px !important; font-weight: 500 !important; line-height: 20px !important; letter-spacing: 0 !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__col ul.beheshti-footer__contact { gap: 12px !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__contact a { display: inline-flex !important; align-items: flex-start !important; gap: 12px !important; font-weight: 400 !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__contact a img { width: 15px !important; height: 15px !important; flex: none; display: block !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__contact a span { display: block !important; height: 20px !important; line-height: 20px !important; font-size: 16px !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__social {
    display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; align-self: stretch !important;
    gap: 40px !important; height: 20px !important; width: auto !important; margin: 0 !important; padding: 0 !important;
  }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__social a { display: flex !important; align-items: center !important; width: auto !important; height: 20px !important; color: #99f1ff !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__social svg { height: 20px !important; width: 20px !important; max-width: none !important; display: block !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__social a:nth-child(2) svg { width: 21.4px !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__social a:nth-child(4) svg { width: 22px !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__bottom { display: block !important; height: 20px !important; min-height: 0 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; position: static !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__copy {
    margin: 0 !important; padding: 0 !important; width: 100% !important; text-align: center !important; color: #99f1ff !important; font-size: 14px !important; font-weight: 400 !important; line-height: 20px !important; letter-spacing: 0 !important;
    font-family: 'AriaEn', 'Aria', sans-serif !important; font-feature-settings: 'locl' 0;
  }
}

/* ======================================================================
 * Tablet 1:1 — Figma "Contact me - tablet" 429:1689 (744 × 1603).
 * Body "Frame 44" 429:1722 (744 × 944), footer "Frame 108" 462:3345 (744 × 599, same as the inner pages' tablet footer).
 * Only 744–1024; desktop and mobile are untouched.
 * ==================================================================== */
@media (min-width: 744px) and (max-width: 1024px) {
  /* ---- Body "Frame 44": pad 120/40/120, intro → form 116, form → social 116 ---- */
  html:not(#c):not(#c) body.page-id-12 .elementor-12 > .elementor-element-99660b3 { padding: 120px 0 120px !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-12 .elementor-element-ec9f3b7 { padding-inline: 40px !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-12 .elementor-element-7557c24 p {
    font-size: 20px !important; font-weight: 350 !important; line-height: 25px !important;
  }
  /* form "Frame 111": two 326 columns, 12 gaps, message 200, button 20 below it */
  html:not(#c):not(#c) body.page-id-12 .elementor-12 form.e-form-base { margin-top: 116px !important; gap: 12px !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-12 form.e-form-base .e-form-input-base {
    height: 44px !important; padding: 0 47px 0 20px !important; line-height: 20px !important;
    background-position: right 20px center !important; background-size: 15px 15px !important;
    font-size: 16px !important; font-weight: 400 !important;
  }
  html:not(#c):not(#c) body.page-id-12 .elementor-12 form.e-form-base .e-form-textarea-base {
    height: 200px !important; padding: 12px 20px !important; line-height: 20px !important; font-size: 16px !important; font-weight: 400 !important;
  }
  html:not(#c):not(#c) body.page-id-12 .elementor-12 form.e-form-base .e-form-input-base::placeholder,
  html:not(#c):not(#c) body.page-id-12 .elementor-12 form.e-form-base .e-form-textarea-base::placeholder { color: #9e9e9e !important; opacity: 1 !important; font-weight: 400 !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-12 form.e-form-base .e-form-submit-button-base {
    height: 45px !important; margin-top: 8px !important; font-size: 18px !important; font-weight: 400 !important; line-height: 22px !important;
    border: 0.5px solid #fff !important;
  }
  /* social "Frame 109": title Aria Normal 20, 20 gap, 25px icons 44 apart */
  html:not(#c):not(#c) body.page-id-12 .elementor-12 .elementor-element-3c2ac37 { margin-top: 116px !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-12 .elementor-element-3c2ac37 .beheshti-contact-social__title {
    font-size: 20px !important; font-weight: 350 !important; line-height: 25px !important;
  }
  html:not(#c):not(#c) body.page-id-12 .elementor-12 .elementor-element-3c2ac37 .beheshti-contact-social__icons { gap: 44px !important; margin-top: 20px !important; height: 25px !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-12 .elementor-element-3c2ac37 .beheshti-contact-social__icons svg { width: 25px !important; height: 25px !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-12 .elementor-element-3c2ac37 .beheshti-contact-social__icons a:nth-child(2) svg { width: 26.8px !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-12 .elementor-element-3c2ac37 .beheshti-contact-social__icons a:nth-child(4) svg { width: 27.5px !important; }

  /* ---- Footer "Frame 108": black, pad 64/40/40; CTA ↔ logo row, 80, three columns, 120, copyright ---- */
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer { height: auto !important; min-height: 599px !important; padding: 0 !important; margin: 0 !important; background: #000 !important; overflow: hidden !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .elementor-section,
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .elementor-container,
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .elementor-column,
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .elementor-widget-wrap,
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .elementor-widget,
  html:not(#c):not(#c) body.page-id-12 .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(#c):not(#c) body.page-id-12 .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;
    padding: 64px 40px 40px !important; min-height: 599px !important; height: auto !important; box-sizing: border-box !important; background: #000 !important; direction: rtl;
  }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__top {
    display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: flex-start !important; gap: 80px !important;
    width: 100% !important; margin: 0 0 80px 0 !important; padding: 0 !important; border: 0 !important;
  }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__brand { margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; line-height: 0; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__brand img { display: block !important; width: 140px !important; height: auto !important; max-width: none !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__cta { margin: 0 !important; padding: 0 !important; width: 208px !important; display: flex !important; flex-direction: column !important; gap: 12px !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__cta p {
    margin: 0 !important; padding: 0 !important; color: #99f1ff !important; font-size: 18px !important; font-weight: 500 !important; line-height: 23px !important; text-align: right !important; letter-spacing: 0 !important;
  }
  html:not(#c):not(#c) body.page-id-12 .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: 1px solid rgba(153, 241, 255, 0.5) !important; border-radius: 0 !important; background: transparent !important; color: #99f1ff !important;
    font-size: 18px !important; font-weight: 400 !important; line-height: 22.43px !important; text-decoration: none !important;
  }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__grid {
    display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: flex-start !important; gap: 52px !important;
    width: 100% !important; margin: 0 0 120px 0 !important; padding: 0 !important; border: 0 !important;
  }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__col { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 28px !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__col:nth-child(1) { min-width: 156px; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__col:nth-child(2) { min-width: 180px; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__col:nth-child(3) { min-width: 208px; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__col h4 {
    margin: 0 !important; padding: 0 !important; color: #99f1ff !important; font-size: 18px !important; font-weight: 350 !important; line-height: 22px !important; text-align: right !important; letter-spacing: 0 !important;
  }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__col ul { display: flex !important; flex-direction: column !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__col li { margin: 0 !important; padding: 0 !important; list-style: none !important; height: 20px !important; line-height: 20px !important; display: flex !important; align-items: center; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__col a { color: #99f1ff !important; text-decoration: none !important; font-size: 16px !important; font-weight: 500 !important; line-height: 20px !important; letter-spacing: 0 !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__contact a { display: inline-flex !important; align-items: center !important; gap: 12px !important; font-weight: 500 !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__contact a img { width: 15px !important; height: 15px !important; flex: none; display: block !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__contact a span { display: block !important; height: 20px; line-height: 20px !important; font-size: 16px !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__social {
    display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; align-self: flex-start !important;
    gap: 24px !important; height: 20px !important; width: auto !important; margin: 0 !important; margin-inline-end: 7.8px !important; padding: 0 !important;
  }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__social a { display: flex !important; align-items: center !important; width: auto !important; height: 20px !important; color: #99f1ff !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__social svg { height: 20px !important; width: auto !important; max-width: none !important; display: block !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__bottom { display: block !important; height: 17px !important; min-height: 0 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; position: static !important; }
  html:not(#c):not(#c) body.page-id-12 .elementor-location-footer .beheshti-footer__copy {
    margin: 0 !important; padding: 0 !important; width: 100% !important; text-align: center !important; color: #99f1ff !important; font-size: 12px !important; font-weight: 400 !important; line-height: 17px !important; letter-spacing: 0 !important;
  }
}

/* ======================================================================
 * Header (mobile 393 / tablet 744 Figma frames) + open menu — contact.
 * 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(#c):not(#c) body.page-id-12 header.elementor-location-header,
  html:not(#c):not(#c) body.page-id-12 header.elementor-location-header .elementor-element-7606721.beheshti-site-header {
    position: relative !important; 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(#c):not(#c) body.page-id-12 header.elementor-location-header:has(.elementor-menu-toggle.elementor-active),
  html:not(#c):not(#c) body.page-id-12 header.elementor-location-header:has(.elementor-menu-toggle.elementor-active) .beheshti-site-header { overflow: visible !important; }
  html:not(#c):not(#c) body.page-id-12 header .elementor-element-5461748.e-con, html:not(#c):not(#c) body.page-id-12 header .elementor-element-5461748 > .e-con-inner,
  html:not(#c):not(#c) body.page-id-12 header .elementor-element-c00b55e.e-con, html:not(#c):not(#c) body.page-id-12 header .elementor-element-c00b55e > .e-con-inner { display: contents !important; }
  html:not(#c):not(#c) body.page-id-12 header .elementor-element-98b0cf2 { display: none !important; }
  /* logo group 299×203: wordmark + star drawn from the Figma vectors */
  html:not(#c):not(#c) body.page-id-12 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(#c):not(#c) body.page-id-12 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(#c):not(#c) body.page-id-12 header .elementor-element-1812792 img { opacity: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; }
  html:not(#c):not(#c) body.page-id-12 header .elementor-element-1812792::before {
    content: "" !important; position: absolute !important; inset: 0 !important; display: block !important;
    background: url("../../../themes/beheshti-child/assets/header-logo-mobile.svg") no-repeat 0 0 / 299px 203px !important;
  }
  /* language: 12px globe, 8px gap, 12px label */
  html:not(#c):not(#c) body.page-id-12 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(#c):not(#c) body.page-id-12 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(#c):not(#c) body.page-id-12 header .beheshti-lang svg { width: 12px !important; height: 12px !important; min-width: 12px !important; flex: none; margin: 0 !important; position: static !important; }
  html:not(#c):not(#c) body.page-id-12 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(#c):not(#c) body.page-id-12 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(#c):not(#c) body.page-id-12 header .elementor-element-dfb27fa { width: 22px !important; height: var(--bh-hdr-burger-h) !important; margin: 0 !important; padding: 0 !important; }
  html:not(#c):not(#c) body.page-id-12 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(#c):not(#c) body.page-id-12 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(#c):not(#c) body.page-id-12 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(#c):not(#c) body.page-id-12 header nav.elementor-nav-menu--dropdown ul.elementor-nav-menu { gap: 0 !important; padding: 0 !important; margin: 0 !important; }
  html:not(#c):not(#c) body.page-id-12 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(#c):not(#c) body.page-id-12 header nav.elementor-nav-menu--dropdown li:last-child { border-bottom: 0 !important; }
  html:not(#c):not(#c) body.page-id-12 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(#c):not(#c) body.page-id-12 header nav.elementor-nav-menu--dropdown li a.elementor-item:hover,
  html:not(#c):not(#c) body.page-id-12 header nav.elementor-nav-menu--dropdown li a.elementor-item:focus,
  html:not(#c):not(#c) body.page-id-12 header nav.elementor-nav-menu--dropdown li a.elementor-item.highlighted { background: transparent !important; color: #99f1ff !important; }
  html:not(#c):not(#c) body.page-id-12 header nav.elementor-nav-menu--dropdown li a.elementor-item.elementor-item-active { background: transparent !important; color: #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(#c):not(#c) body.page-id-12 header .elementor-element-1812792::before { background-image: url("../../../themes/beheshti-child/assets/header-logo-tablet.svg") !important; }
}