#body_add_bages {
    background-color: rgba(156, 173, 156, 0.397); /* اللون الأخضر مع الشفافية */
    padding: 0.5rem; /* padding صغير حول العنصر */
    color: #212529; /* النص داكن */
}

.btn_add_bages:hover {
    background-color: #5a6268; /* اللون الذي تريده عند المرور */
    color: #fff; /* تغيير لون النص إذا كنت بحاجة */
}

@font-face {
    font-family: 'Tajawal';
    src: url('../fonts/Tajawal-Black.woff2') format('woff2');
    font-weight: 900;
}
@font-face {
    font-family: 'Tajawal';
    src: url('../fonts/Tajawal-Bold.woff2') format('woff2');
    font-weight: 700;
}
@font-face {
    font-family: 'Tajawal';
    src: url('../fonts/Tajawal-Light.woff2') format('woff2');
    font-weight: 300;
}
/* تحديد خط العناوين */
h1, h2{
    font-family: 'Tajawal', sans-serif;
    font-weight: 900; /* خط أسود للعناوين */
}

/* تحديد خط النصوص العادية */
body, p, span, div {
    font-family: 'Tajawal', sans-serif;
    font-weight: 700; /* خط خفيف لبقية النصوص */
}
button {
    font-family: 'Tajawal', sans-serif; /* تعيين خط الزر */
}