/* ==========================================================================
   JOUD ACADEMY — SENIOR UI/UX BASE OVERHAUL STYLESHEET
   Locked Visual Identity:
   - Primary Deep Oxford Navy: #14213D
   - Accent Vibrant Amber:      #FCA311
   - Contrast Jet Black:        #000000
   - Neutral Light Platinum:    #E5E5E5
   - Clean White:               #FFFFFF
   Universal Resets, Background Cleanses, Chrome & Touch Ergonomics
   ========================================================================== */

/* -------------------------------------------------------------------------
 * 1. DESIGN TOKENS & CSS VARIABLES
 * ------------------------------------------------------------------------- */
:root {
	--joud-primary: #14213D !important;
	--joud-primary-hover: #0F1A2E !important;
	--joud-primary-rgb: 20, 33, 61 !important;
	--joud-accent: #FCA311 !important;
	--joud-accent-hover: #E59200 !important;
	--joud-accent-rgb: 252, 163, 17 !important;
	--joud-black: #000000 !important;
	--joud-ink: #14213D !important;
	--joud-muted: #4B5563 !important;
	--joud-border: #E5E5E5 !important;
	--joud-border-soft: #F3F4F6 !important;
	--joud-card-bg: #FFFFFF !important;
	--joud-bg-soft: #F8F9FA !important;
	--joud-white: #FFFFFF !important;
	--joud-shadow-sm: 0 4px 12px rgba(20, 33, 61, 0.05) !important;
	--joud-shadow-md: 0 8px 24px rgba(20, 33, 61, 0.08) !important;
	--joud-shadow-lg: 0 16px 40px rgba(20, 33, 61, 0.12) !important;
	--joud-radius-pill: 999px !important;
	--joud-radius-card: 20px !important;
	--joud-radius-sm: 12px !important;
}

/* -------------------------------------------------------------------------
 * 2. UNIVERSAL RESPONSIVE RESET & ZERO HORIZONTAL OVERFLOW
 * ------------------------------------------------------------------------- */
html,
body {
	max-width: 100% !important;
	overflow-x: clip !important;
	box-sizing: border-box !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

*,
*::before,
*::after {
	box-sizing: border-box !important;
}

img,
svg,
video,
iframe {
	max-width: 100% !important;
	height: auto;
}

/* -------------------------------------------------------------------------
 * 3. TOTAL CYAN / SKY-BLUE / PURPLE GRADIENT & OVERLAY CLEANSE
 * ------------------------------------------------------------------------- */
/* Eliminate legacy background overlays across all Elementor sections */
.elementor-background-overlay,
.elementor-element-36e8b06e > .elementor-background-overlay,
.elementor-element-46691b38 > .elementor-background-overlay,
.elementor-element-78243ed > .elementor-background-overlay,
.elementor-element-45d7b30f > .elementor-background-overlay,
.elementor-element-9b85c77 > .elementor-background-overlay,
.elementor-165 .elementor-element-36e8b06e > .elementor-background-overlay,
.elementor-165 .elementor-element-46691b38 > .elementor-background-overlay,
.elementor-165 .elementor-element-78243ed > .elementor-background-overlay,
.elementor-165 .elementor-element-45d7b30f > .elementor-background-overlay,
.elementor-165 .elementor-element-9b85c77 > .elementor-background-overlay {
	display: none !important;
	background-image: none !important;
	background: transparent !important;
	opacity: 0 !important;
	visibility: hidden !important;
}

/* Hero Section Base Cleanse */
.elementor-165 .elementor-element-36e8b06e,
.elementor-element-36e8b06e {
	background-image: none !important;
	background: #FFFFFF !important;
	background-color: #FFFFFF !important;
}

/* Features & Value Proposition Cards Cleanse */
.elementor-element-46691b38,
.elementor-element-46691b38 > .elementor-widget-wrap,
.elementor-element-46691b38 > .elementor-element-populated,
.elementor-element-46691b38 .elementor-element-populated,
.elementor-element-46691b38 .elementor-motion-effects-layer,
.elementor-165 .elementor-element.elementor-element-46691b38 > .elementor-widget-wrap {
	background-image: none !important;
	background: #FFFFFF !important;
	background-color: #FFFFFF !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.elementor-element-78243ed,
.elementor-element-78243ed > .elementor-widget-wrap,
.elementor-element-78243ed .elementor-element-populated,
.elementor-element-45d7b30f,
.elementor-element-45d7b30f > .elementor-widget-wrap,
.elementor-element-45d7b30f .elementor-element-populated,
.elementor-element-9b85c77,
.elementor-element-9b85c77 > .elementor-widget-wrap,
.elementor-element-9b85c77 .elementor-element-populated {
	background-image: none !important;
	background: #FFFFFF !important;
	background-color: #FFFFFF !important;
}

/* Mascot & Secondary Illustration Containers */
.elementor-element-a7462b7 > .elementor-widget-container,
.elementor-element-23ade6b > .elementor-widget-container,
.elementor-element-1b495b1b > .elementor-widget-container,
.elementor-element-606decbb > .elementor-widget-container {
	background-image: none !important;
	background: #FFFFFF !important;
	background-color: #FFFFFF !important;
	border: 1px solid #E5E5E5 !important;
	border-radius: 20px !important;
	box-shadow: 0 8px 24px rgba(20, 33, 61, 0.05) !important;
}

/* Feature Icon Badges: Oxford Navy & Amber */
.elementor-element-1f74025 .elementor-icon,
.elementor-element-5a8dd13 .elementor-icon,
.elementor-element-eccb3ff .elementor-icon,
.elementor-element-15cc576 .elementor-icon {
	background-color: #14213D !important;
	background-image: none !important;
	color: #FFFFFF !important;
	fill: #FFFFFF !important;
	border-radius: 14px !important;
	box-shadow: 0 6px 16px rgba(20, 33, 61, 0.15) !important;
}

/* -------------------------------------------------------------------------
 * 4. SUBJECT CARDS (MATHEMATICS & PHYSICS)
 * ------------------------------------------------------------------------- */
.elementor-element-48b20937,
.elementor-element-2988d04a,
.elementor-element-48b20937 > .elementor-widget-wrap,
.elementor-element-2988d04a > .elementor-widget-wrap,
.elementor-165 .elementor-element-48b20937,
.elementor-165 .elementor-element-2988d04a {
	background-image: none !important;
	background: #FFFFFF !important;
	background-color: #FFFFFF !important;
	border: 1.5px solid #E5E5E5 !important;
	border-radius: 24px !important;
	box-shadow: 0 10px 30px rgba(20, 33, 61, 0.06) !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.elementor-element-48b20937:hover,
.elementor-element-2988d04a:hover {
	transform: translateY(-4px) !important;
	border-color: #FCA311 !important;
	box-shadow: 0 16px 36px rgba(20, 33, 61, 0.12) !important;
}

/* Subject Headings & High-Contrast Typography */
.elementor-element-cb151c8 .elementor-heading-title,
.elementor-element-adec3dc .elementor-heading-title,
.elementor-element-17935eca .elementor-heading-title,
.elementor-element-766d6c3d .elementor-heading-title {
	color: #14213D !important;
	font-weight: 800 !important;
}

.elementor-element-48b20937 p,
.elementor-element-2988d04a p,
.elementor-element-48b20937 .elementor-widget-text-editor,
.elementor-element-2988d04a .elementor-widget-text-editor {
	color: #4B5563 !important; /* WCAG AAA Contrast */
	font-weight: 500 !important;
	font-size: 15px !important;
	line-height: 1.6 !important;
}

/* -------------------------------------------------------------------------
 * 5. COURSES SECTION ("دورات مميزة وحصرية") — BORDER REMOVAL
 * ------------------------------------------------------------------------- */
/* Remove harsh dividing borders on courses section container */
.elementor-165 .elementor-element-46691b38,
.elementor-165 .elementor-element-74be883,
.elementor-165 .elementor-element-592f694,
.elementor-165 .elementor-element-6c32e9b8,
.elementor-element-46691b38 {
	border-top: none !important;
	border-bottom: none !important;
	border-left: none !important;
	border-right: none !important;
	outline: none !important;
}

/* -------------------------------------------------------------------------
 * 6. SENIOR UI/UX CHROME: TOP READING PROGRESS BAR (ALWAYS VISIBLE ON SCROLL)
 * ------------------------------------------------------------------------- */
.joud-scroll-progress {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100vw !important;
	height: 4px !important;
	background: rgba(20, 33, 61, 0.08) !important;
	z-index: 2147483647 !important; /* Above all headers & overlays */
	pointer-events: none !important;
}

body.admin-bar .joud-scroll-progress {
	top: 32px !important;
}

@media (max-width: 782px) {
	body.admin-bar .joud-scroll-progress {
		top: 46px !important;
	}
}

.joud-scroll-progress__bar {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	background: #FCA311 !important;
	box-shadow: 0 0 12px rgba(252, 163, 17, 0.8) !important;
	transform: scaleX(0);
	will-change: transform;
}

html[dir="rtl"] .joud-scroll-progress__bar,
body.rtl .joud-scroll-progress__bar {
	transform-origin: right center !important;
}

html[dir="ltr"] .joud-scroll-progress__bar,
body:not(.rtl) .joud-scroll-progress__bar {
	transform-origin: left center !important;
}

/* -------------------------------------------------------------------------
 * 7. SENIOR UI/UX CHROME: FLOATING SCROLL-TO-TOP BUTTON
 * ------------------------------------------------------------------------- */
.joud-scroll-top {
	position: fixed !important;
	bottom: 28px !important;
	inset-inline-end: 28px !important;
	width: 48px !important;
	height: 48px !important;
	min-width: 48px !important;
	min-height: 48px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 1.5px solid #E5E5E5 !important;
	border-radius: 50% !important;
	background: #FFFFFF !important;
	color: #14213D !important;
	box-shadow: 0 10px 28px rgba(20, 33, 61, 0.14) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	z-index: 2147483640 !important;
	opacity: 0;
	visibility: hidden;
	transform: translateY(16px) scale(0.9);
	pointer-events: none;
	transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease !important;
	outline: none !important;
}

.joud-scroll-top.is-visible {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) scale(1) !important;
	pointer-events: auto !important;
}

.joud-scroll-top:hover {
	transform: translateY(-3px) scale(1.05) !important;
	box-shadow: 0 14px 32px rgba(252, 163, 17, 0.3) !important;
	border-color: #FCA311 !important;
	color: #FCA311 !important;
}

.joud-scroll-top:focus-visible {
	outline: 2px solid #FCA311 !important;
	outline-offset: 3px !important;
}

.joud-scroll-top__svg {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	transform: rotate(-90deg) !important;
	pointer-events: none !important;
}

.joud-scroll-top__track {
	fill: none !important;
	stroke: rgba(20, 33, 61, 0.08) !important;
	stroke-width: 3.2 !important;
}

.joud-scroll-top__ring {
	fill: none !important;
	stroke: #FCA311 !important;
	stroke-width: 3.4 !important;
	stroke-linecap: round !important;
	transition: stroke-dashoffset 0.1s linear !important;
}

.joud-scroll-top__icon {
	position: relative !important;
	z-index: 2 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #14213D !important;
	transition: transform 0.2s ease, color 0.2s ease !important;
}

.joud-scroll-top:hover .joud-scroll-top__icon {
	color: #FCA311 !important;
	transform: translateY(-2px) !important;
}

@media (max-width: 600px) {
	.joud-scroll-top {
		bottom: 18px !important;
		inset-inline-end: 18px !important;
		width: 44px !important;
		height: 44px !important;
		min-width: 44px !important;
		min-height: 44px !important;
	}
}

/* -------------------------------------------------------------------------
 * 8. FOOTER BASE & CENTER ALIGNMENT ON MOBILE & TABLET
 * ------------------------------------------------------------------------- */
.elementor-130,
.elementor-location-footer {
	background-color: #14213D !important;
	color: #FFFFFF !important;
}

.elementor-130 a,
.elementor-location-footer a {
	color: #E5E5E5 !important;
	transition: color 0.2s ease !important;
}

.elementor-130 a:hover,
.elementor-location-footer a:hover {
	color: #FCA311 !important;
}

@media (max-width: 1024px) {
	.elementor-130 .elementor-element-1f858cfb,
	.elementor-130 .elementor-widget-wrap,
	.elementor-130 .elementor-widget-container {
		text-align: center !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.elementor-130 .elementor-nav-menu {
		justify-content: center !important;
		text-align: center !important;
	}
	.elementor-130 .elementor-nav-menu a.elementor-item {
		justify-content: center !important;
		text-align: center !important;
	}
	.elementor-130 .ekit-header-info {
		justify-content: center !important;
		text-align: center !important;
	}
	.elementor-130 .ekit-header-info > li {
		justify-content: center !important;
		text-align: center !important;
	}
	.elementor-130 .elementor-social-icons-wrapper {
		justify-content: center !important;
	}
}

/* -------------------------------------------------------------------------
 * 9. ELEMENTOR GLOBAL COLOR TOKEN OVERRIDES (PURGE PURPLE & CYAN)
 * ------------------------------------------------------------------------- */
:root {
	--e-global-color-primary: #14213D !important;
	--e-global-color-secondary: #FCA311 !important;
	--e-global-color-accent: #FCA311 !important;
	--e-global-color-text: #14213D !important;
	--e-global-color-d037e70: #14213D !important;
}

/* Eliminate residual purple and cyan headings */
.elementor-element-223fde8 .elementor-heading-title,
.elementor-element-42eac743 .elementor-heading-title,
.elementor-element-788020bb .elementor-heading-title,
.elementor-element-107e97f .elementor-heading-title,
.elementor-element-110795a .elementskit-info-box-title,
.elementor-element-4f8e3d1 .elementskit-info-box-title,
.elementor-element-abccb7e .elementskit-info-box-title,
.elementor-element-1f74025 .elementor-icon-box-title,
.elementor-element-5a8dd13 .elementor-icon-box-title,
.elementor-element-eccb3ff .elementor-icon-box-title,
.elementor-element-15cc576 .elementor-icon-box-title {
	color: #14213D !important;
	font-weight: 700 !important;
}

/* Eliminate purple buttons */
.elementor-element-26a42197 .elementor-button,
.elementor-element-52365bd3 .elementor-button,
.elementor-165 .elementor-element.elementor-element-26a42197 .elementor-button,
.elementor-165 .elementor-element.elementor-element-52365bd3 .elementor-button {
	background-color: #FCA311 !important;
	background: #FCA311 !important;
	color: #14213D !important;
	font-weight: 700 !important;
	border-radius: 999px !important;
	box-shadow: 0 4px 14px rgba(252, 163, 17, 0.3) !important;
}

.elementor-element-26a42197 .elementor-button:hover,
.elementor-element-52365bd3 .elementor-button:hover {
	background-color: #E59200 !important;
	background: #E59200 !important;
	color: #14213D !important;
}

/* Feature badges: Deep Oxford Navy with white/amber icons */
.elementor-element-110795a .elementskit-info-box-icon,
.elementor-element-4f8e3d1 .elementskit-info-box-icon,
.elementor-element-abccb7e .elementskit-info-box-icon {
	background: #14213D !important;
	color: #FCA311 !important;
	border-radius: 12px !important;
	box-shadow: 0 6px 16px rgba(20, 33, 61, 0.12) !important;
}

/* Mascot Cards Cleanse (Strip cyan and purple gradients) */
.elementor-element-a7462b7,
.elementor-element-23ade6b,
.elementor-element-1b495b1b,
.elementor-element-606decbb,
.elementor-element-a7462b7 > .elementor-widget-container,
.elementor-element-23ade6b > .elementor-widget-container,
.elementor-element-1b495b1b > .elementor-widget-container,
.elementor-element-606decbb > .elementor-widget-container {
	background-image: none !important;
	background: #FFFFFF !important;
	background-color: #FFFFFF !important;
	border: 1.5px solid #E5E5E5 !important;
	border-radius: 24px !important;
	box-shadow: 0 10px 30px rgba(20, 33, 61, 0.05) !important;
}

/* Testimonials background cleanse */
.elementor-element-bf4b587 .elementskit-single-testimonial-slider:before {
	display: none !important;
	background-image: none !important;
}

/* -------------------------------------------------------------------------
 * 10. MOBILE SUBMENU ACCORDION (STRICT VERTICAL STACKING)
 * ------------------------------------------------------------------------- */
.elementor-nav-menu--dropdown ul.sub-menu,
nav.elementor-nav-menu--dropdown ul.sub-menu,
.ekit-template-content-header nav.elementor-nav-menu--dropdown ul.sub-menu,
ul.sub-menu {
	flex-direction: column !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

.elementor-nav-menu--dropdown ul.sub-menu > li,
nav.elementor-nav-menu--dropdown ul.sub-menu > li,
.ekit-template-content-header nav.elementor-nav-menu--dropdown ul.sub-menu > li {
	display: block !important;
	width: 100% !important;
	float: none !important;
	clear: both !important;
	margin: 4px 0 !important;
}

.elementor-nav-menu--dropdown ul.sub-menu a.elementor-sub-item,
nav.elementor-nav-menu--dropdown ul.sub-menu a.elementor-sub-item {
	display: flex !important;
	width: 100% !important;
	align-items: center !important;
	box-sizing: border-box !important;
}

/* -------------------------------------------------------------------------
 * 11. AUTH & LOGIN FORMS BRAND IDENTITY & PURPLE PURGE
 * ------------------------------------------------------------------------- */
.ur-frontend-form .ur-submit-button,
.ur-frontend-form input[type="submit"],
.ur-frontend-form button[type="submit"],
.tutor-login-form-wrap button[type="submit"] {
	background-color: #FCA311 !important;
	background: #FCA311 !important;
	color: #14213D !important;
	border: none !important;
	font-weight: 700 !important;
	border-radius: 999px !important;
	box-shadow: 0 4px 14px rgba(252, 163, 17, 0.3) !important;
	transition: all 0.2s ease !important;
}

.ur-frontend-form .ur-submit-button:hover,
.ur-frontend-form input[type="submit"]:hover,
.ur-frontend-form button[type="submit"]:hover {
	background-color: #E59200 !important;
	background: #E59200 !important;
	color: #14213D !important;
	box-shadow: 0 6px 18px rgba(252, 163, 17, 0.4) !important;
}

/* LTR Auth Form Alignment */
html[dir="ltr"] .ur-frontend-form .ur-form-row,
body.joud-ltr-mode .ur-frontend-form .ur-form-row {
	direction: ltr !important;
	text-align: left !important;
}

html[dir="ltr"] .ur-frontend-form .ur-label,
body.joud-ltr-mode .ur-frontend-form .ur-label {
	text-align: left !important;
}

html[dir="ltr"] .ur-frontend-form .ur-field-rememberme,
body.joud-ltr-mode .ur-frontend-form .ur-field-rememberme {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 8px !important;
}

html[dir="ltr"] .ur-frontend-form .ur-field-rememberme input[type="checkbox"],
body.joud-ltr-mode .ur-frontend-form .ur-field-rememberme input[type="checkbox"] {
	order: 1 !important;
	margin: 0 !important;
}

html[dir="ltr"] .ur-frontend-form .ur-field-rememberme label,
body.joud-ltr-mode .ur-frontend-form .ur-field-rememberme label {
	order: 2 !important;
	margin: 0 !important;
}

/* ==========================================================================
   JOUD UNIVERSAL FOOTER REFACTORING (ALL LANGUAGES: AR, FR, EN)
   1. Remove TikTok completely
   2. Remove email subscription form & heading completely
   3. Evenly balance the 3 remaining columns with centered alignment
   4. Strictly center copyright text across all viewports
   ========================================================================== */

/* 1. Remove TikTok Icon completely */
.elementor-130 .elementor-social-icon-tiktok,
.elementor-130 .elementor-repeater-item-7da5224,
.elementor-130 a[href*="tiktok"],
.elementor-social-icon-tiktok,
.elementor-repeater-item-7da5224,
a[href*="tiktok"] {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* 2. Remove Email Newsletter Column, Form & Heading from Footer (.elementor-130) across all languages */
.elementor-130 .elementor-element-35c50509,
.elementor-130 .elementor-element-397d2c1c,
.elementor-130 .elementor-element-7332c83d,
.elementor-130 .elementor-widget-metform,
.elementor-130 .metform-form-content,
.elementor-130 .mf-form-wrapper {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* 3. Rebalance remaining 3 Columns to 33.333% & Center Content */
.elementor-130 .elementor-element-5676bba3 > .elementor-container {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	align-items: flex-start !important;
	width: 100% !important;
	max-width: 1200px !important;
	margin: 0 auto !important;
}

@media (min-width: 769px) {
	.elementor-130 .elementor-element-1448ab5a,
	.elementor-130 .elementor-element-3b264fad,
	.elementor-130 .elementor-element-41a25df0 {
		width: 33.333% !important;
		max-width: 33.333% !important;
		flex: 0 0 33.333% !important;
		box-sizing: border-box !important;
		padding: 0 20px !important;
		text-align: center !important;
	}
}

@media (max-width: 768px) {
	.elementor-130 .elementor-element-1448ab5a,
	.elementor-130 .elementor-element-3b264fad,
	.elementor-130 .elementor-element-41a25df0 {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
		box-sizing: border-box !important;
		padding: 0 16px !important;
		margin-bottom: 28px !important;
		text-align: center !important;
	}
}

/* Center all child elements inside footer columns */
.elementor-130 .elementor-widget-wrap {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	text-align: center !important;
	width: 100% !important;
}

.elementor-130 .elementor-heading-title,
.elementor-130 .elementor-widget-heading,
.elementor-130 .elementor-widget-text-editor,
.elementor-130 .elementor-widget-text-editor p {
	text-align: center !important;
	width: 100% !important;
	margin-inline: auto !important;
}

.elementor-130 .elementor-widget-social-icons,
.elementor-130 .elementor-social-icons-wrapper {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center !important;
	margin: 8px auto !important;
	width: 100% !important;
	gap: 12px !important;
}

.elementor-130 .elementor-widget-elementskit-header-info,
.elementor-130 .ekit-wid-con,
.elementor-130 .ekit-header-info {
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	padding: 0 !important;
	margin: 0 auto 6px auto !important;
	list-style: none !important;
}

.elementor-130 .ekit-header-info > li {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	width: 100% !important;
	margin: 4px 0 !important;
}

.elementor-130 .ekit-header-info > li > a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	gap: 8px !important;
}

.elementor-130 .elementor-widget-navigation-menu,
.elementor-130 .hfe-nav-menu__layout-vertical,
.elementor-130 .hfe-nav-menu__layout-vertical > ul.hfe-nav-menu {
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	padding: 0 !important;
	margin: 0 auto !important;
	list-style: none !important;
}

.elementor-130 .hfe-nav-menu__layout-vertical > ul.hfe-nav-menu > li {
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	margin: 4px 0 !important;
}

.elementor-130 .hfe-nav-menu__layout-vertical > ul.hfe-nav-menu a {
	text-align: center !important;
	display: inline-block !important;
}

/* 4. Strictly Center Copyright Bar across all viewports */
.elementor-130 .elementor-element-6d58dedf,
.elementor-130 .elementor-element-6d58dedf > .elementor-container,
.elementor-130 .elementor-element-6d58dedf .elementor-column,
.elementor-130 .elementor-element-6d58dedf .elementor-widget-wrap,
.elementor-130 .elementor-element-3b80438,
.elementor-130 .elementor-element-3b80438 .elementor-widget-container,
.elementor-130 .elementor-element-3b80438 p {
	width: 100% !important;
	text-align: center !important;
	justify-content: center !important;
	align-items: center !important;
	margin: 0 auto !important;
	display: flex !important;
}

/* -------------------------------------------------------------------------
 * 16. ADMIN BAR & FIXED HEADER DE-COLLISION (MULTI-VIEWPORT)
 * ------------------------------------------------------------------------- */
body.admin-bar .ekit-template-content-header,
body.admin-bar header.elementor-location-header,
body.admin-bar .elementor-sticky--active {
	top: 32px !important;
}

@media (max-width: 782px) {
	body.admin-bar .ekit-template-content-header,
	body.admin-bar header.elementor-location-header,
	body.admin-bar .elementor-sticky--active {
		top: 46px !important;
	}
	body.admin-bar nav.elementor-nav-menu--dropdown,
	body.admin-bar .elementor-nav-menu__container.elementor-nav-menu--dropdown {
		top: 102px !important;
	}
}

@media (min-width: 783px) {
	body.admin-bar nav.elementor-nav-menu--dropdown,
	body.admin-bar .elementor-nav-menu__container.elementor-nav-menu--dropdown {
		top: 88px !important;
	}
}

/* -------------------------------------------------------------------------
 * 17. LOGGED-IN HEADER AUTH STATE REPLACEMENT
 * ------------------------------------------------------------------------- */
/* When user is logged in, hide guest register/subscribe buttons */
body.logged-in .ekit-template-content-header .elementor-133 .elementor-element-236d5bdb,
body.logged-in .ekit-template-content-header .elementor-133 .elementor-element-267b4132,
body.logged-in .ekit-template-content-header .elementor-133 .elementor-element-7a976547 {
	display: none !important;
}

/* Injected Logged-in Dashboard & Logout Buttons */
.joud-auth-header-btn-wrap {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
}

.joud-auth-header-dashboard-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background-color: #FCA311 !important;
	background: #FCA311 !important;
	color: #14213D !important;
	font-weight: 700 !important;
	font-size: 13.5px !important;
	padding: 8px 18px !important;
	border-radius: 999px !important;
	text-decoration: none !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
	box-shadow: 0 4px 12px rgba(252, 163, 17, 0.28) !important;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.joud-auth-header-dashboard-btn:hover {
	background-color: #e5940f !important;
	background: #e5940f !important;
	color: #000000 !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 16px rgba(252, 163, 17, 0.38) !important;
}

.joud-auth-header-logout-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: transparent !important;
	color: #64748B !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	padding: 6px 12px !important;
	border-radius: 999px !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
	white-space: nowrap !important;
}

.joud-auth-header-logout-btn:hover {
	color: #EF4444 !important;
	background: rgba(239, 68, 68, 0.08) !important;
}

/* -------------------------------------------------------------------------
 * 18. MOBILE SUBMENU ACCORDION STRICT ISOLATION (ZERO SQUISHING/BLEED)
 * ------------------------------------------------------------------------- */
/* Ensure ul.sub-menu NEVER gets position: fixed or width: 100vw */
.ekit-template-content-header ul.sub-menu,
.elementor-nav-menu--dropdown ul.sub-menu,
ul.sub-menu.elementor-nav-menu--dropdown {
	position: static !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	box-shadow: none !important;
	border: none !important;
	background: rgba(20, 33, 61, 0.04) !important;
	border-radius: 12px !important;
	margin: 6px 0 10px 0 !important;
	padding: 8px 12px !important;
	float: none !important;
}

html[dir="rtl"] ul.sub-menu.elementor-nav-menu--dropdown,
body.rtl ul.sub-menu.elementor-nav-menu--dropdown {
	border-right: 3px solid #FCA311 !important;
	border-left: none !important;
}

html[dir="ltr"] ul.sub-menu.elementor-nav-menu--dropdown,
body:not(.rtl) ul.sub-menu.elementor-nav-menu--dropdown {
	border-left: 3px solid #FCA311 !important;
	border-right: none !important;
}

/* When accordion is closed */
li.menu-item-has-children:not(.joud-submenu-open) > ul.sub-menu {
	display: none !important;
}

/* When accordion is open */
li.menu-item-has-children.joud-submenu-open > ul.sub-menu {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
}

/* Submenu items vertical styling */
ul.sub-menu.elementor-nav-menu--dropdown > li {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
}

ul.sub-menu.elementor-nav-menu--dropdown a.elementor-sub-item {
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	min-height: 44px !important;
	padding: 10px 14px !important;
	border-radius: 8px !important;
	font-size: 14.5px !important;
	font-weight: 600 !important;
	color: #14213D !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	transition: all 0.2s ease !important;
}

ul.sub-menu.elementor-nav-menu--dropdown a.elementor-sub-item:hover,
ul.sub-menu.elementor-nav-menu--dropdown a.elementor-sub-item:focus {
	background: rgba(252, 163, 17, 0.12) !important;
	color: #FCA311 !important;
	padding-inline-start: 18px !important;
}

/* -------------------------------------------------------------------------
 * 19. TUTOR LMS DASHBOARD SENIOR UI/UX ARCHITECTURE (/dashboard-page/)
 * ------------------------------------------------------------------------- */
/* Dashboard Container Layout */
.tutor-screen-frontend-dashboard,
.page-id-206 {
	background-color: #F8F9FA !important;
}

.tutor-dashboard-layout {
	max-width: 1280px !important;
	margin: 0 auto !important;
	padding: 24px 16px !important;
}

/* Dashboard Sidebar Card */
.tutor-dashboard-sidebar {
	background: #FFFFFF !important;
	border: 1px solid #E5E5E5 !important;
	border-radius: 18px !important;
	box-shadow: 0 4px 20px rgba(20, 33, 61, 0.04) !important;
	padding: 20px 16px !important;
	overflow: hidden !important;
}

/* Sidebar Nav Links */
.tutor-dashboard-sidebar-nav li a {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 12px 16px !important;
	border-radius: 12px !important;
	color: #14213D !important;
	font-weight: 600 !important;
	font-size: 14.5px !important;
	text-decoration: none !important;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
	min-height: 44px !important;
}

.tutor-dashboard-sidebar-nav li a:hover {
	background: rgba(20, 33, 61, 0.04) !important;
	color: #14213D !important;
}

/* Active Nav Item: Oxford Navy with Golden Amber strip */
.tutor-dashboard-sidebar-nav li a.active,
.tutor-dashboard-sidebar-nav li.active > a {
	background: #14213D !important;
	color: #FFFFFF !important;
	font-weight: 700 !important;
	position: relative !important;
	box-shadow: 0 4px 14px rgba(20, 33, 61, 0.16) !important;
}

html[dir="rtl"] .tutor-dashboard-sidebar-nav li a.active,
body.rtl .tutor-dashboard-sidebar-nav li a.active {
	border-right: 4px solid #FCA311 !important;
	border-left: none !important;
}

html[dir="ltr"] .tutor-dashboard-sidebar-nav li a.active,
body:not(.rtl) .tutor-dashboard-sidebar-nav li a.active {
	border-left: 4px solid #FCA311 !important;
	border-right: none !important;
}

.tutor-dashboard-sidebar-nav li a.active .tutor-icon,
.tutor-dashboard-sidebar-nav li a.active i,
.tutor-dashboard-sidebar-nav li a.active svg {
	color: #FCA311 !important;
	fill: #FCA311 !important;
}

/* Primary Action Buttons */
.tutor-btn-primary,
a.tutor-btn-primary,
button.tutor-btn-primary,
.tutor-create-new-course,
.tutor-dashboard-content .tutor-btn-primary {
	background-color: #FCA311 !important;
	background: #FCA311 !important;
	color: #14213D !important;
	border: none !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	border-radius: 999px !important;
	padding: 10px 22px !important;
	box-shadow: 0 4px 14px rgba(252, 163, 17, 0.3) !important;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
	text-decoration: none !important;
}

.tutor-btn-primary:hover,
a.tutor-btn-primary:hover,
button.tutor-btn-primary:hover {
	background-color: #e5940f !important;
	background: #e5940f !important;
	color: #000000 !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 18px rgba(252, 163, 17, 0.42) !important;
}

/* Dashboard Metric Cards & Containers */
.tutor-card,
.tutor-dashboard-info-cards .tutor-card,
.tutor-dashboard-content .tutor-card {
	background: #FFFFFF !important;
	border: 1px solid #E5E5E5 !important;
	border-radius: 16px !important;
	box-shadow: 0 4px 16px rgba(20, 33, 61, 0.04) !important;
	transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}

.tutor-card:hover {
	box-shadow: 0 8px 24px rgba(20, 33, 61, 0.08) !important;
}

/* Stat numbers and text */
.tutor-dashboard-info-cards .tutor-fs-3,
.tutor-dashboard-info-cards .tutor-fs-4,
.tutor-dashboard-info-cards .tutor-fs-5 {
	color: #14213D !important;
	font-weight: 800 !important;
}

/* Tutor LMS Header Banner */
.tutor-dashboard-header {
	background: #FFFFFF !important;
	border: 1px solid #E5E5E5 !important;
	border-radius: 18px !important;
	padding: 24px !important;
	margin-bottom: 24px !important;
	box-shadow: 0 4px 20px rgba(20, 33, 61, 0.04) !important;
}

/* Badges */
.tutor-badge-primary {
	background-color: rgba(252, 163, 17, 0.15) !important;
	color: #B45309 !important;
	font-weight: 700 !important;
	border-radius: 999px !important;
}

.tutor-badge-success {
	background-color: #ECFDF5 !important;
	color: #065F46 !important;
	font-weight: 700 !important;
	border-radius: 999px !important;
}


/* =========================================================================
 * TUTOR LMS DASHBOARD & OFFCANVAS OVERHAUL (v2.8.1)
 * ========================================================================= */

/* 1. TUTOR OFFCANVAS / NOTIFICATION DRAWER FIX
 * Keep offcanvas notifications completely hidden off-screen unless explicitly opened.
 * Prevents 861px empty bell graphic from blocking dashboard content across all tabs.
 */
.tutor-offcanvas:not(.is-active),
#offcanvas-target-1:not(.is-active),
.tutor-offcanvas:not(.tutor-active),
#offcanvas-target-1:not(.tutor-active) {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	position: fixed !important;
	right: -9999px !important;
	left: auto !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	z-index: -1 !important;
}

.tutor-offcanvas.is-active,
#offcanvas-target-1.is-active,
.tutor-offcanvas.tutor-active,
#offcanvas-target-1.tutor-active {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	position: fixed !important;
	top: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
	width: 380px !important;
	max-width: 90vw !important;
	height: 100vh !important;
	background: #FFFFFF !important;
	z-index: 999999 !important;
	box-shadow: -8px 0 32px rgba(20, 33, 61, 0.15) !important;
	overflow-y: auto !important;
}

.tutor-offcanvas-overlay {
	background: rgba(20, 33, 61, 0.45) !important;
	backdrop-filter: blur(4px) !important;
	-webkit-backdrop-filter: blur(4px) !important;
}

/* 2. TAB 10 (MY COURSES) DEDUPLICATE BUTTONS */
.tutor-dashboard-create-course,
.tutor-create-new-course.tutor-dashboard-create-course,
.tutor-dashboard-content a.tutor-btn-primary + a.tutor-btn-primary,
.tutor-dashboard-content .tutor-dashboard-header-button + .tutor-dashboard-header-button,
.tutor-dashboard-content a[href*="create-course"] + a[href*="create-course"],
.tutor-dashboard-content a[href*="course-builder"] + a[href*="course-builder"] {
	display: none !important;
}

/* 3. EMPTY STATES & DASHBOARD CARDS SENIOR UI/UX CRAFT */
.tutor-empty-state,
.tutor-card-list-empty,
.tutor-dashboard-content .tutor-card-list-empty {
	padding: 48px 24px !important;
	text-align: center !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
}

.tutor-empty-state img,
.tutor-empty-state svg,
.tutor-card-list-empty img {
	max-width: 140px !important;
	height: auto !important;
	margin: 0 auto 16px !important;
	opacity: 0.85 !important;
}

.tutor-empty-state .tutor-fs-6,
.tutor-empty-state .tutor-color-secondary,
.tutor-empty-state p,
.tutor-card-list-empty p {
	font-family: 'Cairo', system-ui, sans-serif !important;
	color: #64748B !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 1.6 !important;
	margin-top: 8px !important;
}

/* 4. ZOOM & GOOGLE MEET INTEGRATION SETTINGS POLISH */
.tutor-zoom-wrapper,
.tutor-google-meet-wrapper,
.tutor-dashboard-content form {
	background: #FFFFFF !important;
	border: 1px solid #E5E5E5 !important;
	border-radius: 16px !important;
	padding: 24px !important;
	box-shadow: 0 4px 16px rgba(20, 33, 61, 0.03) !important;
}

.tutor-dashboard-content input[type="text"],
.tutor-dashboard-content input[type="password"],
.tutor-dashboard-content input[type="email"],
.tutor-dashboard-content select,
.tutor-dashboard-content .tutor-form-control {
	font-family: 'Cairo', system-ui, sans-serif !important;
	background: #FFFFFF !important;
	border: 1.5px solid #E5E5E5 !important;
	border-radius: 12px !important;
	padding: 10px 16px !important;
	color: #14213D !important;
	font-size: 14px !important;
	transition: all 0.2s ease !important;
}

.tutor-dashboard-content input:focus,
.tutor-dashboard-content select:focus,
.tutor-dashboard-content .tutor-form-control:focus {
	border-color: #FCA311 !important;
	box-shadow: 0 0 0 3px rgba(252, 163, 17, 0.18) !important;
	outline: none !important;
}

.tutor-dropzone,
.tutor-form-group .dropzone {
	border: 2px dashed #CBD5E1 !important;
	border-radius: 16px !important;
	background: #F8FAFC !important;
	transition: all 0.2s ease !important;
}

.tutor-dropzone:hover {
	border-color: #FCA311 !important;
	background: rgba(252, 163, 17, 0.03) !important;
}

.tutor-dashboard-content .tutor-form-wrap input[type="search"],
.tutor-dashboard-content input[type="search"],
.tutor-dashboard-content input[name="search"] {
	border-radius: 999px !important;
	border: 1.5px solid #E2E8F0 !important;
	padding: 8px 18px !important;
	font-size: 13.5px !important;
	font-family: 'Cairo', system-ui, sans-serif !important;
	background-color: #F8FAFC !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.tutor-dashboard-content input[type="search"]:focus {
	background-color: #FFFFFF !important;
	border-color: #FCA311 !important;
	box-shadow: 0 0 0 3px rgba(252, 163, 17, 0.15) !important;
}

.tutor-dashboard-content button[type="submit"],
.tutor-dashboard-content input[type="submit"],
.tutor-dashboard-content .tutor-btn-primary {
	background: #FCA311 !important;
	background-color: #FCA311 !important;
	color: #14213D !important;
	border: none !important;
	border-radius: 999px !important;
	font-family: 'Cairo', system-ui, sans-serif !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	padding: 10px 24px !important;
	box-shadow: 0 4px 14px rgba(252, 163, 17, 0.3) !important;
	cursor: pointer !important;
	transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease !important;
}

.tutor-dashboard-content button[type="submit"]:hover,
.tutor-dashboard-content input[type="submit"]:hover,
.tutor-dashboard-content .tutor-btn-primary:hover {
	background: #E5940F !important;
	background-color: #E5940F !important;
	color: #14213D !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 18px rgba(252, 163, 17, 0.42) !important;
}

.tutor-dashboard-content [class*="tutor-color-cyan"],
.tutor-dashboard-content [class*="tutor-color-purple"] {
	color: #14213D !important;
}

.tutor-dashboard-content [class*="tutor-bg-cyan"],
.tutor-dashboard-content [class*="tutor-bg-purple"] {
	background-color: #FCA311 !important;
}

/* ==========================================================================
   JOUD ACADEMY MOTION CHOREOGRAPHY & ANIMATION ARCHITECTURE (SENIOR UI/UX)
   ========================================================================== */

/* --- 1. CORE MOTION KEYFRAMES --- */
@keyframes joudMotionUp {
	from {
		opacity: 0;
		transform: translateY(18px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes joudMotionFade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes joudMotionScale {
	from {
		opacity: 0;
		transform: scale(0.96) translateY(10px);
	}
	to {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
}

@keyframes joudSubtleGlow {
	0%, 100% {
		box-shadow: 0 4px 14px rgba(252, 163, 17, 0.28);
	}
	50% {
		box-shadow: 0 6px 22px rgba(252, 163, 17, 0.52);
	}
}

/* --- 2. GLOBAL OVERRIDES FOR CRUDE BOUNCES & INFINITE JITTER --- */
.animated.bounceIn,
.animated.bounceInLeft,
.animated.bounceInRight,
.animated.bounceInUp,
.animated.bounceInDown,
[data-settings*="bounceIn"] {
	animation-name: joudMotionUp !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-animation-float,
.e-animation-float,
.elementor-animation-pulse,
.e-animation-pulse {
	animation: none !important;
}

.elementor-invisible.animated,
.animated {
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

/* --- 3. SECTION 2: HERO CHOREOGRAPHY --- */
/* A. Hero Image / Illustration */
.elementor-165 .elementor-element-36e8b06e .elementor-widget-image img {
	animation-name: joudMotionScale !important;
	animation-duration: 0.65s !important;
	animation-delay: 0.05s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
	opacity: 1 !important;
	visibility: visible !important;
}

/* B. Hero Heading */
.elementor-165 .elementor-element-36e8b06e .elementor-heading-title {
	animation-name: joudMotionUp !important;
	animation-duration: 0.55s !important;
	animation-delay: 0.1s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

/* C. Hero Subtitle / Text Editor */
.elementor-165 .elementor-element-36e8b06e .elementor-widget-text-editor {
	animation-name: joudMotionUp !important;
	animation-duration: 0.5s !important;
	animation-delay: 0.22s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

/* D. Hero Buttons */
.elementor-165 .elementor-element-36e8b06e .elementor-element-3f0f7fca,
.elementor-165 .elementor-element-36e8b06e .elementor-widget-button:first-of-type {
	animation-name: joudMotionUp !important;
	animation-duration: 0.45s !important;
	animation-delay: 0.32s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

.elementor-165 .elementor-element-36e8b06e .elementor-element-6477e089,
.elementor-165 .elementor-element-36e8b06e .elementor-widget-button:last-of-type {
	animation-name: joudMotionUp !important;
	animation-duration: 0.45s !important;
	animation-delay: 0.4s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

/* E. Hero Stats (7K طالب مستفيد / 112+ درس) */
.elementor-165 .elementor-element-36e8b06e .elementor-widget-elementskit-funfact,
.elementor-165 .elementor-element-36e8b06e .elementor-counter {
	animation-name: joudMotionUp !important;
	animation-duration: 0.5s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

/* --- 4. SECTIONS 2, 3, 4: WELCOME BANNER, COUNTDOWN & HERO STATS --- */
.elementor-165 .elementor-element-7d91a38f,
.elementor-165 .elementor-element-6c32e9b8 {
	animation-name: joudMotionUp !important;
	animation-duration: 0.5s !important;
	animation-delay: 0.08s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

/* --- 5. SECTION 5: VALUE PROPOSITION (دورات مميزة وحصرية) --- */
.elementor-165 .elementor-element-5125429d .elementor-element-27e2e9ab img {
	animation-name: joudMotionScale !important;
	animation-duration: 0.6s !important;
	animation-delay: 0.05s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

.elementor-165 .elementor-element-5125429d .elementor-element-42eac743 .elementor-heading-title,
.elementor-165 .elementor-element-5125429d .elementor-heading-title {
	animation-name: joudMotionUp !important;
	animation-duration: 0.55s !important;
	animation-delay: 0.12s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

.elementor-165 .elementor-element-5125429d .elementor-element-37a9fc9d,
.elementor-165 .elementor-element-5125429d .elementor-widget-text-editor {
	animation-name: joudMotionUp !important;
	animation-duration: 0.5s !important;
	animation-delay: 0.22s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

.elementor-165 .elementor-element-52365bd3 {
	animation-name: joudMotionUp !important;
	animation-duration: 0.45s !important;
	animation-delay: 0.34s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

/* --- 6. SECTION 6: FEATURED COURSE (التحولات النووية) --- */
.elementor-165 .elementor-element-6762fcb9 {
	animation-name: joudMotionUp !important;
	animation-duration: 0.6s !important;
	animation-delay: 0.1s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

/* --- 7. SECTION 8 & COURSES CAROUSEL --- */
.elementor-165 .elementor-element-2dfb79d5 .elementor-heading-title {
	animation-name: joudMotionUp !important;
	animation-duration: 0.5s !important;
	animation-delay: 0.05s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-165 .elementor-element-2dfb79d5 .elementor-widget-text-editor {
	animation-name: joudMotionUp !important;
	animation-duration: 0.5s !important;
	animation-delay: 0.15s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
}

#etlms-slick-responsive .slick-track {
	transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
}

#etlms-slick-responsive .slick-slide {
	transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s ease !important;
}

#etlms-slick-responsive .tutor-course-card,
#etlms-slick-responsive .etlms-course-card {
	transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s ease !important;
}

#etlms-slick-responsive .tutor-course-card:hover,
#etlms-slick-responsive .etlms-course-card:hover {
	transform: translateY(-6px) !important;
	box-shadow: 0 14px 30px rgba(20, 33, 61, 0.12), 0 0 0 1px rgba(252, 163, 17, 0.2) !important;
}

#etlms-slick-responsive .tutor-course-card img,
#etlms-slick-responsive .etlms-course-card img {
	transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

#etlms-slick-responsive .tutor-course-card:hover img,
#etlms-slick-responsive .etlms-course-card:hover img {
	transform: scale(1.03) !important;
}

/* --- 8. SECTIONS 9, 10, 11: CATEGORIES & SUBJECTS (الرياضيات والفيزياء) --- */
.elementor-165 .elementor-element-3c4bf12d .elementor-heading-title {
	animation-name: joudMotionUp !important;
	animation-duration: 0.5s !important;
	animation-delay: 0.05s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

.elementor-165 .elementor-element-3c4bf12d .elementor-widget-text-editor {
	animation-name: joudMotionUp !important;
	animation-duration: 0.5s !important;
	animation-delay: 0.15s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

.elementor-165 .elementor-element-18c3b1bd .elementor-element-48b20937 {
	animation-name: joudMotionUp !important;
	animation-duration: 0.6s !important;
	animation-delay: 0.18s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
	transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s ease !important;
}

.elementor-165 .elementor-element-18c3b1bd .elementor-element-2988d04a {
	animation-name: joudMotionUp !important;
	animation-duration: 0.6s !important;
	animation-delay: 0.32s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
	transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s ease !important;
}

.elementor-165 .elementor-element-18c3b1bd .elementor-element-48b20937:hover,
.elementor-165 .elementor-element-18c3b1bd .elementor-element-2988d04a:hover {
	transform: translateY(-6px) !important;
	box-shadow: 0 14px 32px rgba(20, 33, 61, 0.12), 0 0 0 1.5px rgba(252, 163, 17, 0.3) !important;
}

/* --- 9. SECTIONS 11 & 12: INTERACTIVE LEARNING & HIGH QUALITY --- */
.elementor-165 .elementor-element-f81a1b0 .elementor-heading-title,
.elementor-165 .elementor-element-1cfd4ba .elementor-heading-title {
	animation-name: joudMotionUp !important;
	animation-duration: 0.55s !important;
	animation-delay: 0.08s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

.elementor-165 .elementor-element-f81a1b0 .elementor-widget-text-editor,
.elementor-165 .elementor-element-1cfd4ba .elementor-widget-text-editor {
	animation-name: joudMotionUp !important;
	animation-duration: 0.5s !important;
	animation-delay: 0.2s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

.elementor-165 .elementor-element-f81a1b0 .elementskit-infobox,
.elementor-165 .elementor-element-1cfd4ba .elementskit-infobox {
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease !important;
}

.elementor-165 .elementor-element-f81a1b0 .elementskit-infobox:hover,
.elementor-165 .elementor-element-1cfd4ba .elementskit-infobox:hover {
	transform: translateY(-4px) !important;
	box-shadow: 0 10px 24px rgba(20, 33, 61, 0.08) !important;
}

/* --- 10. SECTION 13: ENJOYABLE LEARNING EXPERIENCE --- */
.elementor-165 .elementor-element-72916a41 .elementor-heading-title {
	animation-name: joudMotionUp !important;
	animation-duration: 0.5s !important;
	animation-delay: 0.05s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

.elementor-165 .elementor-element-72916a41 .elementor-widget-text-editor {
	animation-name: joudMotionUp !important;
	animation-duration: 0.5s !important;
	animation-delay: 0.16s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

/* --- 11. SECTION 14: EXPERT INSTRUCTORS (أساتذة خبراء) --- */
.elementor-165 .elementor-element-2285ab4 .elementor-element-ba33c51 img {
	animation-name: joudMotionScale !important;
	animation-duration: 0.65s !important;
	animation-delay: 0.05s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

.elementor-165 .elementor-element-2285ab4 .elementor-element-a21babc {
	animation-name: joudMotionUp !important;
	animation-duration: 0.6s !important;
	animation-delay: 0.18s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

/* --- 12. SECTION 15: TESTIMONIALS (ماذا قال الطلاّب عنّا) --- */
.elementor-165 .elementor-element-aa92409 .elementor-heading-title {
	animation-name: joudMotionUp !important;
	animation-duration: 0.55s !important;
	animation-delay: 0.05s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

.elementor-165 .elementor-element-aa92409 .elementor-widget-text-editor {
	animation-name: joudMotionUp !important;
	animation-duration: 0.5s !important;
	animation-delay: 0.18s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

.elementor-165 .elementor-element-aa92409 .elementor-widget-elementskit-testimonial {
	animation-name: joudMotionUp !important;
	animation-duration: 0.65s !important;
	animation-delay: 0.28s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

/* --- 8. SECTION 16: ELITE INSTRUCTORS GRID (STAGGERED COLUMNS) --- */
.elementor-165 .elementor-element-4faee42a .elementor-heading-title {
	animation-name: joudMotionUp !important;
	animation-duration: 0.5s !important;
	animation-delay: 0.05s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

.elementor-165 .elementor-element-4faee42a .elementor-widget-text-editor {
	animation-name: joudMotionUp !important;
	animation-duration: 0.5s !important;
	animation-delay: 0.15s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

.elementor-165 .elementor-element-4faee42a > .elementor-container > .elementor-row > .elementor-column:nth-child(1),
.elementor-165 .elementor-element-4faee42a > .elementor-container > .elementor-column:nth-child(1) {
	animation-name: joudMotionUp !important;
	animation-duration: 0.6s !important;
	animation-delay: 0.1s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

.elementor-165 .elementor-element-4faee42a > .elementor-container > .elementor-row > .elementor-column:nth-child(2),
.elementor-165 .elementor-element-4faee42a > .elementor-container > .elementor-column:nth-child(2) {
	animation-name: joudMotionUp !important;
	animation-duration: 0.6s !important;
	animation-delay: 0.22s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

.elementor-165 .elementor-element-4faee42a > .elementor-container > .elementor-row > .elementor-column:nth-child(3),
.elementor-165 .elementor-element-4faee42a > .elementor-container > .elementor-column:nth-child(3) {
	animation-name: joudMotionUp !important;
	animation-duration: 0.6s !important;
	animation-delay: 0.34s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

.elementor-165 .elementor-element-4faee42a > .elementor-container > .elementor-row > .elementor-column:nth-child(4),
.elementor-165 .elementor-element-4faee42a > .elementor-container > .elementor-column:nth-child(4) {
	animation-name: joudMotionUp !important;
	animation-duration: 0.6s !important;
	animation-delay: 0.46s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation-fill-mode: both !important;
}

.elementor-165 .elementor-element-4faee42a .elementor-widget-elementskit-team,
.elementor-165 .elementor-element-4faee42a .ekit-team-member {
	transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s ease !important;
}

.elementor-165 .elementor-element-4faee42a .elementor-widget-elementskit-team:hover,
.elementor-165 .elementor-element-4faee42a .ekit-team-member:hover {
	transform: translateY(-5px) !important;
	box-shadow: 0 12px 28px rgba(20, 33, 61, 0.1) !important;
}

/* Micro-interaction on social icons */
.elementor-widget-social-icons a,
.elementor-social-icon,
.elementor-165 .elementor-element-4faee42a .elementor-social-icon,
.elementor-165 .elementor-element-1f858cfb .elementor-social-icon {
	transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.22s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.22s ease !important;
}

.elementor-widget-social-icons a:hover,
.elementor-social-icon:hover {
	transform: translateY(-3px) scale(1.08) !important;
	box-shadow: 0 6px 16px rgba(252, 163, 17, 0.28) !important;
}

/* --- 9. SECTION 17 & FOOTER --- */
.elementor-165 .elementor-element-1f858cfb,
footer.footer,
.elementor-130 {
	animation-name: joudMotionFade !important;
	animation-duration: 0.5s !important;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* --- 10. PRIMARY CTA ATTENTION PULSE --- */
.elementor-element-3f0f7fca .elementor-button,
.elementor-element-52365bd3 .elementor-button {
	animation: joudSubtleGlow 4s infinite ease-in-out !important;
}

/* --- 11. ACCESSIBILITY (PREFERS REDUCED MOTION) --- */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}