@font-face {
    font-family: 'Tajawal';
    src: url('../Tajawal/Tajawal-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Tajawal';
    src: url('../Tajawal/Tajawal-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Tajawal';
}

#mobile-menu {
    transition: all 0.3s ease-in-out;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
}
#mobile-menu.active {
    max-height: 500px;
    opacity: 1;
    padding-bottom: 1.5rem;
}
.gallery-card {
    transition: transform 0.25s ease, box-shadow 0.3s ease;
}
.gallery-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.1);
}
.fade-up {
    transition: all 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1);
}