@media (max-width: 768px) {
    #project .row.g-4 {
        grid-template-columns: 1fr; /* عرض مشروع واحد على الصفوف الصغيرة */
    }
}

/* Responsive Design for About Section */
@media (max-width: 768px) {
    #about {
        padding: 10px;
    }

    #about h1, 
    #about h4 {
        font-size: 20px; /* تقليل حجم النصوص للشاشات الصغيرة */
    }

    #about video {
        max-width: 100%; /* تأكد من أن الفيديو يتناسب مع عرض الشاشة */
        margin: 0 auto; /* محاذاة الفيديو في المنتصف */
    }
}
/* General Responsive Adjustments */
@media (max-width: 768px) {
    /* Reduce padding for mobile screens */
    .container-fluid {
        padding: 10px;
    }

    /* Make columns stack vertically */
    .row {
        flex-direction: column;
    }

    /* Adjust font sizes */
    h1, h4 {
        font-size: 20px;
    }

    p, ul li {
        font-size: 14px;
    }

    /* Adjust buttons */
    button {
        font-size: 14px;
        padding: 5px 10px;
    }

    /* Center elements */
    .text-center {
        text-align: center !important;
    }
}
@media (max-width: 768px) {
    #project .row.g-4 {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    #about .col-lg-5 {
        height: 300px; /* تقليل الطول للشاشات الأصغر */
    }
}



/* Social Media Links */


/* Responsive Design */
@media (max-width: 768px) {
    .footer .address-details .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px; /* مسافة بين العناصر */
    }

    .footer .address-details .row div {
        flex: 1 1 calc(50% - 10px); /* عنصرين في كل صف */
        text-align: center; /* محاذاة وسط */
    }

    .footer .address-details p {
        font-size: 16px !important; /* حجم أصغر لراحة القراءة */
        margin: 0; /* إزالة المسافات الزائدة */
        white-space: nowrap; /* منع النص من النزول لسطر جديد */
    }

    .footer .navbar-brand h1 {
        font-size: 1.5rem;
    }

    .footer .btn {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
}

@media (max-width: 576px) {
    .footer .address-details .row {
        flex-direction: column;
        align-items: center;
    }

    .footer .address-details .row div {
        width: 100%;
    }

    .footer .address-details p {
        font-size: 14px !important;
    }
}
@media (max-width: 991px) {
    .navbar {
        padding: 5px 15px; /* تقليل الارتفاع */
        display: flex;
        align-items: center;
        justify-content: space-between; /* توزيع العناصر في خط واحد */
        flex-direction: row !important; /* إجبار العناصر تكون في خط أفقي */
    }

    /* تصغير اللوجو وضبط موقعه */
    .navbar-brand img {
        max-height: 35px; /* تقليل حجم اللوجو */
        width: auto;
    }

    /* ضبط اللوجو ليكون في أقصى اليمين */
    .navbar-brand {
        margin-left: auto; /* يدفع اللوجو إلى اليمين */
        display: flex;
        align-items: center;
    }

    /* تحريك زر القائمة (الهامبرجر) إلى اليسار */
    .navbar-toggler {
        margin-right: auto; /* يدفع الأيقونة إلى اليسار */
        display: flex;
        align-items: center;
    }

    /* تصغير وتحسين شكل زر القائمة */
    .navbar-toggler-icon {
        width: 30px;
        height: 30px;
    }
}
@media (max-width: 768px) {
    .carousel-caption h1 {
        font-size: 24px !important; 
        line-height: 1.4; 
    }

    .carousel-caption a {
        font-size: 14px !important; 
        padding: 8px 16px; 
    }

    .carousel-caption i {
        font-size: 2rem !important; 
    }

    .carousel-caption {
        padding: 10px; 
    }
}