:root{--page-title-display:none;}/* Start custom CSS */body.elementor-page-382 .main-page-wrapper > .wd-content-layout { max-width: none; padding: 0; }
body.elementor-page-382 .main-page-wrapper { padding-top: 0; }
body.elementor-page-382 .main-page-wrapper > .wd-page-title { display: none; }
/* Hero: free course is the main call to action, all courses the secondary one */
body.elementor-page-382 .elementor-element-12f14af6 { background-image: none !important; }
body.elementor-page-382 .elementor-element-12f14af6:hover { background-color: rgba(255,255,255,0.16); }
body.elementor-page-382 .elementor-element-3fffb95f { transition: transform .2s ease, box-shadow .2s ease; }
body.elementor-page-382 .elementor-element-3fffb95f:hover { transform: translateY(-2px); }

/* Hero entrance in CSS (starts with the first paint, no script needed) */
@keyframes mel-in { from { opacity: 0; transform: translateY(14px); } }
body.elementor-page-382 :is([data-id="53a33014"], [data-id="756543cf"], [data-id="414c592"], [data-id="7f52454f"], [data-id="586ab887"]) { animation: mel-in .7s cubic-bezier(.16,1,.3,1) both; }
body.elementor-page-382 [data-id="756543cf"] { animation-delay: .08s; }
body.elementor-page-382 [data-id="414c592"] { animation-delay: .16s; }
body.elementor-page-382 [data-id="7f52454f"] { animation-delay: .24s; }
body.elementor-page-382 [data-id="586ab887"] { animation-delay: .32s; }

/* Sections below the hero rise in as they scroll into view (CSS only; browsers without scroll timelines just show them) */
@keyframes mel-reveal { from { opacity: 0; transform: translateY(28px); } }
@supports (animation-timeline: view()) {
  body.elementor-page-382 :is(.elementor-element-73905eb7, .elementor-element-470b038, .elementor-element-62e79ddf) { animation: mel-reveal linear both; animation-timeline: view(); animation-range: entry 0% entry 30%; }
}

/* Hero stats: three equal columns, right-aligned, numbers count up on load (the + sits after the number) */
@property --mel-n { syntax: '<integer>'; inherits: false; initial-value: 0; }
@keyframes mel-count { from { --mel-n: 0; } }
@keyframes mel-rise { from { opacity: 0; transform: translateY(8px); } }
body.elementor-page-382 .elementor-element-586ab887 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; max-width: 480px; margin-top: 22px !important; padding: 16px 0 0 !important; border-top: 1px solid rgba(236,200,117,0.22); }
body.elementor-page-382 .elementor-element-586ab887 > .e-con { width: auto !important; margin: 0 !important; padding: 0 18px !important; border: 0 !important; border-inline-start: 1px solid rgba(255,255,255,0.14) !important; text-align: right; align-items: flex-start; gap: 4px; line-height: 1.4; }
body.elementor-page-382 .elementor-element-586ab887 > .e-con:first-child { padding-inline-start: 0 !important; border-inline-start: 0 !important; }
body.elementor-page-382 [data-id="75b43740"] { --mel-to: 60; }
body.elementor-page-382 [data-id="4cd93c6d"] { --mel-to: 200; }
body.elementor-page-382 [data-id="637365d6"] { --mel-to: 6000; }
body.elementor-page-382 :is([data-id="75b43740"], [data-id="4cd93c6d"], [data-id="637365d6"]) { --mel-n: var(--mel-to); counter-reset: mel var(--mel-n); animation: mel-count 1.8s cubic-bezier(.16,1,.3,1) .5s both; display: inline-flex; align-items: baseline; gap: 2px; font-size: 0 !important; line-height: 1.2; color: #f3d283; white-space: nowrap; }
body.elementor-page-382 :is([data-id="75b43740"], [data-id="4cd93c6d"], [data-id="637365d6"])::before { content: counter(mel, persian); font-size: 28px; font-weight: 800; letter-spacing: -.5px; text-shadow: 0 2px 18px rgba(236,200,117,.35); }
body.elementor-page-382 :is([data-id="4cd93c6d"], [data-id="637365d6"])::after { content: '+'; font-size: 20px; font-weight: 800; color: #ecc875; animation: mel-rise .5s ease-out 2s both; }
body.elementor-page-382 [data-id="75b43740"]::after { content: 'هزار'; font-size: 15px; font-weight: 700; color: #ecc875; margin-inline-start: 3px; animation: mel-rise .5s ease-out 2s both; }
body.elementor-page-382 :is([data-id="1b5afe1f"], [data-id="7a1df0e9"], [data-id="14821002"]) { font-size: 13px !important; color: rgba(255,255,255,0.72) !important; }

/* Where to start: the question is the first tile of the row (fills the empty third column), arrow points to the choices */
body.elementor-page-382 [data-id="6660e281"] { padding: 18px 22px 18px 78px !important; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: 0 24px 40px -26px rgba(12,36,25,.6), inset 0 1px 0 rgba(255,255,255,.06); overflow: hidden; }
body.elementor-page-382 [data-id="6660e281"]::before { content: 'قدم اول · مسیرت رو انتخاب کن'; display: block; font-size: 12px; font-weight: 600; letter-spacing: .2px; color: #ecc875; margin-bottom: 4px; }
body.elementor-page-382 [data-id="6660e281"]::after { content: '←'; position: absolute; left: 20px; top: 50%; width: 40px; height: 40px; margin-top: -20px; display: grid; place-items: center; border-radius: 50%; font-size: 18px; font-weight: 700; color: #12261c; background: linear-gradient(180deg, #f3d283, #d9a845); box-shadow: 0 0 0 5px rgba(236,200,117,.16); animation: mel-nudge 2.2s ease-in-out 1.5s infinite; }
@keyframes mel-nudge { 0%, 60%, 100% { transform: translateX(0); } 30% { transform: translateX(-5px); } }

@media (max-width: 767px) {
  body.elementor-page-382 .elementor-element-586ab887 { max-width: none; margin-top: 18px !important; padding-top: 14px !important; }
  body.elementor-page-382 .elementor-element-586ab887 > .e-con { padding: 0 12px !important; }
  body.elementor-page-382 :is([data-id="75b43740"], [data-id="4cd93c6d"], [data-id="637365d6"])::before { font-size: 22px; }
  body.elementor-page-382 :is([data-id="4cd93c6d"], [data-id="637365d6"])::after { font-size: 16px; }
  body.elementor-page-382 [data-id="75b43740"]::after { font-size: 13px; }
  body.elementor-page-382 :is([data-id="1b5afe1f"], [data-id="7a1df0e9"], [data-id="14821002"]) { font-size: 12px !important; }
  body.elementor-page-382 [data-id="6660e281"] { padding: 14px 16px 14px 66px !important; }
  body.elementor-page-382 [data-id="6660e281"]::after { left: 16px; width: 36px; height: 36px; margin-top: -18px; transform: rotate(-90deg); animation-name: mel-nudge-down; }
  @keyframes mel-nudge-down { 0%, 60%, 100% { transform: rotate(-90deg) translateX(0); } 30% { transform: rotate(-90deg) translateX(-4px); } }
}
@media (prefers-reduced-motion: reduce) {
  body.elementor-page-382 :is([data-id="53a33014"], [data-id="756543cf"], [data-id="414c592"], [data-id="7f52454f"], [data-id="586ab887"], [data-id="75b43740"], [data-id="4cd93c6d"], [data-id="637365d6"], .elementor-element-73905eb7, .elementor-element-470b038, .elementor-element-62e79ddf), body.elementor-page-382 :is([data-id="75b43740"], [data-id="4cd93c6d"], [data-id="637365d6"], [data-id="6660e281"])::after { animation: none; }
}/* End custom CSS */