.elementor-592 .elementor-element.elementor-element-dd651c2{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}@media(max-width:1024px){.elementor-592 .elementor-element.elementor-element-dd651c2{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-592 .elementor-element.elementor-element-dd651c2{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-772df23 */@font-face {
  font-family: "IRANSansnum";
  src: local("IRANSansnum"), local("IRANSans");
  font-display: swap;
}

:root {
  --bo-ink: #263532;
  --bo-muted: #687571;
  --bo-teal: #06aaa5;
  --bo-teal-dark: #087b78;
  --bo-teal-soft: #e7f8f6;
  --bo-blue: #1286ef;
  --bo-gold: #b58b39;
  --bo-gold-soft: #fbf5e9;
  --bo-line: #e2e9e7;
  --bo-surface: #fff;
  --bo-radius: 24px;
  --bo-shadow: 0 18px 55px rgba(25,61,55,.08);
}

.bp-order,
.bp-order * { box-sizing: border-box; }

.bp-order {
  width: min(1180px, calc(100% - 32px));
  margin: 38px auto 70px;
  direction: rtl;
  color: var(--bo-ink);
  font-family: "IRANSansnum", Tahoma, Arial, sans-serif;
  line-height: 1.85;
}

.bp-order h1,
.bp-order h2,
.bp-order h3,
.bp-order p,
.bp-order figure { margin-top: 0; }

.bp-order__hero {
  position: relative;
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 50px;
  align-items: center;
  min-height: 430px;
  padding: 58px;
  overflow: hidden;
  border-radius: 32px;
  color: #fff;
  background:
    radial-gradient(circle at 15% 20%, rgba(255,255,255,.13) 0 2px, transparent 3px),
    radial-gradient(circle at 88% 90%, rgba(255,255,255,.08) 0 145px, transparent 146px),
    linear-gradient(135deg, #075b59, #088984 58%, #07aaa5);
  box-shadow: var(--bo-shadow);
}

.bp-order__hero::before,
.bp-order__hero::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 50%;
}

.bp-order__hero::before { width: 250px; height: 250px; right: -90px; top: -110px; }
.bp-order__hero::after { width: 370px; height: 370px; left: -150px; bottom: -210px; }
.bp-order__hero-copy, .bp-order__hero-visual { position: relative; z-index: 1; }

.bp-order__eyebrow {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--bo-teal-dark);
  font-size: 12px;
  font-weight: 800;
}

.bp-order__hero .bp-order__eyebrow { color: #bff7f2; }
.bp-order__hero h1 { max-width: 640px; margin-bottom: 16px; font-size: clamp(31px,4vw,49px); line-height: 1.5; letter-spacing: -1.3px; }
.bp-order__hero-copy > p { max-width: 600px; margin-bottom: 25px; color: rgba(255,255,255,.82); font-size: 15px; }

.bp-order__hero-button {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  padding: 11px 19px;
  border-radius: 12px;
  color: #076c69;
  background: #fff;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(0,0,0,.1);
}

.bp-order__hero-button span { font-size: 18px; }
.bp-order__hero-visual { min-height: 310px; display: grid; place-items: center; }

.bp-order__parcel {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 260px;
  padding: 27px 25px 22px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 30px;
  background: rgba(255,255,255,.12);
  box-shadow: inset 0 0 0 9px rgba(255,255,255,.04), 0 24px 60px rgba(0,0,0,.12);
  backdrop-filter: blur(8px);
}

.bp-order__parcel svg { width: 135px; color: #d0fffb; }
.bp-order__parcel strong { font-size: 18px; }
.bp-order__parcel small { color: rgba(255,255,255,.7); font-size: 10px; }
.bp-order__parcel-check { position: absolute; top: 21px; right: 21px; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: #087b78; background: #fff; font-weight: 900; }

.bp-order__float { position: absolute; display: inline-flex; gap: 9px; align-items: center; padding: 9px 13px; border: 1px solid rgba(255,255,255,.23); border-radius: 12px; color: #fff; background: rgba(3,76,74,.76); font-size: 10px; box-shadow: 0 12px 35px rgba(0,0,0,.12); }
.bp-order__float b { display: grid; place-items: center; min-width: 24px; height: 24px; border-radius: 8px; color: #087b78; background: #fff; }
.bp-order__float--cart { top: 22px; right: 5px; }
.bp-order__float--safe { left: -4px; bottom: 38px; }

.bp-order__overview,
.bp-order__steps,
.bp-after {
  margin-top: 24px;
  padding: 40px;
  border: 1px solid var(--bo-line);
  border-radius: var(--bo-radius);
  background: var(--bo-surface);
  box-shadow: var(--bo-shadow);
}

.bp-order__section-heading { margin-bottom: 28px; text-align: center; }
.bp-order__section-heading h2, .bp-after h2, .bp-rewards h2 { margin-bottom: 4px; font-size: clamp(24px,3vw,33px); line-height: 1.55; }
.bp-order__section-heading p, .bp-after__intro p { margin-bottom: 0; color: var(--bo-muted); font-size: 12px; }

.bp-order__roadmap { position: relative; display: grid; grid-template-columns: repeat(5,1fr); gap: 14px; margin: 0; padding: 0; list-style: none; }
.bp-order__roadmap::before { content: ""; position: absolute; top: 37px; right: 9%; left: 9%; height: 2px; border-top: 2px dashed #bedbd8; }
.bp-order__roadmap li { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; min-width: 0; padding: 13px 7px; border: 1px solid var(--bo-line); border-radius: 16px; background: #fff; text-align: center; }
.bp-order__roadmap-icon { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 7px; border-radius: 14px; color: var(--bo-teal-dark); background: var(--bo-teal-soft); font-size: 19px; font-weight: 900; }
.bp-order__roadmap b { position: absolute; top: 5px; right: 5px; display: grid; place-items: center; width: 21px; height: 21px; border-radius: 7px; color: #fff; background: var(--bo-teal); font-size: 9px; }
.bp-order__roadmap strong { overflow: hidden; max-width: 100%; font-size: 10px; white-space: nowrap; text-overflow: ellipsis; }

.bp-order__steps { padding-bottom: 26px; }
.bp-order-step { display: grid; grid-template-columns: .8fr 1.2fr; gap: 30px; align-items: center; margin-bottom: 18px; padding: 28px; border: 1px solid var(--bo-line); border-radius: 20px; background: linear-gradient(145deg,#fff,#fbfdfc); }
.bp-order-step:nth-of-type(even) .bp-order-step__copy { order: 2; }
.bp-order-step:nth-of-type(even) .bp-order-step__media { order: 1; }

.bp-order-step__copy { display: grid; grid-template-columns: 54px 1fr; align-items: center; column-gap: 13px; }
.bp-order-step__number { grid-row: 1; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; color: #fff; background: linear-gradient(135deg,var(--bo-teal-dark),var(--bo-teal)); font-size: 18px; font-weight: 900; box-shadow: 0 9px 22px rgba(6,170,165,.22); }
.bp-order-step__copy small { color: var(--bo-teal-dark); font-size: 9px; font-weight: 800; }
.bp-order-step__copy h3 { margin-bottom: 0; font-size: 18px; line-height: 1.55; }
.bp-order-step__copy > p, .bp-order-step__hint, .bp-order-step__link { grid-column: 1 / -1; }
.bp-order-step__copy > p { margin: 17px 0 0; color: var(--bo-muted); font-size: 12px; }

.bp-order-step__hint { margin-top: 14px; padding: 10px 12px; border-radius: 11px; color: #52635f; background: var(--bo-teal-soft); font-size: 10px; }
.bp-order-step__hint > span { display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 7px; color: #fff; background: var(--bo-teal-dark); font-size: 8px; font-weight: 800; }
.bp-order-step__link { display: inline-flex; gap: 8px; align-items: center; width: max-content; margin-top: 14px; color: var(--bo-teal-dark); font-size: 10px; font-weight: 800; text-decoration: none; }

.bp-order-step__media { position: relative; display: grid; place-items: center; min-height: 250px; margin-bottom: 0; padding: 25px 25px 51px; overflow: hidden; border: 1px solid #e3e8e7; border-radius: 17px; background: #f4f6f5; }
.bp-order-step__media img { display: block; width: 100%; max-height: 410px; object-fit: contain; border-radius: 10px; }
.bp-order-step__media.is-compact img { width: auto; max-width: 100%; max-height: 230px; }
.bp-order-step__media.is-wide { min-height: 310px; }
.bp-order-step__media figcaption { position: absolute; right: 13px; bottom: 11px; left: 13px; display: flex; gap: 8px; align-items: center; justify-content: center; min-height: 30px; padding: 5px 9px; border-radius: 9px; color: #61706c; background: #fff; font-size: 9px; text-align: center; box-shadow: 0 4px 15px rgba(0,0,0,.05); }
.bp-order-step__media figcaption > span { color: var(--bo-teal-dark); font-weight: 900; }

.bp-order-step--final { border-color: #ddcfb4; background: linear-gradient(145deg,#fff,#fffcf5); }
.bp-order-step--final .bp-order-step__number { background: linear-gradient(135deg,#8e6a27,#c69a45); box-shadow: 0 9px 22px rgba(181,139,57,.2); }
.bp-order-step--final .bp-order-step__hint { color: #725c33; background: var(--bo-gold-soft); }
.bp-order-step--final .bp-order-step__hint > span { background: var(--bo-gold); }

.bp-order-payment { background: linear-gradient(135deg,#eef8f7,#f7faf9); }
.bp-order-payment__card { width: min(420px,100%); padding: 22px; border: 1px solid #cfe1df; border-radius: 18px; background: #fff; box-shadow: 0 18px 45px rgba(24,82,75,.12); }
.bp-order-payment__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; font-size: 12px; font-weight: 800; }
.bp-order-payment__top b { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: var(--bo-teal-soft); }
.bp-order-payment__bank { direction: ltr; display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-bottom: 15px; }
.bp-order-payment__bank span { height: 42px; border: 1px solid #e0e5e4; border-radius: 9px; background: #fafbfb; }
.bp-order-payment__button { padding: 10px; border-radius: 10px; color: #fff; background: var(--bo-teal); font-size: 11px; font-weight: 800; text-align: center; }

.bp-after { display: grid; grid-template-columns: .68fr 1.32fr; gap: 35px; background: linear-gradient(145deg,#fff,#f7fcfb); }
.bp-after__timeline { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.bp-after__timeline li { display: flex; gap: 13px; padding: 15px; border: 1px solid var(--bo-line); border-radius: 14px; background: #fff; }
.bp-after__timeline li > span { flex: 0 0 auto; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; color: #fff; background: var(--bo-teal); font-size: 11px; font-weight: 900; }
.bp-after__timeline strong { font-size: 12px; }
.bp-after__timeline p { margin-bottom: 0; color: var(--bo-muted); font-size: 10px; }

.bp-rewards { display: grid; grid-template-columns: 76px 1fr auto; gap: 20px; align-items: center; margin-top: 24px; padding: 29px 32px; overflow: hidden; border-radius: 22px; color: #fff; background: linear-gradient(135deg,#7c5d25,#b58b39); box-shadow: var(--bo-shadow); }
.bp-rewards__icon { display: grid; place-items: center; width: 66px; height: 66px; border: 1px solid rgba(255,255,255,.28); border-radius: 20px; background: rgba(255,255,255,.12); font-size: 29px; }
.bp-rewards .bp-order__eyebrow { color: #f8e6bd; }
.bp-rewards h2 { margin-bottom: 5px; }
.bp-rewards p { max-width: 750px; margin-bottom: 0; color: rgba(255,255,255,.78); font-size: 11px; }
.bp-rewards > a { display: inline-flex; gap: 9px; align-items: center; padding: 10px 15px; border-radius: 11px; color: #7f6028; background: #fff; font-size: 10px; font-weight: 800; text-decoration: none; white-space: nowrap; }

.bp-order__thanks { display: flex; gap: 12px; align-items: center; justify-content: center; margin-top: 18px; padding: 16px; color: #53615e; text-align: center; }
.bp-order__thanks > span { color: #e17474; font-size: 19px; }
.bp-order__thanks p { margin-bottom: 0; font-size: 11px; }

@media (max-width: 900px) {
  .bp-order__hero { grid-template-columns: 1fr; }
  .bp-order__hero-visual { min-height: 280px; }
  .bp-order__roadmap { grid-template-columns: repeat(2,1fr); }
  .bp-order__roadmap::before { display: none; }
  .bp-order-step { grid-template-columns: 1fr; }
  .bp-order-step:nth-of-type(even) .bp-order-step__copy, .bp-order-step:nth-of-type(even) .bp-order-step__media { order: initial; }
  .bp-after { grid-template-columns: 1fr; }
  .bp-rewards { grid-template-columns: 66px 1fr; }
  .bp-rewards > a { grid-column: 1 / -1; justify-self: start; }
}

@media (max-width: 680px) {
  .bp-order { width: min(100% - 20px,1180px); margin-top: 14px; }
  .bp-order__hero { min-height: auto; gap: 25px; padding: 31px 23px; border-radius: 23px; }
  .bp-order__hero h1 { font-size: 28px; }
  .bp-order__hero-copy > p { font-size: 12px; }
  .bp-order__hero-visual { min-height: 245px; transform: scale(.88); margin: -15px 0; }
  .bp-order__overview, .bp-order__steps, .bp-after { padding: 23px 16px; border-radius: 20px; }
  .bp-order__roadmap { gap: 9px; }
  .bp-order__roadmap li { flex-direction: row; gap: 9px; min-height: 60px; padding: 8px; text-align: right; }
  .bp-order__roadmap-icon { flex: 0 0 auto; width: 39px; height: 39px; margin-bottom: 0; }
  .bp-order__roadmap strong { white-space: normal; }
  .bp-order-step { gap: 18px; padding: 18px 14px; }
  .bp-order-step__copy { grid-template-columns: 46px 1fr; }
  .bp-order-step__number { width: 44px; height: 44px; border-radius: 13px; }
  .bp-order-step__copy h3 { font-size: 15px; }
  .bp-order-step__media, .bp-order-step__media.is-wide { min-height: 210px; padding: 16px 12px 49px; }
  .bp-order-step__media img { max-height: 310px; }
  .bp-rewards { grid-template-columns: 50px 1fr; gap: 13px; padding: 23px 18px; }
  .bp-rewards__icon { width: 48px; height: 48px; border-radius: 14px; font-size: 21px; }
  .bp-rewards h2 { font-size: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .bp-order * { scroll-behavior: auto !important; }
}/* End custom CSS */