.elementor-2982 .elementor-element.elementor-element-468db7e{--display:flex;--min-height:7vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-2982 .elementor-element.elementor-element-468db7e:not(.elementor-motion-effects-element-type-background), .elementor-2982 .elementor-element.elementor-element-468db7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(188deg, var( --e-global-color-8230cc2 ) 36%, var( --e-global-color-8d85334 ) 100%);}.elementor-2982 .elementor-element.elementor-element-a1fd271{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:7px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-2982 .elementor-element.elementor-element-e519eef{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;overflow:visible;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2982 .elementor-element.elementor-element-fb97c49 .elementor-menu-toggle{margin:0 auto;}.elementor-2982 .elementor-element.elementor-element-fb97c49 .elementor-nav-menu .elementor-item{font-family:"Cairo", Sans-serif;font-size:22px;font-weight:600;word-spacing:0px;}.elementor-2982 .elementor-element.elementor-element-fb97c49 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-astglobalcolor4 );fill:var( --e-global-color-astglobalcolor4 );}.elementor-2982 .elementor-element.elementor-element-fb97c49 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2982 .elementor-element.elementor-element-fb97c49 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2982 .elementor-element.elementor-element-fb97c49 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2982 .elementor-element.elementor-element-fb97c49 .elementor-nav-menu--main .elementor-item:focus{color:#F3C30A;fill:#F3C30A;}.elementor-2982 .elementor-element.elementor-element-fb97c49 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#F3C30A;}.elementor-2982 .elementor-element.elementor-element-fb97c49{--e-nav-menu-horizontal-menu-item-margin:calc( 25px / 2 );}.elementor-2982 .elementor-element.elementor-element-fb97c49 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:25px;}.elementor-2982 .elementor-element.elementor-element-fb97c49 .elementor-nav-menu--dropdown a, .elementor-2982 .elementor-element.elementor-element-fb97c49 .elementor-menu-toggle{color:var( --e-global-color-8d85334 );fill:var( --e-global-color-8d85334 );}.elementor-2982 .elementor-element.elementor-element-fb97c49 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-a70023d );}.elementor-2982 .elementor-element.elementor-element-fb97c49 .elementor-nav-menu--dropdown a:hover,
					.elementor-2982 .elementor-element.elementor-element-fb97c49 .elementor-nav-menu--dropdown a:focus,
					.elementor-2982 .elementor-element.elementor-element-fb97c49 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-2982 .elementor-element.elementor-element-fb97c49 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-2982 .elementor-element.elementor-element-fb97c49 .elementor-menu-toggle:hover,
					.elementor-2982 .elementor-element.elementor-element-fb97c49 .elementor-menu-toggle:focus{color:var( --e-global-color-8230cc2 );}.elementor-2982 .elementor-element.elementor-element-fb97c49 .elementor-nav-menu--dropdown a:hover,
					.elementor-2982 .elementor-element.elementor-element-fb97c49 .elementor-nav-menu--dropdown a:focus,
					.elementor-2982 .elementor-element.elementor-element-fb97c49 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-2982 .elementor-element.elementor-element-fb97c49 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-e1d81d5 );}.elementor-2982 .elementor-element.elementor-element-fb97c49 .elementor-nav-menu--dropdown .elementor-item, .elementor-2982 .elementor-element.elementor-element-fb97c49 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Cairo", Sans-serif;font-size:15px;font-weight:700;}.elementor-2982 .elementor-element.elementor-element-2a6105c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-2982 .elementor-element.elementor-element-8ec3815{margin:27px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2982 .elementor-element.elementor-element-8ec3815.elementor-element{--align-self:center;}@media(max-width:767px){.elementor-2982 .elementor-element.elementor-element-6223137{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 51px;}.elementor-2982 .elementor-element.elementor-element-2a6105c{--margin-top:-22px;--margin-bottom:21px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2982 .elementor-element.elementor-element-8ec3815{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -0px) 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-2982 .elementor-element.elementor-element-a1fd271{--width:32%;}.elementor-2982 .elementor-element.elementor-element-e519eef{--width:50%;}.elementor-2982 .elementor-element.elementor-element-2a6105c{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-6223137 *//* =========================
   VISUALAT LOGO AUTO REVEAL LOOP
   ========================= */

.visualat-clean {
  display: inline-block;
  width: 100px;      /* 👈 عدل العرض لو حابب */
  margin-left: 100px;
  overflow: hidden;
  background: transparent;
}

/* صورة اللوجو */
.visualat-clean img {
  width: 100%;
  height: auto;
  display: block;

  /* البداية مخفية */
  clip-path: inset(0 100% 0 0);

  /* أنيميشن متكرر */
  animation: revealLogo 12s ease-in-out infinite;
}

/* حركة الفتح والقفل */
@keyframes revealLogo {
  0% {
    clip-path: inset(0 100% 0 0);
  }

  40% {
    clip-path: inset(0 0 0 0);
  }

  60% {
    clip-path: inset(0 0 0 0);
  }

  100% {
    clip-path: inset(0 100% 0 0);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ec3815 *//* ================= Social Icons Clean Final ================= */

.example-2 {
  list-style: none;
  margin: 0;
  padding: 0;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.example-2 li {
  list-style: none;
}

/* منع أي نقط من الثيم */
.example-2 li::before,
.example-2 li::after,
.example-2 li + li::before {
  content: none !important;
  display: none !important;
}

.icon-content {
  position: relative;
}

/* ================= Tooltip ================= */

.icon-content .tooltip {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  padding: 6px 10px;
  border-radius: 15px;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;

  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
}

.icon-content:hover .tooltip {
  opacity: 1;
  visibility: visible;
  top: -40px;
}

/* ================= Base Icon ================= */

.icon-content a {
  position: relative;
  overflow: hidden;

  width: 50px;
  height: 50px;
  border-radius: 20%;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #fff;
  text-decoration: none;

  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.18),
    rgba(255, 255, 255, 0.06)
  );

  backdrop-filter: blur(14px) saturate(180%);
  -webkit-backdrop-filter: blur(14px) saturate(180%);

  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.45),
    inset 0 -2px 6px rgba(0, 0, 0, 0.18),
    0 6px 16px rgba(0, 0, 0, 0.22);

  transition: transform 0.25s ease; /* حركة فقط */
}

/* Hover: نزول فقط بدون أي تغيير لون أو ظل */
.icon-content a:hover {
  transform: translateY(6px);
}

/* SVG */
.icon-content a svg {
  width: 26px;
  height: 26px;
  position: relative;
  z-index: 2;
}

/* ================= Shine Effect ================= */

.icon-content a::before {
  content: "";
  position: absolute;
  inset: -50%;
  z-index: 1;

  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 30%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 70%
  );

  transform: rotate(25deg) translateX(-100%);
  transition: transform 0.8s ease;
}

.icon-content a:hover::before {
  transform: rotate(25deg) translateX(100%);
}

/* ================= Filled Layer ================= */

.icon-content a .filled {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 20%;
}

/* ================= Gradient Animation ================= */

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

/* ================= Facebook ================= */

.icon-content[data-social="facebook"] .filled,
.icon-content[data-social="facebook"] .tooltip {
  background: linear-gradient(135deg, #0d2a63, #1877f2, #0a1e45);
  background-size: 400% 400%;
  animation: premiumGradient 6s ease infinite;
}

/* ================= Email (Yellow) ================= */

.icon-content[data-social="email"] .filled,
.icon-content[data-social="email"] .tooltip {
  background: linear-gradient(135deg, #ffcc00, #ffdd33, #ffaa00, #ffcc00);
  background-size: 400% 400%;
  animation: premiumGradient 6s ease infinite;
}

/* ================= Instagram ================= */

.icon-content[data-social="instagram"] .filled,
.icon-content[data-social="instagram"] .tooltip {
  background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045);
  background-size: 400% 400%;
  animation: premiumGradient 6s ease infinite;
}
/* إلغاء أي تأثير hover عام على أيقونات السوشيال */

.example-2 .icon-content a:hover,
.example-2 .icon-content a:focus,
.example-2 .icon-content a:active {
  color: inherit !important;
  background: inherit !important;
  opacity: 1 !important;
  filter: none !important;
  box-shadow: inherit !important;
}

/* نخلي الحركة نزول فقط */
.example-2 .icon-content a:hover {
  transform: translateY(6px) !important;
}
/* قفل أي hover عام من الثيم على أيقونات السوشيال */
header .example-2 .icon-content a,
header .example-2 .icon-content a:hover,
header .example-2 .icon-content a:focus,
header .example-2 .icon-content a:active,
header .example-2 .icon-content a:visited {
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  color: #fff !important;
  background: linear-gradient(
    135deg,
    rgba(255,255,255,0.18),
    rgba(255,255,255,0.06)
  ) !important;
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,0.45),
    inset 0 -2px 6px rgba(0,0,0,0.18),
    0 6px 16px rgba(0,0,0,0.22) !important;
}

/* الهوفر = نزول فقط */
header .example-2 .icon-content a:hover {
  transform: translateY(6px) !important;
}
/* ===== Fix: prevent theme hover (blue) on social icons ===== */
#page .elementor-element-2a6105c .example-2 .icon-content a,
#page .elementor-element-2a6105c .example-2 .icon-content a:hover,
#page .elementor-element-2a6105c .example-2 .icon-content a:focus,
#page .elementor-element-2a6105c .example-2 .icon-content a:active,
#page .elementor-element-2a6105c .example-2 .icon-content a:visited {
  color: #fff !important;                 /* يمنع الأزرق */
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
}

/* تأكيد لون الـ SVG نفسه */
#page .elementor-element-2a6105c .example-2 .icon-content a svg,
#page .elementor-element-2a6105c .example-2 .icon-content a svg path {
  fill: currentColor !important;
  color: #fff !important;
}

/* Hover = حركة نزول فقط */
#page .elementor-element-2a6105c .example-2 .icon-content a:hover {
  transform: translateY(6px) !important;
}/* End custom CSS */