/* Vendor partnership page — shared Michen dark workspace language. */

body.mcx-vendor-page {
  --mcx-vendor-night: #030815;
  --mcx-vendor-panel: #071226;
  --mcx-vendor-panel-deep: #040c1b;
  --mcx-vendor-frost: #edf8ff;
  --mcx-vendor-text: #c9dbea;
  --mcx-vendor-muted: #7f97ae;
  --mcx-vendor-ice: #82d0ff;
  --mcx-vendor-periwinkle: #a7b7ff;
  --mcx-vendor-line: rgba(130, 208, 255, .15);
  margin: 0;
  background: var(--mcx-vendor-night) !important;
  color: var(--mcx-vendor-text) !important;
}

body.mcx-vendor-page #page,
body.mcx-vendor-page #content,
body.mcx-vendor-page #content > .ast-container,
body.mcx-vendor-page #primary,
body.mcx-vendor-page #main,
body.mcx-vendor-page article,
body.mcx-vendor-page .entry-content,
body.mcx-vendor-page .elementor-1023 {
  width: 100%;
  max-width: none;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--mcx-vendor-text) !important;
}

body.mcx-vendor-page #page {
  overflow: clip;
  background:
    radial-gradient(circle at 81% 4%, rgba(42, 109, 181, .11), transparent 27%),
    linear-gradient(180deg, #030815 0%, #040b18 54%, #020610 100%) !important;
}

body.mcx-vendor-page .elementor-1023 {
  position: relative;
  isolation: isolate;
  font-family: var(--mcx-shell-font, Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif);
}

body.mcx-vendor-page .elementor-1023::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .4;
  background-image:
    radial-gradient(circle at 8% 7%, rgba(226, 246, 255, .82) 0 1px, transparent 1.5px),
    radial-gradient(circle at 29% 4%, rgba(130, 208, 255, .54) 0 1px, transparent 1.7px),
    radial-gradient(circle at 66% 8%, rgba(255, 255, 255, .62) 0 1px, transparent 1.6px),
    radial-gradient(circle at 90% 13%, rgba(167, 183, 255, .52) 0 1px, transparent 1.7px),
    radial-gradient(circle at 47% 20%, rgba(255, 255, 255, .4) 0 1px, transparent 1.5px);
  background-size: 389px 307px, 503px 421px, 617px 487px, 733px 569px, 431px 359px;
}

body.mcx-vendor-page .elementor-1023 .elementor-element.elementor-element-22e442d {
  --margin-top: 0;
  --margin-bottom: 0;
  --padding-top: 0;
  --padding-right: 0;
  --padding-bottom: 0;
  --padding-left: 0;
  width: 100%;
  max-width: none;
  margin: 0 !important;
  padding: 0 !important;
}

body.mcx-vendor-page .elementor-1023 .elementor-element.elementor-element-22e442d > .e-con-inner,
body.mcx-vendor-page .elementor-1023 .elementor-element.elementor-element-3d05f21,
body.mcx-vendor-page .elementor-1023 .elementor-element.elementor-element-3d05f21 > .elementor-widget-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-join-page {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 0 96px;
  color: var(--mcx-vendor-text) !important;
  font-family: var(--mcx-shell-font, Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif);
}

/* Hero */
body.mcx-vendor-page .elementor-1023 .vendor-join-hero {
  position: relative;
  min-height: 322px;
  margin: 0 !important;
  padding: 54px clamp(24px, 7vw, 112px) 50px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
  box-sizing: border-box;
  border-bottom: 1px solid var(--mcx-vendor-line);
  background:
    radial-gradient(circle at 18% 42%, rgba(36, 117, 196, .22) 0%, rgba(36, 117, 196, 0) 31%),
    radial-gradient(circle at 77% 14%, rgba(108, 135, 214, .14) 0%, rgba(108, 135, 214, 0) 28%),
    linear-gradient(115deg, rgba(4, 13, 29, .96), rgba(5, 17, 36, .84) 55%, rgba(3, 8, 21, .98)) !important;
  text-align: left !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-join-badge {
  position: relative;
  z-index: 1;
  width: auto;
  height: auto;
  margin: 0 0 20px !important;
  padding: 0 0 0 24px !important;
  display: inline-flex;
  align-items: center;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--mcx-vendor-ice) !important;
  -webkit-text-fill-color: var(--mcx-vendor-ice) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  letter-spacing: .22em !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-join-badge::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 14px;
  height: 1px;
  background: var(--mcx-vendor-ice);
  transform: translateY(-50%);
  box-shadow: 0 0 12px rgba(130, 208, 255, .32);
}

body.mcx-vendor-page .elementor-1023 .vendor-join-title {
  position: relative;
  z-index: 1;
  max-width: 820px;
  margin: 0 0 18px !important;
  color: var(--mcx-vendor-frost) !important;
  -webkit-text-fill-color: var(--mcx-vendor-frost) !important;
  font-family: var(--mcx-shell-font, Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif) !important;
  font-size: clamp(40px, 3.5vw, 56px) !important;
  font-weight: 760 !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important;
  text-wrap: balance;
}

body.mcx-vendor-page .elementor-1023 .vendor-join-subtitle {
  position: relative;
  z-index: 1;
  max-width: 730px;
  margin: 0 !important;
  color: var(--mcx-vendor-muted) !important;
  -webkit-text-fill-color: var(--mcx-vendor-muted) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  text-wrap: pretty;
}

/* Partnership overview */
body.mcx-vendor-page .elementor-1023 .vendor-join-overview {
  width: calc(100% - clamp(36px, 11.6vw, 188px));
  max-width: 1696px;
  margin: 32px auto 54px !important;
  padding: 14px;
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
  gap: 14px !important;
  align-items: stretch;
  border: 1px solid rgba(130, 208, 255, .17);
  border-radius: 26px;
  background: rgba(7, 18, 38, .72) !important;
  box-shadow: 0 34px 90px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .025);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

body.mcx-vendor-page .elementor-1023 .vendor-join-card {
  min-width: 0;
  margin: 0;
  padding: clamp(26px, 2.5vw, 38px) !important;
  border: 1px solid rgba(130, 208, 255, .10) !important;
  border-radius: 17px !important;
  background: rgba(3, 11, 25, .84) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02) !important;
  color: var(--mcx-vendor-text) !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-note-card {
  background:
    radial-gradient(circle at 92% 9%, rgba(130, 208, 255, .09), transparent 34%),
    linear-gradient(145deg, rgba(11, 31, 56, .9), rgba(5, 17, 33, .96)) !important;
  border-color: rgba(130, 208, 255, .17) !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-join-card h2 {
  margin: 0 0 14px !important;
  color: #e8f6ff !important;
  -webkit-text-fill-color: #e8f6ff !important;
  font-family: var(--mcx-shell-font, Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif) !important;
  font-size: clamp(23px, 1.8vw, 28px) !important;
  font-weight: 680 !important;
  line-height: 1.3 !important;
  letter-spacing: -.025em !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-join-card p {
  margin: 0 !important;
  color: var(--mcx-vendor-muted) !important;
  -webkit-text-fill-color: var(--mcx-vendor-muted) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.85 !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-note-card strong {
  color: var(--mcx-vendor-ice) !important;
  -webkit-text-fill-color: var(--mcx-vendor-ice) !important;
  font-weight: 620 !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-benefits {
  margin: 22px 0 0 !important;
  display: grid !important;
  gap: 10px !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-benefit-item {
  min-height: 48px;
  padding: 10px 12px;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  border: 1px solid rgba(130, 208, 255, .10);
  border-radius: 10px;
  background: rgba(130, 208, 255, .045);
  color: #b9ccdc !important;
  -webkit-text-fill-color: #b9ccdc !important;
  font-size: 14px !important;
  font-weight: 440 !important;
  line-height: 1.55 !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-benefit-icon {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin: 0 !important;
  display: inline-grid !important;
  place-items: center;
  border: 1px solid rgba(130, 208, 255, .26);
  border-radius: 7px !important;
  background: rgba(130, 208, 255, .10) !important;
  color: var(--mcx-vendor-ice) !important;
  -webkit-text-fill-color: var(--mcx-vendor-ice) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

/* Process */
body.mcx-vendor-page .elementor-1023 .vendor-join-page > section:nth-of-type(3) {
  width: calc(100% - clamp(36px, 11.6vw, 188px));
  max-width: 1696px;
  margin: 0 auto;
}

body.mcx-vendor-page .elementor-1023 .vendor-section-head {
  margin: 0 0 22px !important;
  padding: 0 2px;
  text-align: left !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-section-kicker {
  margin: 0 0 10px !important;
  color: var(--mcx-vendor-ice) !important;
  -webkit-text-fill-color: var(--mcx-vendor-ice) !important;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace !important;
  font-size: 10px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  letter-spacing: .18em !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-section-title {
  margin: 0 !important;
  color: #e8f6ff !important;
  -webkit-text-fill-color: #e8f6ff !important;
  font-family: var(--mcx-shell-font, Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif) !important;
  font-size: clamp(27px, 2.3vw, 36px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -.035em !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-steps {
  margin: 0 0 48px !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-step {
  position: relative;
  min-width: 0;
  min-height: 152px !important;
  margin: 0;
  padding: 22px 18px !important;
  overflow: hidden;
  border: 1px solid rgba(130, 208, 255, .13) !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg, rgba(13, 35, 62, .84), rgba(7, 20, 40, .74)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02) !important;
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

body.mcx-vendor-page .elementor-1023 .vendor-step::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--mcx-vendor-ice), rgba(130, 208, 255, 0));
  opacity: .22;
  transform: scaleX(.45);
  transform-origin: left;
  transition: opacity .18s ease, transform .18s ease;
}

body.mcx-vendor-page .elementor-1023 .vendor-step:hover {
  border-color: rgba(130, 208, 255, .34) !important;
  box-shadow: 0 15px 34px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
  transform: translateY(-2px) !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-step:hover::after {
  opacity: .72;
  transform: scaleX(1);
}

body.mcx-vendor-page .elementor-1023 .vendor-step-num {
  width: auto;
  min-width: 36px;
  height: 28px;
  margin: 0 0 24px !important;
  padding: 0 9px !important;
  display: inline-grid !important;
  place-items: center;
  border: 1px solid rgba(130, 208, 255, .17);
  border-radius: 8px !important;
  background: rgba(130, 208, 255, .07) !important;
  color: var(--mcx-vendor-ice) !important;
  -webkit-text-fill-color: var(--mcx-vendor-ice) !important;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace !important;
  font-size: 10px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  letter-spacing: .06em !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-step-title {
  color: #dcebf6 !important;
  -webkit-text-fill-color: #dcebf6 !important;
  font-family: var(--mcx-shell-font, Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  text-wrap: pretty;
}

/* Application and authentication states */
body.mcx-vendor-page .elementor-1023 .vendor-apply-box {
  width: calc(100% - clamp(36px, 20vw, 360px));
  max-width: 1180px;
  margin: 0 auto !important;
  padding: clamp(30px, 3vw, 42px) !important;
  border: 1px solid rgba(130, 208, 255, .22) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 85% 12%, rgba(130, 208, 255, .09), transparent 34%),
    rgba(7, 18, 38, .9) !important;
  box-shadow: 0 26px 70px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-form-wrap {
  margin: 0 !important;
  color: var(--mcx-vendor-text) !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-form-wrap .ff_form_not_render {
  max-width: 680px;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--mcx-vendor-muted) !important;
  -webkit-text-fill-color: var(--mcx-vendor-muted) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  text-align: center !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-form-wrap .ff_form_not_render a,
body.mcx-vendor-page .elementor-1023 .vendor-form-wrap .ff_form_not_render a:visited {
  min-width: 130px;
  height: 46px;
  margin: 22px 5px 0 !important;
  padding: 0 21px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 10px !important;
  font-family: var(--mcx-shell-font, Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 620 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: border-color .16s ease, background-color .16s ease, transform .16s ease;
}

body.mcx-vendor-page .elementor-1023 .vendor-form-wrap .ff_form_not_render a:first-of-type,
body.mcx-vendor-page .elementor-1023 .vendor-form-wrap .ff_form_not_render a:first-of-type:visited {
  border: 1px solid rgba(130, 208, 255, .62) !important;
  background: linear-gradient(100deg, var(--mcx-vendor-ice), var(--mcx-vendor-periwinkle)) !important;
  box-shadow: 0 14px 34px rgba(71, 151, 214, .18) !important;
  color: #051326 !important;
  -webkit-text-fill-color: #051326 !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-form-wrap .ff_form_not_render a:first-of-type:hover {
  background: linear-gradient(100deg, #9addff, #b8c4ff) !important;
  color: #051326 !important;
  -webkit-text-fill-color: #051326 !important;
  transform: translateY(-1px);
}

body.mcx-vendor-page .elementor-1023 .vendor-form-wrap .ff_form_not_render a:last-of-type,
body.mcx-vendor-page .elementor-1023 .vendor-form-wrap .ff_form_not_render a:last-of-type:visited {
  border: 1px solid rgba(130, 208, 255, .22) !important;
  background: rgba(130, 208, 255, .045) !important;
  color: #ccecff !important;
  -webkit-text-fill-color: #ccecff !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-form-wrap .ff_form_not_render a:last-of-type:hover {
  border-color: rgba(130, 208, 255, .46) !important;
  background: rgba(130, 208, 255, .09) !important;
  color: #e8f6ff !important;
  -webkit-text-fill-color: #e8f6ff !important;
  transform: translateY(-1px);
}

body.mcx-vendor-page .elementor-1023 .vendor-form-wrap .ff-el-group {
  margin-bottom: 18px !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-form-wrap label,
body.mcx-vendor-page .elementor-1023 .vendor-form-wrap .ff-el-input--label label {
  display: inline-block;
  margin: 0 0 8px !important;
  color: #dcebf6 !important;
  -webkit-text-fill-color: #dcebf6 !important;
  font-size: 14px !important;
  font-weight: 560 !important;
  line-height: 1.4 !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-form-wrap input,
body.mcx-vendor-page .elementor-1023 .vendor-form-wrap textarea,
body.mcx-vendor-page .elementor-1023 .vendor-form-wrap select,
body.mcx-vendor-page .elementor-1023 .vendor-form-wrap .ff-el-form-control {
  width: 100%;
  min-height: 48px;
  padding: 11px 14px !important;
  border: 1px solid rgba(130, 208, 255, .17) !important;
  border-radius: 10px !important;
  background: rgba(2, 9, 20, .72) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .018) !important;
  color: #e2f1fb !important;
  -webkit-text-fill-color: #e2f1fb !important;
  font-family: var(--mcx-shell-font, Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif) !important;
  font-size: 14px !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-form-wrap textarea,
body.mcx-vendor-page .elementor-1023 .vendor-form-wrap textarea.ff-el-form-control {
  min-height: 128px;
  resize: vertical;
}

body.mcx-vendor-page .elementor-1023 .vendor-form-wrap input::placeholder,
body.mcx-vendor-page .elementor-1023 .vendor-form-wrap textarea::placeholder {
  color: #58728c !important;
  -webkit-text-fill-color: #58728c !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-form-wrap input:focus,
body.mcx-vendor-page .elementor-1023 .vendor-form-wrap textarea:focus,
body.mcx-vendor-page .elementor-1023 .vendor-form-wrap select:focus,
body.mcx-vendor-page .elementor-1023 .vendor-form-wrap .ff-el-form-control:focus {
  outline: 0 !important;
  border-color: rgba(130, 208, 255, .62) !important;
  box-shadow: 0 0 0 3px rgba(130, 208, 255, .09) !important;
}

body.mcx-vendor-page .elementor-1023 .vendor-form-wrap .ff-btn-submit,
body.mcx-vendor-page .elementor-1023 .vendor-form-wrap button[type="submit"] {
  min-height: 48px;
  padding: 0 26px !important;
  border: 1px solid rgba(130, 208, 255, .62) !important;
  border-radius: 10px !important;
  background: linear-gradient(100deg, var(--mcx-vendor-ice), var(--mcx-vendor-periwinkle)) !important;
  box-shadow: 0 14px 34px rgba(71, 151, 214, .18) !important;
  color: #051326 !important;
  -webkit-text-fill-color: #051326 !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  transition: filter .16s ease, transform .16s ease;
}

body.mcx-vendor-page .elementor-1023 .vendor-form-wrap .ff-btn-submit:hover,
body.mcx-vendor-page .elementor-1023 .vendor-form-wrap button[type="submit"]:hover {
  filter: brightness(1.06);
  transform: translateY(-1px) !important;
}

body.mcx-vendor-page .elementor-1023 .mc-vendor-join-notice {
  margin: 0 !important;
  padding: 26px !important;
  border: 1px solid rgba(130, 208, 255, .17) !important;
  border-radius: 14px !important;
  background: rgba(3, 11, 25, .82) !important;
  box-shadow: none !important;
  color: var(--mcx-vendor-text) !important;
}

body.mcx-vendor-page .elementor-1023 .mc-vendor-join-notice h3,
body.mcx-vendor-page .elementor-1023 .mc-vendor-join-notice p {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

body.mcx-vendor-page .elementor-1023 .mc-vendor-join-badge {
  border-color: rgba(130, 208, 255, .22) !important;
  background: rgba(130, 208, 255, .08) !important;
  color: var(--mcx-vendor-ice) !important;
  -webkit-text-fill-color: var(--mcx-vendor-ice) !important;
}

body.mcx-vendor-page .elementor-1023 .mc-vendor-join-btn {
  border-color: rgba(130, 208, 255, .5) !important;
  background: linear-gradient(100deg, var(--mcx-vendor-ice), var(--mcx-vendor-periwinkle)) !important;
  color: #051326 !important;
  -webkit-text-fill-color: #051326 !important;
}

body.mcx-vendor-page .elementor-1023 a:focus-visible,
body.mcx-vendor-page .elementor-1023 button:focus-visible,
body.mcx-vendor-page .elementor-1023 input:focus-visible,
body.mcx-vendor-page .elementor-1023 textarea:focus-visible,
body.mcx-vendor-page .elementor-1023 select:focus-visible {
  outline: 2px solid var(--mcx-vendor-ice) !important;
  outline-offset: 3px !important;
}

@media (max-width: 1180px) {
  body.mcx-vendor-page .elementor-1023 .vendor-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  body.mcx-vendor-page .elementor-1023 .vendor-join-hero {
    min-height: 280px;
    padding: 46px 28px 42px !important;
  }

  body.mcx-vendor-page .elementor-1023 .vendor-join-overview {
    width: calc(100% - 40px);
    margin: 24px auto 44px !important;
    padding: 10px;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    border-radius: 20px;
  }

  body.mcx-vendor-page .elementor-1023 .vendor-join-page > section:nth-of-type(3) {
    width: calc(100% - 40px);
  }

  body.mcx-vendor-page .elementor-1023 .vendor-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.mcx-vendor-page .elementor-1023 .vendor-apply-box {
    width: calc(100% - 40px);
  }
}

@media (max-width: 640px) {
  body.mcx-vendor-page .elementor-1023 .vendor-join-page {
    padding-bottom: 62px;
  }

  body.mcx-vendor-page .elementor-1023 .vendor-join-hero {
    min-height: 248px;
    padding: 38px 20px 34px !important;
  }

  body.mcx-vendor-page .elementor-1023 .vendor-join-badge {
    margin-bottom: 16px !important;
    font-size: 9px !important;
  }

  body.mcx-vendor-page .elementor-1023 .vendor-join-title {
    margin-bottom: 14px !important;
    font-size: 34px !important;
    line-height: 1.12 !important;
  }

  body.mcx-vendor-page .elementor-1023 .vendor-join-subtitle {
    max-width: 320px;
    font-size: 14px !important;
    line-height: 1.7 !important;
  }

  body.mcx-vendor-page .elementor-1023 .vendor-join-overview,
  body.mcx-vendor-page .elementor-1023 .vendor-join-page > section:nth-of-type(3),
  body.mcx-vendor-page .elementor-1023 .vendor-apply-box {
    width: calc(100% - 20px);
  }

  body.mcx-vendor-page .elementor-1023 .vendor-join-overview {
    margin-top: 18px !important;
    margin-bottom: 36px !important;
    padding: 7px;
    border-radius: 16px;
  }

  body.mcx-vendor-page .elementor-1023 .vendor-join-card {
    padding: 24px 18px !important;
    border-radius: 12px !important;
  }

  body.mcx-vendor-page .elementor-1023 .vendor-join-card h2 {
    font-size: 22px !important;
  }

  body.mcx-vendor-page .elementor-1023 .vendor-benefit-item {
    align-items: flex-start !important;
  }

  body.mcx-vendor-page .elementor-1023 .vendor-section-head {
    margin-bottom: 16px !important;
  }

  body.mcx-vendor-page .elementor-1023 .vendor-section-title {
    font-size: 27px !important;
  }

  body.mcx-vendor-page .elementor-1023 .vendor-steps {
    margin-bottom: 36px !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body.mcx-vendor-page .elementor-1023 .vendor-step {
    min-height: 72px !important;
    padding: 14px !important;
    display: flex;
    align-items: center;
    gap: 14px;
    border-radius: 11px !important;
  }

  body.mcx-vendor-page .elementor-1023 .vendor-step-num {
    flex: 0 0 38px;
    width: 38px;
    margin: 0 !important;
  }

  body.mcx-vendor-page .elementor-1023 .vendor-step::after {
    left: 14px;
    right: 14px;
  }

  body.mcx-vendor-page .elementor-1023 .vendor-apply-box {
    padding: 26px 16px !important;
    border-radius: 15px !important;
  }

  body.mcx-vendor-page .elementor-1023 .vendor-form-wrap .ff_form_not_render a,
  body.mcx-vendor-page .elementor-1023 .vendor-form-wrap .ff_form_not_render a:visited {
    width: 100%;
    margin: 10px 0 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.mcx-vendor-page .elementor-1023 .vendor-step,
  body.mcx-vendor-page .elementor-1023 .vendor-step::after,
  body.mcx-vendor-page .elementor-1023 .vendor-form-wrap .ff_form_not_render a,
  body.mcx-vendor-page .elementor-1023 .vendor-form-wrap .ff-btn-submit,
  body.mcx-vendor-page .elementor-1023 .vendor-form-wrap button[type="submit"] {
    transition: none !important;
  }
}