.elementor-2585 .elementor-element.elementor-element-a9886ae{width:100%;max-width:100%;margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2585 .elementor-element.elementor-element-9a81344{width:100%;max-width:100%;}.elementor-2585 .elementor-element.elementor-element-27bfe85{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2585 .elementor-element.elementor-element-c41d91a{width:100%;max-width:100%;}.elementor-2585 .elementor-element.elementor-element-b2d8cc8{width:100%;max-width:100%;}.elementor-2585 .elementor-element.elementor-element-4f637dc{width:100%;max-width:100%;margin:-80px 0px calc(var(--kit-widget-spacing, 0px) + -100px) 0px;}/* Start custom CSS for html, class: .elementor-element-c41d91a */@font-face {
  font-family: "ایران‌سنس";
  src: url("fonts/IRANSans.woff2") format("woff2");
  font-weight: ۴۰۰;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ایران‌سنس";
  src: url("fonts/IRANSans-Bold.woff2") format("woff2");
  font-weight: ۷۰۰ ۸۰۰;
  font-style: normal;
  font-display: swap;
}

:root {
  --navy: #۰b۲۱۳۶;
  --navy-dark: #۰۷۱۸۲۷;
  --gold: #c۹۹b۳c;
  --gold-light: #e۰b۷۵c;
  --text: #۱c۲۹۳۴;
  --muted: #۷۱۸۰۸c;
  --background: #f۷f۸f۹;
  --white: #ffffff;
  --border: #e۷eaed;
  --shadow: ۰ ۱۲px ۳۰px rgba(۹, ۲۹, ۴۷, ۰.۰۸);
}

* {
  margin: ۰;
  padding: ۰;
  box-sizing: border-box;
}

body {
  font-family: "ایران‌سنس", Tahoma, sans-serif;
  background: #ffffff;
  color: var(--text);
}

a {
  text-decoration: none;
}

.legal-process {
  position: relative;
  overflow: hidden;
  padding: ۹۲px ۲۰px ۱۰۰px;
  background:
    linear-gradient(
      ۱۸۰deg,
      #ffffff ۰٪,
      #f۸f۹fa ۴۸٪,
      #f۳f۵f۷ ۱۰۰٪
    );
}

.legal-process::before,
.legal-process::after {
  content: "";
  position: absolute;
  width: ۱۸۰px;
  height: ۱۸۰px;
  border: ۱px solid rgba(۲۰۱, ۱۵۵, ۶۰, ۰.۱۴);
  border-radius: ۵۰٪;
  pointer-events: none;
}

.legal-process::before {
  top: -۹۰px;
  right: -۷۰px;
}

.legal-process::after {
  bottom: -۱۲۰px;
  left: -۷۰px;
}

.container {
  width: min(۱۱۶۰px, ۱۰۰٪);
  margin: ۰ auto;
  position: relative;
  z-index: ۱;
}

.section-heading {
  max-width: ۶۵۰px;
  margin: ۰ auto ۵۸px;
  text-align: center;
}

.section-label {
  display: inline-flex;
  align-items: center;
  gap: ۸px;
  color: var(--gold);
  font-size: ۱۳px;
  font-weight: ۷۰۰;
  margin-bottom: ۱۴px;
}

.section-label::before,
.section-label::after {
  content: "";
  width: ۲۵px;
  height: ۱px;
  background: var(--gold);
}

.section-heading h2 {
  color: var(--navy);
  font-size: clamp(۲۴px, ۳vw, ۳۴px);
  line-height: ۱.۸;
  font-weight: ۸۰۰;
  margin-bottom: ۱۲px;
}

.section-heading p {
  color: var(--muted);
  font-size: ۱۴px;
  line-height: ۲.۱;
}

.process-wrapper {
  display: grid;
  grid-template-columns: repeat(۴, ۱fr);
  gap: ۲۴px;
  position: relative;
}

.process-wrapper::before {
  content: "";
  position: absolute;
  top: ۴۵px;
  right: ۱۱٪;
  left: ۱۱٪;
  height: ۱px;
  background: repeating-linear-gradient(
    to left,
    var(--gold) ۰,
    var(--gold) ۵px,
    transparent ۵px,
    transparent ۱۱px
  );
  opacity: ۰.۶;
  z-index: ۰;
}

.process-card {
  position: relative;
  z-index: ۱;
  min-height: ۳۰۰px;
  padding: ۳۵px ۲۵px ۲۵px;
  text-align: center;
  background: rgba(۲۵۵, ۲۵۵, ۲۵۵, ۰.۹۲);
  border: ۱px solid var(--border);
  border-radius: ۵px;
  box-shadow: var(--shadow);
  transition:
    transform ۰.۳s ease,
    box-shadow ۰.۳s ease,
    border-color ۰.۳s ease;
}

.process-card:hover {
  transform: translateY(-۹px);
  border-color: rgba(۲۰۱, ۱۵۵, ۶۰, ۰.۴۵);
  box-shadow: ۰ ۱۸px ۳۵px rgba(۹, ۲۹, ۴۷, ۰.۱۳);
}

.step-number {
  position: absolute;
  top: -۱۶px;
  right: ۵۰٪;
  transform: translateX(۵۰٪);
  display: flex;
  align-items: center;
  justify-content: center;
  width: ۳۴px;
  height: ۳۴px;
  border-radius: ۵۰٪;
  background: var(--gold);
  color: var(--white);
  border: ۴px solid var(--background);
  font-size: ۱۳px;
  font-weight: ۸۰۰;
}

.step-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: ۶۲px;
  height: ۶۲px;
  margin: ۰ auto ۲۲px;
  border-radius: ۸px;
  background: var(--navy);
  color: var(--gold-light);
}

.step-icon svg {
  width: ۲۹px;
  height: ۲۹px;
  fill: currentColor;
}

.process-card h3 {
  color: var(--navy);
  font-size: ۱۶px;
  line-height: ۱.۸;
  font-weight: ۷۰۰;
  margin-bottom: ۱۳px;
}

.process-card p {
  color: var(--muted);
  font-size: ۱۲px;
  line-height: ۲.۱;
  min-height: ۷۶px;
}

.step-link {
  display: inline-block;
  color: var(--gold);
  font-size: ۱۱px;
  font-weight: ۷۰۰;
  margin-top: ۱۸px;
}

.process-action {
  display: flex;
  justify-content: center;
  margin-top: ۴۸px;
}

.primary-button {
  display: inline-flex;
  align-items: center;
  gap: ۱۴px;
  padding: ۱۳px ۲۵px;
  border-radius: ۳px;
  background: var(--gold);
  color: #ffffff;
  font-size: ۱۳px;
  font-weight: ۶۰۰;
  transition:
    background ۰.۲۵s ease,
    transform ۰.۲۵s ease,
    box-shadow ۰.۲۵s ease;
}

.primary-button span {
  font-size: ۱۸px;
  line-height: ۱;
  transition: transform ۰.۲۵s ease;
}

.primary-button:hover {
  background: #b۶۸۷۲b;
  transform: translateY(-۳px);
  box-shadow: ۰ ۸px ۲۰px rgba(۲۰۱, ۱۵۵, ۶۰, ۰.۲۸);
}

.primary-button:hover span {
  transform: translateX(-۴px);
}

@media (max-width: ۹۰۰px) {
  .process-wrapper {
    grid-template-columns: repeat(۲, ۱fr);
    gap: ۴۲px ۲۰px;
  }

  .process-wrapper::before {
    display: none;
  }

  .process-card {
    min-height: ۲۸۰px;
  }
}

@media (max-width: ۵۶۰px) {
  .legal-process {
    padding: ۶۸px ۱۶px ۷۵px;
  }

  .section-heading {
    margin-bottom: ۵۰px;
  }

  .section-heading h2 {
    font-size: ۲۴px;
  }

  .section-heading p {
    font-size: ۱۲px;
    line-height: ۲;
  }

  .process-wrapper {
    display: flex;
    flex-direction: column;
    gap: ۳۸px;
    max-width: ۳۹۰px;
    margin: ۰ auto;
  }

  .process-wrapper::before {
    display: block;
    top: ۲۴px;
    right: ۵۰٪;
    left: auto;
    width: ۱px;
    height: calc(۱۰۰٪ - ۴۸px);
    background: repeating-linear-gradient(
      to bottom,
      var(--gold) ۰,
      var(--gold) ۵px,
      transparent ۵px,
      transparent ۱۱px
    );
  }

  .process-card {
    min-height: auto;
    padding: ۳۰px ۲۳px ۲۵px;
  }

  .process-card p {
    min-height: auto;
  }

  .step-icon {
    margin-bottom: ۱۶px;
  }

  .process-action {
    margin-top: ۴۲px;
  }

  .primary-button {
    width: ۱۰۰٪;
    justify-content: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b2d8cc8 *//* استایل پایه دکمه */
.vb-gravity-form-container .gform_footer input[type="submit"],
.vb-gravity-form-container .gform_footer button[type="submit"],
.vb-gravity-form-container .gform_button {
    background: linear-gradient(135deg, #0D2137 0%, #153254 100%) !important; /* سرمه‌ای تیره با گرادیانت بسیار ظریف */
    color: #ffffff !important;
    font-family: 'IRANSansWeb', Tahoma, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border: 1px solid #0D2137 !important;
    border-radius: 8px !important; /* گوشه‌های نرم */
    padding: 15px 35px !important;
    width: 100% !important; /* عرض کامل در فرم برای زیبایی بیشتر */
    cursor: pointer !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; /* انیمیشن فوق‌العاده نرم */
    box-shadow: 0 4px 15px rgba(13, 33, 55, 0.15) !important; /* سایه اولیه */
    letter-spacing: 0.5px !important;
}

/* افکت هاور (رفتن موس روی دکمه) */
.vb-gravity-form-container .gform_footer input[type="submit"]:hover,
.vb-gravity-form-container .gform_footer button[type="submit"]:hover,
.vb-gravity-form-container .gform_button:hover {
    background: linear-gradient(135deg, #C9A254 0%, #d8b265 100%) !important; /* تغییر به طلایی لوکس */
    color: #0D2137 !important; /* تغییر رنگ متن به سرمه‌ای برای کنتراست */
    border-color: #C9A254 !important;
    box-shadow: 0 10px 25px rgba(201, 162, 84, 0.4) !important; /* سایه درخشان طلایی */
    transform: translateY(-3px) !important; /* حرکت نرم به سمت بالا */
}

/* افکت کلیک (فشرده شدن دکمه) */
.vb-gravity-form-container .gform_footer input[type="submit"]:active,
.vb-gravity-form-container .gform_footer button[type="submit"]:active,
.vb-gravity-form-container .gform_button:active {
    transform: translateY(1px) !important; /* فرو رفتن دکمه در زمان کلیک */
    box-shadow: 0 2px 8px rgba(201, 162, 84, 0.3) !important;
}

/* حذف حاشیه‌های اضافی فوتر فرم گراویتی */
.vb-gravity-form-container .gform_footer {
    padding-bottom: 0 !important;
    margin-top: 20px !important;
    border: none !important;
}/* End custom CSS */