body {
    background-color: #f8f9fa;
    font-family: 'Tajawal', sans-serif;
}

.btn-primary {
    background-color: #008000 !important;
    border-color: #008000 !important;
}

.btn-primary:hover {
    background-color: #006400 !important;
    border-color: #006400 !important;
}

.navbar {
    background-color: white;
    color: #d61a1a;
    padding: 15px;
}

.navbar-brand {
    font-size: 24px;
    font-weight: bold;
    color: #d61a1a;
}

.footer {
    background-color: #d61a1a;
    color: white;
    padding: 15px;
}

.card {
    border-radius: 10px;
}

.form-control {
    border-radius: 5px;
}

.banner img {
    width: 100%;
    height: auto;
    max-height: 550px;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}


/* التأكد من أن الـ media queries تعمل وتظهر في الفحص */

@media screen and (max-width: 1024px) {
    .banner img {
        max-height: 450px !important;
        border: 2px solid red;
        /* لإختبار عمل الميديا كويري */
    }
}

@media screen and (max-width: 768px) {
    .banner img {
        max-height: 350px !important;
        border: 2px solid blue;
        /* لاختبار ظهور الميديا كويري */
    }
}

@media screen and (max-width: 430px) {
    .banner img {
        max-height: 150px !important;
    }
}