body {
    font-family: "Cairo", sans-serif !important;
    overflow-x: hidden !important;
}
.container-fluid {
    max-width: 1550px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
}

/* Section Animation section */
.reveal .to_up {
    top: 40px;
    transition: 2s all ease;
}

.reveal .to_side {
    transform: translateX(0%);
    transition: 1s all ease;
}
.reveal.loaded .to_side {
    transform: translateX(-100%);
}

.reveal.loaded .to_up {
    top: 0;
}

.reveal .content {
    top: 300px;
    opacity: 0;
    transition: 1s all ease;
}

.reveal.loaded .content {
    top: 0%;
    opacity: 1;
}
.reveal .content_small {
    top: 40px;
    opacity: 0;
    transition: 1s all ease;
}

.reveal.loaded .content_small {
    top: 0%;
    opacity: 1;
}
.fade-wrapper {
    overflow: hidden; /* يمنع ظهور النص خارج الإطار */
    display: inline-block; /* عشان ما ياخذ كل العرض */
}

.reveal .fade-content {
    opacity: 0;
    transform: translateY(100%) scale(0.98);
    transition: opacity 1.2s ease-out,
        transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

/* عند التحميل */
.reveal.loaded .fade-content {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
}

/* تأخيرات متدرجة */
.reveal.loaded .fade-delay-1 {
    transition-delay: 0.3s;
}
.reveal.loaded .fade-delay-2 {
    transition-delay: 0.6s;
}
.reveal.loaded .fade-delay-3 {
    transition-delay: 0.9s;
}
.reveal.loaded .fade-delay-4 {
    transition-delay: 1.2s;
}
.reveal.loaded .fade-delay-5 {
    transition-delay: 1.3s;
}
.reveal.loaded .fade-delay-6 {
    transition-delay: 1.5s;
}
.reveal.loaded .fade-delay-7 {
    transition-delay: 1.7s;
}

.hover_animation:hover {
    transform: scale(1.05);
    transition: transform 0.5s ease-in-out;
}
.image-container::after{
	content: "";
	position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255,255,255,.3);
    transform: translate(-50%,-50%) rotate(-45deg);
    z-index: 1;
}

.image-container:hover::after{
	height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}