@media (max-width: 768px) {

    /* زر المنيو */
    .top-bar .menu-toggle {
        display: block;
        font-size: 32px;
        color: #fff;
        cursor: pointer;
        z-index: 10001;
    }

    /* روابط المنيو */
    .top-bar .nav-links {
        position: absolute;              /* بدل fixed */
        top: 100%;
        right: 0;
        width: 100%;

        background: linear-gradient(to bottom, #2f4a80, #43a7cf);

        display: none;
        flex-direction: column;
        align-items: center;
        gap: 18px;
        padding: 20px 0;

        z-index: 9999;
    }

    .top-bar .nav-links.active {
        display: flex;
    }

    .top-bar .nav-links a {
        font-size: 18px;
        padding: 6px 0;
    }
}

@media (max-width: 768px) {

    /* ===== HERO FIX ===== */
    .hero {
        height: 80vh;              /* أقصر */
        margin-top: 70px;          /* نفس ارتفاع الهيدر */
        background-position: center top;
    }

    .hero-overlay {
        background: rgba(0,0,0,0.45); /* وضوح النص */
    }

    .hero-title {
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
        text-align: center;
        width: 90%;
    }

    .hero-title img {
        width: 260px;              /* تصغير اللوجو/العنوان */
        max-width: 100%;
    }

    /* أي نص داخل الهيرو */
    .hero h1,
    .hero h2,
    .hero p {
        font-size: 18px;
        line-height: 1.8;
    }

    /* الأيقونات العائمة */
    .floating-icons {
        left: 10px;
        bottom: 15px;
        gap: 10px;
    }

    .floating-icons img {
        width: 55px;
    }
}
@media (max-width: 768px) {

    /* =====================
       FIX ABOUT SECTION
    ====================== */

    #about {
        padding: 60px 15px !important;
        background-image: none !important; /* نشيل الخلفية */
    }

    .about-container {
        width: 100% !important;
        padding: 0 10px;
    }

    .about-title-left {
        display: none !important; /* العنوان الكبير */
    }

    .about-content-box {
        width: 100% !important;
        margin: 0 auto;
        text-align: center;
    }

    .about-heading {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .about-text {
        font-size: 16px;
        line-height: 1.9;
    }

    /* زر واتساب */
    .about-content-box .whatsapp-btn,
    .about-content-box a {
        display: inline-block;
        margin-top: 15px;
    }
}

@media (max-width: 768px) {

    /* =====================
       SERVICES – MOBILE FINAL FIX
    ====================== */

    #services {
        padding: 60px 15px !important;
        background: none !important;
        overflow: visible !important;   /* مهم */
    }

    .services-bg {
        display: none !important;
    }

    .services-slider {
        height: auto !important;
    }

   .services-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 25px;
        position: relative !important;

        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        pointer-events: auto !important;
        height: auto !important;
    }

    .service-card {
        width: 100% !important;
        max-width: 360px;
        margin: 0 auto;
    }

    .service-img {
        height: 200px;
    }
      .services-container .service-card:nth-child(4) { order: 1; }
    .services-container .service-card:nth-child(5) { order: 2; }
    .services-container .service-card:nth-child(6) { order: 3; }

    /* ---------- 1 2 3 ينزلوا تحت ---------- */
    .services-container .service-card:nth-child(1) { order: 4; }
    .services-container .service-card:nth-child(2) { order: 5; }
    .services-container .service-card:nth-child(3) { order: 6; }
}
@media (max-width: 768px) {

    /* =========================
       SERVICES SECTION – MOBILE
    ========================== */

    #services-section {
        flex-direction: column !important;
        min-height: auto !important;
        overflow: visible !important;
    }

    /* إخفاء الصورة */
    #services-section .left-image {
        display: none !important;
    }

    /* المحتوى */
    #services-section .right-content {
        width: 100% !important;
        padding: 40px 20px !important;
        background: #F7F7F7;
    }

    /* العنوان */
    .title-box {
        font-size: 24px !important;
        text-align: center;
    }

    .title-box span {
        display: inline-block;
        margin-top: 8px;
        font-size: 20px;
    }

    /* الوصف */
    #services-section p.desc {
        font-size: 15px !important;
        line-height: 1.9;
        text-align: center;
        margin-bottom: 30px;
    }

    /* القائمة */
    .services-list li {
        margin-bottom: 22px;
        animation: fadeSlide 0.6s ease forwards;
    }

    .services-list .text strong {
        font-size: 16px;
    }

    .services-list .text p {
        font-size: 14px;
        line-height: 1.8;
    }

}
@media (max-width: 768px) {

    /* =========================
       WHY US – MOBILE FINAL FIX
    ========================== */

    #why-us-section {
        height: auto !important;          /* أهم سطر */
        min-height: unset !important;
        padding: 70px 20px !important;
        display: block !important;
        direction: rtl !important;
        background: linear-gradient(
            to bottom,
            #3f7aa7,
            #2b4c71
        ) !important;
    }

    /* نلغي الصورة والـ overlay */
    #why-us-section::before {
        display: none !important;
    }

    .why-bg-left {
        display: none !important;
    }

    /* المحتوى */
    #why-us-section .why-content {
        width: 100% !important;
        max-width: 100% !important;
        text-align: right !important;
        padding: 0 !important;
    }

    #why-us-section h2 {
        font-size: 28px !important;
        line-height: 1.4;
        margin-bottom: 18px;
    }

    #why-us-section p {
        font-size: 16px !important;
        line-height: 1.9 !important;
        opacity: 0.95;
    }
}

@media (max-width: 768px) {

    /* ===============================
       PARTNERS SECTION – MOBILE
    =============================== */

    #partners-section {
        padding: 60px 0 !important;
        background: #ffffff;
    }

    .partners-container {
        width: 90% !important;
        margin: auto;
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 35px 25px;
        justify-items: center;
    }

    .partners-title {
        grid-column: 1 / -1;
        font-size: 28px !important;
        font-weight: 800;
        margin-bottom: 35px !important;
        color: #2c547b;
        text-align: center;
        position: relative;
    }

    .partners-title::after {
        content: "";
        width: 60px !important;
        height: 3px !important;
        background: #3f7aa7;
        position: absolute;
        bottom: -12px;
        right: 50%;
        transform: translateX(50%);
        border-radius: 5px;
    }

    /* إلغاء صفوف الويب */
    .partners-row {
        display: contents !important;
        margin: 0 !important;
        gap: 0 !important;
    }

    .partners-row img {
        width: 110px !important;
        max-width: 100%;
        height: auto;
        margin: 0 !important;
        opacity: 1 !important;
        filter: none !important;
        transform: none !important;
        transition: none !important;
    }
}