body {
        font-family: Almarai;
        text-align: right;
        background-color: #ffffff;


    }

    /* ------------------------------------------------------navbar----------------- */
    .navbar {
        background-color: #f2f5fa;
        box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
        text-align: right;
        font-family: Almarai;
        font-size: 18px;
        font-weight: 400;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;



    }

    .navbar {
        background-color: black;
        color: #FBA919 !important;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .navbar .nav-link,
    .navbar .navbar-brand,
    .navbar .dropdown-toggle {
        color: white ; /* لون النص أبيض */
        padding: 10px 15px; /* لرفع النص قليلاً */
        transition: all 0.3s ease-in-out;
        text-decoration: none; /* إزالة الخط السفلي */
        font-size: 18px;
        font-weight: 400;
        line-height: 23px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }

    .navbar .nav-link:hover,
    .navbar .dropdown-item:hover {
        color: #FBA919; /* لون الأكشن عند تمرير الماوس */
    }

    .navbar .nav-link {
        border-bottom: none !important; /* إزالة أي خط سفلي إضافي */
    }

    .btnNav, .btnNav1 {
        background-color: #FBA919 !important;
        color: black !important;
        border: none;
        transition: all 0.3s ease-in-out;
    }

    .btnNav:hover, .btnNav1:hover {
        background-color: #FFD700 !important;
        color: black !important;
        transform: scale(1.05);
    }

    .navbar-toggler {
        border-color: #FBA919;
    }

    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(251, 169, 25, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }

    .navbar-brand img {
        width: 100%;
        max-width: 150px;
    }

    .navbar .navbar-nav .nav-link.active,
    .navbar .navbar-nav .nav-link:focus,
    .navbar .navbar-nav .nav-link:hover {
        color: #FBA919; /* اللون المحدد للروابط النشطة والتمرير والتركيز */
    }






    #loader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #f3f3f3;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
        transition: opacity 0.5s ease, visibility 0.5s ease;
    }

    /* تصميم الأنيميشن */
    .spinner {
        width: 60px;
        height: 60px;
        border: 6px solid #ddd;
        border-top: 6px solid #FBA919;
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }

    /* حركة الدوران */
    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }

    /* إخفاء عنصر التحميل */
    .hidden {
        opacity: 0;
        visibility: hidden;
    }














            footer {
            background-color: #000000;
            color: white;
            font-size: 20px;
font-weight: 400;
line-height: 22px;
text-align: right;
text-underline-position: from-font;
        }

        footer a {
            color: white;
            text-decoration: none;
            font-family: Almarai;
            font-family: Almarai;
font-size: 20px;
font-weight: 400;
line-height: 22px;
text-align: right;
text-underline-position: from-font;
text-decoration-skip-ink: none;


        }

        footer a:hover {
            color: yellow;
            text-decoration: none;
            font-weight: 400;
line-height: 22px;
text-align: right;
text-underline-position: from-font;
        }

        footer .row {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        footer .col-md-3, footer .col-md-2 {
            margin-bottom: 30px;
        }

        footer .col-md-7, footer .col-md-5 {
            text-align: center;
            margin-bottom: 10px;
        }

        .email-form {
            display: flex;
/*             align-items: center;
            justify-content: center; */
        }

        .email-form input {
            flex: 1;
            padding: 10px;
            margin-right: 10px;
        }

        .email-form button {
            background-color: #000000;
            color: white;
            border: none;
            padding: 10px 20px;
            cursor: pointer;
            display: flex;
            align-items: center;
        }

        .email-form button:hover {
            background-color: #333;
        }

        .email-form i {
            margin-left: 8px;
        }

        .email-form button i {
    color: #FBA919; /* حدد اللون المطلوب */
}

.email-form button:hover i {
    color: rgb(255, 255, 255); /* حدد لون مختلف عند التمرير */
}

    .social-contact {
      position: fixed;
  bottom: 40px;
  right: 30px;
  z-index: 999;
  }

  .btn-whatsapp-pulse {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: 50px;
      height: 50px;
      background-color: #3EAD4D; /* خلفية دائرية خضراء */
      border-radius: 50%; /* تجعل الخلفية دائرية */
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      box-shadow: 0 0 0 5px rgba(62, 173, 77, 0.3); /* ظل خفيف */
  }

  .btn-whatsapp-pulse svg {
      fill: #FFFFFF; /* لون الأيقونة أبيض */
      transition: fill 0.3s ease;
      background-color: #3EAD4D; /* خلفية دائرية خضراء */

  }

  .btn-whatsapp-pulse:hover {
      transform: scale(1.1); /* تكبير الحجم عند المرور */
      box-shadow: 0 0 0 10px rgba(62, 173, 77, 0.5); /* زيادة ظل */
  }

  .btn-whatsapp-pulse:hover svg {
      fill: #DFF5E8; /* تغيير لون الأيقونة عند المرور */
  }


      /* ------------------------------------------------------cart-------- --------- */