.depicter-1-element-39 .depicter-bullet-item{
	background-color:#000;
	border-radius:5px 5px 5px 5px ;
	width:6px;
	height:6px;
}
.depicter-1-element-39 .depicter-bullet-item.depicter-bullet-active{
	background-color:#FFF;
}
.depicter-1-element-39 .depicter-bullets-wrapper{
	gap:5px;
	flex-direction:row;
}
.depicter-revert .depicter-1-element-33{
	transform:rotate(37deg);
}
.depicter-revert .depicter-1-element-27{
	filter:none;
	text-shadow:none;
	opacity:0.915;
	font-size:120px;
	text-align:center;
	color:transparent;
	font-family:"Open Sans";
	font-weight:800;
	line-height:120%;
	letter-spacing:5px;
	box-shadow:none;
	backdrop-filter:none;
	background-color:transparent;
	border:none;
}
.depicter-revert .depicter-1-element-27-frame{
	mix-blend-mode:normal;
}
.depicter-revert .depicter-1-element-26{
	opacity:0.915;
	font-size:140px;
	text-align:center;
	color:#FFF;
	font-family:"Open Sans";
	font-weight:800;
	line-height:120%;
	letter-spacing:5px;
	background-color:transparent;
}
.depicter-revert .depicter-1-section-23 .depicter-section-background{
	background-color:#FFF;
}
.depicter-revert .depicter-1-element-12{
	filter:none;
	text-shadow:none;
	opacity:0.915;
	font-size:160px;
	text-align:center;
	color:transparent;
	font-family:"Open Sans";
	font-weight:800;
	line-height:120%;
	letter-spacing:22px;
	box-shadow:none;
	backdrop-filter:none;
	background-color:transparent;
	border:none;
}
.depicter-revert .depicter-1-element-12-frame{
	mix-blend-mode:normal;
}
.depicter-revert .depicter-1-element-11{
	opacity:0.915;
	font-size:160px;
	text-align:center;
	color:#FFF;
	font-family:"Open Sans";
	font-weight:800;
	line-height:120%;
	letter-spacing:5px;
	background-color:transparent;
}
.depicter-revert .depicter-1-section-9 .depicter-section-background{
	background-color:#FFF;
	filter:brightness(99%) contrast(111%) saturate(100%) blur(0px) hue-rotate(0deg);
}
.depicter-revert .depicter-1-element-43{
	filter:none;
	text-shadow:none;
	opacity:0.915;
	font-size:160px;
	text-align:center;
	color:transparent;
	font-family:"Open Sans";
	font-weight:800;
	line-height:120%;
	letter-spacing:22px;
	box-shadow:none;
	backdrop-filter:none;
	background-color:transparent;
	border:none;
}
.depicter-revert .depicter-1-element-43-frame{
	mix-blend-mode:normal;
}
.depicter-revert .depicter-1-element-42{
	opacity:0.915;
	font-size:160px;
	text-align:center;
	color:#FFF;
	font-family:"Open Sans";
	font-weight:800;
	line-height:120%;
	letter-spacing:5px;
	background-color:transparent;
}
.depicter-revert .depicter-1-section-40 .depicter-section-background{
	background-color:#FFF;
}

/***** Tablet *****/
@media screen and (max-width: 1024px){

.depicter-1-element-39 .depicter-bullet-item{
	background-color:#000;
}
.depicter-1-element-39 .depicter-bullet-item.depicter-bullet-active{
	background-color:#FFF;
}
.depicter-revert .depicter-1-element-33{
	transform:rotate(37deg);
}
.depicter-revert .depicter-1-element-27{
	font-size:110px;
}
.depicter-revert .depicter-1-element-26{
	font-size:120px;
}

}
/***** Mobile *****/
@media screen and (max-width: 767px){

.depicter-revert .depicter-1-element-39{
	border:none;
}
.depicter-1-element-39 .depicter-bullet-item{
	background-color:#000;
}
.depicter-1-element-39 .depicter-bullet-item.depicter-bullet-active{
	background-color:#FFF;
}
.depicter-revert .depicter-1-element-33{
	transform:rotate(37deg);
}
.depicter-revert .depicter-1-element-27{
	font-size:47px;
	letter-spacing:5px;
}
.depicter-revert .depicter-1-element-26{
	font-size:60px;
}
.depicter-revert .depicter-1-element-12{
	font-size:70px;
	letter-spacing:12px;
}
.depicter-revert .depicter-1-element-11{
	font-size:70px;
}
.depicter-revert .depicter-1-element-43{
	font-size:70px;
	letter-spacing:12px;
}
.depicter-revert .depicter-1-element-42{
	font-size:70px;
}

}
/*** Custom styles ***/
.depicter-revert .depicter-1-element-38 {
  opacity: 0;
  transform-origin: center center;
  /* دمج أنيميشن الدخول ثم الدوران والرقص المستمر */
  animation: 
    blackCubePop 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 1.9s forwards,
    blackCubeSpinDance 4.5s linear 2.7s infinite !important;
}

/* 1. أنيميشن الدخول المرن */
@keyframes blackCubePop {
  0% {
    opacity: 0;
    transform: scale(0.2) rotate(-25deg) translateY(25px);
  }
  70% {
    opacity: 1;
    transform: scale(1.1) rotate(6deg) translateY(-4px);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg) translateY(0);
  }
}

/* 2. أنيميشن الدوران الكامل (360 درجة) مع الطفو المستمر */
@keyframes blackCubeSpinDance {
  0% {
    transform: translateY(0px) rotate(0deg) scale(1);
  }
  25% {
    transform: translateY(-8px) rotate(90deg) scale(1.02);
  }
  50% {
    transform: translateY(0px) rotate(180deg) scale(1);
  }
  75% {
    transform: translateY(6px) rotate(270deg) scale(0.98);
  }
  100% {
    transform: translateY(0px) rotate(360deg) scale(1);
  }
}
.depicter-revert .depicter-1-element-37 {
  opacity: 0;
  transform-origin: center center;
  /* دمج أنيميشن الدخول ثم الدوران والرقص المستمر */
  animation: 
    blackCubePop 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 1.9s forwards,
    blackCubeSpinDance 4.5s linear 2.7s infinite !important;
}

/* 1. أنيميشن الدخول المرن */
@keyframes blackCubePop {
  0% {
    opacity: 0;
    transform: scale(0.2) rotate(-25deg) translateY(25px);
  }
  70% {
    opacity: 1;
    transform: scale(1.1) rotate(6deg) translateY(-4px);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg) translateY(0);
  }
}

/* 2. أنيميشن الدوران الكامل (360 درجة) مع الطفو المستمر */
@keyframes blackCubeSpinDance {
  0% {
    transform: translateY(0px) rotate(0deg) scale(1);
  }
  25% {
    transform: translateY(-8px) rotate(90deg) scale(1.02);
  }
  50% {
    transform: translateY(0px) rotate(180deg) scale(1);
  }
  75% {
    transform: translateY(6px) rotate(270deg) scale(0.98);
  }
  100% {
    transform: translateY(0px) rotate(360deg) scale(1);
  }
}
.depicter-revert .depicter-1-element-33 {
  opacity: 0;
  transform-origin: center center;
  /* دمج أنيميشن الدخول ثم الرقص المستمر مع تثبيت الزاوية المطلوب */
  animation: 
    conePop 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 1.8s forwards,
    coneDance 3.2s ease-in-out 2.6s infinite alternate !important;
}

/* 1. أنيميشن الدخول والاستقرار على الزاوية المحددة */
@keyframes conePop {
  0% {
    opacity: 0;
    transform: scale(0.2) rotate(17.3763961028deg) translateY(30px);
  }
  70% {
    opacity: 1;
    transform: scale(1.1) rotate(43.3763961028deg) translateY(-5px);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(37.3763961028deg) translateY(0);
  }
}

/* 2. أنيميشن الرقص والطفو المستمر حول الزاوية المحددة */
@keyframes coneDance {
  0% {
    transform: translateY(0px) rotate(37.3763961028deg) scale(1);
  }
  50% {
    transform: translateY(-8px) rotate(33.3763961028deg) scale(1.02); /* طفو مع ميلان خفيف حول الزاوية */
  }
  100% {
    transform: translateY(4px) rotate(40.3763961028deg) scale(0.98);
  }
}
.depicter-revert .depicter-1-element-32 {
  opacity: 0;
  transform-origin: center center;
  /* دمج أنيميشن الدخول ثم الرقص المستمر */
  animation: 
    cubePop 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 2.0s forwards,
    cubeDance 2.8s ease-in-out 2.8s infinite alternate !important;
}

/* 1. أنيميشن الدخول */
@keyframes cubePop {
  0% {
    opacity: 0;
    transform: scale(0.2) rotate(35deg) translateX(-25px);
  }
  70% {
    opacity: 1;
    transform: scale(1.15) rotate(-8deg) translateX(4px);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg) translateX(0);
  }
}

/* 2. أنيميشن الرقص المستمر */
@keyframes cubeDance {
  0% {
    transform: translateY(0px) rotate(0deg) scale(1);
  }
  50% {
    transform: translateY(-10px) rotate(5deg) scale(1.03); /* طفو مع ميلان ذهبي ناعم */
  }
  100% {
    transform: translateY(3px) rotate(-3deg) scale(0.97);
  }
}
.depicter-revert .depicter-1-element-31 {
  opacity: 0;
  transform-origin: center center;
  /* دمج أنيميشن الدخول ثم الرقص المستمر */
  animation: 
    cubePop 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 2.0s forwards,
    cubeDance 2.8s ease-in-out 2.8s infinite alternate !important;
}

/* 1. أنيميشن الدخول */
@keyframes cubePop {
  0% {
    opacity: 0;
    transform: scale(0.2) rotate(35deg) translateX(-25px);
  }
  70% {
    opacity: 1;
    transform: scale(1.15) rotate(-8deg) translateX(4px);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg) translateX(0);
  }
}

/* 2. أنيميشن الرقص المستمر */
@keyframes cubeDance {
  0% {
    transform: translateY(0px) rotate(0deg) scale(1);
  }
  50% {
    transform: translateY(-10px) rotate(5deg) scale(1.03); /* طفو مع ميلان ذهبي ناعم */
  }
  100% {
    transform: translateY(3px) rotate(-3deg) scale(0.97);
  }
}
.depicter-revert .depicter-1-element-30 {
  opacity: 0;
  transform-origin: center center;
  
  /* دخول ناعم يليه طفو بطيء جداً ومريح (الأنيميشن المستمر بياخد 4 ثواني عشان يكون هادي) */
  animation: 
    smoothFadeEnter 0.8s cubic-bezier(0.25, 1, 0.5, 1) 2.2s forwards,
    softBreathing 4s ease-in-out 3.0s infinite alternate !important;
}

/* 1. دخول هادي جداً: بيظهر من تحت شوية وبيكبر لحجمه الطبيعي بنعومة */
@keyframes smoothFadeEnter {
  0% {
    opacity: 0;
    transform: scale(0.85) translateY(10px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0px);
  }
}

/* 2. التنفس: حركة طفو بطيئة جداً (4 ثواني) مع ظل خفيف بيدي إحساس بالعمق 3D */
@keyframes softBreathing {
  0% {
    transform: translateY(0px) scale(1);
    filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
  }
  50% {
    /* بيطلع لفوق 4 بيكسل بس، وبيكبر 2% مع ظل خفيف جداً */
    transform: translateY(-4px) scale(1.02);
    filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.15));
  }
  100% {
    transform: translateY(0px) scale(1);
    filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
  }
}
.depicter-revert .depicter-1-element-29 {
  transform-origin: bottom center;
  /* تشغيل الطفو المستمر بعد انتهاء دخول Depicter (مثلاً بعد 1.5 ثانية) */
  animation: astroFloat 3s ease-in-out 1.5s infinite alternate !important;
}

@keyframes astroFloat {
  0% { 
    transform: translateY(0px) rotate(0deg); 
  }
  50% { 
    transform: translateY(-6px) rotate(-1.5deg); /* طفو ناعم للأعلى مع ميلان خفيف */
  }
  100% { 
    transform: translateY(3px) rotate(1deg);    /* هبوط هادئ مع ميلان لليمين */
  }
}
.depicter-revert .depicter-1-element-27 {color: transparent; -webkit-text-stroke: 3px #ffffff;
  
}
.depicter-revert .depicter-1-element-27 {
  animation: popGrowStronger 0.9s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.8s forwards !important;
}

@keyframes popGrowStronger {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.35); /* تكبير قوي جداً وملحوظ في المنتصف */
  }
  100% {
    transform: scale(1.12); /* الاستقرار على حجم أكبر وأوضح */
  }
}
.depicter-revert .depicter-1-element-26 {
  animation: popGrowStronger 0.9s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.8s forwards !important;
}

@keyframes popGrowStronger {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.35); /* تكبير قوي جداً وملحوظ في المنتصف */
  }
  100% {
    transform: scale(1.12); /* الاستقرار على حجم أكبر وأوضح */
  }
}
.depicter-revert .depicter-1-element-56 {
  transform-origin: bottom center; /* تثبيت المركز من الأسفل */
  animation: 
    smoothSwayBalanced 2.4s cubic-bezier(0.25, 1, 0.5, 1) 3.6s forwards,
    characterContinuousDance 2.6s ease-in-out 6.0s infinite alternate !important;
}

/* 1. أنيميشن التمايل الأولي الناعم والمظبوط */
@keyframes smoothSwayBalanced {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-5.5deg); /* التمايل للجهة الأولى */
  }
  50% {
    transform: rotate(4deg);    /* ارتداد لليمين */
  }
  75% {
    transform: rotate(-1.5deg); /* اهتزازة خفيفة */
  }
  100% {
    transform: rotate(0deg);    /* استقرار */
  }
}

/* 2. أنيميشن الرقص والاهتزاز المستمر بعد انتهاء التمايل */
@keyframes characterContinuousDance {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-4px) rotate(-3deg); /* رفع خفيف مع تمايل لطيف */
  }
  100% {
    transform: translateY(2px) rotate(2.5deg);  /* انخفاض مع تمايل لليمن */
  }
}
.depicter-revert .depicter-1-element-20 {
  transform-origin: center center;
  
  /* 
    تم تقليل مدة الدخول إلى 1.8 ثانية لزيادة السرعة 
    توقيت الحركة المستمرة يبدأ الآن عند 2.3s (1.8s + 0.5s تأخير)
  */
  animation: 
    cssEntranceSpin 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.5s forwards,
    cssContinuousFloat 2.6s ease-in-out 2.3s infinite alternate !important;
}

/* 1. حركة الدخول الأسرع مع 3 لفات (1080 درجة) */
@keyframes cssEntranceSpin {
  0% {
    transform: scale(0) rotate(0deg);
  }
  100% {
    transform: scale(1) rotate(1080deg); /* 3 لفات كاملة */
  }
}

/* 2. الطفو والرقص المستمر بيبدأ من 1080 درجة عشان يكمل بنعومة */
@keyframes cssContinuousFloat {
  0% {
    transform: translateY(0px) rotate(1080deg);
  }
  50% {
    transform: translateY(-8px) rotate(1075deg); /* طفو لفوق مع ميلان خفيف لليسار */
  }
  100% {
    transform: translateY(4px) rotate(1084deg);  /* نزول لتحت مع ميلان خفيف لليمين */
  }
}
.depicter-revert .depicter-1-element-19 {
  transform-origin: center center;
  
  /* 
    تم تقليل مدة الدخول إلى 1.8 ثانية لزيادة السرعة 
    توقيت الحركة المستمرة يبدأ الآن عند 2.3s (1.8s + 0.5s تأخير)
  */
  animation: 
    cssEntranceSpin 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.5s forwards,
    cssContinuousFloat 2.6s ease-in-out 2.3s infinite alternate !important;
}

/* 1. حركة الدخول الأسرع مع 3 لفات (1080 درجة) */
@keyframes cssEntranceSpin {
  0% {
    transform: scale(0) rotate(0deg);
  }
  100% {
    transform: scale(1) rotate(1080deg); /* 3 لفات كاملة */
  }
}

/* 2. الطفو والرقص المستمر بيبدأ من 1080 درجة عشان يكمل بنعومة */
@keyframes cssContinuousFloat {
  0% {
    transform: translateY(0px) rotate(1080deg);
  }
  50% {
    transform: translateY(-8px) rotate(1075deg); /* طفو لفوق مع ميلان خفيف لليسار */
  }
  100% {
    transform: translateY(4px) rotate(1084deg);  /* نزول لتحت مع ميلان خفيف لليمين */
  }
}
.depicter-revert .depicter-1-element-18 {
  /* التثبيت من المنتصف عشان يلف بشكل سليم */
  transform-origin: center center; 
  
  animation: 
    clapperZeroSettle 1.8s ease-out 1.8s forwards,
    clapperZeroFloat 2.6s ease-in-out 3.6s infinite alternate !important;
}

/* 1. دخول بنص دايرة (-180 إلى 0) مع ارتداد ناعم ويستقر وهو معدول */
@keyframes clapperZeroSettle {
  0% {
    transform: scale(0) rotate(-180deg); /* بداية الدخول: مقلوب تماماً */
  }
  60% {
    transform: scale(1.4) rotate(10deg); /* بيلف ويكبر ويعدي الصفر سنة بسيطة للارتداد */
  }
  80% {
    transform: scale(1.32) rotate(-5deg); /* بيرد لورا نعومية */
  }
  100% {
    transform: scale(1.35) rotate(0deg); /* الاستقرار: معدول تماماً (0 درجة) وحجمه 135% */
  }
}

/* 2. الطفو المستمر والتمايل بيبدأ من زاوية (0) */
@keyframes clapperZeroFloat {
  0% {
    transform: scale(1.35) translateY(0px) rotate(0deg);
  }
  50% {
    transform: scale(1.35) translateY(-6px) rotate(-4deg); /* طفو لفوق مع ميلان 4 درجات لليسار */
  }
  100% {
    transform: scale(1.35) translateY(3px) rotate(4deg);  /* نزول لتحت مع ميلان 4 درجات لليمين */
  }
}
.depicter-revert .depicter-1-element-17 {
  /* التثبيت من المنتصف عشان الشريط يلف بشكل دائري مظبوط */
  transform-origin: center center; 
  
  animation: 
    filmReelEntrance 1.8s ease-out 1.8s forwards,
    filmReelFloat 2.6s ease-in-out 3.6s infinite alternate !important;
}

/* 1. دخول بلفة نص دايرة (-180 إلى 0) مع ارتداد (Pop) ناعم */
@keyframes filmReelEntrance {
  0% {
    transform: scale(0) rotate(-180deg); /* بداية الدخول: صغير ومقلوب */
  }
  60% {
    transform: scale(1.15) rotate(15deg); /* بيكبر شوية زيادة ويلف سِنة بسيطة للارتداد */
  }
  80% {
    transform: scale(0.95) rotate(-5deg); /* بيرد لورا نعومية */
  }
  100% {
    transform: scale(1) rotate(0deg); /* الاستقرار: حجمه الطبيعي 100% ومعدول تماماً (0 درجة) */
  }
}

/* 2. الطفو المستمر والتمايل بيبدأ من زاوية (0) وحجم (1) */
@keyframes filmReelFloat {
  0% {
    transform: scale(1) translateY(0px) rotate(0deg);
  }
  50% {
    transform: scale(1) translateY(-8px) rotate(-5deg); /* طفو لفوق مع ميلان 5 درجات لليسار */
  }
  100% {
    transform: scale(1) translateY(4px) rotate(5deg);  /* نزول لتحت مع ميلان 5 درجات لليمين */
  }
}
.depicter-revert .depicter-1-element-16 {
  /* دمج أنيميشن التشويش الخاطف ثم أنيميشن الرقص المستمر */
  animation: 
    tvScreenGlitch 0.3s steps(2) 4.5s 2,
    tvScreenDance 2.2s ease-in-out 5.1s infinite alternate !important;
}

/* 1. أنيميشن التشويش القوي الأولي */
@keyframes tvScreenGlitch {
  0% {
    filter: none;
  }
  30% {
    filter: drop-shadow(-2px 0px 0px rgba(255, 0, 0, 0.9)) 
            drop-shadow(2px 0px 0px rgba(0, 255, 255, 0.9)) 
            contrast(1.8) brightness(1.3);
  }
  60% {
    filter: drop-shadow(2px 0px 0px rgba(255, 0, 255, 0.9)) 
            drop-shadow(-2px 0px 0px rgba(0, 255, 0, 0.9)) 
            hue-rotate(90deg) invert(0.2);
  }
  100% {
    filter: none;
  }
}

/* 2. أنيميشن الرقص والاهتزاز المستمر */
@keyframes tvScreenDance {
  0% {
    transform: scale(1) rotate(0deg);
    filter: brightness(1);
  }
  33% {
    transform: scale(1.02) rotate(-1.5deg); /* تكبير خفيف مع ميلان للشمال */
    filter: brightness(1.1) contrast(1.05);
  }
  66% {
    transform: scale(0.99) rotate(1.5deg);  /* انخفاض خفيف مع ميلان لليمين */
    filter: brightness(0.95);
  }
  100% {
    transform: scale(1.01) rotate(-0.5deg); /* اهتزازة إضاءة وميلان هادئ */
    filter: brightness(1.05);
  }
}
.depicter-revert .depicter-1-element-14 {
  /* دمج أنيميشن التشويش الأولي ثم الحركة المستمرة */
  animation: 
    tvScreenGlitch 0.3s steps(2) 4.5s 2,
    tvScreenDance 2.2s ease-in-out 5.1s infinite alternate !important;
}

/* 1. أنيميشن التشويش القوي الأولي */
@keyframes tvScreenGlitch {
  0% {
    filter: none;
  }
  30% {
    filter: drop-shadow(-2px 0px 0px rgba(255, 0, 0, 0.9)) 
            drop-shadow(2px 0px 0px rgba(0, 255, 255, 0.9)) 
            contrast(1.8) brightness(1.3);
  }
  60% {
    filter: drop-shadow(2px 0px 0px rgba(255, 0, 255, 0.9)) 
            drop-shadow(-2px 0px 0px rgba(0, 255, 0, 0.9)) 
            hue-rotate(90deg) invert(0.2);
  }
  100% {
    filter: none;
  }
}

/* 2. أنيميشن الرقص والاهتزاز المستمر للشاشة */
@keyframes tvScreenDance {
  0% {
    transform: scale(1) rotate(0deg);
    filter: brightness(1);
  }
  33% {
    transform: scale(1.02) rotate(-1.5deg);
    filter: brightness(1.1) contrast(1.05);
  }
  66% {
    transform: scale(0.99) rotate(1.5deg);
    filter: brightness(0.95);
  }
  100% {
    transform: scale(1.01) rotate(-0.5deg);
    filter: brightness(1.05);
  }
}
.depicter-revert .depicter-1-element-12 {color: transparent; -webkit-text-stroke: 3px #ffffff;
  
}
.depicter-revert .depicter-1-element-12 {
  /* تثبيت المركز عشان التكبير يكون من نص العنصر بالظبط وميتحركش من مكانه */
  transform-origin: center center; 
  
  /* 
    التأخير هنا 1.8s متطابق تماماً مع انتهاء حركة البلاجن (1800ms + 0ms)
  */
  animation: popGrowStronger 0.9s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.8s forwards !important;
}

/* حركتك الممتازة زي ما هي بدون أي تغيير */
@keyframes popGrowStronger {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.35); /* تكبير قوي جداً وملحوظ في المنتصف */
  }
  100% {
    transform: scale(1.12); /* الاستقرار على حجم أكبر وأوضح */
  }
}
.depicter-revert .depicter-1-element-11 {
  /* تثبيت المركز عشان التكبير يكون من نص العنصر بالظبط وميتحركش من مكانه */
  transform-origin: center center; 
  
  /* 
    التأخير هنا 1.8s متطابق تماماً مع انتهاء حركة البلاجن (1800ms + 0ms)
  */
  animation: popGrowStronger 0.9s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.8s forwards !important;
}

/* حركتك الممتازة زي ما هي بدون أي تغيير */
@keyframes popGrowStronger {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.35); /* تكبير قوي جداً وملحوظ في المنتصف */
  }
  100% {
    transform: scale(1.12); /* الاستقرار على حجم أكبر وأوضح */
  }
}
.depicter-revert .depicter-1-element-48 {
  transform-origin: center center;
  animation: floatBook 2.8s ease-in-out infinite alternate !important;
}

@keyframes floatBook {
  0% { 
    translate: 0 0px; 
    rotate: 0deg; 
    scale: 1;
  }
  50% { 
    translate: 0 -6px; 
    rotate: 3deg; 
    scale: 1.02;
  }
  100% { 
    translate: 0 3px; 
    rotate: -1deg; 
    scale: 0.98;
  }
}
.depicter-revert .depicter-1-element-46 {
  transform-origin: center center;
  /* الأنيميشن بيبدأ يشتغل براحته بدون ما يعطل الدخول */
  animation: floatGirl 3s ease-in-out infinite alternate !important;
}

@keyframes floatGirl {
  0% { 
    translate: 0 0px; 
    rotate: 0deg; 
  }
  50% { 
    translate: 0 -8px; 
    rotate: -1deg; 
  }
  100% { 
    translate: 0 4px; 
    rotate: 1deg; 
  }
}
.depicter-revert .depicter-1-element-47 {
  transform-origin: bottom center;
  animation: floatBlocks 3.2s ease-in-out infinite alternate !important;
}

@keyframes floatBlocks {
  0% { 
    translate: 0 0px; 
    rotate: 0deg; 
  }
  50% { 
    translate: 0 -5px; 
    rotate: -2deg; 
  }
  100% { 
    translate: 0 2px; 
    rotate: 1deg; 
  }
}
.depicter-revert .depicter-1-element-45 {
  transform-origin: center center;
  animation: floatRightCluster 3.5s ease-in-out infinite alternate !important;
}

@keyframes floatRightCluster {
  0% { 
    translate: 0 0px; 
    rotate: 0deg; 
  }
  50% { 
    translate: 0 -10px; 
    rotate: -3deg; 
  }
  100% { 
    translate: 0 6px; 
    rotate: 2deg; 
  }
}
.depicter-revert .depicter-1-element-44 {
  transform-origin: center center;
  animation: floatLeftSphere 4s ease-in-out infinite alternate !important;
}

@keyframes floatLeftSphere {
  0% { 
    translate: 0 0px; 
    rotate: 0deg; 
  }
  50% { 
    translate: 0 -12px; 
    rotate: 5deg; 
  }
  100% { 
    translate: 0 5px; 
    rotate: -2deg; 
  }
}
.depicter-revert .depicter-1-element-43 {color: transparent; -webkit-text-stroke: 3px #ffffff;
  
}
.depicter-revert .depicter-1-element-43 {
  animation: popGrowStronger 0.9s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.8s forwards !important;
}

@keyframes popGrowStronger {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.35); /* تكبير قوي جداً وملحوظ في المنتصف */
  }
  100% {
    transform: scale(1.12); /* الاستقرار على حجم أكبر وأوضح */
  }
}
.depicter-revert .depicter-1-element-42 {
  animation: popGrowStronger 0.9s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.8s forwards !important;
}

@keyframes popGrowStronger {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.35); /* تكبير قوي جداً وملحوظ في المنتصف */
  }
  100% {
    transform: scale(1.12); /* الاستقرار على حجم أكبر وأوضح */
  }
}