/* TehranWeb Services Experience v1.0.13
   Approved reference: reference/services-page-approved-reference.png
   Changes intentionally scoped to the four-step process section only.
   All illustrations and typography are HTML/CSS/SVG, never part of a raster image.
*/
body.tehranweb-services-experience #twsx-process.twsx-process {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  margin-top: -42px !important;
  padding: 38px 0 61px !important;
  background:
    radial-gradient(ellipse 48% 58% at 50% 42%, rgba(7,37,57,.26), transparent 85%),
    linear-gradient(180deg,#03111d 0%,#03111d 100%) !important;
  border: 0 !important;
}
body.tehranweb-services-experience #twsx-process .twsx-process__ambient {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  background:
    linear-gradient(150deg, transparent 0 17%, rgba(247,180,38,.045) 17.08%, transparent 17.2%) left top / 48% 100% no-repeat,
    linear-gradient(31deg, transparent 0 26%, rgba(247,180,38,.06) 26.08%, transparent 26.2%) right top / 49% 100% no-repeat;
}
body.tehranweb-services-experience #twsx-process .twsx-shell {
  width: min(1770px,calc(100% - 68px)) !important;
  max-width: 1770px !important;
  margin-inline: auto !important;
  padding: 0 !important;
}
body.tehranweb-services-experience #twsx-process .twsx-process__heading {
  max-width: 920px !important;
  margin: 0 auto 26px !important;
  padding: 0 !important;
  text-align: center !important;
}
body.tehranweb-services-experience #twsx-process .twsx-process__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  margin: 0 0 10px !important;
  font-size: clamp(12px,.89vw,17px) !important;
  line-height: 1.5 !important;
  font-weight: 700 !important;
  color: rgba(230,239,247,.86) !important;
}
body.tehranweb-services-experience #twsx-process .twsx-process__eyebrow > span {
  width: clamp(34px,3.3vw,58px) !important;
  height: 2px !important;
  background: linear-gradient(90deg,transparent,#f4b62a) !important;
  box-shadow: 0 0 14px rgba(244,182,42,.18) !important;
}
body.tehranweb-services-experience #twsx-process .twsx-process__eyebrow > span:last-child {
  background: linear-gradient(90deg,#f4b62a,transparent) !important;
}
body.tehranweb-services-experience #twsx-process .twsx-process__heading h2 {
  margin: 0 0 8px !important;
  padding: 0 !important;
  font-size: clamp(30px,2.7vw,50px) !important;
  font-weight: 950 !important;
  line-height: 1.34 !important;
  letter-spacing: -.015em !important;
  color: #fff !important;
}
body.tehranweb-services-experience #twsx-process .twsx-process__heading h2 em {
  font-style: normal !important;
  color: #ffbb31 !important;
}
body.tehranweb-services-experience #twsx-process .twsx-process__heading h2 > span {
  color: #fff !important;
}
body.tehranweb-services-experience #twsx-process .twsx-process__heading p {
  max-width: 880px !important;
  margin: 0 auto !important;
  color: rgba(223,234,242,.87) !important;
  font-size: clamp(14px,1.07vw,20px) !important;
  font-weight: 500 !important;
  line-height: 1.72 !important;
  text-align: center !important;
}
body.tehranweb-services-experience #twsx-process .twsx-process__line {
  position: relative !important;
  display: grid !important;
  direction: rtl !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: start !important;
}
body.tehranweb-services-experience #twsx-process .twsx-process__line::before {
  content: "" !important;
  position: absolute !important;
  top: 49px !important;
  right: 12.5% !important;
  left: 12.5% !important;
  bottom: auto !important;
  width: auto !important;
  height: 2px !important;
  border: 0 !important;
  background: repeating-linear-gradient(90deg,#e8a72b 0 3px,transparent 3px 7px) !important;
  box-shadow: 0 0 10px rgba(250,178,36,.28) !important;
  opacity: .85 !important;
}
body.tehranweb-services-experience #twsx-process .twsx-process__line::after {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  pointer-events: none !important;
  top: 45px !important;
  left: 25% !important;
  right: 25% !important;
  height: 10px !important;
  background:
    radial-gradient(circle at 0% 50%, #ffe29b 0 2px, #f4b62a 3px, transparent 6px),
    radial-gradient(circle at 50% 50%, #ffe29b 0 2px, #f4b62a 3px, transparent 6px),
    radial-gradient(circle at 100% 50%, #ffe29b 0 2px, #f4b62a 3px, transparent 6px) !important;
  filter: drop-shadow(0 0 5px rgba(244,182,42,.58));
}
body.tehranweb-services-experience #twsx-process .twsx-process__step {
  position: relative !important;
  z-index: 2 !important;
  min-width: 0 !important;
  min-height: 227px !important;
  padding: 0 16px 3px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: center !important;
  text-align: center !important;
  background: transparent !important;
}
body.tehranweb-services-experience #twsx-process .twsx-process__step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 139px;
  bottom: 2px;
  left: 0;
  width: 1px;
  background: linear-gradient(180deg,rgba(123,154,170,.16),rgba(123,154,170,.08),transparent);
  pointer-events: none;
}
body.tehranweb-services-experience #twsx-process .twsx-process__symbol {
  position: relative !important;
  z-index: 3 !important;
  flex: 0 0 100px !important;
  width: 100px !important;
  height: 100px !important;
  margin: 0 auto 27px !important;
  border: 2px solid #f4ae25 !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  background: #041522 !important;
  color: #ffc14c !important;
  box-shadow: 0 0 0 5px rgba(235,159,23,.055), 0 0 17px rgba(248,174,24,.29), inset 0 0 17px rgba(244,182,42,.065) !important;
  transition: box-shadow .2s ease !important;
}
body.tehranweb-services-experience #twsx-process .twsx-process__step:hover .twsx-process__symbol {
  box-shadow: 0 0 0 5px rgba(235,159,23,.08), 0 0 25px rgba(248,174,24,.34), inset 0 0 20px rgba(244,182,42,.08) !important;
}
body.tehranweb-services-experience #twsx-process .twsx-process__symbol > svg {
  display: block !important;
  width: 53px !important;
  height: 53px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.35 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
body.tehranweb-services-experience #twsx-process .twsx-process__number {
  position: absolute !important;
  top: 102px !important;
  right: 4.5% !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
  color: #ffbd33 !important;
  font-size: clamp(17px,1.35vw,26px) !important;
  font-weight: 950 !important;
  font-variant-numeric: tabular-nums !important;
  text-shadow: 0 0 14px rgba(244,182,42,.15) !important;
}
body.tehranweb-services-experience #twsx-process .twsx-process__step h3 {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: clamp(16px,1.22vw,23px) !important;
  font-weight: 950 !important;
  line-height: 1.6 !important;
  white-space: normal !important;
}
body.tehranweb-services-experience #twsx-process .twsx-process__step p {
  max-width: 360px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  color: rgba(219,232,239,.85) !important;
  font-size: clamp(13px,1vw,19px) !important;
  line-height: 1.65 !important;
  font-weight: 500 !important;
}
@media (min-width: 768px) and (max-width: 1199px) {
  body.tehranweb-services-experience #twsx-process .twsx-process__line { gap: 0 !important; }
  body.tehranweb-services-experience #twsx-process .twsx-process__symbol { width: 80px !important; height: 80px !important; flex-basis:80px !important; margin-bottom:24px !important; }
  body.tehranweb-services-experience #twsx-process .twsx-process__symbol > svg { width: 40px !important; height:40px !important; }
  body.tehranweb-services-experience #twsx-process .twsx-process__line::before { top: 40px !important; }
  body.tehranweb-services-experience #twsx-process .twsx-process__line::after { top: 36px !important; }
  body.tehranweb-services-experience #twsx-process .twsx-process__number { top:83px !important; }
  body.tehranweb-services-experience #twsx-process .twsx-process__step:not(:last-child)::after { top:115px !important; }
}
@media (max-width: 767px) {
  body.tehranweb-services-experience #twsx-process.twsx-process { margin-top: -16px !important; padding: 34px 0 53px !important; }
  body.tehranweb-services-experience #twsx-process .twsx-shell { width:calc(100% - 32px) !important; }
  body.tehranweb-services-experience #twsx-process .twsx-process__heading { margin: 0 auto 28px !important; }
  body.tehranweb-services-experience #twsx-process .twsx-process__heading h2 { font-size:clamp(27px,7.6vw,36px) !important; line-height:1.35 !important; }
  body.tehranweb-services-experience #twsx-process .twsx-process__heading p { font-size:13px !important; line-height:1.8 !important; }
  body.tehranweb-services-experience #twsx-process .twsx-process__line { grid-template-columns: 1fr !important; gap:17px !important; }
  body.tehranweb-services-experience #twsx-process .twsx-process__line::before { top:36px !important; bottom:42px !important; right:37px !important; left:auto !important; height:auto !important; width:2px !important; background: repeating-linear-gradient(180deg,#dca323 0 4px,transparent 4px 9px) !important; }
  body.tehranweb-services-experience #twsx-process .twsx-process__line::after { display:none !important; }
  body.tehranweb-services-experience #twsx-process .twsx-process__step { min-height:102px !important; display:grid !important; grid-template-columns: 76px minmax(0,1fr) !important; grid-template-rows: auto auto 1fr !important; gap:0 16px !important; justify-items:start !important; align-items:start !important; padding: 0 0 4px !important; text-align:right !important; }
  body.tehranweb-services-experience #twsx-process .twsx-process__step:not(:last-child)::after { display:none !important; }
  body.tehranweb-services-experience #twsx-process .twsx-process__symbol { width:76px !important; height:76px !important; min-width:76px !important; min-height:76px !important; flex-basis:auto !important; grid-column:1 !important; grid-row:1 / 4 !important; margin:0 !important; }
  body.tehranweb-services-experience #twsx-process .twsx-process__symbol > svg { width:36px !important; height:36px !important; }
  body.tehranweb-services-experience #twsx-process .twsx-process__number { position:static !important; grid-column:2 !important; grid-row:1 !important; margin:0 0 3px !important; font-size:17px !important; }
  body.tehranweb-services-experience #twsx-process .twsx-process__step h3 { grid-column:2 !important; grid-row:2 !important; text-align:right !important; font-size:16px !important; line-height:1.5 !important; margin-bottom:5px !important; }
  body.tehranweb-services-experience #twsx-process .twsx-process__step p { grid-column:2 !important; grid-row:3 !important; max-width:100% !important; margin:0 !important; text-align:right !important; font-size:12.5px !important; line-height:1.6 !important; }
}
@media (prefers-reduced-motion:reduce) {
  body.tehranweb-services-experience #twsx-process .twsx-process__symbol { transition:none !important; }
}