.elementor-101 .elementor-element.elementor-element-51b274a{--display:flex;}.elementor-101 .elementor-element.elementor-element-7983dc8{--display:flex;}body.elementor-page-101:not(.elementor-motion-effects-element-type-background), body.elementor-page-101 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#060D18;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-101 .elementor-element.elementor-element-51b274a{--content-width:1600px;}.elementor-101 .elementor-element.elementor-element-7983dc8{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-44bf2c4 *//* ======================================================
   إزالة الهوفر واللون الأحمر من أيقونات السوشيال ميديا
====================================================== */

/* إزالة أي hover من أيقونات السوشيال ميديا */
.social-icon:hover,
.social-icon:hover svg,
.social-icon:hover i,
.social-icon * {
  color: inherit !important;
  fill: inherit !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

/* إلغاء تأثيرات hover */
.social-icon:hover,
.social-icon:hover svg,
.social-icon:hover i,
.social-icon:hover * {
  color: inherit !important;
  fill: inherit !important;
  background-color: transparent !important;
  border-color: transparent !important;
  transform: none !important;
  box-shadow: none !important;
  transition: none !important;
}

/* إزالة اللون الأحمر تحديداً */
.social-icon .text-red-500,
.social-icon .text-red-600,
.social-icon [class*="red"] {
  color: inherit !important;
}

/* إزالة hover من Quick Actions */
.qa-item:hover {
  background-color: transparent !important;
}

.qa-item:hover .qa-icon svg,
.qa-item:hover .qa-icon i {
  color: inherit !important;
  fill: inherit !important;
}/* End custom CSS */