.section-content__slider {
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
}

.section-slides-wrapper {
    padding: 0 !important;
    margin: 0 auto;
    max-width: 100%;
}

.slide-item__image picture,
.slide-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    display: block;
}

#footer {
    background: linear-gradient(to bottom, #ED9F56 0%, #000000 100%);
    color: #ffffff;
    padding: 40px 20px;
    font-family: 'Cairo', sans-serif;
}

/* نصوص وروابط الفوتر */
#footer a,
.footer-widgets a,
.footer-widgets span {
    color: #ffffff !important;
    text-decoration: none;
    transition: color 0.3s ease;
}

/* تأثير عند مرور الماوس */
#footer a:hover,
.footer-widgets a:hover {
    color: #ED9F56 !important;
}

/* العناوين داخل الفوتر */
.footer-widgets .widget-title {
    color: #ffffff !important;
    font-weight: bold;
}

/* تحسين ظهور الرقم الضريبي داخل الفوتر */
.site-info__item {
    background-color: rgba(255, 255, 255, 0.05);
    padding: 15px 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    transition: background-color 0.3s ease;
}

/* تأثير عند المرور بالفأرة */
.site-info__item:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* عنوان الرقم الضريبي */
.site-info__title {
    color: #ffffff !important;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

/* نص الرقم الضريبي نفسه */
.site-info__desc {
    color: #ED9F56 !important;
    font-size: 16px;
    font-weight: 600;
}

/* إخفاء الأسهم في السلايدر */
.section-content.section-content__slider .section-slides-wrapper .arrows-wrapper {
    display: none;
}


.phone-input-with-prefix {
    direction: ltr;
    padding-left: 60px;
    position: relative;
}

.phone-input-with-prefix::before {
    content: "+966";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #555;
    pointer-events: none;
}



/* ========================================================
   هذا الكود لتعديل عرض الصور الثابتة المحاذية لليمين أو اليسار 
   في المقالات داخل المدونة عند عرضها على شاشات الجوال (أقل من 768px)
   بحيث تصبح بعرض الشاشة وتكون في المنتصف بشكل منسق
======================================================== */

@media (max-width: 767px) {
  .image.image_resized {
    width: 100% !important;
    float: none !important;
    margin: 10px auto !important;
    display: block;
    text-align: center;
  }

  .image.image_resized img {
    width: 100% !important;
    height: auto !important;
    max-width: 100%;
  }
}