/* Version 1.0.11. Refines the account-tracking section image blending so the visual fades smoothly into the right content area with no hard edge or divider. */
body.tehranweb-services-experience .twsx-account {
  padding: clamp(42px, 4.1vw, 78px) 0 clamp(42px, 4vw, 80px) !important;
  background: #03111d !important;
}
body.tehranweb-services-experience .twsx-account .twsx-shell {
  width: min(1810px, calc(100% - 9.5vw)) !important;
  max-width: 1810px !important;
  margin-inline: auto !important;
  padding: 0 !important;
}
body.tehranweb-services-experience .twsx-account__card--v109 {
  direction: ltr !important;
  display: grid !important;
  grid-template-columns: minmax(0, 53%) minmax(0, 47%) !important;
  align-items: stretch !important;
  gap: 0 !important;
  position: relative !important;
  min-width: 0 !important;
  width: 100% !important;
  min-height: clamp(490px, 32vw, 620px) !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 2px solid #daa126 !important;
  border-radius: 38px !important;
  overflow: hidden !important;
  background: linear-gradient(108deg, #0a1924 0%, #061421 46%, #03111d 72%, #04121d 100%) !important;
  box-shadow: 0 24px 62px rgba(0, 0, 0, .26), 0 0 36px rgba(244,182,42,.065), inset 0 0 0 1px rgba(255,222,145,.035) !important;
}
body.tehranweb-services-experience .twsx-account__card--v109::before,
body.tehranweb-services-experience .twsx-account__card--v109::after {
  content: "";
  position: absolute;
  z-index: 3;
  width: 180px;
  height: 2px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,205,88,.9), transparent);
  box-shadow: 0 0 14px 2px rgba(255,171,37,.4);
}
body.tehranweb-services-experience .twsx-account__card--v109::before { top: 0; left: 2%; }
body.tehranweb-services-experience .twsx-account__card--v109::after { bottom: 0; right: 2%; }
body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__visual {
  position: relative !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #0c1721 !important;
}
body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__visual::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, rgba(4,17,29,0) 58%, rgba(4,17,29,.22) 70%, rgba(4,17,29,.72) 84%, #04121d 100%) !important;
  z-index: 2 !important;
}
body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__visual::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: radial-gradient(circle at 14% 50%, rgba(245,186,54,.12), transparent 34%) !important;
  z-index: 1 !important;
}
body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__illustration {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border: 0 !important;
  border-radius: 0 !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}
body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__content {
  direction: rtl !important;
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: stretch !important;
  min-width: 0 !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: clamp(24px, 2.8vw, 52px) clamp(24px, 2.45vw, 48px) clamp(24px, 2.6vw, 45px) clamp(22px, 2.2vw, 38px) !important;
  text-align: right !important;
  background: transparent !important;
}
body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__kicker {
  display: block !important;
  padding: 0 !important;
  margin: 0 0 13px !important;
  text-align: right !important;
  color: #eaf0f5 !important;
  font-size: clamp(15px, 1.18vw, 25px) !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}
body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__kicker span { color: #f7b82f !important; font-weight: 800 !important; }
body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__content h2 {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 0 19px !important;
  color: #fff !important;
  text-align: right !important;
  font-size: clamp(30px, 2.85vw, 56px) !important;
  line-height: 1.28 !important;
  font-weight: 950 !important;
  letter-spacing: -.025em !important;
}
body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__heading-lead,
body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__heading-gold {
  display: block !important;
  width: 100% !important;
  white-space: normal !important;
}
body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__heading-gold { color: #f7b82f !important; font-style: normal !important; }
body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__description {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 0 clamp(17px, 1.5vw, 30px) !important;
  text-align: right !important;
  color: #d7e0e9 !important;
  font-size: clamp(14px, 1.08vw, 21px) !important;
  font-weight: 450 !important;
  line-height: 1.75 !important;
}
body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__features {
  direction: rtl !important;
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 0 clamp(18px, 1.4vw, 30px) !important;
  padding: 0 !important;
}
body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__feature {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  position: relative !important;
  min-width: 0 !important;
  padding: 0 7px !important;
  margin: 0 !important;
  text-align: center !important;
  background: transparent !important;
}
body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__feature:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 35px !important;
  bottom: 5px !important;
  width: 1px !important;
  background: linear-gradient(180deg,transparent,rgba(170,196,210,.24),transparent) !important;
}
body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__feature-icon {
  display: grid !important;
  place-items: center !important;
  width: clamp(48px, 3.3vw, 65px) !important;
  height: clamp(48px, 3.3vw, 65px) !important;
  padding: 0 !important;
  margin: 0 auto 10px !important;
  border: 2px solid #f3b52b !important;
  border-radius: 50% !important;
  background: rgba(3,17,29,.3) !important;
  color: #f3b52b !important;
  box-shadow: 0 0 14px rgba(244,182,42,.07) !important;
}
body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__feature-icon svg {
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.75 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__feature b {
  display: block !important;
  min-height: 0 !important;
  margin: 0 0 3px !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: clamp(12px, 1.03vw, 20px) !important;
  font-weight: 900 !important;
  line-height: 1.55 !important;
  text-align: center !important;
}
body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__feature small {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #c9d2dc !important;
  font-size: clamp(11px, .89vw, 18px) !important;
  line-height: 1.5 !important;
  text-align: center !important;
}
body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__button {
  direction: rtl !important;
  display: inline-flex !important;
  align-self: center !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  gap: clamp(12px,1vw,23px) !important;
  width: min(100%, 384px) !important;
  min-width: 0 !important;
  min-height: clamp(57px,4.2vw,81px) !important;
  margin: 0 !important;
  padding: 8px 20px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ffda66, #f7b72b) !important;
  color: #08111b !important;
  font-size: clamp(17px,1.45vw,29px) !important;
  font-weight: 950 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: 0 12px 30px rgba(244,182,42,.19) !important;
}
body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__button svg {
  width: 25px !important;
  height: 25px !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  flex: 0 0 auto !important;
}
@media (max-width: 1150px) {
  body.tehranweb-services-experience .twsx-account__card--v109 { grid-template-columns: minmax(0,50%) minmax(0,50%) !important; }
  body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__content { padding: 25px 21px 25px 12px !important; }
  body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__content h2 { font-size: clamp(27px,3.55vw,40px) !important; }
  body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__feature { padding-inline:4px!important; }
}
@media (max-width: 850px) {
  body.tehranweb-services-experience .twsx-account .twsx-shell { width: calc(100% - 36px) !important; }
  body.tehranweb-services-experience .twsx-account__card--v109 {
    display: flex !important;
    flex-direction: column-reverse !important;
    min-height: 0 !important;
    border-radius: 25px !important;
  }
  body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__content {
    width: 100% !important;
    padding: 30px 24px 24px !important;
    text-align: right !important;
    background: #04121d !important;
  }
  body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__content h2 { font-size: clamp(28px,6vw,48px) !important; }
  body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__visual { height: clamp(200px,52vw,390px) !important; flex: 0 0 auto !important; }
  body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__illustration {
    mask-image: none !important;
    -webkit-mask-image: none !important;
    object-position: center 38% !important;
  }
  body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__visual::after {
    background: linear-gradient(180deg, rgba(4,17,29,0) 52%, rgba(4,17,29,.72) 82%, #04121d 100%) !important;
  }
  body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__visual::before {
    background: radial-gradient(circle at 50% 12%, rgba(245,186,54,.10), transparent 30%) !important;
  }

}
@media (max-width: 500px) {
  body.tehranweb-services-experience .twsx-account .twsx-shell { width: calc(100% - 24px) !important; }
  body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__content { padding: 22px 14px 20px !important; }
  body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__content h2 { font-size: clamp(26px,7.2vw,36px) !important; }
  body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__description { font-size: 14px !important; }
  body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__features { grid-template-columns: repeat(2,minmax(0,1fr)) !important; row-gap: 17px !important; }
  body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__feature:not(:last-child)::after { display: none !important; }
  body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__feature b { font-size: 14px !important; }
  body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__feature small { font-size: 12px !important; }
  body.tehranweb-services-experience .twsx-account__card--v109 .twsx-account__button { width: 100% !important; font-size: 17px !important; }
}

/* Preserve the working full-width theme integration from v1.0.8,
   without the unscoped article selector that also affected service cards. */
body.tehranweb-services-experience .site,
body.tehranweb-services-experience #page,
body.tehranweb-services-experience #content,
body.tehranweb-services-experience .site-content,
body.tehranweb-services-experience .content-area,
body.tehranweb-services-experience .site-main,
body.tehranweb-services-experience main#primary.twsx-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}