/* TehranWeb Services Experience v1.0.15 — Final CTA only.
   Based on the frozen services-page-approved-reference.png.
   Artwork is decorative; headings, supporting copy, links and buttons remain HTML.
   All selectors are scoped to .twsx-final--v114 so other sections stay unchanged. */
body.tehranweb-services-experience .twsx-final--v114 {
  box-sizing: border-box !important;
  min-height: 0 !important;
  padding: 0 0 clamp(34px,3.6vw,68px) !important;
  margin: -1px 0 0 !important;
  border: 0 !important;
  overflow: visible !important;
  background: #03111d !important;
}
body.tehranweb-services-experience .twsx-final--v114 *,
body.tehranweb-services-experience .twsx-final--v114 *::before,
body.tehranweb-services-experience .twsx-final--v114 *::after {
  box-sizing: border-box;
}
body.tehranweb-services-experience .twsx-final--v114 .twsx-final__shell {
  display: block !important;
  width: min(1820px,calc(100% - 3.6vw)) !important;
  max-width: 1820px !important;
  margin-inline: auto !important;
  padding: 0 !important;
}
body.tehranweb-services-experience .twsx-final--v114 .twsx-final__frame {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  direction: rtl !important;
  isolation: isolate !important;
  width: 100% !important;
  min-height: clamp(235px,15.15vw,300px) !important;
  padding: 24px 22px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 2px solid rgba(243,168,32,.9) !important;
  border-radius: clamp(19px,1.75vw,33px) !important;
  background: radial-gradient(ellipse at 14% 95%,rgba(14,65,83,.19),transparent 47%),
              radial-gradient(ellipse at 96% 82%,rgba(177,105,13,.18),transparent 35%),
              linear-gradient(180deg,#071420 0%,#04111d 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255,218,126,.09),
              0 0 18px rgba(244,177,41,.09),
              0 18px 40px rgba(0,0,0,.25) !important;
}
body.tehranweb-services-experience .twsx-final--v114 .twsx-final__frame::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(90deg,transparent 0%,rgba(255,203,96,.14) 15%,transparent 35%,transparent 61%,rgba(255,202,89,.1) 81%,transparent 100%);
  box-shadow: inset 0 1px 0 rgba(255,237,157,.15);
}
body.tehranweb-services-experience .twsx-final--v114 .twsx-final__frame::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(ellipse 18% 8px at 14% 0%,rgba(255,238,161,.9),transparent 85%),
    radial-gradient(ellipse 13% 6px at 86% 0%,rgba(255,225,141,.75),transparent 85%),
    radial-gradient(ellipse 13% 6px at 100% 93%,rgba(255,193,70,.75),transparent 85%);
}
body.tehranweb-services-experience .twsx-final--v114 .twsx-final__art {
  position: absolute !important;
  display: block !important;
  z-index: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
body.tehranweb-services-experience .twsx-final--v114 .twsx-final__art img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border: none !important;
  border-radius: 0 !important;
  filter: none !important;
}
body.tehranweb-services-experience .twsx-final--v114 .twsx-final__art--earth {
  inset: 0 auto 0 0 !important;
  width: 44% !important;
  height: 100% !important;
  -webkit-mask-image: linear-gradient(to right,#000 0%,#000 46%,rgba(0,0,0,.7) 59%,rgba(0,0,0,.23) 76%,transparent 92%) !important;
  mask-image: linear-gradient(to right,#000 0%,#000 46%,rgba(0,0,0,.7) 59%,rgba(0,0,0,.23) 76%,transparent 92%) !important;
}
body.tehranweb-services-experience .twsx-final--v114 .twsx-final__art--earth img {
  object-position: left top !important;
  clip-path: none !important;
}
body.tehranweb-services-experience .twsx-final--v114 .twsx-final__art--growth {
  inset: 0 0 0 auto !important;
  width: 19.7% !important;
  height: 100% !important;
  -webkit-mask-image: linear-gradient(to right,transparent 0%,rgba(0,0,0,.6) 27%,#000 48%,#000 100%) !important;
  mask-image: linear-gradient(to right,transparent 0%,rgba(0,0,0,.6) 27%,#000 48%,#000 100%) !important;
}
body.tehranweb-services-experience .twsx-final--v114 .twsx-final__art--growth img {
  object-position: right top !important;
  clip-path: none !important;
}
body.tehranweb-services-experience .twsx-final--v114 .twsx-final__main {
  position: relative !important;
  z-index: 3 !important;
  direction: rtl !important;
  width: 55.4% !important;
  max-width: 1000px !important;
  min-width: 0 !important;
  margin: 0 0 0 14% !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  text-align: center !important;
  background: none !important;
}
body.tehranweb-services-experience .twsx-final--v114 h2#twsx-final-title {
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: clamp(25px,2.45vw,47px) !important;
  font-weight: 950 !important;
  line-height: 1.31 !important;
  letter-spacing: -.012em !important;
  text-align: center !important;
  text-shadow: 0 2px 9px rgba(0,0,0,.5) !important;
}
body.tehranweb-services-experience .twsx-final--v114 .twsx-final__main p {
  max-width: 100% !important;
  margin: 0 0 21px !important;
  padding: 0 !important;
  color: rgba(241,246,250,.94) !important;
  font-size: clamp(13px,1.02vw,19px) !important;
  line-height: 1.7 !important;
  text-align: center !important;
}
body.tehranweb-services-experience .twsx-final--v114 .twsx-final__actions {
  direction: rtl !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: clamp(10px,.9vw,19px) !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.tehranweb-services-experience .twsx-final--v114 .twsx-final__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(8px,1vw,15px) !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  min-height: clamp(45px,3.1vw,65px) !important;
  border-radius: 999px !important;
  padding: 11px clamp(18px,1.7vw,30px) !important;
  margin: 0 !important;
  font-size: clamp(13px,1.08vw,20px) !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: background-color .18s ease,box-shadow .18s ease,transform .18s ease !important;
}
body.tehranweb-services-experience .twsx-final--v114 .twsx-final__btn:focus-visible {
  outline: 3px solid #fff !important;
  outline-offset: 4px !important;
}
body.tehranweb-services-experience .twsx-final--v114 .twsx-final__btn svg {
  width: 21px !important;
  height: 21px !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  flex: none !important;
}
body.tehranweb-services-experience .twsx-final--v114 .twsx-final__btn--primary {
  border: 1px solid #f4b62a !important;
  color: #07111c !important;
  background: linear-gradient(120deg,#ffd664 0%,#f6b62d 95%) !important;
  box-shadow: 0 5px 24px rgba(244,182,42,.26) !important;
}
body.tehranweb-services-experience .twsx-final--v114 .twsx-final__btn--outline {
  border: 1.7px solid rgba(244,182,42,.92) !important;
  color: #fff !important;
  background: rgba(2,13,23,.72) !important;
  box-shadow: inset 0 0 0 1px rgba(255,222,145,.04) !important;
}
@media (hover:hover) {
  body.tehranweb-services-experience .twsx-final--v114 .twsx-final__btn:hover {
    transform: translateY(-2px) !important;
  }
  body.tehranweb-services-experience .twsx-final--v114 .twsx-final__btn--primary:hover {box-shadow: 0 9px 26px rgba(244,182,42,.32) !important;}
  body.tehranweb-services-experience .twsx-final--v114 .twsx-final__btn--outline:hover {background: rgba(244,182,42,.10) !important;}
}
@media (max-width: 1100px) {
  body.tehranweb-services-experience .twsx-final--v114 .twsx-final__shell {width:calc(100% - 34px) !important;}
  body.tehranweb-services-experience .twsx-final--v114 .twsx-final__main {width:65% !important;margin:0 0 0 8% !important;}
  body.tehranweb-services-experience .twsx-final--v114 .twsx-final__art--earth {width:44% !important;}
  body.tehranweb-services-experience .twsx-final--v114 .twsx-final__art--growth {width:18% !important;}
}
@media (max-width: 767px) {
  body.tehranweb-services-experience .twsx-final--v114 {padding-bottom:40px !important;}
  body.tehranweb-services-experience .twsx-final--v114 .twsx-final__shell {width:calc(100% - 24px) !important;}
  body.tehranweb-services-experience .twsx-final--v114 .twsx-final__frame {
    min-height:320px !important;
    padding:32px 15px 135px !important;
    border-radius:21px !important;
  }
  body.tehranweb-services-experience .twsx-final--v114 .twsx-final__art--earth {
    inset: auto auto 0 0 !important;
    width:67% !important;
    height:55% !important;
    -webkit-mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.7) 52%,transparent 96%) !important;
    mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.7) 52%,transparent 96%) !important;
    opacity:.78 !important;
  }
  body.tehranweb-services-experience .twsx-final--v114 .twsx-final__art--growth {
    inset:auto 0 0 auto !important;
    width:35% !important;
    height:51% !important;
    -webkit-mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.7) 51%,transparent 100%) !important;
    mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.7) 51%,transparent 100%) !important;
    opacity:.8 !important;
  }
  body.tehranweb-services-experience .twsx-final--v114 .twsx-final__main {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }
  body.tehranweb-services-experience .twsx-final--v114 h2#twsx-final-title {font-size:clamp(25px,6.5vw,38px) !important;margin-bottom:10px !important;}
  body.tehranweb-services-experience .twsx-final--v114 .twsx-final__main p {font-size:13px !important;margin-bottom:17px !important;}
  body.tehranweb-services-experience .twsx-final--v114 .twsx-final__actions {gap:10px !important;flex-wrap:wrap !important;}
  body.tehranweb-services-experience .twsx-final--v114 .twsx-final__btn {min-height:44px !important;padding:10px 15px !important;font-size:12px !important;}
  body.tehranweb-services-experience .twsx-final--v114 .twsx-final__btn svg {width:16px !important;height:16px !important;}
}
@media (max-width:380px) {
  body.tehranweb-services-experience .twsx-final--v114 .twsx-final__frame {padding-bottom:120px !important;}
  body.tehranweb-services-experience .twsx-final--v114 .twsx-final__actions {flex-direction:column !important;}
  body.tehranweb-services-experience .twsx-final--v114 .twsx-final__btn {width:100% !important;max-width:300px !important;}
}
@media (prefers-reduced-motion:reduce) {
  body.tehranweb-services-experience .twsx-final--v114 .twsx-final__btn {transition:none !important;}
}