#mobile-menu {
      position: fixed;
      right: 0;
      top: 0;
      bottom: 0;
      left: auto;
      width: min(92vw, 360px);
      min-height: 100vh;
      height: 100vh;
      z-index: 99999;
      transform: translateX(100%);
      transition: transform 0.3s ease-out;
      will-change: transform;
      background: linear-gradient(180deg, #0b315d 0%, #061a36 100%);
      box-shadow: 0 24px 80px rgba(3, 24, 43, 0.28);
      border-right: 1px solid rgba(255, 255, 255, 0.12);
    }
    #mobile-menu.open {
      transform: translateX(0) !important;
    }
    #mobile-menu-overlay {
      transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
      background: rgba(3, 16, 32, 0.62);
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
    }
    #mobile-menu-overlay.hidden {
      opacity: 0;
      visibility: hidden;
    }
    #mobile-menu-overlay:not(.hidden) {
      opacity: 1;
      visibility: visible;
    }
    .mobile-menu-link {
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.14);
      background: rgba(255, 255, 255, 0.08);
      color: #eef6ff;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
      transition: transform 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
    }
    .mobile-menu-link:hover {
      transform: translateX(-4px);
      border-color: rgba(255, 255, 255, 0.28);
      background: rgba(255, 255, 255, 0.14);
    }
    .mobile-menu-link::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.16), transparent);
      transform: translateX(-100%);
      transition: transform 0.35s ease;
    }
    .mobile-menu-link:hover::before {
      transform: translateX(100%);
    }

    header {
      position: fixed !important;
      top: 0;
      right: 0;
      left: 0;
      z-index: 1000 !important;
      width: 100%;
      background: linear-gradient(180deg, #0b63a5 0%, #074a85 100%) !important;
      color: #ffffff !important;
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
    }

    header a,
    header p,
    header .font-morabba,
    header .text-sm,
    header button,
    header .relative {
      color: #ffffff !important;
    }

    header a:hover,
    header button:hover {
      color: #e6f4ff !important;
    }

    header #mobile-menu-button {
      background: #0b63a5 !important;
      border-color: rgba(255, 255, 255, 0.35) !important;
      color: #ffffff !important;
      box-shadow: 0 10px 28px rgba(3, 24, 43, 0.24) !important;
    }

    header #mobile-menu-button:hover {
      background: #0f6fb8 !important;
      border-color: rgba(255, 255, 255, 0.5) !important;
      transform: translateY(-1px);
    }

    header #mobile-menu-button svg {
      stroke: #ffffff !important;
    }

    @media (min-width: 1024px) {
      #mobile-menu-button {
        display: none !important;
      }
    }

    header a[href="#register"] {
      background: #ffffff !important;
      color: #0b63a5 !important;
    }

    /* Course page custom styles */
    .page-container {
      width: min(1120px, calc(100% - 3rem));
      margin: 0 auto;
    }

    .hero-section {
      position: relative;
      padding: 6rem 0 4rem;
      overflow: hidden;
    }

    .hero-background {
      position: absolute;
      inset: 0;
      z-index: 0;
      overflow: hidden;
    }

    .hero-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: saturate(1.05) brightness(0.8);
    }

    .hero-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(15, 23, 42, 0.8) 0%, rgba(15, 23, 42, 0.2) 45%, transparent 100%);
    }

    .hero-content {
      position: relative;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 2rem;
      z-index: 1;
      padding: 0 1rem;
      flex-wrap: wrap;
    }

    .hero-copy {
      flex: 1 1 540px;
      max-width: 56rem;
      text-align: right;
    }

    .hero-badge {
      display: inline-flex;
      padding: 0.8rem 1.3rem;
      border-radius: 9999px;
      border: 1px solid rgba(59, 130, 246, 0.3);
      background: rgba(59, 130, 246, 0.12);
      color: #bfdbfe;
      font-size: 0.85rem;
      font-weight: 700;
      letter-spacing: 0.08em;
    }

    .hero-title {
      margin-top: 1.4rem;
      font-family: var(--font-morabba);
      font-size: clamp(2.2rem, 4vw, 3.8rem);
      line-height: 1.08;
      color: #ffffff;
    }

    .hero-subtitle {
      margin-top: 1.3rem;
      max-width: 42rem;
      font-size: 0.98rem;
      line-height: 1.8;
      color: rgba(226, 232, 255, 0.95);
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      margin-top: 1.8rem;
    }

    .hero-meta {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 1rem;
      flex: 0.9 1 320px;
      min-width: 280px;
    }

    .meta-card {
      padding: 1.5rem;
      border-radius: 1.7rem;
      border: 1px solid rgba(255, 255, 255, 0.14);
      background: rgba(15, 23, 42, 0.82);
      box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
    }

    .meta-label {
      font-size: 0.75rem;
      font-weight: 700;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: #93c5fd;
    }

    .meta-value {
      margin-top: 1rem;
      font-size: 1.5rem;
      font-weight: 800;
      color: #e0f2fe;
    }

    .video-intro-section,
    .section {
      padding: 5.5rem 0;
    }

    .video-intro-section {
      background: #eff8ff;
    }

    .section-white {
      background: #ffffff;
    }

    .section-muted {
      background: #f8fbff;
    }

    .section-header {
      margin-bottom: 3rem;
      text-align: right;
    }

    .section-tag {
      display: inline-flex;
      padding: 0.9rem 1.4rem;
      border-radius: 9999px;
      border: 1px solid rgba(59, 130, 246, 0.3);
      background: rgba(59, 130, 246, 0.12);
      color: #0369a1;
      font-size: 0.85rem;
      font-weight: 700;
      letter-spacing: 0.05em;
    }

    .section-title {
      margin-top: 1.2rem;
      font-family: var(--font-morabba);
      font-size: clamp(1.9rem, 2.2vw, 3rem);
      line-height: 1.08;
      color: #0369a1;
    }

    .section-text {
      margin-top: 1rem;
      max-width: 44rem;
      line-height: 1.8;
      color: #475569;
      font-size: 0.98rem;
    }

    .video-intro {
      display: grid;
      grid-template-columns: 1.4fr 1fr;
      gap: 2rem;
      align-items: center;
    }

    .video-card {
      position: relative;
      border-radius: 2rem;
      overflow: hidden;
      box-shadow: 0 28px 80px rgba(15, 23, 42, 0.16);
    }

    .video-cover {
      display: block;
      width: 100%;
      aspect-ratio: 16 / 9;
      object-fit: cover;
      filter: brightness(0.95);
    }

    .video-play-button {
      position: absolute;
      inset: 0;
      margin: auto;
      width: 12rem;
      height: 4rem;
      border-radius: 9999px;
      border: none;
      background: rgba(59, 130, 246, 0.95);
      color: #ffffff;
      font-size: 0.95rem;
      font-weight: 700;
      cursor: pointer;
      backdrop-filter: blur(10px);
      box-shadow: 0 20px 50px rgba(59, 130, 246, 0.35);
      transition: transform 0.25s ease, background 0.25s ease;
    }

    .video-play-button:hover {
      transform: translateY(-2px);
      background: #0284c7;
    }

    .video-copy {
      display: flex;
      flex-direction: column;
      gap: 1.2rem;
    }

    .feature-list,
    .section-list {
      list-style: none;
      margin: 0;
      padding: 0;
      display: grid;
      gap: 1rem;
      color: #475569;
      line-height: 1.9;
    }

    .feature-list li::before,
    .section-list li::before {
      content: "";
      display: inline-block;
      width: 0.55rem;
      height: 0.55rem;
      margin-left: 0.8rem;
      border-radius: 9999px;
      background: #3b82f6;
      transform: translateY(-0.08rem);
    }

    .card-grid {
      display: grid;
      gap: 1.5rem;
    }

    .grid-three {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .feature-card,
    .audience-card,
    .detail-card {
      padding: 2rem;
      border-radius: 1.8rem;
      border: 1px solid rgba(203, 213, 225, 0.5);
      background: #f8fbff;
      box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
    }

    .feature-label,
    .detail-label {
      font-size: 0.85rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      font-weight: 700;
      color: #2563eb;
    }

    .feature-title,
    .audience-title,
    .sidebar-title,
    .detail-value {
      margin-top: 1rem;
      font-family: var(--font-morabba);
      color: #1d4ed8;
      font-weight: 800;
    }

    .feature-title,
    .audience-title,
    .sidebar-title {
      font-size: 1.45rem;
      line-height: 1.2;
    }

    .detail-value {
      font-size: 1.35rem;
    }

    .feature-text,
    .audience-text,
    .detail-text {
      margin-top: 1rem;
      color: #475569;
      line-height: 1.75;
      font-size: 0.92rem;
    }

    .details-grid {
      display: grid;
      gap: 1.5rem;
    }

    .sidebar-panel {
      padding: 2rem;
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
      border-radius: 2rem;
      background: rgba(59, 130, 246, 0.08);
      border: 1px solid rgba(59, 130, 246, 0.2);
      box-shadow: 0 24px 60px rgba(59, 130, 246, 0.12);
    }

    .sidebar-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      flex-wrap: wrap;
    }

    .limited-badge {
      font-size: 0.75rem;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      font-weight: 800;
      color: #0369a1;
    }

    .sidebar-title {
      font-size: 1.9rem;
      color: #0f172a;
      margin-top: 0.4rem;
    }

    .sidebar-pill {
      display: inline-flex;
      padding: 0.8rem 1.2rem;
      border-radius: 9999px;
      background: rgba(59, 130, 246, 0.16);
      color: #0369a1;
      font-weight: 700;
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 9999px;
      padding: 1rem 1.8rem;
      font-weight: 700;
      text-decoration: none;
      transition: transform 0.25s ease, background 0.25s ease;
    }

    .btn:hover {
      transform: translateY(-1px);
    }

    .btn-primary {
      background: #0b63a5;
      color: #ffffff;
      box-shadow: 0 22px 48px rgba(11, 99, 165, 0.24);
    }

    .btn-secondary {
      background: #ffffff;
      color: #0b63a5;
      border: 1px solid rgba(59, 130, 246, 0.4);
    }

    .btn-full {
      width: 100%;
    }

    @media (min-width: 1024px) {
      .grid-three {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .details-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 1023px) {
      .hero-content {
        align-items: stretch;
      }

      .hero-meta {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .video-intro {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 767px) {
      .hero-section {
        padding-top: 5rem;
      }

      .hero-copy,
      .hero-meta {
        width: 100%;
      }

      .hero-actions {
        justify-content: flex-start;
      }
    }
/* ===== Talent Course Hero ===== */

#course-hero {
    min-height: 620px;
}

/* عکس */
#course-hero .hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

/* محتوا */
#course-hero .hero-content {
    min-height: 500px;
}

/* فقط دوره استعدادیابی */
#course-hero .hero-copy {
    max-width: 560px;
}

/* دسکتاپ */
@media (min-width: 1024px) {

    #course-hero .hero-content {
        justify-content: flex-start;
        align-items: center;
    }

#course-hero .hero-copy {
    flex: 0 0 560px;
    margin-right: auto;
    margin-left: 0;
    text-align: right;
    transform: translateX(-120px);
}

    #course-hero .hero-title {
        font-size: clamp(34px, 3.2vw, 52px);
        line-height: 1.35;
        margin: 0 0 18px;
    }

    #course-hero .hero-subtitle {
        font-size: 18px;
        line-height: 2;
        margin: 0 0 26px;
        max-width: 520px;
    }

    #course-hero .hero-actions {
        display: flex;
        gap: 14px;
        margin-top: 20px;
    }
}

/* موبایل */
@media (max-width: 767px) {

    #course-hero {
        min-height: 540px;
    }

    #course-hero .hero-content {
        min-height: 440px;
        align-items: flex-end;
    }

    #course-hero .hero-copy {
        max-width: 100%;
        text-align: right;
    }

    #course-hero .hero-title {
        font-size: 30px;
        line-height: 1.4;
    }

    #course-hero .hero-subtitle {
        font-size: 15px;
        line-height: 1.9;
    }

    #course-hero .hero-actions {
        gap: 10px;
    }
}
/* ===== Talent Hero Clean Style ===== */

#course-hero .hero-copy {
    max-width: 590px;
    text-align: center;
}

/* عنوان اصلی */
#course-hero .hero-title {
    max-width: 570px;
    margin: 0 auto 18px;

    text-align: center;
    font-size: clamp(36px, 3.3vw, 52px);
    line-height: 1.4;
    font-weight: 900;
    color: #ffffff;

    text-shadow: 0 3px 15px rgba(0, 0, 0, 0.28);
}

/* جمله کوتاه */
#course-hero .hero-subtitle {
    max-width: 500px;
    margin: 0 auto 26px;

    text-align: center;
    font-size: 17px;
    line-height: 1.9;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.95);

    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

/* دکمه‌ها */
#course-hero .hero-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin-top: 10px;
}

/* دکمه ثبت نام */
#course-hero .hero-actions .btn-primary {
    min-width: 160px;
    padding: 15px 28px;
    border-radius: 50px;
    font-weight: 700;

    box-shadow: 0 8px 24px rgba(0, 100, 180, 0.30);
}

/* دکمه سرفصل */
#course-hero .hero-actions .btn-secondary {
    min-width: 175px;
    padding: 15px 28px;
    border-radius: 50px;
    font-weight: 700;

    background: rgba(255, 255, 255, 0.95);
    color: #0768ad;
    border: 1px solid rgba(255, 255, 255, 0.8);

    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);
}

/* حرکت خیلی ظریف دکمه */
#course-hero .hero-actions .btn {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

#course-hero .hero-actions .btn:hover {
    transform: translateY(-3px);
}

/* موبایل */
@media (max-width: 767px) {

    #course-hero .hero-title {
        font-size: 29px;
        line-height: 1.5;
    }

    #course-hero .hero-subtitle {
        font-size: 15px;
    }

    #course-hero .hero-actions {
        flex-wrap: wrap;
    }
}
.talent-highlight {
    color: #f6c344;
}
/* ===== Education Problem Section ===== */

.education-problem-section {
    padding: 90px 0;
    background:
        radial-gradient(circle at top right, rgba(59, 130, 246, 0.10), transparent 34%),
        linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    overflow: hidden;
}

.education-problem-tag {
    width: fit-content;
    margin: 0 0 28px auto;
    padding: 12px 18px;
    border-radius: 999px;
    border: 1px solid rgba(59, 130, 246, 0.28);
    background: rgba(59, 130, 246, 0.09);
    color: #0b63a5;
    font-weight: 800;
    font-size: 15px;

    display: flex;
    align-items: center;
    gap: 10px;
}

.education-problem-tag-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #2563eb;
    color: #ffffff;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-weight: 900;
}

.education-problem-layout {
    display: grid;
    grid-template-columns: 0.9fr 1.4fr;
    gap: 55px;
    align-items: center;
}

/* visual */

.education-problem-visual {
    min-height: 420px;
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;
}

.talent-head {
    width: 260px;
    height: 320px;
    position: relative;

    border-radius: 48% 48% 44% 44%;
    background: linear-gradient(180deg, #3165c9, #1e3a8a);
    box-shadow: 0 30px 70px rgba(30, 64, 175, 0.25);

    display: flex;
    align-items: center;
    justify-content: center;
}

.talent-head::after {
    content: "";
    position: absolute;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    border: 2px dashed rgba(59, 130, 246, 0.35);
}

.talent-bulb {
    font-size: 80px;
    filter: drop-shadow(0 8px 20px rgba(255, 197, 61, 0.45));
    z-index: 2;
}

.talent-orbit {
    position: absolute;
    z-index: 3;

    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid rgba(59, 130, 246, 0.15);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 27px;
}

.talent-orbit-1 {
    top: -20px;
    left: 100px;
}

.talent-orbit-2 {
    top: 60px;
    left: -60px;
}

.talent-orbit-3 {
    bottom: 30px;
    left: -55px;
}

.talent-orbit-4 {
    bottom: -20px;
    right: 25px;
}

.talent-orbit-5 {
    top: 150px;
    right: -70px;
}

.talent-orbit-6 {
    top: 25px;
    right: -45px;
}

/* copy */

.education-problem-copy {
    text-align: right;
}

.education-problem-title {
    margin: 0;
    color: #0f2747;

    font-size: clamp(32px, 3vw, 50px);
    line-height: 1.45;
    font-weight: 900;
}

.education-problem-title span {
    color: #1769d2;
}

.education-problem-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 24px 0 30px;
}

.education-problem-divider > span {
    width: 60px;
    height: 2px;
    background: #c7d8f2;
}

.education-problem-divider i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2563eb;
}

.education-problem-copy p {
    margin: 0 0 18px;
    color: #334155;
    font-size: 17px;
    line-height: 2.1;
}

/* stats */

.education-stats {
    margin-top: 55px;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px;
}

.education-stat-card {
    padding: 24px 26px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(148, 163, 184, 0.25);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);

    display: flex;
    align-items: center;
    gap: 22px;
}

.education-stat-circle {
    flex: 0 0 88px;
    width: 88px;
    height: 88px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 24px;
    background: #f8fbff;
}

.education-stat-card-blue .education-stat-circle {
    border: 8px solid #2563eb;
    color: #1d4ed8;
}

.education-stat-card-green .education-stat-circle {
    border: 8px solid #16a36f;
    color: #059669;
}

.education-stat-content {
    display: flex;
    align-items: center;
    gap: 15px;
}

.education-stat-icon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #eff6ff;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 26px;
}

.education-stat-card-green .education-stat-icon {
    background: #ecfdf5;
}

.education-stat-content h3 {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 900;
    color: #1d4ed8;
}

.education-stat-card-green .education-stat-content h3 {
    color: #059669;
}

.education-stat-content p {
    margin: 0;
    color: #475569;
    font-size: 14px;
    line-height: 1.9;
}

/* note */

.education-problem-note {
    margin-top: 30px;
    padding: 22px 26px;

    border-radius: 22px;
    border: 1px solid rgba(59, 130, 246, 0.25);
    background: linear-gradient(90deg, rgba(239, 246, 255, 0.95), rgba(255, 255, 255, 0.98));

    box-shadow: 0 12px 30px rgba(30, 64, 175, 0.08);

    display: flex;
    align-items: center;
    gap: 18px;
}

.education-note-icon {
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    border-radius: 50%;

    background: linear-gradient(135deg, #2563eb, #60a5fa);

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 28px;

    box-shadow: 0 10px 26px rgba(37, 99, 235, 0.28);
}

.education-problem-note p {
    margin: 0;
    color: #334155;
    font-size: 16px;
    line-height: 2;
}

.education-problem-note p::first-line {
    font-weight: 700;
}

/* tablet */

@media (max-width: 1023px) {

    .education-problem-layout {
        grid-template-columns: 1fr;
    }

    .education-problem-visual {
        order: 2;
    }

    .education-problem-copy {
        order: 1;
    }

    .education-stats {
        grid-template-columns: 1fr;
    }
}

/* mobile */

@media (max-width: 767px) {

    .education-problem-section {
        padding: 65px 0;
    }

    .education-problem-title {
        font-size: 30px;
    }

    .education-problem-copy p {
        font-size: 15px;
    }

    .education-problem-visual {
        min-height: 360px;
        transform: scale(0.86);
    }

    .education-stat-card {
        flex-direction: column;
        text-align: center;
    }

    .education-stat-content {
        flex-direction: column;
    }

    .education-problem-note {
        flex-direction: column;
        text-align: center;
    }
}
/* ===== Talent Solution Section ===== */

.talent-solution-section {
    padding: 90px 0;
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.08), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    overflow: hidden;
}

.talent-solution-top {
    display: grid;
    grid-template-columns: 0.9fr 1.3fr;
    gap: 60px;
    align-items: center;
    margin-bottom: 50px;
}

/* بخش تصویری سمت چپ */

.talent-solution-visual {
    display: flex;
    align-items: center;
    justify-content: center;
}

.solution-board {
    position: relative;
    width: 320px;
    height: 340px;
    border-radius: 34px;
    background: linear-gradient(145deg, #eff6ff, #ffffff);
    border: 1px solid rgba(59, 130, 246, 0.18);
    box-shadow: 0 28px 70px rgba(37, 99, 235, 0.16);
}

.solution-board::before {
    content: "";
    position: absolute;
    top: 28px;
    left: 50%;
    transform: translateX(-50%);
    width: 90px;
    height: 28px;
    border-radius: 14px;
    background: #2563eb;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.25);
}

.solution-checks {
    position: absolute;
    top: 85px;
    right: 40px;
    display: grid;
    gap: 18px;
}

.solution-checks span {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #dbeafe;
    color: #2563eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
}

.solution-bars {
    position: absolute;
    bottom: 42px;
    left: 42px;
    display: flex;
    align-items: flex-end;
    gap: 14px;
    height: 120px;
}

.solution-bars i {
    display: block;
    width: 34px;
    border-radius: 10px 10px 0 0;
}

.solution-bars i:nth-child(1) {
    height: 55px;
    background: #f6b73c;
}

.solution-bars i:nth-child(2) {
    height: 85px;
    background: #14b8a6;
}

.solution-bars i:nth-child(3) {
    height: 120px;
    background: #2563eb;
}

.solution-target {
    position: absolute;
    right: -30px;
    bottom: 28px;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    background: #ffffff;
    border: 8px solid #2563eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    box-shadow: 0 18px 40px rgba(37, 99, 235, 0.20);
}

.solution-arrow {
    position: absolute;
    left: 45px;
    top: 95px;
    font-size: 88px;
    color: #10b981;
    transform: rotate(-12deg);
    font-weight: 900;
}

/* متن */

.talent-solution-copy {
    text-align: right;
}

.talent-solution-tag {
    width: fit-content;
    margin: 0 0 22px auto;
    padding: 11px 18px;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.08);
    border: 1px solid rgba(37, 99, 235, 0.22);
    color: #1d4ed8;
    font-size: 15px;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 8px;
}

.talent-solution-title {
    margin: 0 0 24px;
    font-size: clamp(34px, 3vw, 50px);
    line-height: 1.45;
    font-weight: 900;
    color: #0f2747;
}

.talent-solution-title span {
    color: #2563eb;
}

.talent-solution-copy p {
    margin: 0 0 18px;
    font-size: 17px;
    line-height: 2;
    color: #334155;
}

/* کارت‌ها */

.talent-solution-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.talent-solution-card {
    min-height: 180px;
    padding: 26px;
    border-radius: 24px;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.20);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);

    display: flex;
    align-items: center;
    gap: 18px;

    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.talent-solution-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 55px rgba(15, 23, 42, 0.12);
}

.talent-solution-icon {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #ecfdf5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

.talent-solution-card h3 {
    margin: 0 0 8px;
    color: #0f2747;
    font-size: 19px;
    font-weight: 900;
}

.talent-solution-card p {
    margin: 0;
    color: #475569;
    font-size: 14px;
    line-height: 1.9;
}


.talent-solution-grid {
    justify-content: center;
}
@media (min-width: 1024px) {
    .talent-solution-grid {
        grid-template-columns: repeat(6, 1fr);
    }

    .talent-solution-card:nth-child(1) {
        grid-column: 1 / 3;
    }

    .talent-solution-card:nth-child(2) {
        grid-column: 3 / 5;
    }

    .talent-solution-card:nth-child(3) {
        grid-column: 5 / 7;
    }

    .talent-solution-card:nth-child(4) {
        grid-column: 2 / 4;
        justify-self: stretch;
        max-width: none;
    }

    .talent-solution-card:nth-child(5) {
        grid-column: 4 / 6;
        justify-self: stretch;
        max-width: none;
    }
}

/* تبلت */

@media (max-width: 1023px) {
    .talent-solution-top {
        grid-template-columns: 1fr;
    }

    .talent-solution-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .talent-solution-card-wide {
        grid-column: auto;
    }
}

/* موبایل */

@media (max-width: 767px) {
    .talent-solution-section {
        padding: 65px 0;
    }

    .talent-solution-title {
        font-size: 30px;
    }

    .talent-solution-copy p {
        font-size: 15px;
    }

    .solution-board {
        transform: scale(0.86);
    }

    .talent-solution-grid {
        grid-template-columns: 1fr;
    }

    .talent-solution-card {
        min-height: auto;
    }
}
/* ===== Gardner Audience Compact ===== */

#gardner-audience {
    padding: 52px 0 46px;
}

#gardner-audience .section-header {
    margin-bottom: 24px;
}

#gardner-audience .section-title {
    font-size: clamp(28px, 2.4vw, 40px);
    margin-top: 10px;
}

.gardner-audience-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.gardner-audience-card {
    min-height: 175px;
    padding: 20px 18px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.22);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.07);

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.gardner-audience-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.11);
}

.audience-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #eff6ff;
    color: #2563eb;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 22px;
    font-weight: 900;
    margin-bottom: 12px;
}

.gardner-audience-card h3 {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 900;
    color: #0f2747;
}

.gardner-audience-card p {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.8;
    color: #64748b;
    max-width: 220px;
}

/* تبلت */
@media (max-width: 1023px) {
    .gardner-audience-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* موبایل */
@media (max-width: 600px) {
 #course-hero .hero-image {
    object-position: center center !important;
}
    #gardner-audience {
        padding: 42px 0;
    }

    .gardner-audience-grid {
        grid-template-columns: 1fr;
    }

    .gardner-audience-card {
        min-height: 145px;
    }
}
/* ===== Audience Card Icons ===== */

.gardner-audience-card {
    position: relative;
    min-height: 185px !important;
    padding: 18px 16px !important;
}

.audience-main-icon {
    width: 58px;
    height: 58px;
    margin: 0 auto 12px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: linear-gradient(145deg, #eff6ff, #e0edff);

    font-size: 30px;

    box-shadow: 0 7px 18px rgba(37, 99, 235, 0.10);
}

.audience-check {
    position: absolute;
    top: 14px;
    left: 14px;

    width: 27px;
    height: 27px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: #eff6ff;
    color: #2563eb;

    font-size: 16px;
    font-weight: 900;
}
/* ===== Gardner Learning Section ===== */

.gardner-learning-section {
    padding: 80px 0;
    background:
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.06), transparent 28%),
        #ffffff;
}

.gardner-learning-header {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 42px;
}

.gardner-learning-tag {
    display: inline-flex;
    padding: 10px 18px;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 800;
    font-size: 14px;
    margin-bottom: 16px;
}

.gardner-learning-title {
    margin: 0;
    font-size: clamp(30px, 3vw, 46px);
    line-height: 1.4;
    font-weight: 900;
    color: #0f2747;
}

.gardner-learning-title span {
    color: #2563eb;
}

.gardner-learning-intro {
    margin: 18px auto 0;
    max-width: 820px;
    font-size: 16px;
    line-height: 2;
    color: #475569;
}

.gardner-learning-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.gardner-learning-card {
    position: relative;
    min-height: 300px;
    padding: 28px;
    border-radius: 24px;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.22);
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.07);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.gardner-learning-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 50px rgba(15, 23, 42, 0.11);
}

.learning-number {
    position: absolute;
    top: 18px;
    left: 18px;
    min-width: 42px;
    height: 42px;
    padding: 0 10px;
    border-radius: 12px;
    background: #eff6ff;
    color: #2563eb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 14px;
}

.learning-icon {
    width: 68px;
    height: 68px;
    margin: 8px 0 22px auto;
    border-radius: 50%;
    background: linear-gradient(145deg, #eff6ff, #dbeafe);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.10);
}

.gardner-learning-card h3 {
    margin: 0 0 18px;
    color: #0f2747;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 900;
}

.gardner-learning-card ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
}

.gardner-learning-card li {
    position: relative;
    padding-right: 16px;
    color: #475569;
    font-size: 14px;
    line-height: 1.8;
}

.gardner-learning-card li::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0.75em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2563eb;
}

/* Tablet */
@media (max-width: 1023px) {
    .gardner-learning-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobile */
@media (max-width: 700px) {
    .gardner-learning-section {
        padding: 60px 0;
    }

    .gardner-learning-grid {
        grid-template-columns: 1fr;
    }

    .gardner-learning-card {
        min-height: auto;
    }

    .gardner-learning-title {
        font-size: 30px;
    }
}
/* ===== Gardner Difference - 5 cards in one row ===== */

#gardner-difference .course-benefits-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 14px !important;
    max-width: 1180px !important;
    margin: 30px auto 0 !important;
}

#gardner-difference .course-benefit-card {
    min-height: 185px !important;
    padding: 20px 16px !important;
    border-radius: 20px !important;
}

#gardner-difference .course-benefit-card h3 {
    font-size: 16px !important;
    margin-bottom: 8px !important;
}

#gardner-difference .course-benefit-card p {
    font-size: 13px !important;
    line-height: 1.8 !important;
}

/* تبلت */
@media (max-width: 1023px) {
    #gardner-difference .course-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* ===== تبلت ===== */
@media (min-width: 601px) and (max-width: 1024px) {
    #course-hero .hero-image {
        object-position: center top !important;
    }
}
/* موبایل */
@media (max-width: 600px) {
    #gardner-difference .course-benefits-grid {
        grid-template-columns: 1fr !important;
    }

    #gardner-difference .course-benefit-card {
        min-height: 150px !important;
    }
}
/* ===== Gardner Difference Polish ===== */

#gardner-difference {
    padding: 70px 0;
    background:
        linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

#gardner-difference .section-header {
    max-width: 900px;
    margin: 0 auto 34px;
    text-align: center;
}

#gardner-difference .section-tag {
    margin: 0 auto 14px;
}

#gardner-difference .section-title {
    font-size: clamp(30px, 2.8vw, 44px);
    line-height: 1.45;
    color: #0f2747;
    font-weight: 900;
}

#gardner-difference .section-text {
    max-width: 850px;
    margin: 14px auto 0;
    text-align: center;
    color: #64748b;
    font-size: 15px;
    line-height: 2;
}

#gardner-difference .gardner-difference-card {
    position: relative;
    min-height: 210px;
    padding: 28px 20px 22px;
    border-radius: 24px;
    background:
        linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    border: 1px solid rgba(148, 163, 184, 0.22);
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.07);
    text-align: center;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

#gardner-difference .gardner-difference-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 50px rgba(15, 23, 42, 0.11);
    border-color: rgba(37, 99, 235, 0.25);
}

/* تیک بالای کارت */
#gardner-difference .gardner-difference-card .benefit-icon {
    width: 44px;
    height: 44px;
    margin: 0 auto 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: linear-gradient(145deg, #ecfdf5, #d1fae5);
    color: #059669;

    font-size: 20px;
    font-weight: 900;

    box-shadow: 0 8px 20px rgba(5, 150, 105, 0.12);
}

#gardner-difference .gardner-difference-card h3 {
    margin: 0 0 10px;
    font-size: 17px;
    line-height: 1.6;
    font-weight: 900;
    color: #0f2747;
}

#gardner-difference .gardner-difference-card p {
    margin: 0 auto;
    max-width: 190px;
    font-size: 13.5px;
    line-height: 1.95;
    color: #64748b;
}

/* خط ظریف پایین کارت */
#gardner-difference .gardner-difference-card::after {
    content: "";
    position: absolute;
    right: 50%;
    bottom: 0;
    transform: translateX(50%);

    width: 52px;
    height: 3px;
    border-radius: 999px;

    background: linear-gradient(90deg, #2563eb, #60a5fa);

    opacity: 0;
    transition: opacity 0.25s ease, width 0.25s ease;
}

#gardner-difference .gardner-difference-card:hover::after {
    opacity: 1;
    width: 85px;
}
/* =====================================
   Gardner Results - Minimal Design
===================================== */

#gardner-results {
    padding: 75px 0 65px;
    background: #ffffff;
}


/* ---------- Header ---------- */

.gardner-results-header {
    max-width: 900px;
    margin: 0 auto 55px;
    text-align: center;
}

.gardner-results-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 20px;
    margin-bottom: 18px;

    border-radius: 999px;

    background: #eff6ff;
    border: 1px solid #bfdbfe;

    color: #1d4ed8;
    font-size: 14px;
    font-weight: 800;
}

.gardner-results-title {
    margin: 0;

    color: #0f2747;

    font-size: clamp(30px, 3vw, 44px);
    line-height: 1.45;
    font-weight: 900;
}

.gardner-results-title span {
    color: #2563eb;
}

.gardner-results-intro {
    max-width: 820px;

    margin: 16px auto 0;

    color: #64748b;

    font-size: 15px;
    line-height: 2;
}


/* ---------- 4 Results ---------- */

.gardner-results-list {
    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    direction: rtl;
}

.gardner-result-item {
    position: relative;

    padding: 5px 32px 25px;

    text-align: center;

    background: transparent;
    border: none;
    box-shadow: none;
}


/* خط جداکننده بین موارد */

.gardner-result-item:not(:last-child) {
    border-left: 1px solid #e2e8f0;
}


/* ---------- Icon ---------- */

.gardner-result-item .result-icon {
    width: 72px;
    height: 72px;

    margin: 0 auto 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: linear-gradient(
        145deg,
        #eff6ff,
        #e0edff
    );

    color: #2563eb;

    font-size: 30px;
    font-weight: 800;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.gardner-result-item:hover .result-icon {
    transform: translateY(-5px);

    box-shadow:
        0 12px 28px rgba(37, 99, 235, .15);
}


/* نقطه و خط کوچک زیر آیکون */

.result-line {
    position: relative;

    display: block;

    width: 28px;
    height: 2px;

    margin: 0 auto 20px;

    border-radius: 20px;

    background: #bfdbfe;
}

.result-line::before {
    content: "";

    position: absolute;

    right: 0;
    top: 50%;

    width: 8px;
    height: 8px;

    border-radius: 50%;

    background: #2563eb;

    transform: translateY(-50%);
}


/* ---------- Text ---------- */

.gardner-result-item h3 {
    margin: 0 0 12px;

    color: #0f2747;

    font-size: 17px;
    font-weight: 900;
    line-height: 1.7;
}

.gardner-result-item p {
    max-width: 220px;

    margin: 0 auto;

    color: #64748b;

    font-size: 13.5px;
    line-height: 2;
}


/* ---------- Final Statement ---------- */

.gardner-results-final {
    position: relative;

    max-width: 1180px;

    margin: 48px auto 0;
    padding: 28px 30px;

    border-top: 1px solid #e2e8f0;

    text-align: center;
}

.gardner-results-final::after {
    content: "";

    position: absolute;

    right: 0;
    top: 27px;

    width: 4px;
    height: 48px;

    border-radius: 20px;

    background: #2563eb;
}

.gardner-results-final p {
    margin: 0;

    color: #334155;

    font-size: 15px;
    line-height: 2.1;
}

.gardner-results-final strong {
    color: #2563eb;
    font-weight: 900;
}


/* ---------- Tablet ---------- */

@media (max-width: 900px) {

    .gardner-results-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 35px 0;
    }

    .gardner-result-item {
        border-left: none !important;
    }

    .gardner-result-item:nth-child(odd) {
        border-left: 1px solid #e2e8f0 !important;
    }
}


/* ---------- Mobile ---------- */

@media (max-width: 600px) {

    #gardner-results {
        padding: 55px 0;
    }

    .gardner-results-header {
        margin-bottom: 40px;
    }

    .gardner-results-list {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .gardner-result-item {
        border-left: none !important;
        padding-bottom: 25px;
    }

    .gardner-result-item:nth-child(odd) {
        border-left: none !important;
    }

    .gardner-result-item:not(:last-child) {
        border-bottom: 1px solid #e2e8f0;
    }

    .gardner-results-final {
        margin-top: 35px;
        padding: 25px 18px;
    }
}
/* ===== Gardner Content Info ===== */

#gardner-content-info {
    padding: 75px 0;
    background:
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.05), transparent 30%),
        #f8fbff;
}

#gardner-content-info .section-header {
    max-width: 850px;
    margin: 0 auto 42px;
    text-align: center;
}

#gardner-content-info .section-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border-radius: 999px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 16px;
}

#gardner-content-info .section-title {
    margin: 0;
    color: #0f2747;
    font-size: clamp(30px, 3vw, 44px);
    line-height: 1.45;
    font-weight: 900;
}

#gardner-content-info .gardner-content-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    max-width: 1180px;
    margin: 30px auto 0;
}

#gardner-content-info .gardner-content-card {
    min-height: 185px;
    padding: 22px 18px;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 24px;

    text-align: center;

    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

#gardner-content-info .gardner-content-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 48px rgba(15, 23, 42, 0.10);
    border-color: rgba(37, 99, 235, 0.22);
}

#gardner-content-info .content-icon {
    width: 52px;
    height: 52px;
    margin: 0 auto 16px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 16px;
    background: linear-gradient(145deg, #eff6ff, #dbeafe);
    color: #2563eb;
    font-size: 22px;
    font-weight: 900;

    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.12);
}

#gardner-content-info .gardner-content-card h3 {
    margin: 0 0 10px;
    color: #0f2747;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 900;
}

#gardner-content-info .gardner-content-card p {
    margin: 0;
    max-width: 220px;
    color: #64748b;
    font-size: 13.5px;
    line-height: 2;
}

/* اگر پایین این بخش باکس "مناسب برای" داری */
#gardner-content-info .gardner-content-note,
#gardner-content-info .content-note,
#gardner-content-info .gardner-audience-note {
    max-width: 1080px;
    margin: 22px auto 0;
    padding: 18px 24px;
    text-align: center;

    background: linear-gradient(180deg, #f8fbff 0%, #eff6ff 100%);
    border: 1px solid #bfdbfe;
    border-radius: 20px;

    color: #334155;
    font-size: 15px;
    line-height: 2;
}

#gardner-content-info .gardner-content-note strong,
#gardner-content-info .content-note strong,
#gardner-content-info .gardner-audience-note strong {
    color: #2563eb;
    font-weight: 900;
}

/* تبلت */
@media (max-width: 1023px) {
    #gardner-content-info .gardner-content-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* موبایل */
@media (max-width: 600px) {
    #gardner-content-info {
        padding: 55px 0;
    }

    #gardner-content-info .gardner-content-grid {
        grid-template-columns: 1fr;
    }

    #gardner-content-info .gardner-content-card {
        min-height: auto;
        padding: 20px 16px;
    }
}
/* =========================================
   Gardner Purpose Section
========================================= */

#gardner-purpose {
    padding: 80px 0;
    background:
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.06), transparent 18%),
        radial-gradient(circle at bottom left, rgba(37, 99, 235, 0.05), transparent 16%),
        #f8fbff;
    position: relative;
    overflow: hidden;
}

#gardner-purpose::before {
    content: "";
    position: absolute;
    top: 120px;
    left: 60px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: 18px solid rgba(191, 219, 254, 0.25);
}

#gardner-purpose::after {
    content: "";
    position: absolute;
    bottom: 50px;
    right: 70px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 18px solid rgba(191, 219, 254, 0.18);
}

#gardner-purpose .page-container {
    position: relative;
    z-index: 2;
}

.purpose-header {
    max-width: 920px;
    margin: 0 auto 34px;
    text-align: center;
}

.purpose-tag {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 24px;
    border-radius: 999px;
    background: #f8fbff;
    border: 2px solid #bfd8ff;
    color: #1d4ed8;
    font-size: 15px;
    font-weight: 800;
    margin-bottom: 18px;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.06);
}

.purpose-tag-icon {
    font-size: 18px;
    line-height: 1;
}

.purpose-title {
    margin: 0;
    color: #0b2450;
    font-size: clamp(32px, 3vw, 54px);
    line-height: 1.4;
    font-weight: 900;
}

.purpose-intro {
    max-width: 860px;
    margin: 18px auto 0;
    color: #475569;
    font-size: 17px;
    line-height: 2.1;
}

.purpose-card {
    position: relative;
    max-width: 1240px;
    margin: 0 auto;
    padding: 34px 34px 28px 34px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(191, 219, 254, 0.9);
    border-radius: 32px;
    box-shadow: 0 22px 55px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(4px);
}

.purpose-line {
    position: absolute;
    top: 150px;
    right: 58px;
    width: 2px;
    height: calc(100% - 240px);
    border-right: 2px dashed #bfd8ff;
}

.purpose-line span {
    position: absolute;
    right: -7px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #60a5fa;
    box-shadow: 0 0 0 6px rgba(96, 165, 250, 0.12);
}

.purpose-line span:nth-child(1) {
    top: 0;
}

.purpose-line span:nth-child(2) {
    top: 38%;
}

.purpose-line span:nth-child(3) {
    bottom: 0;
}

.purpose-row {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 22px;
    position: relative;
    z-index: 2;
}

.purpose-row-top {
    margin-bottom: 26px;
}

.purpose-icon-wrap {
    flex: 0 0 92px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.purpose-icon {
    width: 92px;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #ffffff, #eef5ff);
    border: 1px solid #dbeafe;
    box-shadow: 0 14px 32px rgba(37, 99, 235, 0.10);
    font-size: 36px;
    line-height: 1;
}

.purpose-text-block {
    flex: 1;
}

.purpose-text-block p {
    margin: 0;
    color: #334155;
    font-size: 16px;
    line-height: 2.15;
}

.purpose-highlight {
    position: relative;
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 26px 26px 28px 26px;
    padding: 28px 30px;
    border-radius: 24px;
    background: linear-gradient(180deg, #eef5ff 0%, #e9f2ff 100%);
    border: 2px solid #bfd8ff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
    overflow: hidden;
}

.purpose-highlight p {
    flex: 1;
    margin: 0;
    text-align: center;
    color: #1d4ed8;
    font-size: 17px;
    font-weight: 900;
    line-height: 2;
}

.purpose-highlight-icon {
    flex: 0 0 70px;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    font-size: 36px;
    line-height: 1;
}

.purpose-highlight-pattern {
    position: absolute;
    right: 22px;
    top: 50%;
    width: 52px;
    height: 52px;
    transform: translateY(-50%);
    opacity: 0.18;
    background-image: radial-gradient(#60a5fa 1.5px, transparent 1.5px);
    background-size: 10px 10px;
}

.purpose-soft-box {
    padding: 22px 24px;
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid rgba(226, 232, 240, 0.95);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04);
}

@media (max-width: 1100px) {
    .purpose-card {
        padding: 28px 22px 24px;
    }

    .purpose-highlight {
        margin-right: 10px;
        margin-left: 10px;
    }
}

@media (max-width: 900px) {
    #gardner-purpose {
        padding: 60px 0;
    }

    .purpose-line {
        display: none;
    }

    .purpose-row {
        flex-direction: column;
        text-align: center;
        gap: 16px;
    }

    .purpose-highlight {
        flex-direction: column;
        text-align: center;
        padding: 24px 18px;
    }

    .purpose-highlight p {
        font-size: 16px;
    }

    .purpose-highlight-pattern {
        display: none;
    }

    .purpose-soft-box {
        padding: 18px 18px;
    }
}

@media (max-width: 600px) {
    .purpose-title {
        font-size: 30px;
    }

    .purpose-intro {
        font-size: 15px;
        line-height: 2;
    }

    .purpose-card {
        border-radius: 24px;
    }

    .purpose-icon {
        width: 78px;
        height: 78px;
        font-size: 30px;
    }

    .purpose-text-block p,
    .purpose-soft-box p {
        font-size: 14px;
        line-height: 2;
    }

    .purpose-highlight p {
        font-size: 15px;
    }
}
/* =====================================
   Gardner No Test - No Cards
===================================== */

#gardner-no-test {
    padding: 80px 0;
    background: #ffffff;
    overflow: hidden;
}


/* HEADER */

#gardner-no-test .no-test-header {
    max-width: 900px;
    margin: 0 auto 42px;
    text-align: center;
}

#gardner-no-test .no-test-tag {
    display: inline-flex;
    padding: 10px 22px;
    margin-bottom: 18px;

    border: 1px solid #bfdbfe;
    border-radius: 999px;

    background: #f5f9ff;
    color: #1d4ed8;

    font-size: 14px;
    font-weight: 800;
}

#gardner-no-test .no-test-title {
    margin: 0;

    font-size: clamp(32px, 3vw, 48px);
    line-height: 1.45;
    font-weight: 900;

    color: #0f2747;
}

#gardner-no-test .no-test-title span {
    color: #1670ed;
}

#gardner-no-test .no-test-intro {
    max-width: 800px;
    margin: 16px auto 0;

    color: #64748b;

    font-size: 15px;
    line-height: 2;
}


/* EXPLANATION */

#gardner-no-test .no-test-explain {
    max-width: 1000px;
    margin: 0 auto 54px;
    text-align: center;
}

#gardner-no-test .no-test-explain-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;

    margin-bottom: 18px;
}

#gardner-no-test .no-test-explain-title span {
    width: 90px;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        #60a5fa
    );
}

#gardner-no-test .no-test-explain-title span:last-child {
    background: linear-gradient(
        90deg,
        #60a5fa,
        transparent
    );
}

#gardner-no-test .no-test-explain-title h3 {
    margin: 0;

    color: #1670ed;

    font-size: 21px;
    font-weight: 900;
}

#gardner-no-test .no-test-explain p {
    max-width: 950px;
    margin: 0 auto;

    color: #334155;

    font-size: 15px;
    line-height: 2.1;
}


/* FOUR METHODS */

#gardner-no-test .no-test-methods {
    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

#gardner-no-test .no-test-method {
    position: relative;

    padding: 0 30px 25px;

    text-align: center;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* جداکننده عمودی */

#gardner-no-test .no-test-method:not(:last-child) {
    border-left: 1px dashed #c7dcfa !important;
}


/* ICON */

#gardner-no-test .no-test-method-icon {
    position: relative;

    width: 94px;
    height: 94px;

    margin: 0 auto 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        #ffffff 0%,
        #eef5ff 70%
    );

    border: 1px solid #dbeafe;

    box-shadow:
        0 10px 30px rgba(37, 99, 235, 0.08);
}

#gardner-no-test .method-number {
    position: absolute;
    top: 8px;

    color: #1670ed;

    font-size: 13px;
    font-weight: 900;
}

#gardner-no-test .method-symbol {
    margin-top: 15px;

    color: #2563eb;

    font-size: 28px;
    font-weight: 900;
}


/* METHOD TEXT */

#gardner-no-test .no-test-method h3 {
    margin: 0 0 12px;

    color: #0f2747;

    font-size: 18px;
    line-height: 1.6;
    font-weight: 900;
}

#gardner-no-test .no-test-method p {
    max-width: 220px;
    margin: 0 auto;

    color: #64748b;

    font-size: 13.5px;
    line-height: 2;
}

#gardner-no-test .method-end-line {
    display: block;

    width: 38px;
    height: 3px;

    margin: 22px auto 0;

    border-radius: 999px;

    background: #2563eb;
}


/* FINAL RESULT */

#gardner-no-test .no-test-final {
    max-width: 1050px;

    margin: 35px auto 0;
    padding: 24px 30px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;

    border-top: 1px solid #dbeafe;
    border-bottom: 1px solid #dbeafe;

    text-align: center;
}

#gardner-no-test .no-test-final-icon {
    flex: 0 0 54px;

    width: 54px;
    height: 54px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #eff6ff;
    color: #2563eb;

    font-size: 28px;
    font-weight: 900;
}

#gardner-no-test .no-test-final p {
    margin: 0;

    color: #334155;

    font-size: 16px;
    line-height: 2;
}

#gardner-no-test .no-test-final strong {
    color: #0f2747;
    font-weight: 900;
}

#gardner-no-test .no-test-final p span {
    color: #1670ed;
    font-weight: 900;
}


/* TABLET */

@media (max-width: 900px) {

    #gardner-no-test .no-test-methods {
        grid-template-columns: repeat(2, 1fr);
        gap: 35px 0;
    }

    #gardner-no-test .no-test-method {
        border-left: none !important;
    }

    #gardner-no-test .no-test-method:nth-child(odd) {
        border-left: 1px dashed #c7dcfa !important;
    }
}


/* MOBILE */

@media (max-width: 600px) {

    #gardner-no-test {
        padding: 55px 0;
    }

    #gardner-no-test .no-test-methods {
        grid-template-columns: 1fr;
    }

    #gardner-no-test .no-test-method {
        padding: 0 15px 28px;
        border-left: none !important;
    }

    #gardner-no-test .no-test-method:nth-child(odd) {
        border-left: none !important;
    }

    #gardner-no-test .no-test-method:not(:last-child) {
        border-bottom: 1px dashed #dbeafe !important;
    }

    #gardner-no-test .no-test-final {
        flex-direction: column;
        padding: 24px 15px;
    }

    #gardner-no-test .no-test-explain-title span {
        width: 35px;
    }
}
/* =========================================
   Gardner Pricing
========================================= */

#gardner-pricing {
    padding: 42px 0 35px;
    background: #ffffff;
}
        radial-gradient(circle at top center, rgba(37, 99, 235, 0.06), transparent 28%),
        #ffffff;
}

.gardner-pricing-header {
    max-width: 850px;
    margin: 0 auto 42px;
    text-align: center;
}

.gardner-pricing-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 22px;
    margin-bottom: 16px;

    border-radius: 999px;
    border: 1px solid #bfdbfe;
    background: #eff6ff;

    color: #1d4ed8;
    font-size: 14px;
    font-weight: 800;
}

.gardner-pricing-title {
    margin: 0;

    color: #0f2747;
    font-size: clamp(32px, 3vw, 46px);
    line-height: 1.45;
    font-weight: 900;
}

.gardner-pricing-title span {
    color: #2563eb;
}

.gardner-pricing-intro {
    max-width: 700px;
    margin: 14px auto 0;

    color: #64748b;
    font-size: 15px;
    line-height: 2;
}

/* 3 قیمت */

.gardner-pricing-grid {
    max-width: 1100px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;

    align-items: stretch;
}

..gardner-price-card {
    min-height: 220px;
    padding: 22px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    border-radius: 26px;
    border: 1px solid #e2e8f0;

    background: #ffffff;

    text-align: center;
    text-decoration: none;

    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.06);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

a.gardner-price-card {
    color: inherit;
}

.gardner-price-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 50px rgba(15, 23, 42, 0.10);
}

/* قیمت اصلی */

.gardner-price-original {
    background: #fbfdff;
}

.price-label {
    display: block;
    margin-bottom: 18px;

    color: #475569;
    font-size: 16px;
    font-weight: 800;
}

.price-original-number {
    color: #0f2747;
    font-size: 32px;
    font-weight: 900;
    text-decoration: none;
}
.price-currency {
    display: block;
    margin-top: 7px;

    color: #64748b;
    font-size: 14px;
}

.price-description {
    max-width: 230px;

    margin: 20px auto 0;

    color: #94a3b8;

    font-size: 13px;
    line-height: 1.8;
}

/* کارت نقدی */

.gardner-price-featured {
    z-index: 2;

    border: 1px solid #bfdbfe;

    background:
        linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);

    box-shadow:
        0 16px 38px rgba(37, 99, 235, 0.10);

    transform: translateY(-6px);
}

.gardner-price-featured:hover {
    transform: translateY(-10px);
}

.price-featured-badges {
    position: absolute;

    top: 18px;
    right: 18px;
    left: 18px;

    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.price-special,
.price-discount {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 7px 12px;

    border-radius: 999px;

    font-size: 12px;
    font-weight: 900;
}

.price-special {
    background: #eff6ff;
    color: #2563eb;
}

.price-discount {
    background: #ecfdf5;
    color: #059669;
}

.price-old {
    margin-bottom: 5px;

    color: #94a3b8;

    font-size: 14px;

    text-decoration: line-through;
}

.price-main {
    color: #0b63a5;
    font-size: clamp(34px, 3vw, 44px);
    font-weight: 900;
    line-height: 1.25;
}

    font-size: clamp(34px, 3vw, 46px);
    font-weight: 900;
    line-height: 1.3;
}

.price-select {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-top: 22px;
    padding: 10px 18px;

    border-radius: 999px;

    background: #eff6ff;
    color: #2563eb;

    font-size: 13px;
    font-weight: 900;
}

/* اقساط */

.gardner-price-installment {
    background: #ffffff;
}

.installment-main {
    color: #0f2747;

    font-size: 34px;
    font-weight: 900;
}

.installment-each {
    margin-top: 12px;

    color: #64748b;
    font-size: 14px;
    line-height: 1.8;
}

.installment-each strong {
    display: block;

    margin-top: 4px;

    color: #2563eb;
    font-size: 17px;
    font-weight: 900;
}

/* دکمه نهایی */

.gardner-pricing-action {
    margin-top: 24px;
    text-align: center;
}
.gardner-register-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 260px;
    padding: 14px28px;

    border-radius: 999px;

    background: linear-gradient(135deg, #0b78c8, #075a9d);
    color: #ffffff !important;

    text-decoration: none;

    font-size: 16px;
    font-weight: 900;

    box-shadow: 0 12px 30px rgba(7, 90, 157, 0.24);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.gardner-register-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 38px rgba(7, 90, 157, 0.30);
}

.gardner-pricing-action p {
    margin: 13px 0 0;

    color: #94a3b8;
    font-size: 12.5px;
}

/* تبلت */

@media (max-width: 900px) {
    .gardner-pricing-grid {
        grid-template-columns: 1fr;
        max-width: 520px;
    }

    .gardner-price-featured {
        transform: none;
    }

    .gardner-price-featured:hover {
        transform: translateY(-6px);
    }
}

/* موبایل */

@media (max-width: 600px) {
    #gardner-pricing {
        padding: 55px 0;
    }

    .gardner-price-card {
        min-height: 250px;
    }

    .gardner-register-button {
        width: 100%;
        min-width: 0;
    }
}
/* =========================================
   Pricing Pro Section
========================================= */

#gardner-pricing {
    padding: 58px 0 48px;
    background:
        radial-gradient(circle at top center, rgba(37, 99, 235, 0.05), transparent 26%),
        #ffffff;
}

.pricing-pro-header {
    max-width: 820px;
    margin: 0 auto 30px;
    text-align: center;
}

.pricing-pro-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 20px;
    margin-bottom: 14px;

    border-radius: 999px;
    border: 1px solid #bfdbfe;
    background: #eff6ff;

    color: #1d4ed8;
    font-size: 13px;
    font-weight: 800;
}

.pricing-pro-title {
    margin: 0;
    color: #0f2747;
    font-size: clamp(30px, 3vw, 44px);
    line-height: 1.4;
    font-weight: 900;
}

.pricing-pro-title span {
    color: #2563eb;
}

.pricing-pro-intro {
    margin: 12px auto 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.9;
}


/* سه کارت */

.pricing-pro-grid {
    max-width: 1120px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;

    align-items: stretch;
}

.pricing-plan {
    position: relative;

    min-height: 300px;
    padding: 24px 22px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    border-radius: 24px;
    border: 1px solid #e2e8f0;
    background: #ffffff;

    text-align: center;

    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.pricing-plan:hover {
    transform: translateY(-5px);
    box-shadow: 0 22px 48px rgba(15, 23, 42, 0.10);
}


/* آیکون */

.pricing-plan-icon {
    width: 58px;
    height: 58px;
    margin-bottom: 14px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: linear-gradient(145deg, #eff6ff, #dbeafe);

    color: #2563eb;
    font-size: 26px;
    font-weight: 900;
}


/* عنوان */

.pricing-plan h3 {
    margin: 0 0 14px;

    color: #0f2747;
    font-size: 19px;
    font-weight: 900;
}


/* کارت نقدی */

.pricing-cash {
    border: 1.5px solid #2563eb;

    background:
        linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);

    box-shadow:
        0 18px 42px rgba(37, 99, 235, 0.12);

    transform: translateY(-6px);
}

.pricing-cash:hover {
    transform: translateY(-10px);
}

.pricing-discount {
    position: absolute;
    top: 16px;
    right: 16px;

    padding: 7px 12px;

    border-radius: 999px;
    background: #ecfdf5;

    color: #059669;
    font-size: 12px;
    font-weight: 900;
}

.pricing-old-price {
    color: #94a3b8;
    font-size: 13px;
    text-decoration: line-through;
    margin-bottom: 5px;
}

.pricing-current-price {
    color: #0b63a5;
    font-size: 38px;
    font-weight: 900;
    line-height: 1.2;
}

.pricing-special {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-top: 14px;
    padding: 8px 14px;

    border-radius: 999px;
    background: #ecfdf5;

    color: #059669;
    font-size: 12px;
    font-weight: 900;
}


/* اقساط */

.pricing-installment-count {
    color: #0f2747;
    font-size: 34px;
    font-weight: 900;
}

.pricing-small-line {
    width: 38px;
    height: 2px;
    margin: 12px auto;

    border-radius: 999px;
    background: #cbd5e1;
}

.pricing-each-label {
    color: #64748b;
    font-size: 13px;
}

.pricing-each-price {
    margin-top: 4px;
    color: #2563eb;
    font-size: 16px;
    font-weight: 900;
}


/* قیمت اصلی */

.pricing-original-price {
    color: #0f2747;
    font-size: 34px;
    font-weight: 900;
}

.pricing-currency {
    display: block;
    margin-top: 4px;

    color: #64748b;
    font-size: 13px;
}


/* مزایا */

.pricing-plan-features {
    list-style: none;
    padding: 0;
    margin: 18px 0 0;

    display: grid;
    gap: 8px;

    text-align: right;
}

.pricing-plan-features li {
    position: relative;
    padding-right: 18px;

    color: #64748b;
    font-size: 12.5px;
    line-height: 1.8;
}

.pricing-plan-features li::before {
    content: "✓";
    position: absolute;
    right: 0;

    color: #2563eb;
    font-weight: 900;
}


/* دکمه داخل کارت */

.pricing-plan-button {
    margin-top: 18px;
    min-width: 180px;

    padding: 10px 16px;

    border-radius: 12px;

    font-size: 13px;
    font-weight: 900;
}

.pricing-plan-button-light {
    border: 1px solid #bfdbfe;
    background: #ffffff;
    color: #2563eb;
}

.pricing-plan-button-main {
    background: linear-gradient(135deg, #1677e8, #0b5bc7);
    color: #ffffff;

    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.18);
}


/* ثبت نام اصلی */

.pricing-register-box {
    max-width: 900px;
    margin: 26px auto 0;
    padding: 18px 22px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: #ffffff;

    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
}

.pricing-register-copy {
    display: flex;
    align-items: center;
    gap: 14px;
}

.pricing-register-icon {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: #eff6ff;

    color: #2563eb;
    font-size: 20px;
    font-weight: 900;
}

.pricing-register-copy h3 {
    margin: 0 0 4px;

    color: #0f2747;
    font-size: 17px;
    font-weight: 900;
}

.pricing-register-copy p {
    margin: 0;

    color: #64748b;
    font-size: 12.5px;
}

.pricing-register-button {
    min-width: 230px;

    padding: 13px 24px;

    border: none;
    border-radius: 14px;

    background: linear-gradient(135deg, #1677e8, #0b5bc7);

    color: #ffffff;

    font-size: 14px;
    font-weight: 900;

    cursor: pointer;

    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.20);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.pricing-register-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(37, 99, 235, 0.26);
}


/* اعتماد پایین */

.pricing-trust-row {
    max-width: 900px;
    margin: 14px auto 0;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.pricing-trust-row span {
    padding: 10px 12px;

    text-align: center;

    border: 1px solid #eef2f7;
    border-radius: 12px;

    background: #fbfdff;

    color: #475569;
    font-size: 11.5px;
}


/* تبلت */

@media (max-width: 900px) {
    .pricing-pro-grid {
        grid-template-columns: 1fr;
        max-width: 500px;
    }

    .pricing-cash {
        transform: none;
    }

    .pricing-register-box {
        flex-direction: column;
        text-align: center;
    }

    .pricing-register-copy {
        flex-direction: column;
    }

    .pricing-trust-row {
        grid-template-columns: repeat(2, 1fr);
    }
}


/* موبایل */

@media (max-width: 600px) {
    #gardner-pricing {
        padding: 45px 0 40px;
    }

    .pricing-plan {
        min-height: auto;
    }

    .pricing-register-button {
        width: 100%;
        min-width: 0;
    }

    .pricing-trust-row {
        grid-template-columns: 1fr;
    }
}
/* ===== Pricing Compact Final Fix ===== */

#gardner-pricing {
    padding: 38px 0 28px !important;
}

#gardner-pricing .pricing-pro-header {
    margin: 0 auto 20px !important;
}

#gardner-pricing .pricing-plan {
    min-height: 235px !important;
    padding: 18px !important;
}

#gardner-pricing .pricing-plan-icon {
    width: 46px !important;
    height: 46px !important;
    margin-bottom: 9px !important;
    font-size: 21px !important;
}

#gardner-pricing .pricing-plan h3 {
    margin: 0 0 8px !important;
    font-size: 17px !important;
}

#gardner-pricing .pricing-installment-count {
    font-size: 30px !important;
}

#gardner-pricing .pricing-current-price {
    font-size: 34px !important;
}

#gardner-pricing .pricing-original-price {
    font-size: 30px !important;
}

#gardner-pricing .pricing-plan-features {
    margin: 10px 0 0 !important;
    gap: 4px !important;
}

#gardner-pricing .pricing-plan-features li {
    font-size: 11.5px !important;
    line-height: 1.6 !important;
}

#gardner-pricing .pricing-plan-button {
    margin-top: 10px !important;
    padding: 8px 14px !important;
}

#gardner-pricing .pricing-special {
    margin-top: 8px !important;
    padding: 6px 12px !important;
}

#gardner-pricing .pricing-cash {
    border: 1px solid #93c5fd !important;
    box-shadow: 0 14px 35px rgba(37, 99, 235, 0.10) !important;
    transform: translateY(-4px) !important;
}

#gardner-pricing .pricing-register-box {
    margin: 16px auto 0 !important;
    padding: 13px 20px !important;
}

#gardner-pricing .pricing-trust-row {
    margin: 9px auto 0 !important;
}

#gardner-pricing .pricing-trust-row span {
    padding: 7px 9px !important;
}
/* =====================================
   Gardner Final CTA - Final Polish
===================================== */

#gardner-final-cta {
    padding: 55px 0 60px;
    background: #ffffff;
}

#gardner-final-cta .gardner-final-cta-box {
    position: relative;
    overflow: hidden;

    max-width: 1120px;
    margin: 0 auto;
    padding: 52px 55px;

    text-align: center;

    border-radius: 32px;
    border: 1px solid #bfdbfe;

    background:
        radial-gradient(circle at 15% 20%, rgba(37,99,235,.10), transparent 25%),
        radial-gradient(circle at 85% 85%, rgba(14,165,233,.08), transparent 28%),
        linear-gradient(135deg, #ffffff 0%, #f3f8ff 100%);

    box-shadow: 0 22px 55px rgba(15, 23, 42, 0.08);
}

/* تزئینات ظریف */

#gardner-final-cta .gardner-final-cta-box::before {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    top: -75px;
    right: -50px;

    border-radius: 50%;
    border: 22px solid rgba(37, 99, 235, 0.06);
}

#gardner-final-cta .gardner-final-cta-box::after {
    content: "";
    position: absolute;
    width: 110px;
    height: 110px;
    bottom: -55px;
    left: -35px;

    border-radius: 50%;
    background: rgba(59, 130, 246, 0.05);
}

#gardner-final-cta .section-tag {
    position: relative;
    z-index: 2;

    display: inline-flex;
    padding: 9px 20px;

    margin-bottom: 17px;

    border-radius: 999px;
    border: 1px solid #bfdbfe;

    background: rgba(239, 246, 255, 0.95);

    color: #1d4ed8;
    font-size: 13px;
    font-weight: 900;
}

#gardner-final-cta .section-title {
    position: relative;
    z-index: 2;

    max-width: 800px;
    margin: 0 auto;

    color: #0f2747;

   font-size: clamp(28px, 2.6vw, 40px);
line-height: 1.5;
font-weight: 700;
}

#gardner-final-cta .section-text {
    position: relative;
    z-index: 2;

    max-width: 750px;
    margin: 16px auto 0;

    color: #52627a;

    font-size: 15px;
    line-height: 2;
}


/* دکمه‌ها */

#gardner-final-cta .gardner-final-cta-actions {
    position: relative;
    z-index: 2;

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;

    margin-top: 27px;
}

#gardner-final-cta .gardner-final-cta-actions .btn {
    min-width: 190px;
    padding: 14px 25px;

    border-radius: 14px;

    font-size: 14px;
    font-weight: 900;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

/* دکمه اصلی */

#gardner-final-cta .btn-primary {
    background: linear-gradient(135deg, #1680d5, #075da3);
    color: #ffffff;

    border: none;

    box-shadow: 0 10px 25px rgba(7, 93, 163, 0.22);
}

#gardner-final-cta .btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 32px rgba(7, 93, 163, 0.28);
}

/* دکمه دوم */

#gardner-final-cta .btn-secondary {
    background: rgba(255,255,255,.95);
    color: #1769aa;

    border: 1px solid #9fc9f5;

    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
}

#gardner-final-cta .btn-secondary:hover {
    transform: translateY(-3px);
    background: #ffffff;
}


/* موبایل */

@media (max-width: 700px) {

    #gardner-final-cta .gardner-final-cta-box {
        padding: 38px 22px;
        border-radius: 25px;
    }

  #gardner-final-cta .section-title {
    font-size: 26px;
    line-height: 1.6;
    font-weight: 700;
}

    #gardner-final-cta .gardner-final-cta-actions {
        flex-direction: column;
    }

    #gardner-final-cta .gardner-final-cta-actions .btn {
        width: 100%;
    }
}
#gardner-faq .section-header {
    text-align: center;
}

#gardner-faq .section-title,
#gardner-faq .section-text {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
/* ===== Mobile Hero Final Fix ===== */
@media (max-width: 600px) {

    #course-hero {
        min-height: 620px !important;
        height: auto !important;
    }

    #course-hero .hero-image {
        object-fit: cover !important;
        object-position: 67% center !important;
    }

    #course-hero .hero-overlay {
        background: rgba(8, 24, 45, 0.35) !important;
    }

    #course-hero .hero-content {
        min-height: 620px !important;
        padding: 55px 22px 45px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #course-hero .hero-copy {
        width: 100% !important;
        max-width: 470px !important;

        margin: 0 auto !important;
        padding: 0 !important;

        transform: none !important;
        text-align: center !important;
    }

    #course-hero .hero-title {
        max-width: 460px !important;
        margin: 0 auto 18px !important;

        font-size: 30px !important;
        line-height: 1.5 !important;
        font-weight: 800 !important;

        text-align: center !important;
    }

    #course-hero .hero-subtitle {
        max-width: 410px !important;
        margin: 0 auto 25px !important;

        font-size: 14px !important;
        line-height: 1.9 !important;
        text-align: center !important;
    }

    #course-hero .hero-actions {
        width: 100% !important;
        margin: 0 auto !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        gap: 12px !important;
    }

    #course-hero .hero-actions .btn {
        width: 230px !important;
        min-width: 0 !important;

        padding: 13px 20px !important;

        font-size: 14px !important;
        border-radius: 18px !important;
    }
}
/* ===== Talent Solution Mobile Final Fix ===== */
@media (max-width: 767px) {

    #talent-solution .talent-solution-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 14px !important;
    }

    #talent-solution .talent-solution-card,
    #talent-solution .talent-solution-card-wide {
        grid-column: 1 !important;
        grid-row: auto !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        justify-self: stretch !important;
        box-sizing: border-box !important;
    }
}
/* ==================================================
   40 Secrets - Help Section
   ================================================== */

#career-intro.forty-help-section {
    background: #f4f9ff;
    padding: 70px 0;
}

#career-intro .forty-help-box {
    max-width: 1240px;
    margin: 0 auto;
    padding: 55px 55px 48px;
    background:
        radial-gradient(circle at 12% 30%, rgba(59, 130, 246, .08), transparent 28%),
        linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid #cfe1fb;
    border-radius: 34px;
    box-shadow: 0 18px 50px rgba(37, 99, 235, .09);

    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 60px;

    /* تصویر چپ - متن راست */
    direction: ltr;

    position: relative;
    overflow: hidden;
}


/* =========================
   بخش تصویری سمت چپ
   ========================= */

#career-intro .forty-help-visual {
    position: relative;
    min-height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#career-intro .forty-help-circle {
    width: 350px;
    height: 350px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 2;

    background: linear-gradient(145deg, #dcebff, #4285f4);

    border: 14px solid rgba(255, 255, 255, .72);

    box-shadow:
        0 22px 50px rgba(37, 99, 235, .18),
        0 0 0 1px rgba(59, 130, 246, .08);
}

#career-intro .forty-help-circle::before {
    content: "";
    position: absolute;
    inset: -38px;
    border-radius: 50%;
    border: 2px dashed rgba(59, 130, 246, .25);
    z-index: -1;
}

#career-intro .forty-help-student {
    position: absolute;
 bottom: -28px;
    left: 50%;
width: 118%;
max-width: none;
height: auto;
    transform: translateX(-50%);
    object-fit: contain;
    object-position: center bottom;

    z-index: 3;
}


/* =========================
   کارت‌های شناور
   ========================= */

#career-intro .forty-skill-float {
    position: absolute;
    z-index: 4;

    width: 145px;
    min-height: 120px;

    background: rgba(255, 255, 255, .96);
    border: 1px solid #e4efff;
    border-radius: 24px;

    box-shadow: 0 14px 35px rgba(37, 99, 235, .12);

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: 8px;
    padding: 14px;

    color: #17335e;
    text-align: center;
}

#career-intro .forty-skill-float strong {
    font-size: 14px;
    font-weight: 800;
}

#career-intro .forty-skill-icon {
    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 16px;
    background: #edf5ff;

    font-size: 25px;
}


/* جای کارت‌ها */

#career-intro .forty-skill-communication {
    top: 25px;
    left: 0;
}

#career-intro .forty-skill-confidence {
    top: 25px;
    right: 0;
}

#career-intro .forty-skill-creativity {
    bottom: 90px;
    left: -15px;
}

#career-intro .forty-skill-problem {
    bottom: 90px;
    right: -15px;
}


/* =========================
   پیام پایین تصویر
   ========================= */

#career-intro .forty-help-message {
    position: absolute;
    z-index: 5;

    bottom: 0;
    left: 50%;
    transform: translateX(-50%);

    width: 410px;
    max-width: 88%;

    background: rgba(255, 255, 255, .97);
    border: 1px solid #e1ecfb;
    border-radius: 50px;

    box-shadow: 0 12px 30px rgba(37, 99, 235, .10);

    padding: 13px 20px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    direction: rtl;
}

#career-intro .forty-help-message > span {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: #3b82f6;
    color: #fff;

    font-size: 18px;
}

#career-intro .forty-help-message p {
    margin: 0;
    color: #334155;
    font-size: 13px;
    line-height: 1.8;
}

#career-intro .forty-help-message strong {
    color: #1565d8;
}


/* =========================
   محتوای سمت راست
   ========================= */

#career-intro .forty-help-content {
    direction: rtl;
    text-align: right;
}

#career-intro .forty-help-tag {
    width: max-content;

    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 22px;
    padding: 10px 18px;

    border-radius: 999px;

    color: #0667bd;
    background: #edf6ff;
    border: 1px solid #bad8ff;

    font-size: 14px;
    font-weight: 800;
}

#career-intro .forty-help-tag span {
    color: #2563eb;
    font-size: 20px;
}

#career-intro .forty-help-title {
    margin: 0;

    color: #102a56;
    font-size: clamp(30px, 3vw, 46px);
    font-weight: 900;
    line-height: 1.55;
}

#career-intro .forty-help-title span {
    color: #1670ee;
}


/* خط تزئینی زیر عنوان */

#career-intro .forty-help-line {
    margin: 18px 0 25px;
    display: flex;
    align-items: center;
    gap: 7px;
}

#career-intro .forty-help-line span {
    width: 80px;
    height: 5px;

    border-radius: 10px;
    background: linear-gradient(90deg, #60a5fa, #1670ee);
}

#career-intro .forty-help-line i {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #1670ee;
}


/* متن‌ها */

#career-intro .forty-help-text {
    max-width: 570px;

    margin: 0 0 16px;

    color: #526174;
    font-size: 15px;
    line-height: 2.1;
    font-weight: 500;
}


/* =========================
   چهار مهارت پایین
   ========================= */

#career-intro .forty-help-skills {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 12px;
    margin-top: 32px;
}

#career-intro .forty-help-skill {
    min-height: 125px;

    padding: 16px 8px;

    background: #ffffff;
    border: 1px solid #e6eef9;
    border-radius: 22px;

    box-shadow: 0 10px 25px rgba(15, 77, 153, .07);

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 10px;
    text-align: center;

    transition: transform .25s ease, box-shadow .25s ease;
}

#career-intro .forty-help-skill:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 32px rgba(37, 99, 235, .13);
}

#career-intro .forty-help-skill span {
    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: #edf5ff;

    font-size: 25px;
}

#career-intro .forty-help-skill strong {
    color: #075cc6;
    font-size: 13px;
    font-weight: 800;
}


/* ==================================================
   Tablet
   ================================================== */

@media (max-width: 1024px) {

    #career-intro.forty-help-section {
        padding: 50px 0;
    }

    #career-intro .forty-help-box {
        grid-template-columns: 1fr;
        gap: 40px;

        padding: 45px 35px;
    }

    #career-intro .forty-help-content {
        grid-row: 1;
        text-align: center;
    }

    #career-intro .forty-help-tag {
        margin-left: auto;
        margin-right: auto;
    }

    #career-intro .forty-help-line {
        justify-content: center;
    }

    #career-intro .forty-help-text {
        margin-left: auto;
        margin-right: auto;
    }

    #career-intro .forty-help-visual {
        grid-row: 2;
        max-width: 620px;
        width: 100%;
        margin: 0 auto;
    }
}


/* ==================================================
   Mobile
   ================================================== */

@media (max-width: 600px) {

    #career-intro.forty-help-section {
        padding: 28px 14px;
    }

    #career-intro .forty-help-box {
        padding: 30px 18px 28px;

        border-radius: 26px;

        gap: 25px;
    }

    #career-intro .forty-help-title {
        font-size: 27px;
        line-height: 1.65;
    }

    #career-intro .forty-help-text {
        font-size: 14px;
        line-height: 2;
    }

    #career-intro .forty-help-visual {
        min-height: 430px;
    }

    #career-intro .forty-help-circle {
        width: 250px;
        height: 250px;

        border-width: 9px;
    }

    #career-intro .forty-help-student {
        object-position: 70% center;
    }

    /* کارت‌های شناور کوچکتر */

    #career-intro .forty-skill-float {
        width: 105px;
        min-height: 90px;

        border-radius: 18px;
        padding: 9px;
    }

    #career-intro .forty-skill-float strong {
        font-size: 11px;
    }

    #career-intro .forty-skill-icon {
        width: 38px;
        height: 38px;
        font-size: 19px;
    }

    #career-intro .forty-skill-communication {
        top: 20px;
        left: 0;
    }

    #career-intro .forty-skill-confidence {
        top: 20px;
        right: 0;
    }

    #career-intro .forty-skill-creativity {
        bottom: 95px;
        left: -2px;
    }

    #career-intro .forty-skill-problem {
        bottom: 95px;
        right: -2px;
    }

    #career-intro .forty-help-message {
        width: 92%;
        bottom: 5px;

        padding: 10px 13px;
    }

    #career-intro .forty-help-message p {
        font-size: 11.5px;
    }

    #career-intro .forty-help-message > span {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }

    /* چهار مهارت پایین، دو در دو */

    #career-intro .forty-help-skills {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-top: 25px;
    }

    #career-intro .forty-help-skill {
        min-height: 105px;
    }
}
/* ===== 40 Secrets - Decorative Circles ===== */

#career-intro .forty-help-visual::before {
    content: "";
    position: absolute;

    top: 50%;
    left: 50%;

    width: 430px;
    height: 430px;

    transform: translate(-50%, -50%);

    border: 2px dashed rgba(59, 130, 246, 0.28);
    border-radius: 50%;

    z-index: 1;
    pointer-events: none;
}


#career-intro .forty-help-visual::after {
    content: "";
    position: absolute;

    top: 50%;
    left: 50%;

    width: 490px;
    height: 490px;

    transform: translate(-50%, -50%) rotate(-8deg);

    border: 1px dashed rgba(59, 130, 246, 0.14);
    border-radius: 50%;

    z-index: 1;
    pointer-events: none;
}


/* ===== Tablet ===== */

@media (min-width: 601px) and (max-width: 1024px) {

    #career-intro .forty-help-visual::before {
        width: 410px;
        height: 410px;
    }

    #career-intro .forty-help-visual::after {
        width: 470px;
        height: 470px;
    }
}


/* ===== Mobile ===== */

@media (max-width: 600px) {

    #career-intro .forty-help-visual::before {
        width: 300px;
        height: 300px;
    }

    #career-intro .forty-help-visual::after {
        width: 345px;
        height: 345px;
    }
}
/* ===== 40 Secrets Decorative Details ===== */

#career-intro .forty-deco {
    position: absolute;
    z-index: 2;
    color: #60a5fa;
    pointer-events: none;
}

#career-intro .forty-deco-one {
    top: 105px;
    left: 85px;
    font-size: 22px;
}

#career-intro .forty-deco-two {
    top: 150px;
    right: 75px;
    font-size: 16px;
    opacity: .65;
}

#career-intro .forty-deco-three {
    bottom: 115px;
    left: 95px;
    font-size: 32px;
    color: #bfdbfe;
}

/* Mobile */
@media (max-width: 600px) {

    #career-intro .forty-deco-one {
        top: 90px;
        left: 20px;
    }

    #career-intro .forty-deco-two {
        top: 125px;
        right: 20px;
    }

    #career-intro .forty-deco-three {
        bottom: 100px;
        left: 28px;
    }
}
/* ==================================================
   40 Secrets - Curriculum Accordion
   ================================================== */

#curriculum {
    background:
        radial-gradient(circle at 90% 10%, rgba(59, 130, 246, .07), transparent 28%),
        #f6f9fd;
    padding: 70px 0;
}


/* ===== Header ===== */

#curriculum .section-header {
    max-width: 850px;
    margin: 0 auto 38px;
    text-align: center;
}

#curriculum .section-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 20px;
    margin-bottom: 16px;

    background: #edf6ff;
    border: 1px solid #b9d8ff;
    border-radius: 999px;

    color: #0868b9;
    font-size: 14px;
    font-weight: 800;
}

#curriculum .section-title {
    margin: 0 0 14px;

    color: #0f2e55;
    font-size: clamp(27px, 2.7vw, 38px);
    line-height: 1.6;
    font-weight: 850;
}

#curriculum .section-text {
    max-width: 760px;
    margin: 0 auto;

    color: #64748b;
    font-size: 15px;
    line-height: 2;
}


/* ===== Accordion container ===== */

#curriculum .course-accordion {
    max-width: 1120px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 16px;
}


/* ===== Each lesson ===== */

#curriculum .accordion-item {
    overflow: hidden;

    background: rgba(255, 255, 255, .96);

    border: 1px solid #dce7f5;
    border-radius: 20px;

    box-shadow: 0 8px 25px rgba(15, 69, 125, .055);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

#curriculum .accordion-item:hover {
    transform: translateY(-2px);

    border-color: #b9d6fb;

    box-shadow: 0 13px 30px rgba(37, 99, 235, .09);
}


/* ===== Question ===== */

#curriculum .accordion-item summary {
    position: relative;

    min-height: 68px;

    padding: 20px 25px 20px 70px;

    display: flex;
    align-items: center;

    color: #142f54;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.8;

    cursor: pointer;

    list-style: none;

    transition:
        background .25s ease,
        color .25s ease;
}

#curriculum .accordion-item summary::-webkit-details-marker {
    display: none;
}


/* علامت + */

#curriculum .accordion-item summary::after {
    content: "+";

    position: absolute;
    left: 22px;
    top: 50%;

    transform: translateY(-50%);

    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #edf5ff;
    color: #176ee8;

    font-size: 23px;
    font-weight: 500;

    transition: all .25s ease;
}


/* ===== وقتی باز می‌شود ===== */

#curriculum .accordion-item[open] {
    border-color: #a9cdfb;

    box-shadow: 0 13px 35px rgba(37, 99, 235, .10);
}

#curriculum .accordion-item[open] summary {
    background: linear-gradient(
        90deg,
        rgba(239, 246, 255, .3),
        #edf6ff
    );

    color: #0866c2;
}

#curriculum .accordion-item[open] summary::after {
    content: "−";

    background: #1976ed;
    color: #fff;
}


/* ===== Answer ===== */

#curriculum .accordion-content {
    margin: 0 24px;
    padding: 17px 5px 21px;

    border-top: 1px solid #e6eef8;
}

#curriculum .accordion-content p {
    margin: 0;

    color: #64748b;
    font-size: 14px;
    line-height: 2;
}


/* ===== آخرین مورد: ۳۰ راز دیگر ===== */

#curriculum .accordion-item:last-child {
    margin-top: 8px;

    border: 1px solid #93c5fd;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #edf6ff 100%
        );
}

#curriculum .accordion-item:last-child summary {
    color: #0865c5;
    font-size: 16px;
}

#curriculum .accordion-item:last-child summary::after {
    background: #1976ed;
    color: #fff;
}


/* ==================================================
   Tablet
   ================================================== */

@media (max-width: 1024px) {

    #curriculum {
        padding: 55px 0;
    }

  #curriculum .course-accordion {
    max-width: 92%;
    grid-template-columns: 1fr;
}
}


/* ==================================================
   Mobile
   ================================================== */

@media (max-width: 600px) {

    #curriculum {
        padding: 40px 0;
    }

    #curriculum .section-header {
        margin-bottom: 28px;
        padding: 0 17px;
    }

    #curriculum .section-title {
        font-size: 25px;
        line-height: 1.65;
    }

    #curriculum .section-text {
        font-size: 13.5px;
        line-height: 1.9;
    }

    #curriculum .course-accordion {
        max-width: none;
        width: auto;

        margin: 0 14px;

        gap: 10px;
    }

    #curriculum .accordion-item {
        border-radius: 16px;
    }

    #curriculum .accordion-item summary {
        min-height: 62px;

        padding: 16px 17px 16px 57px;

        font-size: 13.5px;
        line-height: 1.8;
    }

    #curriculum .accordion-item summary::after {
        left: 14px;

        width: 31px;
        height: 31px;

        font-size: 20px;
    }

    #curriculum .accordion-content {
        margin: 0 17px;
        padding: 14px 2px 18px;
    }

    #curriculum .accordion-content p {
        font-size: 13px;
    }
}
/* =========================================
   40 Secrets - Curriculum Cards
   ========================================= */

#curriculum .course-accordion {
    max-width: 1120px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 16px;
}

#curriculum .accordion-item {
    background: #fff;
    border: 1px solid #dbe8f7;
    border-radius: 20px;
    overflow: hidden;

    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.06);

    transition: .25s ease;
}

#curriculum .accordion-item:hover {
    transform: translateY(-2px);
    border-color: #b9d7fb;
    box-shadow: 0 13px 30px rgba(37, 99, 235, 0.10);
}

#curriculum .accordion-item summary {
    position: relative;

    min-height: 78px;

    display: flex;
    align-items: center;

    gap: 14px;

    padding: 14px 68px 14px 18px;

    cursor: pointer;
    list-style: none;

    direction: rtl;
}

#curriculum .accordion-item summary::-webkit-details-marker {
    display: none;
}


/* شماره‌ها */

#curriculum .curriculum-number {
    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 15px;

    background: #eef6ff;
    color: #1468d4;

    font-size: 18px;
    font-weight: 900;
}


/* متن سؤال */

#curriculum .curriculum-question {
    flex: 1;

    color: #142f54;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.8;

    text-align: right;
}


/* دکمه + */

#curriculum .accordion-item summary::after {
    content: "+";

    position: absolute;
    left: 18px;
    top: 50%;

    transform: translateY(-50%);

    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #edf5ff;
    color: #176ee8;

    font-size: 24px;
    font-weight: 500;

    transition: .25s ease;
}


/* حالت باز */

#curriculum .accordion-item[open] {
    border-color: #9fc8fb;
}

#curriculum .accordion-item[open] summary {
    background: linear-gradient(
        90deg,
        rgba(239, 246, 255, .2),
        #f3f8ff
    );
}

#curriculum .accordion-item[open] summary::after {
    content: "−";

    background: #1976ed;
    color: #fff;
}


/* متن بازشونده */

#curriculum .accordion-content {
    margin: 0 20px;
    padding: 16px 4px 20px;

    border-top: 1px solid #e5edf7;
}

#curriculum .accordion-content p {
    margin: 0;

    color: #64748b;
    font-size: 13.5px;
    line-height: 2;
}


/* =========================================
   Tablet + Mobile
   ========================================= */

@media (max-width: 1024px) {

    #curriculum .course-accordion {
        grid-template-columns: 1fr;
        max-width: 92%;
    }
}

@media (max-width: 600px) {

    #curriculum .course-accordion {
        max-width: none;
        margin: 0 14px;
        gap: 10px;
    }

    #curriculum .accordion-item {
        border-radius: 16px;
    }

    #curriculum .accordion-item summary {
        min-height: 68px;
        padding: 12px 56px 12px 12px;
        gap: 9px;
    }

    #curriculum .curriculum-number {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
        border-radius: 13px;

        font-size: 15px;
    }

    #curriculum .curriculum-question {
        font-size: 13px;
        line-height: 1.7;
    }

    #curriculum .accordion-item summary::after {
        left: 12px;

        width: 32px;
        height: 32px;

        font-size: 20px;
    }
}
/* ==================================================
   40 Secrets - +30 More Secrets
   ================================================== */

#curriculum .curriculum-more-item {
    grid-column: 1 / -1;

    margin-top: 12px;

    background:
        radial-gradient(circle at 12% 50%, rgba(59,130,246,.16), transparent 25%),
        linear-gradient(135deg, #ffffff 0%, #edf6ff 100%);

    border: 1px solid #83b8ff;
    border-radius: 26px;

    box-shadow: 0 14px 35px rgba(37, 99, 235, .10);

    overflow: hidden;
}


/* بخش اصلی */

#curriculum .curriculum-more-item > summary {
    min-height: 145px;

    padding: 25px 90px 25px 30px;

    display: flex;
    align-items: center;

    gap: 24px;

    direction: rtl;
}


/* آیکون هدیه */

#curriculum .curriculum-gift {
    flex: 0 0 82px;

    width: 82px;
    height: 82px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: linear-gradient(145deg, #4b97ff, #1769df);

    box-shadow:
        0 10px 25px rgba(37,99,235,.22),
        inset 0 0 0 5px rgba(255,255,255,.15);

    font-size: 38px;
}


/* متن +۳۰ */

#curriculum .curriculum-more-text {
    flex: 1;

    display: flex;
    flex-direction: column;

    gap: 8px;

    text-align: right;
}

#curriculum .curriculum-more-text strong {
    color: #176ee8;

    font-size: clamp(28px, 3vw, 42px);
    font-weight: 900;

    line-height: 1.4;
}

#curriculum .curriculum-more-text small {
    color: #64748b;

    font-size: 14px;
    font-weight: 500;

    line-height: 1.9;
}


/* دکمه + مخصوص این باکس */

#curriculum .curriculum-more-item > summary::after {
    left: 28px;

    width: 46px;
    height: 46px;

    background: #1976ed;
    color: #fff;

    font-size: 27px;
}


/* وقتی باز است */

#curriculum .curriculum-more-item[open] > summary {
    background: transparent;
}

#curriculum .curriculum-more-item[open] > summary::after {
    background: #0e5fc8;
}


/* متن بازشونده */

#curriculum .curriculum-more-item .accordion-content {
    margin: 0 32px;
    padding: 20px 5px 25px;

    text-align: right;
}


/* ===== Mobile ===== */

@media (max-width: 600px) {

    #curriculum .curriculum-more-item {
        grid-column: 1;
        border-radius: 20px;
    }

    #curriculum .curriculum-more-item > summary {
        min-height: 125px;

        padding: 20px 58px 20px 15px;

        gap: 13px;
    }

    #curriculum .curriculum-gift {
        flex-basis: 58px;

        width: 58px;
        height: 58px;

        font-size: 27px;
    }

    #curriculum .curriculum-more-text strong {
        font-size: 23px;
    }

    #curriculum .curriculum-more-text small {
        font-size: 12px;
        line-height: 1.7;
    }

    #curriculum .curriculum-more-item > summary::after {
        left: 12px;

        width: 34px;
        height: 34px;

        font-size: 21px;
    }
}
/* ==================================================
   Practical Learning - 40 Secrets
   ================================================== */

#practical-learning {
    padding: 70px 0;
    background:
        radial-gradient(circle at 8% 15%, rgba(59, 130, 246, .06), transparent 25%),
        #ffffff;
}

#practical-learning .practical-learning-top {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    align-items: center;
    gap: 55px;

    max-width: 1120px;
    margin: 0 auto;
}

#practical-learning .practical-learning-copy {
    direction: rtl;
    text-align: right;
}

#practical-learning .practical-learning-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 20px;
    margin-bottom: 18px;

    border-radius: 999px;
    border: 1px solid #b9d8ff;

    background: #edf6ff;
    color: #0768bf;

    font-size: 14px;
    font-weight: 800;
}

#practical-learning .practical-learning-title {
    margin: 0;

    color: #102a56;
    font-size: clamp(30px, 3vw, 45px);
    line-height: 1.55;
    font-weight: 850;
}

#practical-learning .practical-learning-title span {
    display: inline-block;
    color: #1670ee;
}

#practical-learning .practical-learning-text {
    max-width: 680px;

    margin: 20px 0 0;

    color: #5f6f85;
    font-size: 15px;
    line-height: 2.1;
}


/* =========================
   بخش گرافیکی
   ========================= */

#practical-learning .practical-learning-visual {
    display: flex;
    justify-content: center;
    align-items: center;
}

#practical-learning .practical-learning-illustration {
    position: relative;

    width: 330px;
    height: 260px;

    border-radius: 42px;

    background:
        radial-gradient(circle at 35% 30%, rgba(59, 130, 246, .18), transparent 40%),
        linear-gradient(145deg, #f6faff, #eaf4ff);

    border: 1px solid #d8e9fd;

    box-shadow: 0 18px 45px rgba(37, 99, 235, .09);
}

#practical-learning .practical-play,
#practical-learning .practical-book,
#practical-learning .practical-pen {
    position: absolute;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;
    border: 1px solid #e2ecfa;

    box-shadow: 0 10px 25px rgba(37, 99, 235, .10);
}

#practical-learning .practical-play {
    width: 105px;
    height: 85px;

    top: 40px;
    left: 50%;
    transform: translateX(-50%);

    border-radius: 22px;

    color: #3b82f6;
    font-size: 36px;
}

#practical-learning .practical-book {
    width: 82px;
    height: 82px;

    bottom: 35px;
    left: 45px;

    border-radius: 50%;

    font-size: 34px;
}

#practical-learning .practical-pen {
    width: 70px;
    height: 70px;

    bottom: 40px;
    right: 48px;

    border-radius: 20px;

    color: #2563eb;
    font-size: 34px;
}


/* =========================
   سه ویژگی پایین
   ========================= */

#practical-learning .practical-learning-features {
    position: relative;

    max-width: 1100px;
    margin: 55px auto 0;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px;
}

/* خط ارتباطی */
#practical-learning .practical-learning-features::before {
    content: "";

    position: absolute;

    top: 47px;
    left: 16%;
    right: 16%;

    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        #bcd6f8,
        #bcd6f8,
        transparent
    );

    z-index: 0;
}

#practical-learning .practical-feature {
    position: relative;
    z-index: 2;

    text-align: center;

    padding: 0 20px;

    background: transparent;
}

#practical-learning .practical-feature-icon {
    width: 94px;
    height: 94px;

    margin: 0 auto 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #f0f7ff;
    border: 1px dashed #82b7f6;

    color: #1670ee;

    font-size: 30px;
    font-weight: 700;

    box-shadow: 0 10px 25px rgba(37, 99, 235, .08);
}

#practical-learning .practical-feature h3 {
    margin: 0 0 10px;

    color: #132d52;

    font-size: 17px;
    line-height: 1.8;
    font-weight: 800;
}

#practical-learning .practical-feature p {
    max-width: 280px;
    margin: 0 auto;

    color: #718096;

    font-size: 13.5px;
    line-height: 1.95;
}


/* ==================================================
   Tablet
   ================================================== */

@media (max-width: 1024px) {

    #practical-learning {
        padding: 55px 0;
    }

    #practical-learning .practical-learning-top {
        grid-template-columns: 1fr;

        gap: 35px;

        padding: 0 28px;
    }

    #practical-learning .practical-learning-copy {
        text-align: center;
    }

    #practical-learning .practical-learning-text {
        margin-left: auto;
        margin-right: auto;
    }

    #practical-learning .practical-learning-illustration {
        width: 310px;
        height: 240px;
    }

    #practical-learning .practical-learning-features {
        padding: 0 28px;
        gap: 24px;
    }
}


/* ==================================================
   Mobile
   ================================================== */

@media (max-width: 600px) {

    #practical-learning {
        padding: 40px 0;
    }

    #practical-learning .practical-learning-top {
        padding: 0 16px;
        gap: 28px;
    }

    #practical-learning .practical-learning-title {
        font-size: 27px;
        line-height: 1.65;
    }

    #practical-learning .practical-learning-text {
        font-size: 13.5px;
        line-height: 2;
    }

    #practical-learning .practical-learning-illustration {
        width: 270px;
        height: 210px;
    }

    #practical-learning .practical-play {
        width: 90px;
        height: 72px;
        font-size: 29px;
    }

    #practical-learning .practical-book {
        width: 66px;
        height: 66px;

        left: 34px;

        font-size: 28px;
    }

    #practical-learning .practical-pen {
        width: 58px;
        height: 58px;

        right: 36px;

        font-size: 27px;
    }

    #practical-learning .practical-learning-features {
        grid-template-columns: 1fr;

        margin-top: 38px;
        padding: 0 20px;

        gap: 30px;
    }

    #practical-learning .practical-learning-features::before {
        display: none;
    }

    #practical-learning .practical-feature {
        padding: 0;
    }

    #practical-learning .practical-feature-icon {
        width: 78px;
        height: 78px;

        font-size: 25px;
    }
}
/* ==================================================
   WHY JOIN - 40 Secrets
   ================================================== */

#why-join {
    padding: 72px 0;
    background:
        radial-gradient(circle at 12% 15%, rgba(59, 130, 246, .06), transparent 24%),
        #ffffff;
}

/* ===== Header ===== */

#why-join .why-join-header {
    max-width: 900px;
    margin: 0 auto 48px;
    text-align: center;
}

#why-join .why-join-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 20px;
    margin-bottom: 16px;

    border-radius: 999px;
    border: 1px solid #b9d8ff;

    background: #edf6ff;
    color: #0867bd;

    font-size: 14px;
    font-weight: 800;
}

#why-join .why-join-title {
    margin: 0 0 14px;

    color: #102a56;
    font-size: clamp(28px, 3vw, 40px);
    line-height: 1.6;
    font-weight: 850;
}

#why-join .why-join-intro {
    max-width: 790px;
    margin: 0 auto;

    color: #64748b;
    font-size: 15px;
    line-height: 2.05;
}


/* ===== مسیر سه مرحله‌ای ===== */

#why-join .why-join-path {
    position: relative;

    max-width: 1080px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 55px;
}

/* خط اتصال */
#why-join .why-join-path::before {
    content: "";

    position: absolute;

    top: 74px;
    left: 13%;
    right: 13%;

    height: 2px;

    background: linear-gradient(
        90deg,
        transparent,
        #b9d8ff 15%,
        #b9d8ff 85%,
        transparent
    );

    z-index: 0;
}


/* ===== هر آیتم ===== */

#why-join .why-join-item {
    position: relative;
    z-index: 2;

    text-align: center;

    padding: 0 12px;
}

/* شماره */
#why-join .why-join-number {
    width: max-content;
    margin: 0 auto 10px;

    padding: 5px 11px;

    border-radius: 999px;

    background: #f1f7ff;
    color: #176ee8;

    font-size: 12px;
    font-weight: 900;
    letter-spacing: .5px;
}


/* آیکون اصلی */
#why-join .why-join-icon {
    width: 108px;
    height: 108px;

    margin: 0 auto 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        radial-gradient(circle at 35% 30%, #ffffff, #edf6ff);

    border: 1px solid #c7defb;

    box-shadow:
        0 14px 30px rgba(37, 99, 235, .09),
        inset 0 0 0 8px rgba(239, 246, 255, .8);

    font-size: 40px;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

#why-join .why-join-item:hover .why-join-icon {
    transform: translateY(-5px) scale(1.03);

    box-shadow:
        0 18px 35px rgba(37, 99, 235, .15),
        inset 0 0 0 8px rgba(239, 246, 255, .9);
}


/* عنوان */
#why-join .why-join-item h3 {
    max-width: 270px;
    margin: 0 auto 10px;

    color: #142f54;
    font-size: 18px;
    line-height: 1.7;
    font-weight: 850;
}


/* توضیح */
#why-join .why-join-item p {
    max-width: 290px;
    margin: 0 auto;

    color: #718096;
    font-size: 13.5px;
    line-height: 1.95;
}


/* نقطه اتصال کوچک روی خط */
#why-join .why-join-item::before {
    content: "";

    position: absolute;

    top: 69px;
    left: 50%;

    width: 10px;
    height: 10px;

    transform: translateX(-50%);

    border-radius: 50%;

    background: #1d7cf2;

    box-shadow: 0 0 0 6px #eef6ff;

    z-index: -1;
}


/* ==================================================
   Tablet
   ================================================== */

@media (max-width: 1024px) {

    #why-join {
        padding: 58px 0;
    }

    #why-join .why-join-path {
        max-width: 90%;
        gap: 30px;
    }

    #why-join .why-join-icon {
        width: 96px;
        height: 96px;
        font-size: 35px;
    }

    #why-join .why-join-item h3 {
        font-size: 16px;
    }
}


/* ==================================================
   Mobile
   ================================================== */

@media (max-width: 600px) {

    #why-join {
        padding: 42px 0;
    }

    #why-join .why-join-header {
        margin-bottom: 34px;
        padding: 0 16px;
    }

    #why-join .why-join-title {
        font-size: 26px;
        line-height: 1.65;
    }

    #why-join .why-join-intro {
        font-size: 13.5px;
        line-height: 1.95;
    }

    #why-join .why-join-path {
        width: auto;
        max-width: none;

        margin: 0 18px;

        grid-template-columns: 1fr;

        gap: 34px;
    }

    /* خط در موبایل عمودی */
    #why-join .why-join-path::before {
        top: 55px;
        bottom: 55px;

        left: 50%;
        right: auto;

        width: 2px;
        height: auto;

        transform: translateX(-50%);

        background: linear-gradient(
            to bottom,
            transparent,
            #b9d8ff 12%,
            #b9d8ff 88%,
            transparent
        );
    }

    #why-join .why-join-item {
        padding: 0 12px 10px;

        background: #ffffff;
    }

    #why-join .why-join-icon {
        width: 84px;
        height: 84px;

        font-size: 31px;
    }

    #why-join .why-join-item::before {
        top: 60px;
    }

    #why-join .why-join-item h3 {
        font-size: 16px;
    }

    #why-join .why-join-item p {
        font-size: 13px;
    }
}
/* ==================================================
   COURSE DIFFERENCE - 40 SECRETS
   ================================================== */

#course-difference {
    padding: 74px 0;
    background:
        radial-gradient(circle at 12% 8%, rgba(37, 99, 235, .08), transparent 24%),
        linear-gradient(180deg, #f8fbff 0%, #f2f7fd 100%);
}

/* ===== Header ===== */

#course-difference .section-header {
    max-width: 920px;
    margin: 0 auto 48px;
    text-align: center;
}

#course-difference .section-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 20px;
    margin-bottom: 16px;

    border-radius: 999px;
    border: 1px solid #b9d8ff;

    background: #eaf4ff;
    color: #0d5fb8;

    font-size: 14px;
    font-weight: 800;
}

#course-difference .section-title {
    margin: 0 0 16px;

    color: #0b2148;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.55;
    font-weight: 900;
}

#course-difference .section-text {
    max-width: 820px;
    margin: 0 auto;

    color: #5d6b80;
    font-size: 14.5px;
    line-height: 2.05;
}


/* ===== Grid ===== */

#course-difference .course-benefits-grid {
    max-width: 1160px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}


/* ===== Card ===== */

#course-difference .course-benefit-card {
    position: relative;

    min-height: 175px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 22px 18px;

    background: #ffffff;

    border: 1px solid #dce7f5;
    border-radius: 20px;

    box-shadow:
        0 10px 24px rgba(15, 35, 70, .07);

    text-align: center;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

#course-difference .course-benefit-card:hover {
    transform: translateY(-6px);

    box-shadow:
        0 26px 48px rgba(15, 35, 70, .13);
}


/* ===== Check ===== */

#course-difference .benefit-check {
    position: absolute;

    top: 18px;
    right: 18px;

    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #fff;
    background: linear-gradient(145deg, #1d4ed8, #3b82f6);

    font-size: 18px;
    font-weight: 900;

    box-shadow:
        0 8px 18px rgba(37, 99, 235, .25);
}


/* ===== Hexagon ===== */

#course-difference .benefit-hexagon {
    width: 68px;
    height: 68px;

    margin-bottom: 14px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 18px;

    background: linear-gradient(145deg, #0d2d5e, #1e4fa3);

    box-shadow:
        0 10px 22px rgba(29, 78, 216, .18);

    clip-path: none;
}

#course-difference .benefit-hexagon::after {
    content: "";

    position: absolute;
    inset: 8px;

    clip-path: inherit;

    border: 1px solid rgba(255,255,255,.4);
}

#course-difference .benefit-hexagon span {
    position: relative;
    z-index: 2;

    font-size: 42px;

    filter: drop-shadow(0 4px 8px rgba(0,0,0,.15));
}


/* ===== Text ===== */

#course-difference .course-benefit-card h3 {
    max-width: 310px;
    margin: 0;

    color: #102a56;
    font-size: 16px;
    line-height: 1.9;
    font-weight: 850;
}


/* ==================================================
   Colored variants
   ================================================== */

/* Blue */
#course-difference .benefit-blue {
    box-shadow:
        0 20px 42px rgba(37, 99, 235, .13),
        0 8px 20px rgba(59, 130, 246, .08);
}

#course-difference .benefit-blue .benefit-hexagon {
    background: linear-gradient(145deg, #0b2c67, #2563eb);
}


/* Cyan */
#course-difference .benefit-cyan {
    box-shadow:
        0 20px 42px rgba(6, 182, 212, .13),
        0 8px 20px rgba(14, 165, 233, .08);
}

#course-difference .benefit-cyan .benefit-hexagon {
    background: linear-gradient(145deg, #075985, #0ea5e9);
}


/* Indigo */
#course-difference .benefit-indigo {
    box-shadow:
        0 20px 42px rgba(79, 70, 229, .15),
        0 8px 20px rgba(99, 102, 241, .08);
}

#course-difference .benefit-indigo .benefit-hexagon {
    background: linear-gradient(145deg, #312e81, #4f46e5);
}


/* Orange */
#course-difference .benefit-orange {
    box-shadow:
        0 20px 42px rgba(249, 115, 22, .14),
        0 8px 20px rgba(251, 146, 60, .08);
}

#course-difference .benefit-orange .benefit-hexagon {
    background: linear-gradient(145deg, #9a3412, #f97316);
}


/* Teal */
#course-difference .benefit-teal {
    box-shadow:
        0 20px 42px rgba(13, 148, 136, .14),
        0 8px 20px rgba(20, 184, 166, .08);
}

#course-difference .benefit-teal .benefit-hexagon {
    background: linear-gradient(145deg, #115e59, #14b8a6);
}


/* Purple */
#course-difference .benefit-purple {
    box-shadow:
        0 20px 42px rgba(126, 34, 206, .14),
        0 8px 20px rgba(168, 85, 247, .08);
}

#course-difference .benefit-purple .benefit-hexagon {
    background: linear-gradient(145deg, #581c87, #9333ea);
}


/* ==================================================
   Tablet
   ================================================== */

@media (max-width: 1024px) {

    #course-difference {
        padding: 58px 0;
    }

    #course-difference .course-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 92%;
        gap: 20px;
    }

    #course-difference .course-benefit-card {
        min-height: 245px;
    }
}


/* ==================================================
   Mobile
   ================================================== */

@media (max-width: 600px) {

    #course-difference {
        padding: 42px 0;
    }

    #course-difference .section-header {
        padding: 0 16px;
        margin-bottom: 32px;
    }

    #course-difference .section-title {
        font-size: 26px;
        line-height: 1.65;
    }

    #course-difference .section-text {
        font-size: 13.5px;
        line-height: 1.95;
    }

    #course-difference .course-benefits-grid {
        grid-template-columns: 1fr;

        max-width: none;
        margin: 0 14px;

        gap: 16px;
    }

    #course-difference .course-benefit-card {
        min-height: 215px;

        padding: 28px 18px 24px;

        border-radius: 22px;
    }

    #course-difference .benefit-hexagon {
        width: 92px;
        height: 92px;

        margin-bottom: 18px;
    }

 #course-difference .benefit-hexagon span {
    font-size: 25px;
    line-height: 1;
}

    #course-difference .course-benefit-card h3 {
        font-size: 14px;
        line-height: 1.85;
    }

    #course-difference .benefit-check {
        top: 14px;
        right: 14px;

        width: 32px;
        height: 32px;

        font-size: 16px;
    }
}
#course-difference .benefit-svg {
    width: 34px;
    height: 34px;
    color: #ffffff;
    stroke: currentColor;
}
/* ==================================================
   Difference Infographic - Step 1
   ================================================== */

#course-difference .difference-map {
    max-width: 1180px;
    margin: 50px auto 0;

    display: grid;
    grid-template-columns: 1fr 360px 1fr;
    align-items: center;
    gap: 28px;

    position: relative;
}


/* ستون‌های چپ و راست */

#course-difference .difference-side {
    display: flex;
    flex-direction: column;
    gap: 26px;
}


/* مرکز */

#course-difference .difference-center {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* حلقه اصلی */

#course-difference .difference-center-ring {
    width: 330px;
    height: 330px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;

    background:
        radial-gradient(circle at 50% 45%, #184f9f 0%, #0a2d62 65%, #071e45 100%);

    border: 9px solid #ffffff;

    box-shadow:
        0 0 0 3px #60a5fa,
        0 0 0 13px rgba(96, 165, 250, .16),
        0 22px 55px rgba(15, 54, 110, .28);
}


/* حلقه تزئینی */

#course-difference .difference-center-ring::before {
    content: "";

    position: absolute;
    inset: -28px;

    border-radius: 50%;
    border: 1px dashed rgba(59, 130, 246, .35);

    pointer-events: none;
}


/* عکس دختر */

#course-difference .difference-center-photo {
    width: 100%;
    height: 100%;

    border-radius: 50%;
    overflow: hidden;
}

#course-difference .difference-center-photo img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center top;

    transition:
        transform .45s ease,
        filter .45s ease;
}


/* موشن هنگام رفتن موس */

#course-difference .difference-center-ring:hover img {
    transform: scale(1.06) translateY(-4px);
    filter: brightness(1.04);
}


/* ==================================================
   Tablet
   ================================================== */

@media (max-width: 1024px) {

    #course-difference .difference-map {
        grid-template-columns: 1fr;
        max-width: 90%;
        gap: 32px;
    }

    #course-difference .difference-center {
        grid-row: 1;
    }

    #course-difference .difference-side {
        gap: 18px;
    }

    #course-difference .difference-center-ring {
        width: 290px;
        height: 290px;
    }
}


/* ==================================================
   Mobile
   ================================================== */

@media (max-width: 600px) {

    #course-difference .difference-map {
        max-width: none;
        margin: 32px 14px 0;
    }

    #course-difference .difference-center-ring {
        width: 240px;
        height: 240px;
    }
}
/* ==================================================
   Difference Infographic - Step 2
   Boxes
   ================================================== */

#course-difference .difference-box {
    position: relative;

    min-height: 120px;

    display: flex;
    align-items: center;
    gap: 16px;

    padding: 18px 20px;

    background: rgba(255, 255, 255, .96);

    border: 1px solid #dbe8f7;
    border-radius: 24px;

    box-shadow:
        0 14px 30px rgba(15, 45, 90, .08);

    transition:
        transform .25s ease,
        box-shadow .25s ease;

   overflow: visible;
}

#course-difference .difference-box:hover {
    transform: translateY(-4px);

    box-shadow:
        0 20px 40px rgba(15, 45, 90, .13);
}


/* شماره */

#course-difference .difference-box-number {
    flex: 0 0 52px;

    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 16px;

    color: #fff;

    font-size: 18px;
    font-weight: 900;

    box-shadow: 0 8px 18px rgba(37, 99, 235, .18);
}


/* آیکون */

#course-difference .difference-box-icon {
    flex: 0 0 58px;

    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #f3f8ff;

    font-size: 27px;

    box-shadow:
        inset 0 0 0 5px rgba(255,255,255,.9),
        0 8px 18px rgba(37,99,235,.08);
}


/* متن */

#course-difference .difference-box p {
    flex: 1;

    margin: 0;

    color: #142f54;

    font-size: 14px;
    line-height: 1.9;
    font-weight: 700;

    text-align: right;
}


/* =========================
   رنگ هر کارت
   ========================= */

#course-difference .difference-box-1 {
    border-left: 5px solid #2563eb;
}

#course-difference .difference-box-1 .difference-box-number {
    background: linear-gradient(145deg, #1d4ed8, #3b82f6);
}


#course-difference .difference-box-2 {
    border-right: 5px solid #22c1c3;
}

#course-difference .difference-box-2 .difference-box-number {
    background: linear-gradient(145deg, #0891b2, #22c1c3);
}


#course-difference .difference-box-3 {
    border-left: 5px solid #7c3aed;
}

#course-difference .difference-box-3 .difference-box-number {
    background: linear-gradient(145deg, #6d28d9, #8b5cf6);
}


#course-difference .difference-box-4 {
    border-right: 5px solid #f59e0b;
}

#course-difference .difference-box-4 .difference-box-number {
    background: linear-gradient(145deg, #ea580c, #f59e0b);
}


#course-difference .difference-box-5 {
    border-left: 5px solid #10b981;
}

#course-difference .difference-box-5 .difference-box-number {
    background: linear-gradient(145deg, #059669, #10b981);
}


#course-difference .difference-box-6 {
    border-right: 5px solid #ec4899;
}

#course-difference .difference-box-6 .difference-box-number {
    background: linear-gradient(145deg, #db2777, #ec4899);
}


/* ==================================================
   Tablet
   ================================================== */

@media (max-width: 1024px) {

    #course-difference .difference-side {
        width: 100%;
    }

    #course-difference .difference-box {
        max-width: 620px;
        width: 100%;

        margin: 0 auto;
    }
}


/* ==================================================
   Mobile
   ================================================== */

@media (max-width: 600px) {

    #course-difference .difference-box {
        min-height: 100px;

        padding: 14px;

        gap: 10px;

        border-radius: 18px;
    }

    #course-difference .difference-box-number {
        flex-basis: 42px;

        width: 42px;
        height: 42px;

        font-size: 15px;
    }

    #course-difference .difference-box-icon {
        flex-basis: 46px;

        width: 46px;
        height: 46px;

        font-size: 21px;
    }

    #course-difference .difference-box p {
        font-size: 12.5px;
        line-height: 1.8;
    }
}
/* ==================================================
   Difference Infographic - Step 3
   Connector Lines
   ================================================== */

/* پایه خط اتصال */
#course-difference .difference-box::after {
    content: "";
    position: absolute;

    top: 50%;
    width: 34px;
    height: 2px;

    transform: translateY(-50%);

    background: linear-gradient(
        90deg,
        rgba(37, 99, 235, 0.15),
        rgba(37, 99, 235, 0.65)
    );

    z-index: -1;
}


/* ستون چپ */
#course-difference .difference-side-left .difference-box::after {
    left: -90px;
    width: 90px;
}


/* ستون راست */
#course-difference .difference-side-right .difference-box::after {
    right: -90px;
    width: 90px;
}

    background: linear-gradient(
        90deg,
        rgba(37, 99, 235, 0.65),
        rgba(37, 99, 235, 0.15)
    );
}


/* نقطه انتهای اتصال */
#course-difference .difference-box::before {
    content: "";

    position: absolute;

    top: 50%;

    width: 8px;
    height: 8px;

    transform: translateY(-50%);

    border-radius: 50%;

    background: #3b82f6;

    box-shadow:
        0 0 0 5px rgba(59, 130, 246, .10);

    z-index: 2;
}


/* نقطه ستون چپ */
#course-difference .difference-side-left .difference-box::before {
    left: -5px;
}


/* نقطه ستون راست */
#course-difference .difference-side-right .difference-box::before {
    right: -5px;
}


/* ==================================================
   رنگ اتصال هر کارت
   ================================================== */

#course-difference .difference-box-1::after,
#course-difference .difference-box-1::before {
    background-color: #2563eb;
}

#course-difference .difference-box-2::after,
#course-difference .difference-box-2::before {
    background-color: #22c1c3;
}

#course-difference .difference-box-3::after,
#course-difference .difference-box-3::before {
    background-color: #7c3aed;
}

#course-difference .difference-box-4::after,
#course-difference .difference-box-4::before {
    background-color: #f59e0b;
}

#course-difference .difference-box-5::after,
#course-difference .difference-box-5::before {
    background-color: #10b981;
}

#course-difference .difference-box-6::after,
#course-difference .difference-box-6::before {
    background-color: #ec4899;
}


/* ==================================================
   دایره وسط - جزئیات بیشتر
   ================================================== */

#course-difference .difference-center-ring::after {
    content: "";

    position: absolute;
    inset: -48px;

    border-radius: 50%;

    border: 1px dotted rgba(37, 99, 235, .22);

    pointer-events: none;
}

#course-difference .difference-center {
    position: relative;
}


/* Glow ظریف پشت عکس */
#course-difference .difference-center::before {
    content: "";

    position: absolute;

    width: 370px;
    height: 370px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(59, 130, 246, .18),
            transparent 68%
        );

    filter: blur(10px);

    z-index: -1;
}


/* ==================================================
   Tablet + Mobile
   ================================================== */

@media (max-width: 1024px) {

    #course-difference .difference-box::after,
    #course-difference .difference-box::before {
        display: none;
    }

    #course-difference .difference-center::before {
        width: 320px;
        height: 320px;
    }
}


@media (max-width: 600px) {

    #course-difference .difference-center::before {
        width: 260px;
        height: 260px;
    }

    #course-difference .difference-center-ring::after {
        inset: -30px;
    }
}
#course-difference .difference-box-4::after {
    width: 55px;
    right: -55px;
}
#course-difference .difference-box-4::after {
    width: 58px !important;
    right: -58px !important;
    left: auto !important;
}
#course-difference .difference-box-4::before {
    right: -5px !important;
    left: auto !important;
}
/* موشن حرفه‌ای عکس وسط اینفوگرافیک */

#course-difference .difference-center-photo img {
    transition:
        transform 0.55s cubic-bezier(.2,.8,.2,1),
        filter 0.55s ease;
}

#course-difference .difference-center-ring:hover .difference-center-photo img {
    transform: scale(1.07) translateY(-5px);
    filter: brightness(1.06);
}
#course-difference .difference-center-ring {
    transition:
        box-shadow 0.45s ease,
        transform 0.45s ease;
}

#course-difference .difference-center-ring:hover {
    transform: scale(1.015);

    box-shadow:
        0 0 0 3px #60a5fa,
        0 0 0 14px rgba(96, 165, 250, .18),
        0 0 45px rgba(37, 99, 235, .28),
        0 24px 60px rgba(15, 54, 110, .32);
}
/* ==================================================
   Course Tools - Minimal Infographic
   ================================================== */

#course-tools .course-tools-list,
.course-tools-list {
    max-width: 1120px;
    margin: 45px auto 0;

    display: grid;
    grid-template-columns: repeat(3, 1fr);

    column-gap: 70px;
    row-gap: 55px;

    direction: rtl;
}


/* هر آیتم - بدون کادر */
#course-tools .course-tool-item,
.course-tool-item {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;

    padding: 0 10px;

    background: transparent;
    border: none;
    box-shadow: none;
}


/* آیکون کوچک */
#course-tools .course-tool-icon,
.course-tool-icon {
    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 15px;

    border-radius: 50%;

    font-size: 23px;

    background: #eef5ff;

    box-shadow:
        0 0 0 7px rgba(59, 130, 246, .05),
        0 8px 20px rgba(30, 64, 175, .08);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


/* عنوان هر مورد */
#course-tools .course-tool-copy h3,
.course-tool-copy h3 {
    margin: 0 0 8px;

    color: #082b5c;

    font-size: 16px;
    font-weight: 800;

    line-height: 1.8;
}


/* توضیح */
#course-tools .course-tool-copy p,
.course-tool-copy p {
    max-width: 290px;

    margin: 0 auto;

    color: #66758b;

    font-size: 13.5px;
    font-weight: 400;

    line-height: 2;
}


/* نقطه کوچک زیر آیکون */
#course-tools .course-tool-icon::after,
.course-tool-icon::after {
    content: "";

    position: absolute;

    width: 6px;
    height: 6px;

    margin-top: 67px;

    border-radius: 50%;

    background: currentColor;
}


/* رنگ‌های متفاوت */
.tool-blue .course-tool-icon {
    color: #2563eb;
    background: #edf4ff;
}

.tool-cyan .course-tool-icon {
    color: #0891b2;
    background: #e9fbff;
}

.tool-purple .course-tool-icon {
    color: #7c3aed;
    background: #f4efff;
}

.tool-orange .course-tool-icon {
    color: #ea7a0b;
    background: #fff5e7;
}

.tool-green .course-tool-icon {
    color: #16a05d;
    background: #ebfaf2;
}

.tool-pink .course-tool-icon {
    color: #e83e7c;
    background: #fff0f5;
}


/* Hover خیلی ظریف */
.course-tool-item:hover .course-tool-icon {
    transform: translateY(-5px) scale(1.06);

    box-shadow:
        0 0 0 9px rgba(59, 130, 246, .06),
        0 12px 25px rgba(30, 64, 175, .12);
}


/* تبلت */
@media (max-width: 900px) {

    .course-tools-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 45px;
    }
}


/* موبایل */
@media (max-width: 600px) {

    .course-tools-list {
        grid-template-columns: 1fr;

        margin-top: 35px;

        row-gap: 35px;
    }

    .course-tool-icon {
        width: 48px;
        height: 48px;

        font-size: 20px;
    }

    .course-tool-copy h3 {
        font-size: 15px;
    }

    .course-tool-copy p {
        font-size: 13px;
    }
}
/* =========================================
   Course Tools Header
   ========================================= */

.course-tools-header {
    max-width: 850px;
    margin: 0 auto 15px;
    text-align: center;
}


/* برچسب بالای عنوان */
.course-tools-header .section-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 9px 20px;
    margin-bottom: 16px;

    border-radius: 50px;

    background: #edf5ff;
    border: 1px solid #b9d5ff;

    color: #075fa8;

    font-size: 13px;
    font-weight: 700;
}


/* عنوان اصلی */
.course-tools-header .section-title {
    margin: 0;

    color: #082b5c;

    font-size: clamp(25px, 2.5vw, 35px);
    font-weight: 900;
    line-height: 1.6;
}


/* خط گرافیکی زیر عنوان */
.course-tools-header .section-title::after {
    content: "";

    display: block;

    width: 105px;
    height: 3px;

    margin: 16px auto 0;

    border-radius: 20px;

    background: linear-gradient(
        90deg,
        transparent,
        #60a5fa,
        #2563eb,
        #60a5fa,
        transparent
    );
}


/* نقطه وسط خط */
.course-tools-header {
    position: relative;
}




/* توضیح زیر تیتر */
.course-tools-header .section-text {
  max-width: 1000px;

    margin: 22px auto 0;

    color: #64748b;

    font-size: 14px;
    line-height: 2.1;
    white-space: nowrap;
}


/* موبایل */
@media (max-width: 600px) {

    .course-tools-header .section-title {
        font-size: 23px;
    }

    .course-tools-header .section-text {
        font-size: 13px;
        line-height: 2;
        white-space: normal;
        
    }
    .course-tools-list::before,
.course-tools-list::after,
.course-tool-item::after {
    display: none;
}

  
}
/* =========================================
   Course Tools - Skill Map Connections
   ========================================= */

.course-tools-list {
    position: relative;
}


/* خط ظریف ردیف بالا */
.course-tools-list::before {
    content: "";

    position: absolute;

    top: 26px;
    left: 16%;
    right: 16%;

    height: 1px;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(59, 130, 246, .12) 10%,
        rgba(59, 130, 246, .30) 50%,
        rgba(59, 130, 246, .12) 90%,
        transparent 100%
    );

    z-index: 0;
}


/* آیتم‌ها بالای خط قرار بگیرند */
.course-tool-item {
    position: relative;
    z-index: 1;
}


/* آیکون‌ها خط را تمیز قطع کنند */
.course-tool-icon {
    position: relative;
    z-index: 2;
}
/* خط ظریف ردیف پایین */



/* اتصال عمودی ظریف بین ردیف بالا و پایین */
.course-tool-item:nth-child(1)::after,
.course-tool-item:nth-child(2)::after,
.course-tool-item:nth-child(3)::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: -18px;

    width: 1px;
    height: 18px;

    transform: translateX(-50%);

    background: linear-gradient(
        to bottom,
        rgba(59, 130, 246, .22),
        rgba(59, 130, 246, .05)
    );

    z-index: 0;
}
/* خط افقی دقیق ردیف دوم */

.course-tool-item:nth-child(5)::before {
    content: "";

    position: absolute;

    top: 26px;
    left: -100%;
    right: -100%;

    height: 1px;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(59, 130, 246, .10) 8%,
        rgba(59, 130, 246, .26) 25%,
        rgba(59, 130, 246, .30) 50%,
        rgba(59, 130, 246, .26) 75%,
        rgba(59, 130, 246, .10) 92%,
        transparent 100%
    );

    z-index: -1;
}
/* ==================================================
   CAREER / KEY SKILLS - Minimal Section
   ================================================== */

#career {
    padding: 52px 0 46px;

    background:
        radial-gradient(circle at 15% 10%, rgba(59,130,246,.05), transparent 26%),
        #f8fbff;
}


/* ===== Header ===== */

#career .career-header {
    max-width: 900px;
    margin: 0 auto 34px;

    text-align: center;
}

#career .career-header .section-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 9px 18px;
    margin-bottom: 14px;

    border-radius: 999px;

    background: #edf5ff;
    border: 1px solid #bed9ff;

    color: #0c63b8;

    font-size: 13px;
    font-weight: 800;
}

#career .career-title {
    margin: 0;

    color: #0b2a58;

    font-size: clamp(27px, 2.8vw, 38px);
    font-weight: 900;
    line-height: 1.6;
}

#career .career-title span {
    color: #2474ed;
}


/* خط ظریف زیر تیتر */

#career .career-title-line {
    width: 100px;
    height: 3px;

    margin: 14px auto 16px;

    border-radius: 99px;

    background: linear-gradient(
        90deg,
        transparent,
        #7db4ff,
        #2474ed,
        #7db4ff,
        transparent
    );
}


#career .career-header .section-text {
    max-width: 760px;
    margin: 0 auto;

    color: #66758b;

    font-size: 14px;
    line-height: 2;
}


/* ===== Skills List ===== */

#career .career-simple-list {
    max-width: 980px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(3, 1fr);

    column-gap: 34px;
    row-gap: 18px;
}


/* هر مهارت - بدون باکس */

#career .career-simple-item {
    min-height: 56px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    color: #102d56;

    font-size: 15px;
    font-weight: 800;

    text-align: center;
}


/* تیک کوچک */

#career .career-check {
    width: 26px;
    height: 26px;

    flex: 0 0 26px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    font-size: 14px;
    font-weight: 900;

    background: #fff;

    box-shadow:
        0 5px 14px rgba(30, 64, 175, .08);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


#career .career-simple-item:hover .career-check {
    transform: scale(1.12);

    box-shadow:
        0 8px 18px rgba(30, 64, 175, .14);
}


/* رنگ تیک‌ها */

#career .check-blue {
    color: #2563eb;
    border: 1px solid #a9c8ff;
}

#career .check-cyan {
    color: #0891b2;
    border: 1px solid #9bddea;
}

#career .check-green {
    color: #16a05d;
    border: 1px solid #a6e4c0;
}

#career .check-orange {
    color: #e9870b;
    border: 1px solid #ffd08c;
}

#career .check-purple {
    color: #7c3aed;
    border: 1px solid #cdb8ff;
}

#career .check-pink {
    color: #e83e7c;
    border: 1px solid #ffc0d4;
}


/* ===== Tablet ===== */

@media (max-width: 900px) {

    #career .career-simple-list {
        grid-template-columns: repeat(2, 1fr);

        max-width: 88%;
    }
}


/* ===== Mobile ===== */

@media (max-width: 600px) {

    #career {
        padding: 40px 0 36px;
    }

    #career .career-header {
        padding: 0 16px;
        margin-bottom: 26px;
    }

    #career .career-title {
        font-size: 24px;
    }

    #career .career-header .section-text {
        font-size: 13px;
        line-height: 1.9;
    }

    #career .career-simple-list {
        grid-template-columns: 1fr;

        max-width: none;
        margin: 0 22px;

        row-gap: 8px;
    }

    #career .career-simple-item {
        min-height: 46px;

        justify-content: flex-start;

        font-size: 14px;
    }

    #career .career-check {
        width: 24px;
        height: 24px;

        flex-basis: 24px;

        font-size: 13px;
    }
}
/* ==================================================
   AUDIENCE - Minimal
   ================================================== */

#audience {
    padding: 56px 0 44px;
    background: #ffffff;
}


/* ===== Header ===== */

#audience .audience-header {
    max-width: 920px;
    margin: 0 auto 26px;
    text-align: center;
}

#audience .section-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 9px 18px;
    margin-bottom: 14px;

    border-radius: 999px;

    background: #edf5ff;
    border: 1px solid #bed9ff;

    color: #0c63b8;

    font-size: 13px;
    font-weight: 800;
}

#audience .audience-title {
    margin: 0;

    color: #0b2a58;

    font-size: clamp(27px, 2.8vw, 38px);
    font-weight: 900;
    line-height: 1.6;
}

#audience .audience-title span {
    color: #2474ed;
}

#audience .audience-header .section-text {
    max-width: 1050px;
    margin: 12px auto 0;

    color: #66758b;

    font-size: 14px;
    line-height: 2;

    white-space: nowrap;
}

/* خط زیر تیتر */

#audience .audience-title-line {
    width: 95px;
    height: 3px;

    margin: 14px auto 0;

    border-radius: 99px;

    background: linear-gradient(
        90deg,
        transparent,
        #7db4ff,
        #2474ed,
        #7db4ff,
        transparent
    );
}


/* ===== لیست مخاطبان مناسب ===== */

#audience .audience-minimal-list {
    max-width: 820px;
    margin: 24px auto 0;

    display: grid;
    grid-template-columns: repeat(3, 1fr);

    column-gap: 20px;
    row-gap: 12px;
}
#audience .audience-minimal-item {
    min-height: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    color: #102d56;

    font-size: 14.5px;
    font-weight: 750;

    text-align: center;
}

#audience .audience-check {
    width: 24px;
    height: 24px;

    flex: 0 0 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #2563eb;
    background: #edf4ff;

    font-size: 13px;
    font-weight: 900;
}


/* ===== هدیه ===== */

#audience .audience-gift {
    width: max-content;
    max-width: 90%;

    margin: 24px auto 0;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    color: #0b2a58;

    font-size: 14px;
    font-weight: 800;
}

#audience .audience-gift-icon {
    font-size: 20px;
}


/* ===== جداکننده ===== */

#audience .audience-divider {
    max-width: 980px;
    height: 1px;

    margin: 34px auto 30px;

    background: linear-gradient(
        90deg,
        transparent,
        #d8e5f6,
        transparent
    );
}


/* ===== بخش پیشنهاد نمی‌شود ===== */

#audience .audience-no-header {
    margin-bottom: 18px;
}

#audience .audience-no-title span {
    color: #e83e66;
}

#audience .audience-no-list {
    max-width: 760px;
    margin: 22px auto 0;

    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 28px;
}

#audience .audience-no-item {
    min-height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    color: #102d56;

    font-size: 14px;
    font-weight: 750;

    text-align: center;
}

#audience .audience-cross {
    width: 24px;
    height: 24px;

    flex: 0 0 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #e83e66;
    background: #fff0f4;

    font-size: 13px;
    font-weight: 900;
}


/* ===== Tablet ===== */

@media (max-width: 900px) {

    #audience .audience-minimal-list {
        grid-template-columns: repeat(2, 1fr);
        max-width: 88%;
    }

    #audience .audience-no-list {
        max-width: 88%;
    }
}


/* ===== Mobile ===== */

@media (max-width: 600px) {

    #audience {
        padding: 42px 0 36px;
    }

    #audience .audience-header {
        padding: 0 16px;
    }

    #audience .audience-title {
        font-size: 24px;
    }

    #audience .audience-header .section-text {
        font-size: 13px;
        line-height: 1.9;
        @media (max-width: 600px) {

    #audience .audience-header .section-text {
        white-space: normal;
    }

}
    }

    #audience .audience-minimal-list {
        grid-template-columns: 1fr;

        max-width: none;
        margin: 22px 20px 0;

        row-gap: 8px;
    }

    #audience .audience-minimal-item {
        justify-content: flex-start;
        text-align: right;
    }

    #audience .audience-no-list {
        grid-template-columns: 1fr;

        max-width: none;
        margin: 20px 20px 0;

        gap: 10px;
    }

    #audience .audience-no-item {
        justify-content: flex-start;
        text-align: right;
    }

    #audience .audience-divider {
        margin: 28px 20px 24px;
    }
}
/* نقطه سرمه‌ای کنار مخاطبان دوره */

#audience .audience-minimal-item::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: #123f86;

    margin-left: 8px;

    box-shadow: 0 0 0 4px rgba(18, 63, 134, 0.06);
}
#audience .audience-check {
    display: none;
}
/* ==================================================
   FEATURES - Modern Benefits Strip
   ================================================== */

#features {
    padding: 50px 0 45px;
}


/* ===== نوار اصلی 4 ویژگی ===== */

#features .features-strip {
    max-width: 1050px;
    margin: 32px auto 0;

    display: grid;
    grid-template-columns: repeat(4, 1fr);

    direction: rtl;
}


/* هر ویژگی */

#features .features-strip-item {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;

    padding: 8px 25px 14px;

    text-align: center;
}


/* خط جداکننده بین ویژگی‌ها */

#features .features-strip-item:not(:last-child)::after {
    content: "";

    position: absolute;

    left: 0;
    top: 12%;

    width: 1px;
    height: 76%;

    background: linear-gradient(
        to bottom,
        transparent,
        #cbdcf3,
        transparent
    );
}


/* آیکون کوچک */

#features .features-strip-icon {
    width: 38px;
    height: 38px;

    margin-bottom: 11px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #2563eb;
    background: #edf4ff;

    font-size: 16px;
    font-weight: 900;
}


/* عنوان اصلی هر ویژگی */

#features .features-strip-content strong {
    display: block;

    margin-bottom: 7px;

    color: #082b5c;

    font-size: 17px;
    font-weight: 900;
}


/* توضیح */

#features .features-strip-content span {
    display: block;

    color: #718096;

    font-size: 12.5px;
    line-height: 1.9;
}


/* ===== سه ویژگی پایین ===== */

#features .features-extra {
    max-width: 900px;

    margin: 30px auto 0;
    padding-top: 24px;

    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 28px;

    border-top: 1px solid #e3ebf5;

    direction: rtl;
}


#features .features-extra-item {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    text-align: right;
}


/* آیکون‌های پایین */

#features .features-extra-item > span {
    flex: 0 0 auto;

    color: #2563eb;

    font-size: 18px;
    line-height: 1.5;
}


#features .features-extra-item strong {
    display: block;

    margin-bottom: 5px;

    color: #082b5c;

    font-size: 14px;
    font-weight: 850;
}


#features .features-extra-item p {
    margin: 0;

    color: #718096;

    font-size: 12px;
    line-height: 1.9;
}


/* ضمانت کمی متفاوت */

#features .features-guarantee > span {
    color: #2563eb;
}

#features .features-guarantee strong {
    color: #082b5c;
}


/* ===== Hover ===== */

#features .features-strip-item {
    transition: transform .25s ease;
}

#features .features-strip-item:hover {
    transform: translateY(-4px);
}

#features .features-strip-item:hover .features-strip-icon {
    background: #e2edff;
}


/* ===== Tablet ===== */

@media (max-width: 900px) {

    #features .features-strip {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 28px;
    }

    #features .features-extra {
        grid-template-columns: 1fr;
        max-width: 600px;
    }

    #features .features-strip-item::after {
        display: none;
    }
}


/* ===== Mobile ===== */

@media (max-width: 600px) {

    #features {
        padding: 40px 0;
    }

    #features .features-strip {
        grid-template-columns: 1fr;
        margin-top: 24px;
        row-gap: 22px;
    }

    #features .features-strip-item {
        padding: 5px 25px;
    }

    #features .features-extra {
        margin: 26px 20px 0;
        padding-top: 22px;
    }
}
/* تیتر گرافیکی ویژگی‌های دوره */

#features .features-title {
    margin: 0;

    color: #082b5c;

    font-size: clamp(27px, 2.8vw, 38px);
    font-weight: 900;
    line-height: 1.6;

    text-align: center;
}

#features .features-title span {
    color: #2474ed;
}


/* خط ظریف زیر تیتر */

#features .features-title-line {
    width: 95px;
    height: 3px;

    margin: 13px auto 0;

    border-radius: 50px;

    background: linear-gradient(
        90deg,
        transparent,
        #7db4ff,
        #2474ed,
        #7db4ff,
        transparent
    );
}
/* ==================================================
   INSTRUCTOR - Dark Navy Spotlight
   ================================================== */

#instructor {
    padding: 58px 0;
    background: #ffffff;
}

#instructor .instructor-card {
    position: relative;

    display: grid;
    grid-template-columns: 190px 1fr;
    align-items: center;
    gap: 34px;

    max-width: 1000px;
    margin: 0 auto;

    padding: 34px 38px;

    border-radius: 28px;

    background:
        radial-gradient(circle at 15% 20%, rgba(59,130,246,.18), transparent 28%),
        linear-gradient(135deg, #071b3a 0%, #0b2a58 55%, #103d79 100%);

    border: 1px solid rgba(255,255,255,.10);

    box-shadow:
        0 24px 55px rgba(8, 31, 70, .24);

    overflow: hidden;
}


/* هاله پشت عکس */

#instructor .instructor-card::before {
    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    left: -70px;
    top: 50%;

    transform: translateY(-50%);

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(96,165,250,.24),
        transparent 68%
    );

    pointer-events: none;
}


/* عکس */

#instructor .instructor-avatar {
    position: relative;
    z-index: 2;
}

#instructor .instructor-avatar img {
    width: 170px;
    height: 170px;

    display: block;

    object-fit: cover;

    border-radius: 24px;

    border: 4px solid rgba(255,255,255,.92);

    box-shadow:
        0 14px 32px rgba(0,0,0,.28);
}


/* محتوا */

#instructor .instructor-content {
    position: relative;
    z-index: 2;

    text-align: right;
    direction: rtl;
}


/* تگ مدرس */

#instructor .section-tag {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(147,197,253,.45);

    color: #dbeafe;
}


/* اسم مدرس */

#instructor .instructor-name {
    margin: 12px 0 4px;

    color: #ffffff;

    font-size: clamp(27px, 2.6vw, 38px);
    font-weight: 900;
}


/* نقش */

#instructor .instructor-role {
    margin: 0 0 16px;

    color: #bfdbfe;

    font-size: 15px;
    font-weight: 700;
}


/* توضیح */

#instructor .instructor-description {
    max-width: 680px;

    margin: 0;

    color: rgba(255,255,255,.78);

    font-size: 14px;
    line-height: 2;
}


/* متاهای پایین */

#instructor .instructor-meta {
    display: flex;
    flex-wrap: wrap;

    gap: 10px;

    margin-top: 22px;
}

#instructor .instructor-meta span {
    padding: 8px 14px;

    border-radius: 999px;

    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);

    color: #eaf4ff;

    font-size: 12.5px;
    font-weight: 700;

    backdrop-filter: blur(6px);
}


/* Tablet */

@media (max-width: 900px) {

    #instructor .instructor-card {
        grid-template-columns: 150px 1fr;
        gap: 24px;

        margin: 0 24px;
        padding: 28px;
    }

    #instructor .instructor-avatar img {
        width: 140px;
        height: 140px;
    }
}


/* Mobile */

@media (max-width: 600px) {

    #instructor .instructor-card {
        grid-template-columns: 1fr;

        text-align: center;

        margin: 0 16px;
        padding: 26px 20px;
    }

    #instructor .instructor-avatar {
        display: flex;
        justify-content: center;
    }

    #instructor .instructor-avatar img {
        width: 130px;
        height: 130px;
    }

    #instructor .instructor-content {
        text-align: center;
    }

    #instructor .instructor-description {
        font-size: 13px;
        line-height: 1.9;
    }

    #instructor .instructor-meta {
        justify-content: center;
    }
}
/* ==================================================
   LEARNING ROADMAP
   ================================================== */

/* ==================================================
   LEARNING ROADMAP - FINAL SNAKE PATH
   ================================================== */

.learning-roadmap {
    max-width: 980px;
    margin: 42px auto 0;

    position: relative;

    display: grid;
    grid-template-columns: repeat(3, 1fr);

    column-gap: 70px;
    row-gap: 78px;

    direction: rtl;
}


/* =========================================
   خط ردیف اول
   01 -------- 02 -------- 03
   ========================================= */

.learning-roadmap::before {
    content: "";

    position: absolute;

    top: 39px;
    left: 12%;
    right: 12%;

    height: 2px;

    background: linear-gradient(
        90deg,
        #17458f,
        #2563eb,
        #5fa4ff
    );

    border-radius: 20px;

    z-index: 0;
}


/* =========================================
   خط ردیف دوم
   06 -------- 05 -------- 04
   ========================================= */

.learning-roadmap::after {
    content: "";

    position: absolute;

    top: 194px;
    left: 12%;
    right: 12%;

    height: 2px;

    background: linear-gradient(
        90deg,
        #5fa4ff,
        #2563eb,
        #17458f
    );

    border-radius: 20px;

    z-index: 0;
}


/* =========================================
   هر مرحله
   ========================================= */

.roadmap-step {
    position: relative;
    z-index: 2;

    text-align: center;
}


/* شماره */

.roadmap-number {
    display: inline-block;

    margin-bottom: 9px;

    color: #1d4ed8;

    font-size: 12px;
    font-weight: 900;
}


/* نقطه روی مسیر */

.roadmap-dot {
    width: 22px;
    height: 22px;

    display: block;

    margin: 0 auto 12px;

    border-radius: 50%;

    background: #ffffff;
    border: 5px solid #2563eb;

    box-shadow:
        0 0 0 7px rgba(37, 99, 235, .08);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


/* متن مرحله */

.roadmap-step h3 {
    margin: 0;

    color: #0b2a58;

    font-size: 15px;
    font-weight: 800;

    line-height: 1.8;
}


/* Hover */

.roadmap-step:hover .roadmap-dot {
    transform: scale(1.18);

    box-shadow:
        0 0 0 10px rgba(37, 99, 235, .11);
}


/* =========================================
   ردیف دوم
   ========================================= */

.step-4,
.step-5,
.step-6 {
    margin-top: 18px;
}


/* =========================================
   اتصال منحنی 03 به 06
   سمت چپ مسیر
   ========================================= */

.step-3::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 39px;

    width: 115px;
    height: 155px;

    border-left: 2px solid #2563eb;
    border-bottom: 2px solid #2563eb;

    border-radius: 0 0 0 42px;

    transform: translateX(-1px);

    z-index: -1;
}


/* =========================================
   مرحله نهایی
   ========================================= */

.roadmap-finish {
    grid-column: 1 / -1;

    position: relative;

    margin-top: 20px;

    text-align: center;
}


/* مسیر از 06 به سمت ستاره */

.step-6::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 39px;

    width: calc(50% + 165px);
    height: 145px;

    border-left: 2px solid #2563eb;
    border-bottom: 2px solid #2563eb;

    border-radius: 0 0 0 42px;

    z-index: -1;
}


/* ستاره */

.roadmap-star {
    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 10px;

    border-radius: 50%;

    color: #ffffff;

    background:
        linear-gradient(145deg, #0b2a58, #2563eb);

    font-size: 22px;

    box-shadow:
        0 12px 28px rgba(37, 99, 235, .22);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.roadmap-finish:hover .roadmap-star {
    transform: scale(1.08);

    box-shadow:
        0 16px 34px rgba(37, 99, 235, .30);
}


.roadmap-finish h3 {
    margin: 0;

    color: #0b2a58;

    font-size: 17px;
    font-weight: 900;
}


/* ==================================================
   TABLET
   ================================================== */

@media (max-width: 900px) {

    .learning-roadmap {
        grid-template-columns: repeat(2, 1fr);

        max-width: 88%;
        gap: 42px;
    }

    .learning-roadmap::before,
    .learning-roadmap::after,
    .step-3::after,
    .step-6::after {
        display: none;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 600px) {

    .learning-roadmap {
        grid-template-columns: 1fr;

        max-width: none;
        margin: 32px 22px 0;

        row-gap: 26px;
    }

    .roadmap-step {
        text-align: right;
        padding-right: 42px;
    }

    .roadmap-number {
        display: none;
    }

    .roadmap-dot {
        position: absolute;

        right: 0;
        top: 4px;

        width: 18px;
        height: 18px;

        margin: 0;

        border-width: 4px;
    }

    .step-4,
    .step-5,
    .step-6 {
        margin-top: 0;
    }

    .roadmap-finish {
        margin-top: 10px;
    }
}
/* ==================================================
   Tablet
   ================================================== */

@media (max-width: 900px) {

    .learning-roadmap {
        grid-template-columns: repeat(2, 1fr);

        max-width: 88%;
        gap: 45px;
    }

    .learning-roadmap::before {
        display: none;
    }

    .step-4::before,
    .step-5::before,
    .step-6::before {
        display: none;
    }
}


/* ==================================================
   Mobile
   ================================================== */

@media (max-width: 600px) {

    .learning-roadmap {
        grid-template-columns: 1fr;

        max-width: none;
        margin: 32px 22px 0;

        row-gap: 28px;
    }

    .roadmap-step {
        text-align: right;
        padding-right: 42px;
    }

    .roadmap-number {
        display: none;
    }

    .roadmap-dot {
        position: absolute;

        right: 0;
        top: 4px;

        width: 18px;
        height: 18px;

        margin: 0;

        border-width: 4px;
    }

    .roadmap-finish {
        margin-top: 5px;
    }
}
/* خط مسیر ردیف دوم */
.learning-roadmap::after {
    content: "";

    position: absolute;

    top: 150px;
    left: 12%;
    right: 12%;

    height: 65px;

    border-bottom: 3px solid #2563eb;
    border-radius: 0 0 50% 50% / 0 0 100% 100%;

    z-index: 0;
}
/* اتصال مسیر به مرحله نهایی */

.roadmap-finish {
    position: relative;
}

.roadmap-finish::before {
    content: "";

    position: absolute;

    left: 50%;
    top: -48px;

    width: 2px;
    height: 38px;

    transform: translateX(-50%);

    background: linear-gradient(
        to bottom,
        #2563eb,
        rgba(37, 99, 235, .15)
    );
}
/* =========================================
   Professional Curved Learning Roadmap
   ========================================= */

.learning-roadmap {
    position: relative;
    isolation: isolate;
}


/* SVG پشت مراحل */

.roadmap-path-svg {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 390px;

    overflow: visible;

    z-index: 0;

    pointer-events: none;
}


/* خود مسیر */

.roadmap-path-main {
    fill: none;

    stroke: url(#roadmapGradient);

    stroke-width: 3;

    stroke-linecap: round;
    stroke-linejoin: round;

    vector-effect: non-scaling-stroke;

    filter: drop-shadow(
        0 4px 7px rgba(37, 99, 235, .14)
    );
}


/* مراحل روی مسیر */

.roadmap-step,
.roadmap-finish {
    position: relative;
    z-index: 2;
}


/* نقطه‌های مسیر کمی لوکس‌تر */

.roadmap-dot {
    background: #ffffff;

    border: 4px solid #2563eb;

    box-shadow:
        0 0 0 7px rgba(37, 99, 235, .08),
        0 7px 16px rgba(37, 99, 235, .12);
}


/* حلقه ظریف هنگام Hover */

.roadmap-step:hover .roadmap-dot {
    transform: scale(1.18);

    box-shadow:
        0 0 0 10px rgba(37, 99, 235, .09),
        0 10px 24px rgba(37, 99, 235, .20);
}


/* ستاره نهایی */

.roadmap-star {
    position: relative;

    box-shadow:
        0 0 0 8px rgba(37, 99, 235, .07),
        0 14px 30px rgba(11, 42, 88, .25);
}
/* =========================================
   حذف کامل تمام خطوط Roadmap
   ========================================= */

.learning-roadmap::before,
.learning-roadmap::after,
.step-1::before,
.step-1::after,
.step-2::before,
.step-2::after,
.step-3::before,
.step-3::after,
.step-4::before,
.step-4::after,
.step-5::before,
.step-5::after,
.step-6::before,
.step-6::after,
.roadmap-finish::before,
.roadmap-finish::after,
.roadmap-path-svg {
    display: none !important;
}
/* =========================================
   Roadmap Clean Final Style
   ========================================= */

.learning-roadmap {
    max-width: 900px;
    margin: 34px auto 0;

    display: grid;
    grid-template-columns: repeat(3, 1fr);

    column-gap: 55px;
    row-gap: 48px;

    direction: rtl;
}


/* هر مرحله */

.roadmap-step {
    position: relative;

    min-height: 95px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;

    text-align: center;

    padding: 14px 12px;

    border-radius: 24px;

    transition:
        transform .25s ease,
        filter .25s ease;
}


/* هاله بسیار ظریف پشت مراحل */

.roadmap-step::before {
    content: "" !important;
    display: block !important;

    position: absolute;

    width: 105px;
    height: 70px;

    top: 20px;
    left: 50%;

    transform: translateX(-50%);

    border-radius: 50%;

    background: radial-gradient(
        ellipse,
        rgba(37, 99, 235, .10) 0%,
        rgba(37, 99, 235, .045) 45%,
        transparent 72%
    );

    z-index: -1;
}


/* شماره‌ها */

.roadmap-number {
    display: block !important;

    height: 18px;
    margin: 0 0 5px;

    color: #2872e8;

    font-size: 11px;
    font-weight: 900;

    line-height: 18px;
}


/* نقطه */

.roadmap-dot {
    width: 18px;
    height: 18px;

    margin: 0 auto 10px;

    background: #ffffff;

    border: 4px solid #2d72eb;

    box-shadow:
        0 0 0 6px rgba(45, 114, 235, .07),
        0 7px 16px rgba(24, 74, 155, .12);
}


/* متن مرحله */

.roadmap-step h3 {
    margin: 0;

    color: #082b5c;

    font-size: 14px;
    font-weight: 850;

    line-height: 1.8;
}


/* Hover */

.roadmap-step:hover {
    transform: translateY(-4px);
}

.roadmap-step:hover .roadmap-dot {
    transform: scale(1.12);

    box-shadow:
        0 0 0 9px rgba(45, 114, 235, .09),
        0 10px 22px rgba(24, 74, 155, .17);
}


/* ردیف دوم هم‌سطح شود */

.step-4,
.step-5,
.step-6 {
    margin-top: 0 !important;
}
/* تیتر بخش مسیر یادگیری */

.roadmap-main-title {
    margin: 0;

    color: #082b5c;

    font-size: clamp(27px, 2.7vw, 38px);
    font-weight: 900;

    line-height: 1.55;

    text-align: center;
}

.roadmap-main-title span {
    color: #2474ed;
}
#career .section-header .section-text {
    max-width: 900px;

    margin: 10px auto 0;

    color: #687a91;

    font-size: 13px;
    line-height: 2;

    text-align: center;
}
#career .section-header::after {
    content: "";

    display: block;

    width: 82px;
    height: 3px;

    margin: 15px auto 0;

    border-radius: 50px;

    background: linear-gradient(
        90deg,
        transparent,
        #8bbcff,
        #2872e8,
        #8bbcff,
        transparent
    );
}
/* جای دقیق مراحل Roadmap */

.learning-roadmap .step-1 {
    grid-column: 1;
    grid-row: 1;
}

.learning-roadmap .step-2 {
    grid-column: 2;
    grid-row: 1;
}

.learning-roadmap .step-3 {
    grid-column: 3;
    grid-row: 1;
}

.learning-roadmap .step-4 {
    grid-column: 1;
    grid-row: 2;
}

.learning-roadmap .step-5 {
    grid-column: 2;
    grid-row: 2;
}

.learning-roadmap .step-6 {
    grid-column: 3;
    grid-row: 2;
}

.learning-roadmap .roadmap-finish {
    grid-column: 1 / 4;
    grid-row: 3;
}
#career .section-header {
    text-align: center;
}

#career .section-header .section-text {
    max-width: 850px;
    margin: 10px auto 0 !important;

    text-align: center !important;
    direction: rtl;

    font-size: 13px;
    line-height: 2;
}
/* =========================================
   Roadmap - 6 Steps In One Row
   ========================================= */

.learning-roadmap {
    max-width: 1100px !important;
    margin: 32px auto 0 !important;

    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;

    column-gap: 18px !important;
    row-gap: 30px !important;

    direction: rtl;
}


/* ترتیب شش مرحله */

.learning-roadmap .step-1 {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

.learning-roadmap .step-2 {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

.learning-roadmap .step-3 {
    grid-column: 3 !important;
    grid-row: 1 !important;
}

.learning-roadmap .step-4 {
    grid-column: 4 !important;
    grid-row: 1 !important;
}

.learning-roadmap .step-5 {
    grid-column: 5 !important;
    grid-row: 1 !important;
}

.learning-roadmap .step-6 {
    grid-column: 6 !important;
    grid-row: 1 !important;
}


/* همه مراحل هم‌اندازه و مرتب */

.learning-roadmap .roadmap-step {
    min-height: 105px;

    padding: 12px 5px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;

    margin-top: 0 !important;
}


/* متن‌ها */

.learning-roadmap .roadmap-step h3 {
    max-width: 160px;

    margin: 0 auto;

    color: #082b5c;

    font-size: 13px;
    font-weight: 850;
    line-height: 1.7;

    text-align: center;
}
/* =========================================
   Final Destination
   ========================================= */

.learning-roadmap .roadmap-finish {
    grid-column: 1 / 7 !important;
    grid-row: 2 !important;

    position: relative;

    width: fit-content;

    margin: 12px auto 0 !important;
    padding: 12px 28px 13px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    border-radius: 999px;

    background: linear-gradient(
        135deg,
        #082b5c,
        #1d4ed8
    );

    box-shadow:
        0 12px 30px rgba(8, 43, 92, .18);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


/* ستاره دیگر دایره بزرگ جدا نباشد */

.learning-roadmap .roadmap-star {
    width: 30px;
    height: 30px;

    margin: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 30px;

    border-radius: 50%;

    background: rgba(255,255,255,.14);

    color: #ffffff;

    font-size: 14px;

    box-shadow: none;
}


/* متن مقصد */

.learning-roadmap .roadmap-finish h3 {
    margin: 0;

    color: #ffffff;

    font-size: 14px;
    font-weight: 900;

    white-space: nowrap;
}


.learning-roadmap .roadmap-finish:hover {
    transform: translateY(-3px);

    box-shadow:
        0 16px 36px rgba(8, 43, 92, .24);
}
#career .page-container .section-header .section-text {
    width: 100% !important;
    max-width: 900px !important;

    margin: 10px auto 0 !important;

    padding: 0 !important;

    display: block !important;

    text-align: center !important;
    direction: rtl !important;

    white-space: normal !important;
}
/* توضیح زیر تیتر مسیر یادگیری */
.roadmap-header {
    text-align: center !important;
}

.roadmap-header .section-text {
    width: 100% !important;
    max-width: 900px !important;

    margin: 10px auto 0 !important;

    text-align: center !important;
    direction: rtl !important;

    display: block !important;
}
/* توضیح Roadmap در دسکتاپ یک‌خطی */
#roadmap .roadmap-header .section-text {
    max-width: none !important;
    width: 100% !important;

    margin: 10px auto 0 !important;

    text-align: center !important;
    white-space: nowrap !important;
}
@media (max-width: 700px) {

    #roadmap .roadmap-header .section-text {
        white-space: normal !important;
        max-width: 95% !important;
        line-height: 2;
    }

}
/* ==================================================
   FAQ - Clean Premium Accordion
   ================================================== */

#faq {
    padding: 58px 0 48px;
    background: #ffffff;
}


/* هدر FAQ */

#faq .section-header {
    max-width: 900px;
    margin: 0 auto 30px;
    text-align: center;
}

#faq .section-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 9px 18px;
    margin-bottom: 14px;

    border-radius: 999px;

    background: #edf5ff;
    border: 1px solid #bed9ff;

    color: #0c63b8;

    font-size: 13px;
    font-weight: 800;
}

#faq .section-title {
    margin: 0;

    color: #082b5c;

    font-size: clamp(27px, 2.8vw, 38px);
    font-weight: 900;
    line-height: 1.6;
}


/* آکاردئون */

#faq .course-accordion {
    max-width: 950px;
    margin: 0 auto;

    display: flex;
    flex-direction: column;

    gap: 11px;
}


/* هر سؤال */

#faq .accordion-item {
    position: relative;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #dce7f5;
    border-radius: 18px;

    box-shadow:
        0 8px 22px rgba(15, 45, 90, .045);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

#faq .accordion-item:hover {
    transform: translateY(-2px);

    border-color: #bfd7f7;

    box-shadow:
        0 12px 28px rgba(15, 45, 90, .075);
}


/* سوال */

#faq .accordion-item summary {
    min-height: 60px;

    position: relative;

    display: flex;
    align-items: center;

    padding: 15px 22px 15px 70px;

    cursor: pointer;

    color: #0b2a58;

    font-size: 14.5px;
    font-weight: 800;

    line-height: 1.8;

    list-style: none;

    direction: rtl;
}


/* حذف فلش پیش‌فرض */

#faq .accordion-item summary::-webkit-details-marker {
    display: none;
}


/* دایره + */

#faq .accordion-item summary::after {
    content: "+";

    position: absolute;

    left: 18px;
    top: 50%;

    width: 32px;
    height: 32px;

    transform: translateY(-50%);

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #edf4ff;

    color: #2563eb;

    font-size: 20px;
    font-weight: 700;

    transition:
        transform .25s ease,
        background .25s ease,
        color .25s ease;
}


/* وقتی باز شد */

#faq .accordion-item[open] {
    border-color: #a9cbfb;

    box-shadow:
        0 14px 32px rgba(37, 99, 235, .08);
}

#faq .accordion-item[open] summary {
    background:
        linear-gradient(
            90deg,
            rgba(239,246,255,.75),
            #ffffff
        );
}

#faq .accordion-item[open] summary::after {
    content: "−";

    background: #2563eb;

    color: #ffffff;
}


/* جواب */

#faq .accordion-content {
    padding: 0 22px 17px;

    border-top: 1px solid #edf2f8;

    background: #fbfdff;
}

#faq .accordion-content p {
    margin: 0;
    padding-top: 14px;

    color: #68778c;

    font-size: 13.5px;
    line-height: 2;

    text-align: right;
}


/* Mobile */

@media (max-width: 600px) {

    #faq {
        padding: 42px 0 38px;
    }

    #faq .section-header {
        padding: 0 16px;
        margin-bottom: 24px;
    }

    #faq .section-title {
        font-size: 24px;
    }

    #faq .course-accordion {
        margin: 0 14px;
    }

    #faq .accordion-item summary {
        min-height: 56px;

        padding: 13px 16px 13px 58px;

        font-size: 13.5px;
    }

    #faq .accordion-item summary::after {
        left: 14px;

        width: 28px;
        height: 28px;

        font-size: 18px;
    }

    #faq .accordion-content {
        padding: 0 16px 15px;
    }

    #faq .accordion-content p {
        font-size: 13px;
    }
}
/* ==================================================
   PREMIUM REGISTER / FINAL CTA
   ================================================== */

#register.register-premium {
    position: relative;
    overflow: hidden;

    padding: 75px 0;

    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(37, 99, 235, .25),
            transparent 35%
        ),
        radial-gradient(
            circle at 85% 80%,
            rgba(59, 130, 246, .15),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #061b3a 0%,
            #082b5c 50%,
            #0b3972 100%
        );
}


/* هاله تزئینی */

#register.register-premium::before {
    content: "";

    position: absolute;
    width: 420px;
    height: 420px;

    top: -260px;
    right: -120px;

    border: 1px solid rgba(255,255,255,.08);
    border-radius: 50%;

    box-shadow:
        0 0 0 50px rgba(255,255,255,.015),
        0 0 0 100px rgba(255,255,255,.012);

    pointer-events: none;
}


/* محتوای اصلی */

.register-premium-wrap {
    position: relative;
    z-index: 2;

    max-width: 930px;
    margin: 0 auto;

    text-align: center;
}


/* تگ ثبت نام */

.register-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 9px 20px;
    margin-bottom: 20px;

    border: 1px solid rgba(147,197,253,.35);
    border-radius: 999px;

    background: rgba(255,255,255,.08);
    backdrop-filter: blur(8px);

    color: #bfdbfe;

    font-size: 13px;
    font-weight: 800;
}


/* تیتر */

.register-title {
    max-width: 850px;

    margin: 0 auto;

    color: #ffffff;

    font-size: clamp(29px, 3vw, 42px);
    font-weight: 900;
    line-height: 1.65;

    text-align: center;
}


.register-title span {
    color: #60a5fa;
}


/* توضیح زیر تیتر */

.register-description {
    max-width: 850px;

    margin: 12px auto 0;

    color: rgba(255,255,255,.70);

    font-size: 14px;
    line-height: 2;

    text-align: center;
}


/* سه مزیت */

.register-trust {
    margin: 24px auto 0;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 28px;

    color: #dbeafe;

    font-size: 13px;
    font-weight: 700;
}


.register-trust span {
    position: relative;
}


.register-trust span::first-letter {
    color: #60a5fa;
}


/* ==========================
   قیمت
   ========================== */

.register-pricing {
    max-width: 650px;

    margin: 34px auto 0;
    padding: 26px 30px;

    position: relative;

    border: 1px solid rgba(255,255,255,.10);
    border-radius: 24px;

    background: rgba(255,255,255,.055);

    backdrop-filter: blur(10px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 20px 50px rgba(0,0,0,.12);
}


/* قیمت قبلی */

.register-old-price {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 10px;

    color: rgba(255,255,255,.55);

    font-size: 13px;
}


.register-old-price del {
    color: rgba(255,255,255,.58);

    font-size: 14px;
}


/* درصد تخفیف */

.register-discount {
    padding: 5px 11px;

    border-radius: 999px;

    background: #dbeafe;

    color: #17458f;

    font-size: 12px;
    font-weight: 900;

    text-decoration: none;
}


/* قیمت اصلی */

.register-main-price {
    margin-top: 15px;

    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 4px;
}


.register-main-price > span {
    color: #bfdbfe;

    font-size: 13px;
    font-weight: 700;
}


.register-main-price strong {
    color: #ffffff;

    font-size: clamp(31px, 4vw, 45px);
    font-weight: 950;

    line-height: 1.5;

    text-shadow:
        0 8px 28px rgba(0,0,0,.18);
}


/* اقساط */

.register-installment {
    width: fit-content;

    margin: 14px auto 0;
    padding: 8px 16px;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 6px;

    border-radius: 999px;

    background: rgba(96,165,250,.10);
    border: 1px solid rgba(147,197,253,.16);

    color: #dbeafe;

    font-size: 13px;
}


.register-installment strong {
    color: #ffffff;
    font-weight: 900;
}


/* ==========================
   دکمه خرید
   ========================== */

.register-actions {
    max-width: 520px;

    margin: 24px auto 0;
}


.register-actions form {
    width: 100%;
}


.register-cta {
    width: 100%;
    min-height: 58px;

    padding: 14px 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    border: 0;
    border-radius: 16px;

    cursor: pointer;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #eaf3ff
        );

    color: #0b3972;

    font-family: inherit;
    font-size: 15px;
    font-weight: 900;

    text-decoration: none;

    box-shadow:
        0 15px 35px rgba(0,0,0,.18),
        inset 0 -2px 0 rgba(37,99,235,.08);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.register-cta span {
    font-size: 20px;

    transition: transform .25s ease;
}


.register-cta:hover {
    transform: translateY(-3px);

    box-shadow:
        0 20px 42px rgba(0,0,0,.25);
}


.register-cta:hover span {
    transform: translateX(-4px);
}


/* اعتماد زیر دکمه */

.register-security {
    margin-top: 15px;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 10px;

    color: rgba(255,255,255,.58);

    font-size: 12px;
}


.register-security i {
    width: 4px;
    height: 4px;

    display: block;

    border-radius: 50%;

    background: #60a5fa;
}


/* ==========================
   MOBILE
   ========================== */

@media (max-width: 700px) {

    #register.register-premium {
        padding: 55px 0;
    }

    .register-premium-wrap {
        padding: 0 16px;
    }

    .register-title {
        font-size: 26px;
        line-height: 1.75;
    }

    .register-description {
        font-size: 13px;
    }

    .register-trust {
        gap: 10px 18px;

        font-size: 12px;
    }

    .register-pricing {
        margin-top: 26px;

        padding: 22px 15px;

        border-radius: 20px;
    }

    .register-main-price strong {
        font-size: 31px;
    }

    .register-installment {
        line-height: 1.8;
    }

    .register-actions {
        width: 100%;
    }

    .register-cta {
        min-height: 56px;

        font-size: 14px;
    }
}
html {
    scroll-behavior: smooth;
}
#curriculum {
    scroll-margin-top: 100px;
}
/* ===== Talent Course Hero ===== */

.hero-benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 22px 0 20px;
    direction: rtl;
}

.hero-benefits span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 15px;
    border-radius: 14px;

    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.38);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7;

    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.10);

    transition: all 0.25s ease;
}

.hero-benefits span:hover {
    transform: translateY(-2px);
    background: rgba(255, 255, 255, 0.27);
}


/* دکمه‌های همین دوره */
.hero-benefits + .hero-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 10px;
}

.hero-benefits + .hero-actions .btn {
    min-width: 165px;
    padding: 14px 24px;
    border-radius: 16px;
    font-weight: 800;
    transition: all 0.25s ease;
}

.hero-benefits + .hero-actions .btn-primary {
    box-shadow: 0 8px 22px rgba(0, 110, 190, 0.25);
}

.hero-benefits + .hero-actions .btn:hover {
    transform: translateY(-2px);
}


/* موبایل */
@media (max-width: 768px) {

    .hero-benefits {
        gap: 8px;
        margin-top: 16px;
    }

    .hero-benefits span {
        width: 100%;
        font-size: 13px;
        padding: 8px 12px;
    }

    .hero-benefits + .hero-actions {
        flex-direction: column;
        width: 100%;
    }

    .hero-benefits + .hero-actions .btn {
        width: 100%;
    }
}
.talent-title-accent {
    background: linear-gradient(90deg, #ffffff, #63c8ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 3px 14px rgba(40, 150, 220, 0.20);
}
/* باکس درآمد ثابت */
.hero-benefits .income-benefit {
    background: linear-gradient(
        135deg,
        rgba(255, 211, 92, 0.30),
        rgba(255, 180, 45, 0.18)
    );

    border: 1px solid rgba(255, 218, 120, 0.65);

    color: #fff4c7;

    box-shadow:
        0 6px 20px rgba(206, 145, 22, 0.18),
        inset 0 0 12px rgba(255, 255, 255, 0.08);
}

.hero-benefits .income-benefit:hover {
    background: linear-gradient(
        135deg,
        rgba(255, 216, 105, 0.42),
        rgba(255, 185, 55, 0.26)
    );

    transform: translateY(-2px);
}
/* ===== Career Path Section ===== */

.career-path-section {
    padding: 80px 20px;
    background: linear-gradient(180deg, #f7fbff 0%, #edf5fc 100%);
}

.career-path-card {
    max-width: 980px;
    margin: 0 auto;
    padding: 44px 38px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(15, 116, 184, 0.12);
    box-shadow: 0 18px 50px rgba(25, 85, 130, 0.10);
    position: relative;
    overflow: hidden;
    text-align: center;
}

/* نور تزئینی بالا */
.career-path-card::before {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    top: -120px;
    right: -80px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(82, 177, 245, 0.22) 0%,
        rgba(82, 177, 245, 0) 70%
    );
}

/* نور تزئینی پایین */
.career-path-card::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    bottom: -120px;
    left: -70px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(14, 116, 184, 0.13) 0%,
        rgba(14, 116, 184, 0) 70%
    );
}

.career-path-badge {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 10px 22px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: #eaf5ff;
    border: 1px solid #b7dbf7;
    color: #0874b8;
    font-size: 15px;
    font-weight: 800;
}

.career-path-title {
    position: relative;
    z-index: 2;
    margin: 0 auto 24px;
    color: #086fae;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.6;
}

.career-path-content {
    position: relative;
    z-index: 2;
    max-width: 820px;
    margin: 0 auto;
}

.career-path-content p {
    margin: 0 0 20px;
    color: #33485c;
    font-size: 18px;
    line-height: 2.2;
}

.career-path-content strong {
    color: #0874b8;
    font-weight: 900;
}

.career-path-highlight {
    margin-top: 28px;
    padding: 22px 26px;
    border-radius: 20px;
    background: linear-gradient(
        135deg,
        rgba(11, 119, 190, 0.08),
        rgba(92, 184, 245, 0.16)
    );
    border: 1px solid rgba(11, 119, 190, 0.18);
    color: #20374b;
    font-size: 19px;
    font-weight: 700;
    line-height: 2;
    box-shadow: 0 10px 25px rgba(15, 98, 155, 0.07);
}

.career-path-star {
    display: inline-block;
    margin-left: 8px;
    color: #f3b21b;
    font-size: 24px;
}

/* موبایل */
@media (max-width: 768px) {
    .career-path-section {
        padding: 50px 14px;
    }

    .career-path-card {
        padding: 30px 18px;
        border-radius: 22px;
    }

    .career-path-title {
        font-size: 27px;
        line-height: 1.7;
    }

    .career-path-content p {
        font-size: 16px;
        line-height: 2;
    }

    .career-path-highlight {
        font-size: 17px;
        padding: 18px;
    }
}
/* =====================================================
   Student Talent Coach - Professional Career Section
===================================================== */

.career-pro-section {
    padding: 75px 20px;
    direction: rtl;
    background:
        radial-gradient(circle at 10% 30%, rgba(89, 170, 255, .10), transparent 25%),
        linear-gradient(180deg, #f7fbff 0%, #edf6ff 100%);
}

.career-pro-card {
    max-width: 1200px;
    margin: 0 auto;
    padding: 42px 55px 34px;
    border-radius: 32px;

    background: rgba(255,255,255,.94);
    border: 1px solid rgba(59,146,230,.18);

    box-shadow:
        0 24px 60px rgba(40, 92, 145, .12);

    position: relative;
    overflow: hidden;
}


/* دکور پس زمینه */

.career-decor {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.career-decor-1 {
    width: 220px;
    height: 220px;

    right: -90px;
    top: -90px;

    background:
        repeating-radial-gradient(
            circle,
            rgba(68,145,220,.06) 0px,
            rgba(68,145,220,.06) 2px,
            transparent 3px,
            transparent 9px
        );
}

.career-decor-2 {
    width: 160px;
    height: 160px;

    left: -55px;
    top: 130px;

    background:
        radial-gradient(
            circle,
            rgba(95,173,244,.16),
            rgba(95,173,244,0) 68%
        );
}


/* Badge */

.career-pro-badge {
    width: fit-content;
    margin: 0 auto 20px;

    padding: 10px 23px;

    border: 1px solid #b7daf8;
    border-radius: 999px;

    background: #eff8ff;

    color: #0875c4;

    font-size: 15px;
    font-weight: 800;

    display: flex;
    gap: 8px;
    align-items: center;

    position: relative;
    z-index: 2;
}

.badge-star {
    font-size: 19px;
    color: #177cd3;
}


/* Title */

.career-pro-title {
    margin: 0 auto 24px;

    text-align: center;

    color: #092c65;

    font-size: 38px;
    font-weight: 900;

    line-height: 1.55;

    position: relative;
    z-index: 2;
}


/* Main Layout */

.career-pro-main {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        300px;

    gap: 42px;

    align-items: center;

    position: relative;
    z-index: 2;
}


/* Text */

.career-pro-content > p {
    margin: 0 0 14px;

    color: #30445b;

    font-size: 17px;

    line-height: 2.15;

    text-align: center;
}


/* Question */

.career-pro-question {
    margin: 14px auto 17px;

    display: flex;

    justify-content: center;
    align-items: center;

    gap: 12px;

    color: #0877cf;

    font-size: 25px;
    font-weight: 900;
}

.career-pro-question span {
    color: #72baf4;
    font-size: 30px;
}


/* Feature Cards */

.career-feature-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 16px;

    margin-top: 24px;
}

.career-feature-card {
    min-height: 190px;

    padding: 19px 15px 15px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.98),
            rgba(247,251,255,.98)
        );

    border: 1px solid #d9eafb;

    border-radius: 22px;

    box-shadow:
        0 10px 26px rgba(33,91,145,.07);

    text-align: center;

    position: relative;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.career-feature-card:hover {
    transform: translateY(-5px);

    box-shadow:
        0 16px 34px rgba(33,91,145,.13);
}


/* Icon */

.career-feature-icon {
    width: 68px;
    height: 68px;

    margin: 0 auto 11px;

    border-radius: 50%;

    display: flex;

    align-items: center;
    justify-content: center;

    background:
        linear-gradient(
            145deg,
            #eef7ff,
            #dceeff
        );

    box-shadow:
        inset 0 0 0 1px rgba(31,128,213,.08);
}

.career-feature-icon svg {
    width: 35px;
    height: 35px;

    fill: none;

    stroke: #1479d1;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* Card Text */

.career-feature-card h3 {
    margin: 0 0 8px;

    color: #092c65;

    font-size: 18px;

    font-weight: 900;
}

.career-feature-card p {
    margin: 0;

    color: #66788a;

    font-size: 14px;

    line-height: 1.9;
}

.career-feature-card p strong {
    display: block;

    color: #334e69;

    font-weight: 800;
}


/* Blue line bottom */

.feature-line {
    display: block;

    width: 30px;
    height: 3px;

    margin: 13px auto 0;

    border-radius: 10px;

    background: #2691ec;
}


/* Left Illustration */

.career-pro-visual {
    display: flex;

    justify-content: center;
    align-items: center;

    min-height: 310px;
}

.career-main-illustration {
    width: 100%;
    max-width: 310px;

    filter:
        drop-shadow(
            0 20px 20px rgba(32,100,170,.13)
        );
}


/* Bottom Highlight */

.career-pro-highlight {
    max-width: 1000px;

    margin: 30px auto 0;

    padding: 20px 30px;

    border-radius: 22px;

    border: 1px solid #9fcdf4;

    background:
        linear-gradient(
            135deg,
            #f6fbff 0%,
            #e8f5ff 100%
        );

    display: flex;

    justify-content: center;
    align-items: center;

    gap: 18px;

    text-align: center;

    box-shadow:
        inset 0 0 20px rgba(56,143,220,.06);
}

.career-pro-highlight p {
    margin: 0;

    color: #152f53;

    font-size: 20px;

    line-height: 1.9;

    font-weight: 700;
}

.career-pro-highlight strong {
    color: #076fc1;

    font-weight: 900;
}

.career-pro-highlight p > span {
    color: #0780dc;

    font-weight: 900;
}

.highlight-sparkle {
    color: #f5b61f;

    font-size: 30px;
}

.highlight-sparkle.small {
    font-size: 20px;
}


/* ===============================
   Tablet
================================ */

@media (max-width: 992px) {

    .career-pro-card {
        padding: 38px 30px;
    }

    .career-pro-main {
        grid-template-columns: 1fr;
    }

    .career-pro-visual {
        order: 2;
        min-height: auto;
    }

    .career-main-illustration {
        max-width: 260px;
    }

    .career-pro-title {
        font-size: 32px;
    }
}


/* ===============================
   Mobile
================================ */

@media (max-width: 768px) {

    .career-pro-section {
        padding: 45px 12px;
    }

    .career-pro-card {
        padding: 30px 16px 24px;

        border-radius: 24px;
    }

    .career-pro-title {
        font-size: 26px;

        line-height: 1.7;
    }

    .career-pro-content > p {
        font-size: 15px;

        line-height: 2;
    }

    .career-pro-question {
        font-size: 20px;
    }

    .career-feature-grid {
        grid-template-columns: 1fr;

        gap: 12px;
    }

    .career-feature-card {
        min-height: auto;
    }

    .career-main-illustration {
        max-width: 225px;
    }

    .career-pro-highlight {
        padding: 17px 14px;

        gap: 8px;
    }

    .career-pro-highlight p {
        font-size: 16px;
    }

    .highlight-sparkle {
        font-size: 22px;
    }
}
/* ارتقای بخش تصویر سمت چپ */

.career-pro-visual {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 340px;
}

.career-visual-frame {
    position: relative;
    width: 100%;
    max-width: 360px;
    min-height: 340px;
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 30px;
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(242,248,255,.92));
    border: 1px solid rgba(91, 165, 235, 0.18);

    box-shadow:
        0 24px 60px rgba(30, 88, 145, 0.14),
        inset 0 0 0 1px rgba(255,255,255,0.35);

    overflow: hidden;
}

.career-visual-glow {
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(79,166,247,.25) 0%, rgba(79,166,247,0) 70%);
    top: 18px;
    left: 18px;
    pointer-events: none;
}

.career-visual-ring {
    position: absolute;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    border: 2px dashed rgba(74, 160, 236, 0.18);
    top: 36px;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}

.career-main-illustration {
    width: 100%;
    max-width: 295px;
    position: relative;
    z-index: 2;

    filter:
        drop-shadow(0 16px 26px rgba(29, 88, 145, 0.18))
        drop-shadow(0 4px 10px rgba(29, 88, 145, 0.10));

    transform: translateY(6px);
}

@media (max-width: 992px) {
    .career-visual-frame {
        max-width: 320px;
        min-height: 300px;
    }

    .career-main-illustration {
        max-width: 260px;
    }
}

@media (max-width: 768px) {
    .career-pro-visual {
        min-height: auto;
    }

    .career-visual-frame {
        max-width: 280px;
        min-height: 260px;
        border-radius: 24px;
    }

    .career-main-illustration {
        max-width: 220px;
    }
}
.career-pro-visual {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 350px;
}

.career-visual-frame {
    width: 100%;
    max-width: 380px;
    padding: 14px;
    border-radius: 30px;
    background: linear-gradient(145deg, #ffffff, #eef7ff);
    border: 1px solid rgba(88, 165, 235, 0.20);
    box-shadow: 0 22px 55px rgba(34, 94, 150, 0.14);
}

.career-main-illustration {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 18px 24px rgba(31, 89, 145, 0.16));
}

@media (max-width: 768px) {
    .career-pro-visual {
        min-height: auto;
    }

    .career-visual-frame {
        max-width: 290px;
        padding: 10px;
        border-radius: 24px;
    }
}
.career-pro-title {
    background: linear-gradient(90deg, #082b63, #0f6fc6);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    text-shadow:
        0 4px 14px rgba(15, 111, 198, 0.16);

    letter-spacing: -0.3px;
}
.career-pro-question {
    width: fit-content;
    margin: 18px auto 24px;
    padding: 14px 28px;

    border-radius: 999px;

    background: linear-gradient(
        135deg,
        rgba(232, 246, 255, 0.98),
        rgba(214, 237, 255, 0.96)
    );

    border: 1px solid rgba(38, 139, 224, 0.28);

    color: #0876d1;

    font-size: 24px;
    font-weight: 900;

    box-shadow:
        0 10px 28px rgba(16, 111, 190, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);

    text-shadow:
        0 2px 8px rgba(8, 118, 209, 0.12);

    position: relative;

    transition: all 0.25s ease;
}

.career-pro-question::before {
    content: "✦";
    margin-left: 10px;
    color: #f4b51d;
    font-size: 18px;
}

.career-pro-question::after {
    content: "✦";
    margin-right: 10px;
    color: #f4b51d;
    font-size: 18px;
}

.career-pro-question:hover {
    transform: translateY(-3px) scale(1.02);

    box-shadow:
        0 14px 34px rgba(16, 111, 190, 0.22),
        0 0 24px rgba(80, 170, 245, 0.16);
}

.career-pro-question span {
    display: none;
}
/* ===== کارت‌های حرفه‌ای مسیر شغلی ===== */

.career-feature-card {
    position: relative;
    overflow: hidden;

    border-radius: 22px;

    box-shadow:
        0 10px 25px rgba(34, 88, 140, 0.08);

    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease;
}

/* نوار رنگی بالای کارت */
.career-feature-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 25%;
    width: 50%;
    height: 4px;
    border-radius: 0 0 10px 10px;
}


/* 1 - ورود به بازار کار */
.career-feature-card:nth-child(1) {
    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #fff8ea 100%
    );

    border-color: rgba(244, 170, 45, 0.30);
}

.career-feature-card:nth-child(1)::before {
    background: #f2a61c;
}

.career-feature-card:nth-child(1) .career-feature-icon {
    background: linear-gradient(145deg, #fff7df, #ffe9b7);
}

.career-feature-card:nth-child(1) .career-feature-icon svg {
    stroke: #e99500;
}


/* 2 - مهارت کاربردی */
.career-feature-card:nth-child(2) {
    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #edfff8 100%
    );

    border-color: rgba(31, 177, 125, 0.25);
}

.career-feature-card:nth-child(2)::before {
    background: #20ad7b;
}

.career-feature-card:nth-child(2) .career-feature-icon {
    background: linear-gradient(145deg, #e9fff6, #cef5e5);
}

.career-feature-card:nth-child(2) .career-feature-icon svg {
    stroke: #14956a;
}


/* 3 - فرصت شغلی */
.career-feature-card:nth-child(3) {
    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #f2f0ff 100%
    );

    border-color: rgba(102, 91, 220, 0.23);
}

.career-feature-card:nth-child(3)::before {
    background: #655bd8;
}

.career-feature-card:nth-child(3) .career-feature-icon {
    background: linear-gradient(145deg, #f4f1ff, #dfdbff);
}

.career-feature-card:nth-child(3) .career-feature-icon svg {
    stroke: #5c54cc;
}


/* هاور حرفه‌ای */
.career-feature-card:hover {
    transform: translateY(-6px);

    box-shadow:
        0 18px 35px rgba(31, 82, 130, 0.14);
}

/* تیتر کارت */
.career-feature-card h3 {
    color: #102f5f;
    font-weight: 900;
}

/* متن مهم */
.career-feature-card p strong {
    color: #173e68;
    font-weight: 900;
}
/* ===== Future Mentor Section ===== */

.mentor-future-section {
    padding: 80px 20px;
    background:
        radial-gradient(circle at 90% 20%, rgba(83, 170, 245, 0.10), transparent 24%),
        linear-gradient(180deg, #f8fbff 0%, #edf6ff 100%);
}

.mentor-future-box {
    max-width: 1220px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 420px;
    gap: 42px;
    align-items: center;

    padding: 34px;
    border-radius: 30px;

    background: rgba(255,255,255,.96);
    border: 1px solid rgba(114, 181, 237, 0.18);

    box-shadow: 0 18px 45px rgba(34, 89, 140, 0.10);
}

.mentor-future-content {
    text-align: right;
}

.mentor-future-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 20px;
    margin-bottom: 16px;

    border-radius: 999px;
    background: #eef7ff;
    border: 1px solid #c1def7;

    color: #0c78cb;
    font-size: 14px;
    font-weight: 800;
}

.mentor-future-title {
    margin: 0 0 14px;
    color: #0a2f68;
    font-size: 38px;
    font-weight: 900;
    line-height: 1.6;

    text-shadow: 0 4px 14px rgba(12, 103, 190, 0.10);
}

.mentor-future-subtitle {
    margin: 0 0 24px;
    color: #4a5f73;
    font-size: 17px;
    line-height: 2.1;
}

.mentor-future-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mentor-future-list li {
    position: relative;
    padding: 0 36px 0 0;
    margin-bottom: 16px;

    color: #183653;
    font-size: 17px;
    font-weight: 700;
    line-height: 2;
}

.mentor-future-list li::before {
    content: "✓";
    position: absolute;
    right: 0;
    top: 2px;

    width: 24px;
    height: 24px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(145deg, #ddf8ea, #c8f0dc);
    color: #12a66d;

    font-size: 14px;
    font-weight: 900;

    box-shadow: 0 4px 10px rgba(18, 166, 109, 0.12);
}

.mentor-future-visual {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mentor-future-image-frame {
    width: 100%;
    max-width: 420px;
    padding: 12px;

    border-radius: 28px;

    background: linear-gradient(145deg, #ffffff, #eef6ff);
    border: 1px solid rgba(119, 182, 237, 0.18);

    box-shadow:
        0 18px 40px rgba(28, 86, 140, 0.12),
        inset 0 0 20px rgba(255,255,255,.70);
}

.mentor-future-image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 22px;
    object-fit: cover;
}

/* ریسپانسیو */
@media (max-width: 992px) {
    .mentor-future-box {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .mentor-future-visual {
        order: -1;
    }

    .mentor-future-image-frame {
        max-width: 340px;
        margin: 0 auto;
    }

    .mentor-future-title {
        font-size: 30px;
    }
}

@media (max-width: 768px) {
    .mentor-future-section {
        padding: 50px 14px;
    }

    .mentor-future-box {
        padding: 22px 16px;
        border-radius: 22px;
    }

    .mentor-future-title {
        font-size: 24px;
        line-height: 1.7;
    }

    .mentor-future-subtitle {
        font-size: 15px;
    }

    .mentor-future-list li {
        font-size: 15px;
        line-height: 1.9;
        padding-right: 32px;
    }

    .mentor-future-image-frame {
        max-width: 280px;
        border-radius: 22px;
    }

    .mentor-future-image {
        border-radius: 18px;
    }
}
.mentor-future-title {
    margin: 0 0 20px;

    font-size: 38px;
    font-weight: 900;
    line-height: 1.5;

    white-space: nowrap;

    background: linear-gradient(90deg, #082d67, #087bd0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    text-shadow:
        0 4px 16px rgba(13, 105, 190, 0.14);

    letter-spacing: -0.4px;
}

/* موبایل */
@media (max-width: 768px) {
    .mentor-future-title {
        white-space: normal;
        font-size: 26px;
        line-height: 1.7;
    }
}
/* =========================================
   Mentor Future - Center Header
   ========================================= */

.mentor-future-content {
    text-align: center !important;
}


/* برچسب بالا */
.mentor-future-badge {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    margin: 0 auto 18px !important;
    padding: 9px 20px;

    border-radius: 999px;

    background: #edf5ff;
    border: 1px solid #b9d7ff;

    color: #0c63b8;

    font-size: 13px;
    font-weight: 800;
}


/* تیتر اصلی */
.mentor-future-title {
    max-width: 900px;

    margin: 0 auto !important;

    color: #082b5c !important;

    font-size: clamp(30px, 3vw, 42px);
    font-weight: 900;
    line-height: 1.6;

    text-align: center !important;
}


/* خط ظریف گرافیکی زیر تیتر */
.mentor-future-title::after {
    content: "";

    display: block;

    width: 95px;
    height: 3px;

    margin: 13px auto 17px;

    border-radius: 50px;

    background: linear-gradient(
        90deg,
        transparent,
        #60a5fa,
        #2563eb,
        #60a5fa,
        transparent
    );
}


/* توضیح زیر تیتر */
.mentor-future-subtitle {
    max-width: 850px;

    margin: 0 auto !important;

    color: #66758b !important;

    font-size: 14px;
    line-height: 2.1;

    text-align: center !important;
}


/* موبایل */
@media (max-width: 600px) {

    .mentor-future-title {
        font-size: 25px;
        line-height: 1.7;
    }

    .mentor-future-subtitle {
        padding: 0 14px;
        font-size: 13px;
    }
}
/* =========================================
   Mentor Future Section - Final Layout
   ========================================= */

.mentor-future-box {
    max-width: 1100px;
    margin: 0 auto;
}


/* هدر کاملاً وسط */

.mentor-future-content {
    text-align: center !important;
}


/* تگ بالا */

.mentor-future-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 18px !important;
}


/* تیتر */

.mentor-future-title {
    max-width: 950px;

    margin: 0 auto !important;

    color: #082b5c !important;

    font-size: clamp(31px, 3vw, 43px);
    font-weight: 950 !important;
    line-height: 1.55;

    text-align: center !important;
}


/* اگر داخل تیتر span داشته باشی، آبی میشه */

.mentor-future-title span {
    color: #2474ed !important;
}


/* خط ظریف زیر تیتر */

.mentor-future-title::after {
    content: "";

    display: block;

    width: 90px;
    height: 3px;

    margin: 14px auto 16px;

    border-radius: 50px;

    background: linear-gradient(
        90deg,
        transparent,
        #93c5fd,
        #2563eb,
        #93c5fd,
        transparent
    );
}


/* زیرتیتر وسط */

.mentor-future-subtitle {
    max-width: 850px;

    margin: 0 auto 30px !important;

    color: #66758b !important;

    font-size: 14px;
    line-height: 2.05;

    text-align: center !important;
    direction: rtl;
}


/* =========================================
   پایین بخش: متن راست + تصویر چپ
   ========================================= */

.mentor-future-body {
    max-width: 1000px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr 1fr;

    align-items: center;
    gap: 55px;

    direction: rtl;
}


/* ستون لیست سمت راست */

.mentor-future-list {
    text-align: right !important;
}


/* هر آیتم */

.mentor-future-list li,
.mentor-future-item {
    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 18px;

    color: #082b5c;

    font-size: 15px;
    font-weight: 800;

    text-align: right;
}


/* اگر تیک span دارد */

.mentor-future-list .check,
.mentor-future-item .check {
    flex: 0 0 24px;

    width: 24px;
    height: 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #e8faf1;
    color: #12a66a;

    font-size: 13px;
    font-weight: 900;
}


/* ستون تصویر سمت چپ */

.mentor-future-image {
    min-height: 300px;

    display: flex;
    align-items: center;
    justify-content: center;
}


/* موبایل */

@media (max-width: 800px) {

    .mentor-future-body {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .mentor-future-list {
        order: 1;
    }

    .mentor-future-image {
        order: 2;
        min-height: 220px;
    }

    .mentor-future-title {
        font-size: 26px;
    }

    .mentor-future-subtitle {
        font-size: 13px;
        padding: 0 16px;
    }
}
.mentor-future-box {
    max-width: 1100px !important;
    margin: 0 auto !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    padding: 0 !important;
    border-radius: 0 !important;
}
.mentor-future-content {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 auto !important;
    padding: 0 !important;

    text-align: center !important;
}

.mentor-future-title {
    width: 100% !important;
    max-width: 1000px !important;

    margin: 0 auto !important;

    color: #082b5c !important;
    opacity: 1 !important;
    filter: none !important;
    text-shadow: none !important;

    font-size: clamp(31px, 3vw, 43px) !important;
    font-weight: 900 !important;
    line-height: 1.55 !important;

    text-align: center !important;
}

/* هر span یا strong داخل تیتر */
.mentor-future-title span,
.mentor-future-title strong {
    color: #2474ed !important;
    opacity: 1 !important;
    filter: none !important;
    text-shadow: none !important;
}
.mentor-future-subtitle {
    width: 100% !important;
    max-width: 900px !important;

    margin: 12px auto 30px !important;

    padding: 0 !important;

    color: #66758b !important;

    text-align: center !important;
    direction: rtl !important;

    font-size: 14px !important;
    line-height: 2.05 !important;
}
/* ==================================================
   MENTOR FUTURE - FINAL CLEAN LAYOUT
   ================================================== */

.mentor-future-section {
    padding: 65px 0;
    background: #ffffff;
}


/* حذف کامل کادر قدیمی */
.mentor-future-box {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* =========================
   HEADER
   ========================= */

.mentor-future-header {
    width: 100%;
    max-width: 1050px;

    margin: 0 auto 38px;

    text-align: center !important;
    direction: rtl;
}


.mentor-future-badge {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    margin: 0 auto 17px !important;
    padding: 9px 20px;

    border: 1px solid #b9d7ff;
    border-radius: 999px;

    background: #edf5ff;

    color: #0c63b8;

    font-size: 13px;
    font-weight: 800;
}


/* تیتر */
.mentor-future-header .mentor-future-title {
    width: 100% !important;
    max-width: 1000px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    color: #082b5c !important;

    font-size: clamp(31px, 3vw, 43px) !important;
    font-weight: 950 !important;
    line-height: 1.55 !important;

    text-align: center !important;

    opacity: 1 !important;
    filter: none !important;
    text-shadow: none !important;
}


/* قسمت آبی تیتر */
.mentor-future-header .mentor-future-title span {
    color: #2474ed !important;

    opacity: 1 !important;
    filter: none !important;
}


/* خط گرافیکی */
.mentor-future-divider {
    width: 90px;
    height: 3px;

    margin: 13px auto 16px;

    border-radius: 999px;

    background: linear-gradient(
        90deg,
        transparent,
        #93c5fd,
        #2563eb,
        #93c5fd,
        transparent
    );
}


/* زیرتیتر */
.mentor-future-header .mentor-future-subtitle {
    width: 100% !important;
    max-width: 900px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    color: #66758b !important;

    font-size: 16px;
    font-weight: 500;
    line-height: 2.1;

    text-align: center !important;
}

/* =========================
   TWO COLUMNS
   ========================= */

.mentor-future-body {
    width: 100%;
    max-width: 1000px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 65px;
    align-items: center;

    direction: rtl;
}


/* سمت راست */
.mentor-future-content {
    width: 100% !important;
    padding: 0 !important;

    text-align: right !important;
}


/* لیست */
.mentor-future-list {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none;

    text-align: right !important;
}


/* آیتم‌ها */
.mentor-future-list li {
    position: relative;

    margin: 0 0 18px !important;
    padding: 0 38px 0 0 !important;

    color: #082b5c;

    font-size: 15px;
    font-weight: 800;
    line-height: 1.8;

    text-align: right !important;
}


/* تیک سبز */
.mentor-future-list li::before {
    content: "✓";

    position: absolute;
    right: 0;
    top: 2px;

    width: 25px;
    height: 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #dcf8eb;

    color: #12a66a;

    font-size: 13px;
    font-weight: 900;

    box-shadow: 0 5px 14px rgba(18,166,106,.12);
}


/* =========================
   IMAGE - LEFT
   ========================= */

.mentor-future-visual {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
}


.mentor-future-image-frame {
    width: 100%;
    max-width: 390px;
    min-height: 300px;

    overflow: hidden;

    border-radius: 28px;

    background: #f3f8ff;
}


.mentor-future-image {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 800px) {

    .mentor-future-section {
        padding: 45px 0;
    }

    .mentor-future-header {
        padding: 0 16px;
        margin-bottom: 30px;
    }

    .mentor-future-header .mentor-future-title {
        font-size: 25px !important;
    }

   .mentor-future-header .mentor-future-subtitle {
    font-size: 13px;
    white-space: normal !important;
    width: 100% !important;
}
    .mentor-future-body {
        grid-template-columns: 1fr;

        padding: 0 18px;

        gap: 30px;
    }

    .mentor-future-content {
        order: 1;
    }

    .mentor-future-visual {
        order: 2;
    }

    .mentor-future-list li {
        font-size: 14px;
    }
}
.mentor-future-section
.mentor-future-header
.mentor-future-subtitle {
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 2.1 !important;
}
.mentor-future-section
.mentor-future-header
.mentor-future-subtitle {
    max-width: none !important;
    width: 100% !important;
    white-space: nowrap !important;
    text-align: center !important;
}
/* ==================================================
   MARKET NEED - Premium Problem → Opportunity
   ================================================== */

#market-need {
    position: relative;
    overflow: hidden;

    padding: 68px 0 62px;

    background:
        radial-gradient(circle at 85% 15%, rgba(37,99,235,.07), transparent 28%),
        #ffffff;
}


/* =========================
   HEADER
   ========================= */

.market-need-header {
    max-width: 980px;
    margin: 0 auto 38px;

    text-align: center;
    direction: rtl;
}

.market-need-header .section-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 9px 20px;
    margin-bottom: 16px;

    border-radius: 999px;

    background: #edf5ff;
    border: 1px solid #bed9ff;

    color: #0c63b8;

    font-size: 13px;
    font-weight: 800;
}

.market-need-title {
    margin: 0;

    color: #082b5c;

    font-size: clamp(30px, 3vw, 42px);
    font-weight: 950;
    line-height: 1.6;

    text-align: center;
}

.market-need-title span {
    color: #2474ed;
}

.market-need-line {
    width: 95px;
    height: 3px;

    margin: 14px auto 17px;

    border-radius: 999px;

    background: linear-gradient(
        90deg,
        transparent,
        #93c5fd,
        #2563eb,
        #93c5fd,
        transparent
    );
}

.market-need-intro {
    max-width: 900px;

    margin: 0 auto;

    color: #66758b;

    font-size: 15px;
    line-height: 2.05;

    text-align: center;
}


/* =========================
   PROBLEMS
   ========================= */

.market-problems {
    max-width: 1000px;
    margin: 0 auto 38px;

    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 28px;

    direction: rtl;
}

.market-problem-item {
    position: relative;

    min-height: 125px;

    padding: 18px 16px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;

    border-radius: 22px;

    background:
        radial-gradient(circle at 50% 35%, rgba(245,158,11,.09), transparent 45%),
        transparent;

    transition:
        transform .25s ease,
        filter .25s ease;
}


/* شماره خیلی ظریف */

.market-problem-number {
    margin-bottom: 7px;

    color: #d7a45c;

    font-size: 11px;
    font-weight: 900;
    letter-spacing: .5px;
}


/* نقطه هشدار */

.market-problem-dot {
    width: 11px;
    height: 11px;

    margin-bottom: 13px;

    border-radius: 50%;

    background: #f59e0b;

    box-shadow:
        0 0 0 7px rgba(245,158,11,.08),
        0 8px 18px rgba(245,158,11,.14);
}


/* متن مشکل */

.market-problem-item h3 {
    max-width: 210px;

    margin: 0;

    color: #082b5c;

    font-size: 14.5px;
    font-weight: 850;
    line-height: 1.8;
}


/* خط عمودی ظریف بین آیتم‌ها */

.market-problem-item:not(:last-child)::after {
    content: "";

    position: absolute;

    left: -14px;
    top: 22%;

    width: 1px;
    height: 56%;

    background: linear-gradient(
        to bottom,
        transparent,
        #dce6f3,
        transparent
    );
}


.market-problem-item:hover {
    transform: translateY(-5px);

    filter: drop-shadow(
        0 12px 20px rgba(15,45,90,.08)
    );
}


/* =========================
   OPPORTUNITY
   ========================= */

.market-opportunity-premium {
    position: relative;
    overflow: hidden;

    max-width: 900px;
    margin: 0 auto;

    padding: 34px 40px;

    text-align: center;
    direction: rtl;

    border-radius: 28px;

    background:
        radial-gradient(circle at 15% 20%, rgba(96,165,250,.20), transparent 35%),
        linear-gradient(
            135deg,
            #061b3a 0%,
            #0a2e61 55%,
            #104985 100%
        );

    box-shadow:
        0 22px 50px rgba(8,43,92,.20);
}


/* دایره تزئینی */

.market-opportunity-premium::before {
    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    left: -100px;
    top: -120px;

    border-radius: 50%;

    border: 1px solid rgba(255,255,255,.07);

    box-shadow:
        0 0 0 40px rgba(255,255,255,.015),
        0 0 0 80px rgba(255,255,255,.01);
}


/* لیبل */

.market-opportunity-label {
    position: relative;
    z-index: 2;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 7px 15px;
    margin-bottom: 13px;

    border-radius: 999px;

    background: rgba(255,255,255,.08);
    border: 1px solid rgba(147,197,253,.28);

    color: #bfdbfe;

    font-size: 12px;
    font-weight: 800;
}


/* تیتر فرصت */

.market-opportunity-premium h3 {
    position: relative;
    z-index: 2;

    margin: 0;

    color: #ffffff;

    font-size: clamp(22px, 2.4vw, 31px);
    font-weight: 900;
    line-height: 1.7;
}

.market-opportunity-premium h3 span {
    color: #7db4ff;
}


/* توضیح */

.market-opportunity-premium p {
    position: relative;
    z-index: 2;

    max-width: none;
    margin: 15px auto 0;

    color: rgba(255,255,255,.72);

    font-size: 14px;
    line-height: 2.1;

    white-space: nowrap;
}


/* جمله نهایی */

.market-opportunity-premium strong {
    position: relative;
    z-index: 2;

    display: block;

    max-width: 760px;

    margin: 17px auto 0;

    color: #ffffff;

    font-size: 14px;
    font-weight: 900;
    line-height: 2;
}


/* =========================
   Tablet
   ========================= */

@media (max-width: 900px) {

    .market-problems {
        grid-template-columns: repeat(2, 1fr);

        max-width: 88%;
    }

    .market-problem-item::after {
        display: none;
    }

    .market-opportunity-premium {
        margin: 0 24px;
    }
}


/* =========================
   Mobile
   ========================= */

@media (max-width: 600px) {

    #market-need {
        padding: 48px 0 42px;
    }

    .market-need-header {
        padding: 0 16px;
        margin-bottom: 28px;
    }

    .market-need-title {
        font-size: 25px;
    }

    .market-need-intro {
        font-size: 13px;
    }

    .market-problems {
        grid-template-columns: 1fr;

        max-width: none;
        margin: 0 18px 28px;

        gap: 10px;
    }

    .market-problem-item {
        min-height: 88px;
    }

    .market-opportunity-premium {
        margin: 0 16px;
        padding: 26px 18px;

        border-radius: 22px;
    }

    .market-opportunity-premium p,
    .market-opportunity-premium strong {
        font-size: 13px;
    }
}
/* ==================================================
   FOUNDATION INFOGRAPHIC
   ================================================== */

#course-foundation {
    padding: 70px 0 64px;
    background:
        radial-gradient(circle at 15% 15%, rgba(37,99,235,.06), transparent 28%),
        #f8fbff;
}


/* =========================
   HEADER
   ========================= */

.foundation-header {
    max-width: 980px;
    margin: 0 auto 34px;

    text-align: center;
    direction: rtl;
}

.foundation-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 9px 20px;
    margin-bottom: 16px;

    border-radius: 999px;

    background: #edf5ff;
    border: 1px solid #bed9ff;

    color: #0c63b8;

    font-size: 13px;
    font-weight: 800;
}

.foundation-title {
    margin: 0;

    color: #082b5c;

    font-size: clamp(30px, 3vw, 42px);
    font-weight: 950;
    line-height: 1.6;
}

.foundation-title span {
    color: #2474ed;
}

.foundation-subtitle {
    max-width: 900px;
    margin: 13px auto 0;

    color: #66758b;

    font-size: 15px;
    line-height: 2;

    text-align: center;
}


/* =========================
   MAIN INFOGRAPHIC BOX
   ========================= */

.foundation-infographic {
    position: relative;
    overflow: hidden;

    max-width: 1120px;
    margin: 0 auto;

    padding: 28px 34px 26px;

    border-radius: 32px;

    background:
        radial-gradient(circle at 50% 45%, rgba(37,99,235,.07), transparent 28%),
        #ffffff;

    border: 1px solid #d7e6f8;

    box-shadow:
        0 22px 50px rgba(15,45,90,.08);
}


/* برچسب بالای اینفوگرافیک */

.foundation-top-label {
    width: fit-content;
    max-width: 92%;

    margin: 0 auto 28px;
    padding: 8px 22px;

    border-radius: 999px;

    background:
        linear-gradient(
            135deg,
            #082b5c,
            #17458f
        );

    color: #ffffff;

    font-size: 14px;
    font-weight: 850;

    text-align: center;

    box-shadow:
        0 10px 24px rgba(8,43,92,.15);
}


/* =========================
   LAYOUT
   ========================= */

.foundation-layout {
    display: grid;
    grid-template-columns: 1fr 250px 1fr;

    gap: 34px;
    align-items: center;

    direction: rtl;
}


/* ستون‌ها */

.foundation-side {
    display: flex;
    flex-direction: column;

    gap: 16px;
}


/* =========================
   ITEM
   ========================= */

.foundation-intelligence {
    position: relative;

    min-height: 84px;

    display: grid;
    grid-template-columns: 52px 1fr 52px;

    align-items: center;

    gap: 12px;

    padding: 12px 14px;

    border-radius: 22px;

    background: #ffffff;

    border: 1px solid #dce7f5;

    box-shadow:
        0 10px 24px rgba(15,45,90,.045);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


/* Hover */

.foundation-intelligence:hover {
    transform: translateY(-4px);

    box-shadow:
        0 16px 34px rgba(15,45,90,.09);
}


/* شماره */

.intelligence-number {
    display: flex;
    align-items: center;
    justify-content: center;

    color: #2563eb;

    font-size: 22px;
    font-weight: 950;
}


/* متن */

.intelligence-copy {
    text-align: right;
    direction: rtl;
}

.intelligence-copy h3 {
    margin: 0 0 4px;

    color: #082b5c;

    font-size: 15px;
    font-weight: 900;
    line-height: 1.7;
}

.intelligence-copy p {
    margin: 0;

    color: #7a879a;

    font-size: 12.5px;
    line-height: 1.8;
}


/* آیکون */

.intelligence-icon {
    width: 46px;
    height: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #f1f6ff;

    font-size: 22px;

    box-shadow:
        0 0 0 6px rgba(37,99,235,.04);
}


/* =========================
   رنگ‌های متفاوت
   ========================= */

.intelligence-1 {
    border-color: #b8d0ff;
}
.intelligence-1 .intelligence-number {
    color: #2563eb;
}

.intelligence-2 {
    border-color: #aee6c7;
}
.intelligence-2 .intelligence-number {
    color: #16a05d;
}

.intelligence-3 {
    border-color: #ffd49d;
}
.intelligence-3 .intelligence-number {
    color: #e8890b;
}

.intelligence-4 {
    border-color: #f6bad3;
}
.intelligence-4 .intelligence-number {
    color: #e83e7c;
}

.intelligence-5 {
    border-color: #cfc0ff;
}
.intelligence-5 .intelligence-number {
    color: #7c3aed;
}

.intelligence-6 {
    border-color: #b7e8ca;
}
.intelligence-6 .intelligence-number {
    color: #16a05d;
}

.intelligence-7 {
    border-color: #f5c0d7;
}
.intelligence-7 .intelligence-number {
    color: #df4f86;
}

.intelligence-8 {
    border-color: #c9c0ff;
}
.intelligence-8 .intelligence-number {
    color: #6d4bd8;
}


/* =========================
   CENTER
   ========================= */

.foundation-center {
    display: flex;
    align-items: center;
    justify-content: center;
}


.foundation-center-circle {
    position: relative;

    width: 215px;
    height: 215px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        radial-gradient(circle at 50% 35%, #ffffff 0%, #edf5ff 70%);

    border: 10px solid #d9e8ff;

    box-shadow:
        0 0 0 2px #4e8df5,
        0 0 0 16px rgba(78,141,245,.07),
        0 20px 45px rgba(37,99,235,.15);
}


/* حلقه نقطه‌ای */

.foundation-center-circle::before {
    content: "";

    position: absolute;
    inset: -28px;

    border-radius: 50%;

    border: 1px dashed rgba(37,99,235,.25);
}


/* عدد 8 */

.foundation-center-circle strong {
    color: #2474ed;

    font-size: 58px;
    font-weight: 950;
    line-height: 1;
}


/* متن مرکز */

.foundation-center-circle span {
    margin-top: 8px;

    color: #082b5c;

    font-size: 16px;
    font-weight: 900;
    line-height: 1.65;

    text-align: center;
}


/* =========================
   اتصال‌های ظریف
   ========================= */

.foundation-side-right .foundation-intelligence::after,
.foundation-side-left .foundation-intelligence::after {
    content: "";

    position: absolute;

    top: 50%;

    width: 28px;
    height: 1px;

    background: rgba(37,99,235,.28);
}

.foundation-side-right .foundation-intelligence::after {
    left: -28px;
}

.foundation-side-left .foundation-intelligence::after {
    right: -28px;
}


/* =========================
   BOTTOM NOTE
   ========================= */

.foundation-bottom-note {
    max-width: 900px;

    margin: 28px auto 0;
    padding: 14px 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    border-radius: 20px;

    background:
        linear-gradient(
            135deg,
            #eef5ff,
            #f8fbff
        );

    border: 1px solid #d7e6f8;
}


.foundation-note-icon {
    flex: 0 0 auto;

    font-size: 24px;
}


.foundation-bottom-note p {
    margin: 0;

    color: #35506f;

    font-size: 14px;
    line-height: 2;

    text-align: center;
}


.foundation-bottom-note strong {
    color: #2474ed;
    font-weight: 900;
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 950px) {

    .foundation-layout {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .foundation-center {
        order: -1;
    }

    .foundation-side {
        max-width: 620px;
        width: 100%;

        margin: 0 auto;
    }

    .foundation-side-right .foundation-intelligence::after,
    .foundation-side-left .foundation-intelligence::after {
        display: none;
    }
}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 600px) {

    #course-foundation {
        padding: 48px 0 42px;
    }

    .foundation-header {
        padding: 0 16px;
    }

    .foundation-title {
        font-size: 25px;
    }

    .foundation-subtitle {
        font-size: 13px;
    }

    .foundation-infographic {
        margin: 0 14px;
        padding: 22px 14px;

        border-radius: 24px;
    }

    .foundation-center-circle {
        width: 170px;
        height: 170px;
    }

    .foundation-center-circle strong {
        font-size: 46px;
    }

    .foundation-intelligence {
        grid-template-columns: 44px 1fr 44px;

        padding: 10px;

        min-height: 76px;
    }

    .intelligence-icon {
        width: 40px;
        height: 40px;

        font-size: 19px;
    }

    .intelligence-number {
        font-size: 18px;
    }

    .intelligence-copy h3 {
        font-size: 14px;
    }

    .intelligence-copy p {
        font-size: 12px;
    }

    .foundation-bottom-note {
        align-items: flex-start;
        padding: 14px;
    }

    .foundation-bottom-note p {
        font-size: 13px;
        text-align: right;
    }
}
/* =========================================
   FOUNDATION - FINAL TYPOGRAPHY UPGRADE
   ========================================= */


/* عنوان هر هوش */
.foundation-intelligence .intelligence-copy h3 {
    margin: 0 0 5px !important;

    color: #082b5c !important;

    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.6 !important;

    letter-spacing: -0.3px;
}


/* توضیح کوتاه زیر هر هوش */
.foundation-intelligence .intelligence-copy p {
    margin: 0 !important;

    color: #5f7189 !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.8 !important;
}


/* شماره‌های 01 تا 08 */
.foundation-intelligence .intelligence-number {
    font-size: 24px !important;
    font-weight: 950 !important;
    line-height: 1 !important;

    opacity: 1 !important;
}


/* آیکون‌ها */
.foundation-intelligence .intelligence-icon {
    width: 50px !important;
    height: 50px !important;

    font-size: 25px !important;

    box-shadow:
        0 0 0 7px rgba(37, 99, 235, .045),
        0 8px 20px rgba(37, 99, 235, .08) !important;
}


/* خود کارت‌ها */
.foundation-intelligence {
    min-height: 94px !important;

    padding: 14px 16px !important;

    box-shadow:
        0 9px 24px rgba(15, 45, 90, .055) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease !important;
}


/* افکت حرکت کارت */
.foundation-intelligence:hover {
    transform: translateY(-5px) scale(1.015);

    box-shadow:
        0 18px 38px rgba(15, 45, 90, .11) !important;
}


/* عدد 8 وسط */
.foundation-center-circle strong {
    color: #2474ed !important;

    font-size: 64px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}


/* هوش‌های هشتگانه گاردنر */
.foundation-center-circle span {
    margin-top: 10px !important;

    color: #082b5c !important;

    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.7 !important;

    text-align: center !important;
}


/* نوار سرمه‌ای بالا */
.foundation-top-label {
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.7 !important;

    padding: 9px 24px !important;
}


/* تیتر اصلی سکشن */
.foundation-title {
    color: #082b5c !important;

    font-weight: 950 !important;
}

.foundation-title span {
    color: #2474ed !important;
}


/* توضیح زیر تیتر اصلی */
.foundation-subtitle {
    color: #5f7189 !important;

    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 2 !important;
}


/* موبایل */
@media (max-width: 600px) {

    .foundation-intelligence .intelligence-copy h3 {
        font-size: 15px !important;
    }

    .foundation-intelligence .intelligence-copy p {
        font-size: 12.5px !important;
    }

    .foundation-intelligence .intelligence-number {
        font-size: 19px !important;
    }

    .foundation-intelligence .intelligence-icon {
        width: 42px !important;
        height: 42px !important;
        font-size: 20px !important;
    }

    .foundation-center-circle strong {
        font-size: 50px !important;
    }

    .foundation-center-circle span {
        font-size: 15px !important;
    }

    .foundation-top-label {
        font-size: 13px !important;
    }

    .foundation-subtitle {
        font-size: 13px !important;
    }
}
#course-foundation .foundation-title {
    margin: 0 !important;

    color: #082b5c !important;

    font-size: 36px !important;
    font-weight: 900 !important;
    line-height: 1.55 !important;

    letter-spacing: -1.2px !important;

    text-align: center !important;
}

#course-foundation .foundation-title span {
    color: #2474ed !important;
    font-weight: 900 !important;
}
#course-foundation .foundation-subtitle {
    max-width: 1000px !important;
    margin: 14px auto 0 !important;

    color: #66758b !important;

    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 2 !important;

    text-align: center !important;
}
.foundation-bottom-note p {
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 2 !important;
}
.foundation-bottom-note p strong {
    font-size: 17px !important;
    font-weight: 900 !important;
}
@media (max-width: 600px) {
    .foundation-bottom-note p,
    .foundation-bottom-note p strong {
        font-size: 14px !important;
    }
}
/* ==================================================
   CURRICULUM - PREMIUM MODULES
   ================================================== */

#curriculum {
    padding: 70px 0 62px;
}

#curriculum .section-header {
    max-width: 950px;
    margin: 0 auto 38px;
    text-align: center;
}


/* دو ستون مستقل */
.curriculum-columns {
    max-width: 1080px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 22px;

    direction: rtl;
}


/* هر ستون مستقل */
.curriculum-column {
    display: flex;
    flex-direction: column;

    gap: 16px;
}


/* هر ماژول */
.curriculum-module {
    overflow: hidden;

    border-radius: 22px;

    background: #ffffff;

    border: 1px solid #d8e6f6;

    box-shadow:
        0 10px 28px rgba(15, 45, 90, .055);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.curriculum-module:hover {
    transform: translateY(-3px);

    border-color: #b9d5ff;

    box-shadow:
        0 15px 34px rgba(15, 45, 90, .09);
}


/* summary */
.curriculum-module summary {
    min-height: 92px;

    display: grid;
    grid-template-columns: 58px 1fr 42px;

    align-items: center;

    gap: 14px;

    padding: 16px 18px;

    cursor: pointer;

    list-style: none;

    direction: rtl;
}

.curriculum-module summary::-webkit-details-marker {
    display: none;
}


/* شماره */
.module-number {
    width: 54px;
    height: 54px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            #edf5ff,
            #e3efff
        );

    color: #2563eb;

    font-size: 17px;
    font-weight: 950;

    box-shadow:
        inset 0 0 0 1px rgba(37,99,235,.06);
}


/* متن */
.module-summary-copy {
    text-align: right;
}

.module-label {
    display: block;

    margin-bottom: 4px;

    color: #7a8aa0;

    font-size: 11px;
    font-weight: 700;
}

.module-summary-copy h3 {
    margin: 0;

    color: #082b5c;

    font-size: 16px;
    font-weight: 900;
    line-height: 1.7;
}


/* دکمه + */
.module-toggle {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #edf4ff;

    color: #2563eb;

    font-size: 22px;
    font-weight: 700;

    transition:
        transform .25s ease,
        background .25s ease,
        color .25s ease;
}


/* حالت باز */
.curriculum-module[open] {
    border-color: #9fc6ff;

    box-shadow:
        0 18px 40px rgba(37, 99, 235, .10);
}


.curriculum-module[open] summary {
    background:
        linear-gradient(
            90deg,
            rgba(239,246,255,.90),
            #ffffff
        );
}


.curriculum-module[open] .module-toggle {
    transform: rotate(45deg);

    background: #2563eb;

    color: #ffffff;
}


/* محتوای داخلی */
.module-content {
    padding: 0 24px 20px;

    background: #fbfdff;

    border-top: 1px solid #edf2f8;
}


.module-content ul {
    margin: 0;
    padding: 16px 0 0;

    list-style: none;
}


.module-content li {
    position: relative;

    margin-bottom: 10px;
    padding-right: 20px;

    color: #526982;

    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.9;

    text-align: right;
}


.module-content li::before {
    content: "";

    position: absolute;

    right: 0;
    top: 11px;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #2563eb;

    box-shadow:
        0 0 0 4px rgba(37,99,235,.07);
}


/* یک نوار ظریف رنگی سمت راست */
.curriculum-module {
    position: relative;
}

.curriculum-module::before {
    content: "";

    position: absolute;

    right: 0;
    top: 18px;
    bottom: 18px;

    width: 3px;

    border-radius: 20px;

    background:
        linear-gradient(
            to bottom,
            #2563eb,
            #60a5fa
        );

    opacity: .55;
}


/* موبایل */
@media (max-width: 800px) {

    .curriculum-columns {
        grid-template-columns: 1fr;

        margin: 0 16px;
    }

    .curriculum-module summary {
        min-height: 80px;

        grid-template-columns: 46px 1fr 34px;

        gap: 10px;

        padding: 14px;
    }

    .module-number {
        width: 44px;
        height: 44px;

        font-size: 14px;
    }

    .module-summary-copy h3 {
        font-size: 14px;
    }

    .module-toggle {
        width: 32px;
        height: 32px;

        font-size: 19px;
    }

    .module-content {
        padding: 0 16px 16px;
    }
}
/* ==================================================
   CURRICULUM - COLOR UPGRADE
   ================================================== */


/* تیتر */

#curriculum .curriculum-title {
    margin: 0 !important;

    color: #082b5c !important;

    font-size: clamp(30px, 3vw, 42px) !important;
    font-weight: 950 !important;
    line-height: 1.55 !important;

    text-align: center !important;
}

#curriculum .curriculum-title span {
    color: #2474ed !important;
}

#curriculum .curriculum-title-line {
    width: 95px;
    height: 3px;

    margin: 14px auto 0;

    border-radius: 99px;

    background: linear-gradient(
        90deg,
        transparent,
        #93c5fd,
        #2563eb,
        #93c5fd,
        transparent
    );
}


/* فاصله هدر تا ماژول‌ها */

#curriculum .section-header {
    margin-bottom: 34px !important;
}


/* =========================================
   پایه ماژول‌ها
   ========================================= */

.curriculum-module {
    position: relative;

    background: #ffffff !important;

    border-width: 1px !important;

    box-shadow:
        0 10px 28px rgba(15, 45, 90, .06) !important;
}


/* شماره‌ها کمی پررنگ‌تر */

.curriculum-module .module-number {
    font-size: 18px !important;
    font-weight: 950 !important;

    border-radius: 16px !important;
}


/* عنوان */

.curriculum-module .module-summary-copy h3 {
    font-size: 17px !important;
    font-weight: 900 !important;

    color: #082b5c !important;
}


/* عبارت ماژول اول/دوم... */

.curriculum-module .module-label {
    font-size: 11.5px !important;
    font-weight: 750 !important;

    color: #8493a7 !important;
}


/* =========================================
   رنگ اختصاصی هر ماژول
   ========================================= */


/* 01 آبی */
.curriculum-column:first-child .curriculum-module:nth-child(1) {
    border-color: #bcd4ff !important;
}

.curriculum-column:first-child .curriculum-module:nth-child(1) .module-number {
    background: #eaf2ff;
    color: #2563eb;
}


/* 02 بنفش */
.curriculum-column:first-child .curriculum-module:nth-child(2) {
    border-color: #d4c4ff !important;
}

.curriculum-column:first-child .curriculum-module:nth-child(2) .module-number {
    background: #f1edff;
    color: #7651df;
}


/* 03 سبز */
.curriculum-column:first-child .curriculum-module:nth-child(3) {
    border-color: #bce7ce !important;
}

.curriculum-column:first-child .curriculum-module:nth-child(3) .module-number {
    background: #eaf9f0;
    color: #139660;
}


/* 04 نارنجی */
.curriculum-column:last-child .curriculum-module:nth-child(1) {
    border-color: #ffd6a6 !important;
}

.curriculum-column:last-child .curriculum-module:nth-child(1) .module-number {
    background: #fff4e6;
    color: #e6860c;
}


/* 05 فیروزه‌ای */
.curriculum-column:last-child .curriculum-module:nth-child(2) {
    border-color: #aee6e5 !important;
}

.curriculum-column:last-child .curriculum-module:nth-child(2) .module-number {
    background: #e9fbfa;
    color: #13999a;
}


/* 06 صورتی */
.curriculum-column:last-child .curriculum-module:nth-child(3) {
    border-color: #f5bfd6 !important;
}

.curriculum-column:last-child .curriculum-module:nth-child(3) .module-number {
    background: #fff0f6;
    color: #df4f88;
}


/* =========================================
   دکمه +
   ========================================= */

.curriculum-module .module-toggle {
    width: 40px !important;
    height: 40px !important;

    background: #edf4ff !important;
    color: #2563eb !important;

    box-shadow:
        0 6px 16px rgba(37, 99, 235, .08);

    font-weight: 700 !important;
}


.curriculum-module[open] .module-toggle {
    background: #2563eb !important;
    color: #ffffff !important;

    transform: rotate(45deg);
}


/* =========================================
   hover جذاب‌تر
   ========================================= */

.curriculum-module:hover {
    transform: translateY(-4px) !important;

    box-shadow:
        0 17px 38px rgba(15, 45, 90, .11) !important;
}


/* حالت باز */

.curriculum-module[open] {
    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f7fbff
        ) !important;

    box-shadow:
        0 20px 45px rgba(37, 99, 235, .11) !important;
}


/* محتوای بازشده */

.curriculum-module .module-content {
    background: #fbfdff !important;
}

.curriculum-module .module-content li {
    font-size: 14px !important;
    font-weight: 550 !important;

    color: #526982 !important;
}
@media (max-width: 800px) {

    #curriculum .curriculum-title {
        font-size: 25px !important;
    }

    .curriculum-module .module-summary-copy h3 {
        font-size: 14.5px !important;
    }
}
/* ==================================================
   CAREER OPPORTUNITIES - PREMIUM
   ================================================== */

#career {
    padding: 70px 0 64px;
    background:
        radial-gradient(circle at 15% 15%, rgba(37,99,235,.06), transparent 30%),
        #f8fbff;
}


/* هدر */
.career-premium-header {
    max-width: 980px;
    margin: 0 auto 38px;

    text-align: center;
    direction: rtl;
}

.career-premium-header .section-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 9px 20px;
    margin-bottom: 16px;

    border-radius: 999px;

    background: #edf5ff;
    border: 1px solid #bed9ff;

    color: #0c63b8;

    font-size: 13px;
    font-weight: 800;
}


/* تیتر */
.career-premium-title {
    margin: 0;

    color: #082b5c;

    font-size: clamp(30px, 3vw, 42px);
    font-weight: 950;
    line-height: 1.55;
}

.career-premium-title span {
    color: #2474ed;
}


/* زیرتیتر */
.career-premium-subtitle {
    max-width: 880px;

    margin: 13px auto 0;

    color: #66758b;

    font-size: 15px;
    font-weight: 500;
    line-height: 2;

    text-align: center;
}


/* خط زیر هدر */
.career-premium-line {
    width: 95px;
    height: 3px;

    margin: 14px auto 0;

    border-radius: 999px;

    background: linear-gradient(
        90deg,
        transparent,
        #93c5fd,
        #2563eb,
        #93c5fd,
        transparent
    );
}


/* ==================================================
   GRID
   ================================================== */

.career-premium-grid {
    max-width: 1100px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(6, 1fr);

    gap: 22px;

    direction: rtl;
}


/* سه کارت بالا */
.career-premium-card:nth-child(1) {
    grid-column: span 2;
}

.career-premium-card:nth-child(2) {
    grid-column: span 2;
}

.career-premium-card:nth-child(3) {
    grid-column: span 2;
}


/* دو کارت پایین وسط */
.career-premium-card:nth-child(4) {
    grid-column: 2 / span 2;
}

.career-premium-card:nth-child(5) {
    grid-column: 4 / span 2;
}


/* ==================================================
   CARD
   ================================================== */

.career-premium-card {
    position: relative;
    overflow: hidden;

    min-height: 295px;

    padding: 30px 24px 22px;

    display: flex;
    flex-direction: column;
    align-items: center;

    border-radius: 24px;

    background: #ffffff;

    border: 1px solid #dce7f5;

    box-shadow:
        0 12px 32px rgba(15,45,90,.07);

    text-align: center;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.career-premium-card:hover {
    transform: translateY(-7px);

    box-shadow:
        0 20px 44px rgba(15,45,90,.13);
}


/* خط رنگی بالای هر کارت */
.career-premium-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    height: 4px;
}


/* شماره بزرگ پس‌زمینه */
.career-bg-number {
    position: absolute;

    top: 22px;
    left: 22px;

    color: #eef2f7;

    font-size: 46px;
    font-weight: 950;
    line-height: 1;
}


/* آیکون */
.career-icon {
    width: 62px;
    height: 62px;

    margin-bottom: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    font-size: 27px;

    box-shadow:
        0 8px 22px rgba(15,45,90,.08);
}


/* عنوان */
.career-premium-card h3 {
    margin: 0 0 9px;

    color: #082b5c;

    font-size: 17px;
    font-weight: 900;
    line-height: 1.7;
}


/* توضیح */
.career-premium-card > p {
    margin: 0;

    color: #6b7c91;

    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.9;
}


/* مزایا */
.career-benefits {
    width: calc(100% + 48px);

    margin: auto -24px -22px;
    padding: 13px 18px 15px;

    display: flex;
    flex-direction: column;

    gap: 7px;

    background: #fbfdff;

    border-top: 1px solid #edf2f8;
}

.career-benefits span {
    color: #35506f;

    font-size: 12.5px;
    font-weight: 700;

    text-align: right;
}


/* ==================================================
   COLORS
   ================================================== */

.career-blue::before {
    background: #2563eb;
}

.career-blue .career-icon {
    background: #edf4ff;
    color: #2563eb;
}


.career-purple::before {
    background: #8b5cf6;
}

.career-purple .career-icon {
    background: #f2edff;
    color: #8b5cf6;
}


.career-green::before {
    background: #10b981;
}

.career-green .career-icon {
    background: #eaf9f3;
    color: #10b981;
}


.career-orange::before {
    background: #f59e0b;
}

.career-orange .career-icon {
    background: #fff5e5;
    color: #f59e0b;
}


.career-pink::before {
    background: #ec4899;
}

.career-pink .career-icon {
    background: #fff0f7;
    color: #ec4899;
}


/* ==================================================
   BOTTOM CTA
   ================================================== */

.career-premium-bottom {
    max-width: 820px;

    margin: 36px auto 0;
    padding: 16px 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 14px;

    border-radius: 22px;

    background:
        linear-gradient(
            135deg,
            #eef5ff,
            #f8fbff
        );

    border: 1px solid #d5e5f8;

    box-shadow:
        0 10px 26px rgba(37,99,235,.06);
}


.career-bottom-icon {
    width: 46px;
    height: 46px;

    flex: 0 0 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #ffffff;

    font-size: 22px;

    box-shadow:
        0 8px 18px rgba(37,99,235,.10);
}


.career-premium-bottom p {
    margin: 0;

    color: #4d6480;

    font-size: 14px;
    line-height: 2;

    text-align: center;
}


.career-premium-bottom strong {
    color: #2474ed;
    font-weight: 900;
}


/* ==================================================
   TABLET
   ================================================== */

@media (max-width: 900px) {

    .career-premium-grid {
        grid-template-columns: repeat(2, 1fr);

        max-width: 90%;
    }

    .career-premium-card:nth-child(n) {
        grid-column: auto;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 600px) {

    #career {
        padding: 48px 0 42px;
    }

    .career-premium-header {
        padding: 0 16px;
    }

    .career-premium-title {
        font-size: 25px;
    }

    .career-premium-subtitle {
        font-size: 13px;
    }

    .career-premium-grid {
        grid-template-columns: 1fr;

        max-width: none;
        margin: 0 16px;

        gap: 16px;
    }

    .career-premium-card {
        min-height: auto;
    }

    .career-premium-bottom {
        margin: 28px 16px 0;
        padding: 14px 16px;
    }

    .career-premium-bottom p {
        font-size: 13px;
        text-align: right;
    }
}
/* ==================================================
   TALENT COACH AUDIENCE - PREMIUM
   ================================================== */

#audience.talent-coach-audience {
    padding: 70px 0 64px;
    background:
        radial-gradient(circle at 15% 18%, rgba(37,99,235,.06), transparent 28%),
        #ffffff;
}


/* دو ستون اصلی */
.talent-audience-layout {
    max-width: 1120px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1.08fr .92fr;

    gap: 58px;
    align-items: center;

    direction: rtl;
}


/* =========================
   متن سمت راست
   ========================= */

.talent-audience-content {
    text-align: right;
}

.talent-audience-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 9px 18px;
    margin-bottom: 16px;

    border-radius: 999px;

    background: #edf5ff;
    border: 1px solid #bed9ff;

    color: #0c63b8;

    font-size: 13px;
    font-weight: 800;
}


.talent-audience-title {
    margin: 0;

    color: #082b5c;

    font-size: clamp(30px, 3vw, 42px);
    font-weight: 950;
    line-height: 1.55;
}


.talent-audience-title span {
    color: #2474ed;
}


.talent-audience-text {
    max-width: 620px;

    margin: 14px 0 28px;

    color: #66758b;

    font-size: 15px;
    font-weight: 500;
    line-height: 2.05;
}


/* =========================
   لیست مخاطبان
   ========================= */

.talent-audience-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 12px;
}


.talent-audience-item {
    min-height: 58px;

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 12px 15px;

    border-radius: 16px;

    background: #ffffff;

    border: 1px solid #dce7f5;

    box-shadow:
        0 8px 22px rgba(15,45,90,.045);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.talent-audience-item:hover {
    transform: translateY(-3px);

    border-color: #b9d5ff;

    box-shadow:
        0 14px 30px rgba(15,45,90,.08);
}


/* تیک */
.talent-audience-item > span {
    width: 28px;
    height: 28px;

    flex: 0 0 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #eaf2ff;

    color: #2563eb;

    font-size: 14px;
    font-weight: 900;

    box-shadow:
        0 5px 12px rgba(37,99,235,.08);
}


.talent-audience-item strong {
    color: #082b5c;

    font-size: 14px;
    font-weight: 850;
    line-height: 1.7;
}


/* آیتم آخر وسط */
.talent-audience-wide {
    grid-column: 1 / -1;

    max-width: 68%;
    width: 100%;

    margin: 0 auto;
}


/* =========================
   تصویر سمت چپ
   ========================= */

.talent-audience-visual {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;
}


.talent-audience-visual::before {
    content: "";

    position: absolute;

    width: 92%;
    height: 92%;

    left: -18px;
    top: -18px;

    border-radius: 34px;

    background:
        linear-gradient(
            135deg,
            rgba(37,99,235,.14),
            rgba(96,165,250,.03)
        );

    z-index: 0;
}


.talent-audience-image-frame {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 470px;
    height: 390px;

    overflow: hidden;

    border-radius: 32px;

    background: #eef5ff;

    border: 1px solid #d2e4fb;

    box-shadow:
        0 20px 45px rgba(15,45,90,.13);
}


.talent-audience-image {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;

    transition:
        transform .45s ease;
}


.talent-audience-image-frame:hover .talent-audience-image {
    transform: scale(1.035);
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 950px) {

    .talent-audience-layout {
        grid-template-columns: 1fr;

        max-width: 88%;

        gap: 38px;
    }

    .talent-audience-content {
        text-align: center;
    }

    .talent-audience-text {
        margin: 14px auto 28px;
    }

    .talent-audience-visual {
        order: 2;
    }

    .talent-audience-content {
        order: 1;
    }
}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 600px) {

    #audience.talent-coach-audience {
        padding: 48px 0 42px;
    }

    .talent-audience-layout {
        max-width: none;

        margin: 0 16px;

        gap: 28px;
    }

    .talent-audience-title {
        font-size: 25px;
    }

    .talent-audience-text {
        font-size: 13px;
    }

    .talent-audience-list {
        grid-template-columns: 1fr;

        gap: 10px;
    }

    .talent-audience-wide {
        grid-column: auto;

        max-width: none;
    }

    .talent-audience-item {
        min-height: 52px;
    }

    .talent-audience-item strong {
        font-size: 13.5px;
    }

    .talent-audience-image-frame {
        height: 300px;

        border-radius: 24px;
    }

    .talent-audience-visual::before {
        left: -10px;
        top: -10px;

        border-radius: 26px;
    }
}
/* ==================================================
   TALENT FEATURES - PREMIUM CARDS
   ================================================== */

#features.talent-features {
    padding: 72px 0 64px;

    background:
        radial-gradient(circle at 15% 18%, rgba(37,99,235,.06), transparent 28%),
        #f8fbff;
}


/* =========================
   Header
   ========================= */

.talent-features-header {
    max-width: 980px;
    margin: 0 auto 40px;

    text-align: center;
    direction: rtl;
}

.talent-features-header .section-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 9px 20px;
    margin-bottom: 16px;

    border-radius: 999px;

    background: #edf5ff;
    border: 1px solid #bed9ff;

    color: #0c63b8;

    font-size: 13px;
    font-weight: 800;
}

.talent-features-title {
    margin: 0;

    color: #082b5c;

    font-size: clamp(30px, 3vw, 42px);
    font-weight: 950;
    line-height: 1.55;
}

.talent-features-title span {
    color: #2474ed;
}

.talent-features-subtitle {
    max-width: 900px;

    margin: 13px auto 0;

    color: #66758b;

    font-size: 15px;
    font-weight: 500;
    line-height: 2;

    text-align: center;
}

.talent-features-line {
    width: 95px;
    height: 3px;

    margin: 14px auto 0;

    border-radius: 99px;

    background: linear-gradient(
        90deg,
        transparent,
        #93c5fd,
        #2563eb,
        #93c5fd,
        transparent
    );
}


/* =========================
   Grid
   ========================= */

.talent-features-grid {
    max-width: 1120px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(5, 1fr);

    gap: 18px;

    direction: rtl;
}


/* =========================
   Card
   ========================= */

.talent-feature-card {
    position: relative;
    overflow: hidden;

    min-height: 250px;

    padding: 28px 20px 22px;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;

    border-radius: 24px;

    background: #ffffff;
    border: 1px solid #dce7f5;

    box-shadow:
        0 12px 30px rgba(15,45,90,.065);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.talent-feature-card:hover {
    transform: translateY(-7px);

    box-shadow:
        0 20px 44px rgba(15,45,90,.12);
}


/* شماره محو */

.talent-feature-number {
    position: absolute;

    top: 16px;
    left: 17px;

    color: #edf1f6;

    font-size: 42px;
    font-weight: 950;
    line-height: 1;
}


/* آیکون */

.talent-feature-icon {
    width: 62px;
    height: 62px;

    margin-bottom: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 20px;

    font-size: 26px;
    font-weight: 900;

    box-shadow:
        0 9px 22px rgba(15,45,90,.08);
}


/* عنوان */

.talent-feature-card h3 {
    margin: 0 0 10px;

    color: #082b5c;

    font-size: 17px;
    font-weight: 900;
    line-height: 1.7;
}


/* توضیح */

.talent-feature-card p {
    margin: 0;

    color: #6b7c91;

    font-size: 13px;
    font-weight: 500;
    line-height: 1.95;
}


/* نوار پایین */

.talent-feature-accent {
    position: absolute;

    left: 18px;
    right: 18px;
    bottom: 0;

    height: 4px;

    border-radius: 20px 20px 0 0;
}


/* =========================
   Colors
   ========================= */

.talent-feature-blue {
    border-color: #bed4ff;
}

.talent-feature-blue .talent-feature-icon {
    background: #edf4ff;
    color: #2563eb;
}

.talent-feature-blue .talent-feature-accent {
    background: #2563eb;
}


.talent-feature-purple {
    border-color: #d7c8ff;
}

.talent-feature-purple .talent-feature-icon {
    background: #f2edff;
    color: #7c3aed;
}

.talent-feature-purple .talent-feature-accent {
    background: #7c3aed;
}


.talent-feature-green {
    border-color: #bde8cf;
}

.talent-feature-green .talent-feature-icon {
    background: #eaf9f1;
    color: #10b981;
}

.talent-feature-green .talent-feature-accent {
    background: #10b981;
}


.talent-feature-orange {
    border-color: #ffd7a8;
}

.talent-feature-orange .talent-feature-icon {
    background: #fff5e6;
    color: #f59e0b;
}

.talent-feature-orange .talent-feature-accent {
    background: #f59e0b;
}


.talent-feature-pink {
    border-color: #f5bfd6;
}

.talent-feature-pink .talent-feature-icon {
    background: #fff0f6;
    color: #ec4899;
}

.talent-feature-pink .talent-feature-accent {
    background: #ec4899;
}


/* =========================
   Bottom note
   ========================= */

.talent-features-bottom {
    max-width: 850px;

    margin: 34px auto 0;
    padding: 18px 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 14px;

    border-radius: 22px;

    background:
        linear-gradient(
            135deg,
            #eef5ff,
            #f8fbff
        );

    border: 1px solid #d5e5f8;

    box-shadow:
        0 10px 28px rgba(37,99,235,.06);
}

.talent-features-bottom-icon {
    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #ffffff;

    font-size: 23px;

    box-shadow:
        0 8px 18px rgba(37,99,235,.10);
}

.talent-features-bottom strong {
    display: block;

    margin-bottom: 3px;

    color: #082b5c;

    font-size: 20px;
    font-weight: 900;
}

.talent-features-bottom p {
    margin: 0;

    color: #66758b;

    font-size: 18px;
    line-height: 1.9;
}


/* =========================
   Tablet
   ========================= */

@media (max-width: 1000px) {

    .talent-features-grid {
        grid-template-columns: repeat(2, 1fr);

        max-width: 90%;
    }

}


/* =========================
   Mobile
   ========================= */

@media (max-width: 600px) {

    #features.talent-features {
        padding: 48px 0 42px;
    }

    .talent-features-header {
        padding: 0 16px;
    }

    .talent-features-title {
        font-size: 25px;
    }

    .talent-features-subtitle {
        font-size: 13px;
    }

    .talent-features-grid {
        grid-template-columns: 1fr;

        max-width: none;
        margin: 0 16px;

        gap: 15px;
    }

    .talent-feature-card {
        min-height: 210px;
    }

    .talent-features-bottom {
        margin: 28px 16px 0;
        padding: 15px 16px;
    }

    .talent-features-bottom strong {
        font-size: 14px;
    }

    .talent-features-bottom p {
        font-size: 12.5px;
    }
}
/* ==================================================
   TALENT FAQ - PREMIUM
   ================================================== */

#faq.talent-faq {
    padding: 72px 0 64px;

    background:
        radial-gradient(circle at 15% 15%, rgba(37,99,235,.05), transparent 30%),
        #ffffff;
}


/* =========================
   Header
   ========================= */

.talent-faq-header {
    max-width: 980px;
    margin: 0 auto 40px;

    text-align: center;
    direction: rtl;
}

.talent-faq-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 9px 20px;
    margin-bottom: 16px;

    border-radius: 999px;

    background: #edf5ff;
    border: 1px solid #bed9ff;

    color: #0c63b8;

    font-size: 13px;
    font-weight: 800;
}


.talent-faq-title {
    margin: 0;

    color: #082b5c;

    font-size: clamp(30px, 3vw, 42px);
    font-weight: 950;
    line-height: 1.55;
}

.talent-faq-title span {
    color: #2474ed;
}


.talent-faq-divider {
    width: 120px;
    height: 14px;

    margin: 12px auto 14px;

    position: relative;
}

.talent-faq-divider::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 6px;

    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        #93c5fd,
        #2563eb,
        #93c5fd,
        transparent
    );
}

.talent-faq-divider span {
    position: absolute;

    width: 11px;
    height: 11px;

    left: 50%;
    top: 1px;

    transform: translateX(-50%) rotate(45deg);

    border-radius: 3px;

    background: #2563eb;

    box-shadow:
        0 0 0 6px rgba(37,99,235,.08);
}


.talent-faq-subtitle {
    max-width: 850px;
    margin: 0 auto;

    color: #66758b;

    font-size: 15px;
    font-weight: 500;
    line-height: 2;
}


/* =========================
   FAQ List
   ========================= */

.talent-faq-list {
    max-width: 1040px;
    margin: 0 auto;

    display: flex;
    flex-direction: column;

    gap: 13px;
}


/* =========================
   FAQ Item
   ========================= */

.talent-faq-item {
    overflow: hidden;

    border-radius: 22px;

    background: #ffffff;

    border: 1px solid #dce7f5;

    box-shadow:
        0 10px 28px rgba(15,45,90,.055);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.talent-faq-item:hover {
    transform: translateY(-3px);

    box-shadow:
        0 16px 36px rgba(15,45,90,.09);
}


/* =========================
   Summary
   ========================= */

.talent-faq-item summary {
    min-height: 76px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 15px 20px;

    cursor: pointer;

    list-style: none;

    direction: rtl;
}

.talent-faq-item summary::-webkit-details-marker {
    display: none;
}


/* سوال */
.talent-faq-question {
    display: flex;
    align-items: center;

    gap: 13px;

    flex: 1;

    text-align: right;
}


.talent-faq-question strong {
    color: #082b5c;

    font-size: 16px;
    font-weight: 900;
    line-height: 1.8;
}


/* آیکون */
.talent-faq-icon {
    width: 46px;
    height: 46px;

    flex: 0 0 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 14px;

    font-size: 21px;
}


/* =========================
   Toggle + / -
   ========================= */

.talent-faq-toggle {
    width: 38px;
    height: 38px;

    flex: 0 0 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #edf4ff;

    color: #2563eb;

    font-size: 0;

    position: relative;

    box-shadow:
        0 6px 16px rgba(37,99,235,.08);
}


/* خط افقی */
.talent-faq-toggle::before {
    content: "";

    width: 14px;
    height: 2px;

    position: absolute;

    border-radius: 99px;

    background: currentColor;
}


/* خط عمودی */
.talent-faq-toggle::after {
    content: "";

    width: 2px;
    height: 14px;

    position: absolute;

    border-radius: 99px;

    background: currentColor;

    transition:
        transform .25s ease,
        opacity .25s ease;
}


/* وقتی باز شد، + تبدیل به - */
.talent-faq-item[open] .talent-faq-toggle::after {
    transform: rotate(90deg);
    opacity: 0;
}


/* =========================
   Answer
   ========================= */

.talent-faq-answer {
    margin: 0 18px 18px;

    padding: 18px 22px;

    border-radius: 16px;

    background:
        linear-gradient(
            135deg,
            #f7fbff,
            #eef5ff
        );

    border: 1px solid #cfe1fb;

    position: relative;
}

.talent-faq-answer::after {
    content: "";

    position: absolute;

    right: 0;
    top: 0;
    bottom: 0;

    width: 4px;

    border-radius: 0 16px 16px 0;

    background: #2563eb;
}


.talent-faq-answer p {
    margin: 0;

    color: #526982;

    font-size: 14px;
    font-weight: 500;
    line-height: 2.1;

    text-align: right;
}


/* =========================
   Open State
   ========================= */

.talent-faq-item[open] {
    border-color: #a7c9fb;

    box-shadow:
        0 18px 40px rgba(37,99,235,.10);
}

.talent-faq-item[open] summary {
    background:
        linear-gradient(
            90deg,
            rgba(239,246,255,.72),
            #ffffff
        );
}

.talent-faq-item[open] .talent-faq-toggle {
    background: #2563eb;
    color: #ffffff;
}


/* =========================
   Colors
   ========================= */

.talent-faq-blue .talent-faq-icon {
    background: #edf4ff;
    color: #2563eb;
}

.talent-faq-blue {
    border-color: #bfd5ff;
}


.talent-faq-green .talent-faq-icon {
    background: #eaf9f1;
    color: #10b981;
}

.talent-faq-green .talent-faq-toggle {
    background: #edf9f3;
    color: #10b981;
}


.talent-faq-purple .talent-faq-icon {
    background: #f2edff;
    color: #7c3aed;
}

.talent-faq-purple .talent-faq-toggle {
    background: #f3efff;
    color: #7c3aed;
}


.talent-faq-orange .talent-faq-icon {
    background: #fff5e8;
    color: #f59e0b;
}

.talent-faq-orange .talent-faq-toggle {
    background: #fff6e9;
    color: #f59e0b;
}


/* =========================
   Mobile
   ========================= */

@media (max-width: 600px) {

    #faq.talent-faq {
        padding: 48px 0 42px;
    }

    .talent-faq-header {
        padding: 0 16px;
        margin-bottom: 28px;
    }

    .talent-faq-title {
        font-size: 25px;
    }

    .talent-faq-subtitle {
        font-size: 13px;
    }

    .talent-faq-list {
        margin: 0 14px;
    }

    .talent-faq-item summary {
        min-height: 66px;

        gap: 10px;

        padding: 12px 14px;
    }

    .talent-faq-question {
        gap: 10px;
    }

    .talent-faq-question strong {
        font-size: 13.5px;
    }

    .talent-faq-icon {
        width: 38px;
        height: 38px;

        flex-basis: 38px;

        font-size: 18px;
    }

    .talent-faq-toggle {
        width: 32px;
        height: 32px;

        flex-basis: 32px;
    }

    .talent-faq-answer {
        margin: 0 12px 12px;

        padding: 14px 16px;
    }

    .talent-faq-answer p {
        font-size: 13px;
    }
}
.register-price-note {
    width: fit-content;

    margin: 16px auto 4px;
    padding: 7px 14px;

    border-radius: 999px;

    background: rgba(96,165,250,.10);
    border: 1px solid rgba(147,197,253,.18);

    color: #bfdbfe;

    font-size: 12px;
    font-weight: 700;
}
/* =========================================
   TALENT COACH CERTIFICATE
========================================= */

#certificate.talent-certificate-section {
    padding: 70px 0;
    background:
        radial-gradient(circle at 12% 50%, rgba(37, 99, 235, .08), transparent 30%),
        linear-gradient(135deg, #f8fbff 0%, #ffffff 55%, #f3f8ff 100%);
}

.talent-certificate-wrap {
    max-width: 1080px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: minmax(0, 1fr) 390px;
    align-items: center;

    gap: 65px;

    direction: rtl;
}


/* =========================
   متن سمت راست
========================= */

.talent-certificate-content {
    text-align: right;
}

.talent-certificate-badge {
    display: inline-flex;
    align-items: center;

    padding: 9px 18px;
    margin-bottom: 18px;

    border-radius: 999px;

    background: #edf5ff;
    border: 1px solid #bed9ff;

    color: #1168bd;

    font-size: 13px;
    font-weight: 800;
}


.talent-certificate-title {
    max-width: 620px;

    margin: 0 0 16px;

    color: #082b5c;

    font-size: clamp(30px, 3vw, 40px);
    font-weight: 950;
    line-height: 1.6;
}

.talent-certificate-title span {
    color: #2474ed;
}


.talent-certificate-description {
    max-width: 650px;

    margin: 0 0 25px;

    color: #62738a;

    font-size: 15px;
    font-weight: 500;
    line-height: 2.1;
}


/* =========================
   مزایا
========================= */

.talent-certificate-benefits {
    display: flex;
    flex-direction: column;

    gap: 11px;
}

.talent-certificate-benefit {
    display: flex;
    align-items: center;

    gap: 11px;
}

.talent-certificate-benefit > span {
    width: 29px;
    height: 29px;

    flex: 0 0 29px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #e5f8ef;

    color: #0caf72;

    font-size: 14px;
    font-weight: 900;

    box-shadow: 0 5px 12px rgba(16, 185, 129, .10);
}

.talent-certificate-benefit strong {
    color: #17385f;

    font-size: 14px;
    font-weight: 800;
    line-height: 1.8;
}


/* =========================
   تصویر گواهینامه
========================= */

.talent-certificate-visual {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 25px;
}


/* هاله پشت تصویر */

.talent-certificate-visual::before {
    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    border-radius: 50%;

    background: rgba(37, 99, 235, .10);

    filter: blur(35px);

    z-index: 0;
}


.talent-certificate-frame {
    position: relative;
    z-index: 1;

    width: 100%;
    max-width: 370px;

    padding: 9px;

    border-radius: 18px;

    background: #ffffff;

    border: 1px solid #d8e4f3;

    box-shadow:
        0 22px 50px rgba(15, 45, 90, .14);

    transform: rotate(-2deg);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.talent-certificate-frame:hover {
    transform: rotate(0deg) translateY(-5px);

    box-shadow:
        0 28px 60px rgba(15, 45, 90, .18);
}


.talent-certificate-image {
    display: block;

    width: 100%;
    height: auto;

    border-radius: 11px;
}


/* یک مدال کوچک روی تصویر */

.talent-certificate-frame::after {
    content: "✓";

    position: absolute;

    right: -13px;
    bottom: -13px;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #2563eb;

    border: 5px solid #ffffff;

    color: #ffffff;

    font-size: 19px;
    font-weight: 900;

    box-shadow:
        0 8px 20px rgba(37, 99, 235, .25);
}


/* =========================
   Mobile
========================= */

@media (max-width: 800px) {

    #certificate.talent-certificate-section {
        padding: 50px 0;
    }

    .talent-certificate-wrap {
        grid-template-columns: 1fr;

        gap: 30px;

        padding: 0 18px;
    }

    .talent-certificate-content {
        text-align: center;
    }

    .talent-certificate-title {
        margin-left: auto;
        margin-right: auto;

        font-size: 26px;
    }

    .talent-certificate-description {
        margin-left: auto;
        margin-right: auto;

        font-size: 13.5px;
    }

    .talent-certificate-benefits {
        max-width: 430px;

        margin: 0 auto;

        text-align: right;
    }

    .talent-certificate-visual {
        padding: 15px;
    }

    .talent-certificate-frame {
        max-width: 330px;
    }
}
/* =========================================
   CERTIFICATE - PREMIUM FINAL
========================================= */

#certificate.talent-certificate-section {
    padding: 78px 0;

    background:
        radial-gradient(circle at 18% 50%, rgba(37,99,235,.10), transparent 32%),
        linear-gradient(135deg, #f7faff 0%, #ffffff 58%, #f1f6ff 100%);
}


/* کارت اصلی */
.talent-certificate-wrap {
    max-width: 1080px;
    margin: 0 auto;

    padding: 46px 52px;

    display: grid;
    grid-template-columns: 1.15fr .85fr;

    gap: 70px;
    align-items: center;

    direction: rtl;

    border-radius: 34px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.96),
            rgba(245,249,255,.94)
        );

    border: 1px solid #d9e7f7;

    box-shadow:
        0 24px 55px rgba(15,45,90,.10);
}


/* =========================
   متن
========================= */

.talent-certificate-content {
    text-align: right;
}


.talent-certificate-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 9px 18px;
    margin-bottom: 18px;

    border-radius: 999px;

    background: #edf5ff;
    border: 1px solid #bed9ff;

    color: #1168bd;

    font-size: 13px;
    font-weight: 850;
}


.talent-certificate-title {
    max-width: 620px;

    margin: 0 0 16px;

    color: #082b5c;

    font-size: clamp(30px, 3vw, 40px);
    font-weight: 950;
    line-height: 1.6;
}


.talent-certificate-title span {
    color: #2474ed;
}


.talent-certificate-description {
    max-width: 650px;

    margin: 0 0 26px;

    color: #61728a;

    font-size: 15px;
    font-weight: 500;
    line-height: 2.05;
}


/* مزایا */
.talent-certificate-benefits {
    display: grid;
    gap: 12px;
}


.talent-certificate-benefit {
    display: flex;
    align-items: center;

    gap: 11px;
}


.talent-certificate-benefit > span {
    width: 28px;
    height: 28px;

    flex: 0 0 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #e8f9f1;

    color: #10a86f;

    font-size: 13px;
    font-weight: 900;

    box-shadow:
        0 5px 12px rgba(16,168,111,.10);
}


.talent-certificate-benefit strong {
    color: #17385f;

    font-size: 14px;
    font-weight: 800;
    line-height: 1.8;
}


/* یادداشت پایانی */
.talent-certificate-note {
    width: fit-content;

    margin-top: 24px;
    padding: 10px 16px;

    display: flex;
    align-items: center;

    gap: 9px;

    border-radius: 16px;

    background: #f3f7ff;
    border: 1px solid #dbe7f8;
}


.talent-certificate-note > span {
    color: #f59e0b;
    font-size: 18px;
}


.talent-certificate-note p {
    margin: 0;

    color: #506783;

    font-size: 13px;
}


.talent-certificate-note strong {
    color: #082b5c;
}


/* =========================
   گواهینامه
========================= */

.talent-certificate-visual {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 12px;
}


/* نور پشت */
.talent-certificate-visual::before {
    content: "";

    position: absolute;

    width: 330px;
    height: 230px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(37,99,235,.16),
            rgba(37,99,235,0) 70%
        );

    filter: blur(22px);
}


/* قاب */
.talent-certificate-frame {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 400px;

    padding: 10px;

    border-radius: 20px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f8fbff
        );

    border: 1px solid #d6e3f2;

    box-shadow:
        0 24px 50px rgba(15,45,90,.18);

    transform: rotate(-1.5deg);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


/* خط طلایی دور قاب */
.talent-certificate-frame::before {
    content: "";

    position: absolute;
    inset: 6px;

    border-radius: 15px;

    border: 1px solid rgba(214,170,70,.45);

    pointer-events: none;
}


.talent-certificate-frame:hover {
    transform: rotate(0deg) translateY(-4px);

    box-shadow:
        0 30px 60px rgba(15,45,90,.22);
}


.talent-certificate-image {
    width: 100%;
    height: auto;

    display: block;

    border-radius: 12px;
}


/* مدال گوشه */
.talent-certificate-frame::after {
    content: "✓";

    position: absolute;

    right: -14px;
    bottom: -14px;

    width: 50px;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #17458f,
            #2563eb
        );

    border: 5px solid #ffffff;

    color: #ffffff;

    font-size: 19px;
    font-weight: 900;

    box-shadow:
        0 10px 22px rgba(37,99,235,.25);
}


/* =========================
   Mobile
========================= */

@media (max-width: 800px) {

    #certificate.talent-certificate-section {
        padding: 50px 0;
    }

    .talent-certificate-wrap {
        grid-template-columns: 1fr;

        margin: 0 16px;
        padding: 30px 22px;

        gap: 32px;

        border-radius: 26px;
    }

    .talent-certificate-content {
        text-align: center;
    }

    .talent-certificate-title {
        margin-left: auto;
        margin-right: auto;

        font-size: 26px;
    }

    .talent-certificate-description {
        margin-left: auto;
        margin-right: auto;

        font-size: 13.5px;
    }

    .talent-certificate-benefits {
        max-width: 440px;
        margin: 0 auto;

        text-align: right;
    }

    .talent-certificate-note {
        margin-left: auto;
        margin-right: auto;
    }

    .talent-certificate-frame {
        max-width: 340px;
    }
}
/* هاله سرمه‌ای حرفه‌ای برای سکشن گواهینامه */

.talent-certificate-wrap {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}


/* هاله سمت تصویر */
.talent-certificate-wrap::before {
    content: "";

    position: absolute;

    width: 430px;
    height: 430px;

    left: -140px;
    top: 50%;

    transform: translateY(-50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(8, 43, 92, .20) 0%,
            rgba(23, 69, 143, .11) 35%,
            rgba(37, 99, 235, .04) 58%,
            transparent 72%
        );

    filter: blur(8px);

    z-index: -1;
    pointer-events: none;
}


/* هاله خیلی ملایم پشت متن */
.talent-certificate-wrap::after {
    content: "";

    position: absolute;

    width: 360px;
    height: 360px;

    right: -170px;
    top: -150px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(37, 99, 235, .09),
            transparent 68%
        );

    z-index: -1;
    pointer-events: none;
}
.talent-certificate-frame {
    box-shadow:
        0 24px 55px rgba(8, 43, 92, .20),
        0 0 0 1px rgba(214, 170, 70, .18) !important;
}
/* =========================================
   FAQ PAGE - COMPACT PROFESSIONAL
========================================= */

/* کل سکشن */
#faq {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
}


/* هدر اصلی */
#faq > div > div:first-child {
    max-width: 720px !important;
}

#faq > div > div:first-child h2 {
    margin-top: 10px !important;
    font-size: 32px !important;
    line-height: 1.5 !important;
    font-weight: 900 !important;
    color: #082b5c !important;
}

#faq > div > div:first-child > p:last-child {
    margin-top: 8px !important;
    font-size: 14px !important;
    line-height: 1.9 !important;
}


/* فاصله مجموعه FAQ از تیتر */
#faq .space-y-16 {
    margin-top: 35px !important;
}

/* فاصله بین چهار دسته */
#faq .space-y-16 > * + * {
    margin-top: 18px !important;
}


/* چهار باکس اصلی */
#faq .space-y-16 > div {
    padding: 22px 26px !important;

    border-radius: 22px !important;

    background:
        linear-gradient(135deg, #ffffff 0%, #f7faff 100%) !important;

    border: 1px solid #dbe6f3 !important;

    box-shadow:
        0 8px 25px rgba(15, 45, 90, .05) !important;
}


/* هدر هر دسته */
#faq .space-y-16 > div > div:first-child {
    gap: 15px !important;
}


/* نوشته کوچک بالای عنوان */
#faq .space-y-16 > div > div:first-child p {
    font-size: 11px !important;
    letter-spacing: 0 !important;
}


/* عنوان دسته */
#faq .space-y-16 > div > div:first-child h3 {
    margin-top: 3px !important;

    font-size: 21px !important;
    line-height: 1.5 !important;

    font-weight: 900 !important;
    color: #082b5c !important;
}


/* شماره 01 02 ... */
#faq .space-y-16 > div > div:first-child > span {
    width: 42px !important;
    height: 42px !important;

    border-radius: 13px !important;

    font-size: 13px !important;

    background: #eaf3ff !important;
    color: #1769d2 !important;
}


/* گرید سوال‌ها */
#faq .space-y-16 > div > .grid {
    margin-top: 18px !important;

    gap: 12px !important;
}


/* هر سوال */
#faq details.faq-card {
    padding: 0 !important;

    border-radius: 15px !important;

    background: #ffffff !important;

    border: 1px solid #dce6f2 !important;

    box-shadow:
        0 3px 10px rgba(15, 45, 90, .035) !important;

    overflow: hidden;

    transition: .25s ease;
}


#faq details.faq-card:hover {
    border-color: #a9ccff !important;

    box-shadow:
        0 8px 20px rgba(37, 99, 235, .07) !important;
}


/* متن سوال */
#faq details.faq-card summary {
    min-height: 58px;

    padding: 10px 14px !important;

    gap: 12px !important;

    font-size: 13px !important;
    line-height: 1.7 !important;

    font-weight: 800 !important;

    color: #102f58 !important;
}


/* دکمه + */
#faq details.faq-card summary span {
    width: 30px !important;
    height: 30px !important;

    flex: 0 0 30px !important;

    border-radius: 50% !important;

    background: #edf5ff !important;

    color: #1769d2 !important;

    font-size: 16px !important;
    font-weight: 700 !important;
}


/* جواب باز شده */
#faq details.faq-card > p {
    margin: 0 !important;

    padding:
        0 14px 14px 14px !important;

    font-size: 12.5px !important;
    line-height: 1.9 !important;

    color: #64748b !important;
}


/* وقتی سوال باز است */
#faq details.faq-card[open] {
    border-color: #9bc5ff !important;

    background:
        linear-gradient(135deg, #ffffff, #f5f9ff) !important;

    box-shadow:
        0 8px 22px rgba(37, 99, 235, .08) !important;
}
/* =========================================
   FAQ - FINAL POLISH
========================================= */

/* باکس هر دسته */
#faq .space-y-16 > div {
    position: relative;
    overflow: hidden;

    padding: 18px 22px 20px !important;

    border-radius: 20px !important;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f8fbff 100%
        ) !important;

    border: 1px solid #d6e4f5 !important;

    box-shadow:
        0 10px 30px rgba(8, 43, 92, .055) !important;
}


/* خط آبی ظریف سمت راست هر دسته */
#faq .space-y-16 > div::before {
    content: "";

    position: absolute;

    right: 0;
    top: 20px;
    bottom: 20px;

    width: 4px;

    border-radius: 10px 0 0 10px;

    background:
        linear-gradient(
            180deg,
            #2563eb,
            #60a5fa
        );
}


/* هدر دسته */
#faq .space-y-16 > div > div:first-child {
    min-height: 48px;

    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 15px !important;
}


/* عنوان دسته */
#faq .space-y-16 > div > div:first-child h3 {
    margin-top: 1px !important;

    font-size: 20px !important;
    font-weight: 900 !important;

    color: #082b5c !important;
}


/* نوشته کوچک */
#faq .space-y-16 > div > div:first-child p {
    margin-bottom: 1px !important;

    color: #3974bd !important;

    font-size: 10px !important;
    font-weight: 700 !important;
}


/* شماره دسته */
#faq .space-y-16 > div > div:first-child > span {
    width: 40px !important;
    height: 40px !important;

    flex: 0 0 40px;

    border-radius: 12px !important;

    background:
        linear-gradient(
            135deg,
            #eaf3ff,
            #dcecff
        ) !important;

    color: #1769d2 !important;

    font-size: 12px !important;
    font-weight: 900 !important;
}


/* فاصله سوال‌ها از هدر */
#faq .space-y-16 > div > .grid {
    margin-top: 12px !important;
}


/* خود سوال */
#faq details.faq-card {
    border-color: #dbe6f3 !important;

    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease !important;
}


#faq details.faq-card:hover {
    transform: translateY(-2px);

    border-color: #9fc5fb !important;

    box-shadow:
        0 8px 20px rgba(37, 99, 235, .08) !important;
}


/* دایره + */
#faq details.faq-card summary span {
    background:
        linear-gradient(
            135deg,
            #e9f3ff,
            #dcecff
        ) !important;

    color: #1266dc !important;

    box-shadow:
        0 4px 10px rgba(37, 99, 235, .08);
}


/* وقتی سوال باز می‌شود */
#faq details.faq-card[open] summary span {
    background: #2563eb !important;
    color: #ffffff !important;
}
#faq details.faq-card summary {
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.9 !important;
}

#faq details.faq-card > p {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 2 !important;
}
/* =========================================
   FAQ PAGE - PREMIUM FINISH
========================================= */

/* تیتر اصلی صفحه */
#faq > div > div:first-child h2 {
    position: relative;

    color: #082b5c !important;

    font-size: 36px !important;
    font-weight: 950 !important;

    padding-bottom: 18px;
}

/* خط گرافیکی زیر تیتر */
#faq > div > div:first-child h2::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: 0;

    width: 95px;
    height: 3px;

    transform: translateX(-50%);

    border-radius: 99px;

    background: linear-gradient(
        90deg,
        transparent,
        #93c5fd,
        #2563eb,
        #93c5fd,
        transparent
    );
}


/* هر دسته کمی پرقدرت‌تر */
#faq .space-y-16 > div {
    transition:
        transform .25s ease,
        box-shadow .25s ease !important;
}

#faq .space-y-16 > div:hover {
    transform: translateY(-3px);

    box-shadow:
        0 16px 38px rgba(8, 43, 92, .09) !important;
}


/* هدر هر دسته */
#faq .space-y-16 > div > div:first-child {
    background:
        linear-gradient(
            135deg,
            #edf5ff,
            #f9fbff
        ) !important;

    border: 1px solid #e0ebf8;
}


/* سوال‌ها */
#faq details.faq-card {
    background:
        linear-gradient(
            135deg,
            #ffffff,
            #fbfdff
        ) !important;
}


/* وقتی باز میشه */
#faq details.faq-card[open] {
    background:
        linear-gradient(
            135deg,
            #f7fbff,
            #eef5ff
        ) !important;

    border-color: #8ebcf8 !important;

    box-shadow:
        0 10px 24px rgba(37, 99, 235, .09) !important;
}


/* خود متن سوال در حالت باز */
#faq details.faq-card[open] summary {
    color: #0b4f9f !important;
}


/* دکمه + کمی شکیل‌تر */
#faq details.faq-card summary span {
    transition:
        transform .25s ease,
        background .25s ease,
        color .25s ease !important;
}

#faq details.faq-card:hover summary span {
    transform: scale(1.08);
}


/* موبایل */
@media (max-width: 600px) {

    #faq > div > div:first-child h2 {
        font-size: 27px !important;
    }

    #faq details.faq-card summary {
        font-size: 14px !important;
    }

    #faq details.faq-card > p {
        font-size: 13.5px !important;
    }
}
/* پهن‌تر کردن صفحه FAQ */
#faq .mx-auto.max-w-7xl {
    max-width: 1280px !important;
    width: 100% !important;
}

#faq .space-y-16 {
    max-width: 1180px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}