/* TehranWeb Services Experience v1.0.6
   Final visual corrections for the services-selection section and the
   account-followup section, matching the approved reference more closely.
*/

/* ------------------------------
   Services selection section
------------------------------ */
body.tehranweb-services-experience #twsx-services.twsx-services {
  padding-block: clamp(46px, 4vw, 72px) clamp(56px, 5vw, 92px) !important;
  background:
    radial-gradient(ellipse 70% 46% at 50% 0%, rgba(15, 43, 58, .22), transparent 72%),
    linear-gradient(180deg, #03111d 0%, #03111d 100%) !important;
}
body.tehranweb-services-experience #twsx-services .twsx-shell {
  width: min(1490px, calc(100% - 72px)) !important;
  max-width: 1490px !important;
}
body.tehranweb-services-experience #twsx-services .twsx-services__head {
  max-width: 920px !important;
  margin: 0 auto 32px !important;
}
body.tehranweb-services-experience #twsx-services .twsx-services__head .twsx-eyebrow {
  gap: 14px !important;
  margin-bottom: 12px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}
body.tehranweb-services-experience #twsx-services .twsx-services__head .twsx-eyebrow span {
  width: 42px !important;
  flex-basis: 42px !important;
}
body.tehranweb-services-experience #twsx-services .twsx-services__head h2 {
  font-size: clamp(34px, 3.4vw, 62px) !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  margin-bottom: 14px !important;
}
body.tehranweb-services-experience #twsx-services .twsx-services__head p {
  max-width: 860px !important;
  font-size: clamp(15px, 1.04vw, 18px) !important;
  line-height: 1.95 !important;
  color: rgba(233,240,247,.9) !important;
}

body.tehranweb-services-experience #twsx-services .twsx-services__grid,
body.tehranweb-services-experience #twsx-services .twsx-services__grid--single,
body.tehranweb-services-experience #twsx-services .twsx-services__grid--double {
  direction: rtl !important;
  display: grid !important;
  grid-auto-flow: row !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
body.tehranweb-services-experience #twsx-services .twsx-services__grid,
body.tehranweb-services-experience #twsx-services .twsx-services__grid--single {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body.tehranweb-services-experience #twsx-services .twsx-services__grid--double {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  max-width: 980px !important;
  margin-inline: auto 0 !important;
}
body.tehranweb-services-experience #twsx-services .twsx-services__grid--single .twsx-service-card {
  grid-column: auto !important;
}
body.tehranweb-services-experience #twsx-services .twsx-service-card {
  min-height: 418px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(174, 194, 205, .26) !important;
  background: linear-gradient(180deg, rgba(8, 25, 39, .96) 0%, rgba(5, 18, 29, .98) 100%) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.24) !important;
}
body.tehranweb-services-experience #twsx-services .twsx-service-card__media {
  height: 206px !important;
  border-bottom: 1px solid rgba(244,182,42,.14) !important;
}
body.tehranweb-services-experience #twsx-services .twsx-service-card__veil {
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(4,17,28,.18) 65%, rgba(4,17,28,.42) 100%) !important;
}
body.tehranweb-services-experience #twsx-services .twsx-service-card__icon {
  top: 16px !important;
  right: 16px !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 14px !important;
  background: rgba(3,17,29,.68) !important;
  border: 1px solid rgba(244,182,42,.82) !important;
  box-shadow: 0 0 0 1px rgba(244,182,42,.06), 0 0 18px rgba(244,182,42,.08) !important;
}
body.tehranweb-services-experience #twsx-services .twsx-service-card__icon svg {
  width: 24px !important;
  height: 24px !important;
}
body.tehranweb-services-experience #twsx-services .twsx-service-card__body {
  padding: 18px 18px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
body.tehranweb-services-experience #twsx-services .twsx-service-card__body h3 {
  margin: 0 0 12px !important;
  min-height: 0 !important;
  font-size: clamp(20px, 1.28vw, 28px) !important;
  line-height: 1.45 !important;
  font-weight: 900 !important;
}
body.tehranweb-services-experience #twsx-services .twsx-service-card__body p {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  margin: 0 0 14px !important;
  font-size: clamp(14px, .95vw, 17px) !important;
  line-height: 1.92 !important;
  color: rgba(230,239,247,.85) !important;
}
body.tehranweb-services-experience #twsx-services .twsx-service-card__link {
  width: auto !important;
  margin-top: auto !important;
  font-size: clamp(14px, .94vw, 17px) !important;
  font-weight: 900 !important;
  justify-content: center !important;
}
body.tehranweb-services-experience #twsx-services .twsx-service-card__link svg {
  width: 18px !important;
  height: 18px !important;
}

/* ------------------------------
   Account / follow-up section
------------------------------ */
body.tehranweb-services-experience .twsx-account {
  padding: 54px 0 96px !important;
  background: linear-gradient(180deg, #03111d 0%, #03111d 100%) !important;
}
body.tehranweb-services-experience .twsx-account__card {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr) !important;
  gap: 34px !important;
  align-items: center !important;
  padding: 18px 22px 18px 18px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(244,182,42,.84) !important;
  background:
    radial-gradient(circle at 20% 25%, rgba(244,182,42,.06), transparent 24%),
    linear-gradient(180deg, rgba(7,24,38,.98), rgba(4,15,26,.98)) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
body.tehranweb-services-experience .twsx-account__visual {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 18px !important;
  min-width: 0 !important;
}
body.tehranweb-services-experience .twsx-account__imagewrap {
  width: 100% !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  border: 1px solid rgba(244,182,42,.4) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.24), 0 0 0 1px rgba(244,182,42,.06) !important;
  background: #071423 !important;
}
body.tehranweb-services-experience .twsx-account__imagewrap img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}
body.tehranweb-services-experience .twsx-account__button {
  min-width: 238px !important;
  align-self: center !important;
}
body.tehranweb-services-experience .twsx-account__content {
  min-width: 0 !important;
}
body.tehranweb-services-experience .twsx-account__content .twsx-eyebrow {
  margin-bottom: 14px !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}
body.tehranweb-services-experience .twsx-account__content h2 {
  margin: 0 0 16px !important;
  font-size: clamp(32px, 2.95vw, 52px) !important;
  line-height: 1.22 !important;
  font-weight: 950 !important;
  color: #fff !important;
}
body.tehranweb-services-experience .twsx-account__content h2 em {
  color: #f4b62a !important;
  font-style: normal !important;
}
body.tehranweb-services-experience .twsx-account__content > p {
  margin: 0 0 28px !important;
  color: rgba(232,240,247,.86) !important;
  font-size: 16px !important;
  line-height: 1.95 !important;
}
body.tehranweb-services-experience .twsx-account__steps-modern {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) !important;
  gap: 14px !important;
  align-items: center !important;
}
body.tehranweb-services-experience .twsx-account__step-modern {
  min-width: 0 !important;
  text-align: center !important;
}
body.tehranweb-services-experience .twsx-account__step-icon {
  width: 54px !important;
  height: 54px !important;
  margin: 0 auto 10px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(244,182,42,.85) !important;
  display: grid !important;
  place-items: center !important;
  color: #f4b62a !important;
  background: rgba(5,17,29,.6) !important;
  box-shadow: inset 0 0 12px rgba(244,182,42,.05), 0 0 16px rgba(244,182,42,.05) !important;
}
body.tehranweb-services-experience .twsx-account__step-icon svg {
  width: 22px !important;
  height: 22px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
body.tehranweb-services-experience .twsx-account__step-modern b {
  display: block !important;
  margin-bottom: 4px !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.65 !important;
}
body.tehranweb-services-experience .twsx-account__step-modern small {
  display: block !important;
  color: rgba(226,237,244,.72) !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
}
body.tehranweb-services-experience .twsx-account__step-arrow {
  color: #f4b62a !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

@media (max-width: 1100px) {
  body.tehranweb-services-experience #twsx-services .twsx-shell {
    width: calc(100% - 36px) !important;
  }
  body.tehranweb-services-experience #twsx-services .twsx-services__grid,
  body.tehranweb-services-experience #twsx-services .twsx-services__grid--single {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.tehranweb-services-experience #twsx-services .twsx-services__grid--double {
    max-width: none !important;
  }
  body.tehranweb-services-experience .twsx-account__card {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  body.tehranweb-services-experience .twsx-account__visual {
    order: 2 !important;
  }
}
@media (max-width: 767px) {
  body.tehranweb-services-experience #twsx-services.twsx-services {
    padding-block: 38px 56px !important;
  }
  body.tehranweb-services-experience #twsx-services .twsx-shell {
    width: calc(100% - 24px) !important;
  }
  body.tehranweb-services-experience #twsx-services .twsx-services__head {
    margin-bottom: 24px !important;
  }
  body.tehranweb-services-experience #twsx-services .twsx-services__head h2 {
    font-size: clamp(27px, 8vw, 38px) !important;
  }
  body.tehranweb-services-experience #twsx-services .twsx-services__head p {
    font-size: 13px !important;
    line-height: 1.9 !important;
  }
  body.tehranweb-services-experience #twsx-services .twsx-services__grid,
  body.tehranweb-services-experience #twsx-services .twsx-services__grid--single,
  body.tehranweb-services-experience #twsx-services .twsx-services__grid--double {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.tehranweb-services-experience #twsx-services .twsx-service-card {
    min-height: 376px !important;
  }
  body.tehranweb-services-experience #twsx-services .twsx-service-card__media {
    height: 192px !important;
  }
  body.tehranweb-services-experience #twsx-services .twsx-service-card__body h3 {
    font-size: 20px !important;
  }
  body.tehranweb-services-experience #twsx-services .twsx-service-card__body p,
  body.tehranweb-services-experience #twsx-services .twsx-service-card__link {
    font-size: 14px !important;
  }

  body.tehranweb-services-experience .twsx-account {
    padding: 44px 0 74px !important;
  }
  body.tehranweb-services-experience .twsx-account__card {
    padding: 18px 14px !important;
    border-radius: 22px !important;
  }
  body.tehranweb-services-experience .twsx-account__content {
    text-align: center !important;
  }
  body.tehranweb-services-experience .twsx-account__content h2 {
    font-size: clamp(26px, 8vw, 36px) !important;
  }
  body.tehranweb-services-experience .twsx-account__content > p {
    font-size: 14px !important;
  }
  body.tehranweb-services-experience .twsx-account__steps-modern {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  body.tehranweb-services-experience .twsx-account__step-arrow {
    display: none !important;
  }
  body.tehranweb-services-experience .twsx-account__button {
    width: 100% !important;
    min-width: 0 !important;
  }
}