.input-cut{
   background-color: #FFFFFF00;
    border-color: #A4A4A726;
    border-width: 1px 1px 1px 1px;
    border-radius: 12px 12px 12px 12px;
        font-family: "PeydaWebFaNum", Sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    border: 1px solid #69727d;
}
.btn-cut-container{
    text-align:center;
}
.cut-card{
    width:80%;
}
.cut-title{
   font-size: 35px !important; 
   text-align:center;
}

.cut-options{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cut-options .cut-option{
  display: flex;        
  align-items: flex-start;
  width: 100%;
}

/* هسته کارت اصلی آزمون */
.cut-quiz-card{
  direction: rtl;
  max-width: 760px;
  margin: 24px auto;
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px;
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
  padding: 20px 20px 28px;
  font-family: inherit;
}
.dot h1 {
    color: #fff!important;
}
/* هدر و پروگرس */
.cut-quiz-head{ display:flex; flex-direction:column; gap:12px; margin-bottom:16px;width:60%; }
.cut-title{ font-size:18px; font-weight:700; margin:0; }
.cut-progress{ height:8px; background: rgba(0,0,0,.06); border-radius:999px; overflow:hidden; }
.cut-progress > span{ display:block; height:100%; width:0%; background:#4F7CFF; transition:width .35s ease; }

/* پنل‌های داخلی */
.cut-panel{
  border: 1px solid rgba(0,0,0,.06);
  background:#fff;
  border-radius:12px;
  padding:16px;
  margin-bottom:12px;
}
.cut-section-title{ font-size:22px!important; margin:0 0 8px; }
.cut-question{ font-weight:700; margin:0 0 12px; line-height:1.7; }

/* گزینه‌ها: هر گزینه یک خط */
.cut-options{ display:flex; flex-direction:column; gap:10px; }
label.cut-option{
  display:flex; align-items:flex-start; gap:10px;
  padding:12px 14px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:10px;
  cursor:pointer;
  transition: box-shadow .2s, border-color .2s, background .2s;
  background:#fff;
}
label.cut-option:hover{ box-shadow:0 6px 16px rgba(0,0,0,.06); }
label.cut-option input{ margin-top:3px; transform:scale(1.05); }
label.cut-option .cut-option-text{ line-height:1.8; }
label.cut-option input:checked + .cut-option-text{ color:#2F54EB; font-weight:700; }
label.cut-option:has(input:checked){ border-color:#2F54EB22; background:#F5F8FF; }

/* دکمه‌ها */
.btn-cut{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 16px; border-radius:12px;
  background:#4F7CFF; color:#fff; border:none;
  font-weight:700; cursor:pointer;
  box-shadow:0 10px 18px rgba(79,124,255,.28);
  transition: transform .05s ease, box-shadow .2s ease, opacity .2s ease;
}
.btn-cut:hover{ opacity:.95; }
.btn-cut:active{ transform: translateY(1px); }
.btn-primary{ background:#2F54EB; box-shadow:0 10px 18px rgba(47,84,235,.28); }

.cut-actions{ display:flex; gap:10px; justify-content:center; margin-top:12px;
width:60%;}

/* فیلدهای ثبت‌نام */
.input-cut{
  width:100%;
  border:1px solid rgba(0,0,0,.12);
  border-radius:10px;
  padding:10px 12px;
  margin-bottom:10px;
  outline:none;
  transition: border-color .2s, box-shadow .2s;
}
.input-cut:focus{
  border-color:#2F54EB55;
  box-shadow:0 0 0 4px #2F54EB1A;
}

/* ریسپانسیو */
@media (max-width:480px){
  .cut-quiz-card{ padding:16px 0px 22px; border-radius:14px; }
  .cut-panel{ padding:14px; }
  .btn-cut{ width:100%; }
}

/* === Dark Slate Skin (override) === */
/* کارت اصلی */
.cut-quiz-card{
  background: #16171A;                 /* سطح 1 */
  border: 1px solid #2A2B31;
  box-shadow: 0 12px 28px rgba(0,0,0,.55);
  color: #E5E7EB;
}
/* هدر + پروگرس */
.cut-title{ color:#FFF!important; }
.cut-progress{ background:#2A2B31; }
.cut-progress > span{ background:#8A8DFF; }
/* پنل‌ها */
.cut-panel{
  background:#1C1D21;                   /* سطح 2 */
  border-color:#2A2B31;
}
.cut-section-title{ color:#E9ECF1; }
.cut-question{ color:#ECEFF4; }
/* گزینه‌ها */
.cut-options{ display:flex; flex-direction:column; gap:10px; }
.cut-options .cut-option{
  background:#1C1D21;
  border-color:#2A2B31;
  color:#C7CBD3;
}
.cut-options .cut-option:hover{
  box-shadow:none;
  background:#20232A;
  border-color:#343844;
}
.cut-options .cut-option input{ accent-color:#8A8DFF; }
.cut-options .cut-option .cut-option-text{ color:#C7CBD3; }
.cut-options .cut-option:has(input:checked){
  background:#202533;
  border-color:#8A8DFF66;
  box-shadow: 0 0 0 3px rgba(138,141,255,.12) inset;
}
.cut-options .cut-option input:checked + .cut-option-text{
  color:#F1F3FF;
  font-weight:700;
}
/* دکمه‌ها */
.btn-cut{
  background:#8A8DFF;
  color:#0E0F12;
  box-shadow: 0 10px 18px rgba(138,141,255,.25);
}
.btn-cut:hover{ opacity:.98; }
.btn-primary{
  background:#6E72FF;
  color:#ffffff;
  box-shadow: 0 10px 18px rgba(110,114,255,.28);
}
/* فیلدهای ثبت‌نام */
.input-cut{
  background:#121316;
  color:#E5E7EB;
  border-color:#2A2B31;
}
.input-cut::placeholder{ color:#8B90A2; }
.input-cut:focus{
  border-color:#8A8DFF66;
  box-shadow: 0 0 0 4px rgba(138,141,255,.15);
}
/* ریسپانسیو */
@media (max-width:480px){
  .btn-cut{ width:100%; }
}

/* رپر برای حفظ جریان صفحه و ایجاد فاصله منطقی */
.cut-quiz-wrap{
  position: relative;          /* بدون z-index اضافی */
  max-width: 820px;            /* اختیاری: کمی بزرگ‌تر از کارت */
  margin: clamp(32px,4vw,64px) auto;  /* فاصله بالا/پایین تا سکشن‌های اطراف */
  padding: 0;
  overflow: visible;            /* سایه‌ی کارت قطع نشه */
}

/* خود کارت داخل رپر: بدون margin اضافی تا هم‌پوشانی نشه */
.cut-quiz-wrap .cut-quiz-card{
  margin: 0;
}

/* اگر قالب/المنتور سکشن بعدی را با margin-top منفی آورده بالا، این کمک می‌کند */
.cut-quiz-wrap + .elementor-section{
  margin-top: clamp(32px,4vw,64px) !important;
  z-index: auto !important;            /* جلوگیری از هم‌پوشانی لایه‌ای */
}
.cut-quiz-wrap + .elementor-section > .elementor-background-overlay{
  z-index: 0 !important;               /* اورلیِ سکشن بعدی روی کارت نیاد */
}

.elementor-section:has(.cut-quiz-wrap){
  overflow: visible;
}


.heading1{
  color: #fff;
  font-size: 3.5em;
  position: relative;
  bottom: 3px;
}

.heading2{
  color: #fff;
  position: relative;
  top: 20px;
  font-weight: 500;
} 

h3{
  position: relative;
  font-weight: normal;
}

h5{
  position: relative;
  bottom: 40px;
  opacity: 0.65;
  font-weight: normal;
}

.Card-Container{
  font-family: 'Hanken Grotesk', sans-serif;
  text-align: center;
  width: 100%;
  height: 415px;
  border: solid transparent;
  border: 0;
  border-radius: 30px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.Card-Container{
  display:flex;
  justify-content:center!important;
  align-items: center!important;
}
.Main-Card{
  background-image: linear-gradient(
  215deg,
  hsl(252deg 100% 67%) 0%,
  hsl(251deg 97% 65%) 0%,
  hsl(250deg 94% 64%) 0%,
  hsl(249deg 91% 62%) 2%,
  hsl(248deg 89% 61%) 13%,
  hsl(247deg 87% 59%) 71%,
  hsl(245deg 85% 57%) 83%,
  hsl(243deg 83% 56%) 92%,
  hsl(241deg 81% 54%) 100%);
  width: 50%;
  height: 330px; 
  float:left;
  border: solid transparent;
  border-radius: 30px;
  color: #fff!important;
  box-shadow: 0 0 100px rgba(70, 39, 202, 1) inset;
}

.dot {
  height: 160px;
  width: 160px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  background-image: linear-gradient(
  180deg,
  hsl(255deg 72% 45%) 0%,
  hsl(254deg 70% 47%) 11%,
  hsl(254deg 68% 49%) 22%,
  hsl(253deg 67% 50%) 33%,
  hsl(252deg 70% 52%) 44%,
  hsl(251deg 73% 53%) 56%,
  hsl(250deg 76% 55%) 67%,
  hsl(249deg 80% 56%) 78%,
  hsl(248deg 83% 58%) 89%,
  hsl(247deg 87% 60%) 100%);
}