/* Add custom CSS styles below */ 
/* ✅ العمود الأول (اللوجو والوصف) */
.footer-middle > div:nth-child(1) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* ✅ العمود الثاني (روابط تهمك) */
.footer-middle > div:nth-child(2) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
.footer-middle > div:nth-child(2) .menu-list,
.footer-middle > div:nth-child(2) .footer-list {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* ✅ العمود الثالث (خدمة العملاء) */
.footer-middle > div:nth-child(3) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* ✅ الأزرار (واتساب - جوال - إيميل) */
.footer-middle > div:nth-child(3) .contact-links {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  width: 100% !important;
  margin-bottom: 1.5rem !important;
}
.footer-middle > div:nth-child(3) .contact-links > a {
  width: calc(33.333% - 1rem) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

/* ✅ السوشيال ميديا */
.footer-middle > div:nth-child(3) .social-links.flex-col {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  gap: 0.5rem !important;
}
.footer-middle > div:nth-child(3) .social-links.flex-col .social-links {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  width: 100% !important;
}
.footer-middle > div:nth-child(3) .social-icon {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

/* ✅انيميشن الخلفية */

body::before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: linear-gradient(270deg,
    #ffffff,
    #d7f4d5,
    #e9f5f9,
    #caefc7,
    #ffffff,
    #e9f5f9);
  background-size: 600% 600%;
  animation: bgMotion 15s ease-in-out infinite;
  opacity: 0.9;
}

@keyframes bgMotion {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}