.elementor-1074 .elementor-element.elementor-element-613ee3c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:16px;--margin-bottom:109px;--margin-left:0px;--margin-right:0px;--padding-top:159px;--padding-bottom:391px;--padding-left:0px;--padding-right:0px;}.elementor-1074 .elementor-element.elementor-element-613ee3c:not(.elementor-motion-effects-element-type-background), .elementor-1074 .elementor-element.elementor-element-613ee3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://projyar.com/wp-content/uploads/2025/10/493b476c-b24c-40d0-8747-b29b5400b1cd.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-4bb711d *//* پالت رنگ بر اساس لوگو */
:root {
  --projyar-purple: #512da8;  /* بنفش لوگو */
  --projyar-blue:   #3b82ff;  /* آبی نوشته PROJYAR */
  --projyar-red:    #ff4b4b;  /* قرمز وسط لوگو */
  --projyar-gray:   #f7f7fb;  /* پس‌زمینه ملایم */
}

.role-select-wrapper {
  direction: rtl;
  font-family: 'peyda' !important;
}

/* ردیف کارت‌ها */
.role-select {
  display: flex;
  gap: 24px;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}

/* کارت‌ها */
.role-card {
  position: relative;
  display: block;
  background: var(--projyar-gray);
  border-radius: 18px;
  border: 2px solid #e0e0f3;
  padding: 28px 26px;
  width: 320px;
  max-width: 100%;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 0 0 rgba(0,0,0,0);
}

.role-card-inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* مخفی کردن رادیو */
.role-card input[type="radio"] {
  display: none;
}

/* آیکن بالا */
.role-icon {
  font-size: 32px;
  color: var(--projyar-purple);
}

/* متن کارت */
.role-text p {
  margin: 0;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 600;
  color: #171717;
}

/* دایره انتخاب گوشه بالا */
.role-card::after {
  content: "";
  position: absolute;
  top: 18px;
  left: 18px;   /* RTL */
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 2px solid #c7c7e6;
  box-sizing: border-box;
  background: #fff;
}

/* حالت انتخاب‌شده */
.role-card.active {
  border-color: var(--projyar-purple);
  background: #f9f7ff;
  box-shadow: 0 10px 25px rgba(81,45,168,0.15);
}

.role-card.active::after {
  border-color: var(--projyar-purple);
  box-shadow: 0 0 0 3px rgba(81,45,168,0.15);
  background:
    radial-gradient(circle at center, var(--projyar-purple) 55%, transparent 56%),
    #fff;
}

/* هاور */
.role-card:hover {
  border-color: var(--projyar-purple);
  box-shadow: 0 8px 20px rgba(0,0,0,0.06);
}

/* ناحیه پایین (متن + دکمه) */
.role-extra {
  margin-top: 24px;
  text-align: center;
}

.role-extra-item {
  display: none;
}

.role-extra-item.active {
  display: block;
}

.role-extra-text {
  margin: 0 0 14px;
  font-size: 16px;
  color: #fff;
}

/* دکمه – آبی مثل نوشته زیر لوگو */
.role-btn {
  padding: 10px 26px;
  border-radius: 999px;
  border: none;
  outline: none;
  background: var(--projyar-blue);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
}

.role-btn:hover {
  background: #2767e6;
  box-shadow: 0 6px 16px rgba(59,130,255,0.35);
  transform: translateY(-1px);
}

/* یک نقطه ریز قرمز زیر متن برای آکنت (اختیاری) */
.role-extra-text::after {
  content: "";
  display: inline-block;
  margin-right: 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--projyar-red);
}

/* موبایل */
@media (max-width: 768px) {
  .role-select {
    flex-direction: column;
    align-items: stretch;
  }

  .role-card {
    width: 100%;
  }
}/* End custom CSS */