#linked-news-ticker {
width: 100%;
overflow: hidden;
background-color: #800000; /* عنابي */
color: white;
font-size: 18px;
padding: 10px 0;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
text-align: center;
}

#linked-news-ticker span {
display: inline-block;
white-space: nowrap;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}

/* علشان الهيدر ينزل شوي تحت وما يغطيه */
header {
margin-top: 50px;
}

.services-icons-container .service-icon {
transition: all 0.3s ease;
}

.services-icons-container .service-icon:hover {
transform: scale(1.1);
background-color: #f8f0e3; /* لون بيج فاتح */
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
color: #800000; /* لون عنابي للأيقونة عند الهوفر */
}




<div class="custom-footer">
  <div class="footer-logo">
    <img src="رابط_شعارك" alt="شعار الموقع" style="width: 150px;">
  </div>

  <p class="desc">محتواي للخدمات الإلكترونية والتدريبية</p>

  <div class="footer-links">
    <a href="#">مدونة محتواي</a> |
    <a href="#">سياسة الخصوصية والاستخدام</a> |
    <a href="#">سياسة الاستبدال والاسترجاع</a>
  </div>

  <h4>خدمة العملاء</h4>
  <div class="social-icons">
    <a href="mailto:example@email.com">ايميل</a>
    <a href="https://t.me/yourtelegram">تليجرام</a>
    <a href="https://wa.me/966XXXXXXXXX">واتساب</a>
  </div>

  <div class="vat-info">
    <p>الرقم الضريبي: 311554047300003</p>
    <img src="رابط_شعار_الضريبة" alt="شعار الضريبة" style="height: 30px;">
  </div>

  <div class="payments">
    <p>موثق في منصة الأعمال</p>
    <img src="رابط_شعار_منصة_الأعمال" alt="منصة الأعمال" style="height: 40px;">
    <div class="payment-methods">
      <img src="رابط_ApplePay">
      <img src="رابط_STCPay">
      <img src="رابط_BankTransfer">
      <img src="رابط_PayPal">
      <img src="رابط_VISA">
      <img src="رابط_Mastercard">
      <img src="رابط_Mada">
      <img src="رابط_تمارا">
      <img src="رابط_تابي">
    </div>
  </div>

  <p class="copyright">© محتواي 2025 | الحقوق محفوظة</p>
</div>

<style>
.custom-footer {
  background-color: #007c8c;
  color: white;
  padding: 20px;
  text-align: center;
  font-family: 'Tajawal', sans-serif;
}

.footer-links a {
  color: white;
  margin: 0 5px;
  text-decoration: none;
  font-size: 14px;
}

.social-icons a {
  background: #006f7e;
  padding: 8px 15px;
  border-radius: 6px;
  margin: 5px;
  display: inline-block;
  color: white;
  text-decoration: none;
}

.payment-methods img {
  height: 30px;
  margin: 5px;
}

.desc, .vat-info, .payments {
  margin: 10px 0;
}
</style>