/* البداية مخفي */

.animate-left,
.animate-right{

opacity:0;
transform:translateY(60px);

transition:all .8s ease;

}

/* عند ظهور السكشن */

.animate-section.active .animate-left,
.animate-section.active .animate-right{

opacity:1;
transform:translateY(0);

}



.reveal-left,
.reveal-right{

opacity:0;

transition:all 1s ease;

}

.reveal-left{

transform:translateX(-80px);

}

.reveal-right{

transform:translateX(80px);

}

.reveal-active .reveal-left,
.reveal-active .reveal-right{

opacity:1;

transform:translateX(0);

}

.reveal-title{

opacity:0;
transform:translateY(-40px);
transition:all .8s ease;

}

.reveal-card{

opacity:0;
transform:translateY(60px);
transition:all .8s ease;

}

/* عند ظهور السكشن */

.reveal-active .reveal-title{

opacity:1;
transform:translateY(0);

}

.reveal-active .reveal-card{

opacity:1;
transform:translateY(0);

}

/* stagger animation */

.reveal-active .reveal-card:nth-child(1){transition-delay:.1s;}
.reveal-active .reveal-card:nth-child(2){transition-delay:.2s;}
.reveal-active .reveal-card:nth-child(3){transition-delay:.3s;}
.reveal-active .reveal-card:nth-child(4){transition-delay:.4s;}
.reveal-active .reveal-card:nth-child(5){transition-delay:.5s;}


.about-img,
.about-text-box,
.chairman-box,
.chairman-img{

opacity:0;
transition:all 1s ease;

}

/* البداية */

.about-img{
transform:translateX(-80px);
}

.about-text-box{
transform:translateX(80px);
}

.chairman-box{
transform:translateY(60px);
}

.chairman-img{
transform:scale(.9);
}

/* عند ظهور السكشن */

.reveal-active .about-img{
opacity:1;
transform:translateX(0);
}

.reveal-active .about-text-box{
opacity:1;
transform:translateX(0);
}

.reveal-active .chairman-box{
opacity:1;
transform:translateY(0);
transition-delay:.3s;
}

.reveal-active .chairman-img{
opacity:1;
transform:scale(1);
transition-delay:.4s;
}

.services-text{
opacity:0;
transform:translateY(-40px);
transition:all .8s ease;
}

.service-item{
opacity:0;
transform:translateY(60px);
transition:all .8s ease;
}

/* عند ظهور السكشن */

.reveal-active .services-text{
opacity:1;
transform:translateY(0);
}

.reveal-active .service-item{
opacity:1;
transform:translateY(0);
}

/* stagger effect */

.reveal-active .service-item:nth-child(1){transition-delay:.1s;}
.reveal-active .service-item:nth-child(2){transition-delay:.2s;}
.reveal-active .service-item:nth-child(3){transition-delay:.3s;}
.reveal-active .service-item:nth-child(4){transition-delay:.4s;}


.reveal-title{

opacity:0;
transform:translateY(-40px);
transition:all .8s ease;

}

.partner-item{

opacity:0;
transform:translateY(60px);
transition:all .8s ease;

}

/* عند ظهور السكشن */

.reveal-active .reveal-title{

opacity:1;
transform:translateY(0);

}

.reveal-active .partner-item{

opacity:1;
transform:translateY(0);

}

/* stagger animation */

.reveal-active .partner-item:nth-child(1){transition-delay:.2s;}
.reveal-active .partner-item:nth-child(2){transition-delay:.4s;}