.elementor-1351 .elementor-element.elementor-element-fda1105{--display:flex;--min-height:362px;--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;}.elementor-1351 .elementor-element.elementor-element-fda1105:not(.elementor-motion-effects-element-type-background), .elementor-1351 .elementor-element.elementor-element-fda1105 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DEC4EB;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1351 .elementor-element.elementor-element-85d8f9f{width:var( --container-widget-width, 12% );max-width:12%;--container-widget-width:12%;--container-widget-flex-grow:0;}.elementor-1351 .elementor-element.elementor-element-85d8f9f img{border-radius:12px 12px 12px 12px;}.elementor-1351 .elementor-element.elementor-element-6208c61{width:var( --container-widget-width, 12% );max-width:12%;--container-widget-width:12%;--container-widget-flex-grow:0;}.elementor-1351 .elementor-element.elementor-element-6208c61 img{border-radius:12px 12px 12px 12px;}.elementor-1351 .elementor-element.elementor-element-82a8152{--display:flex;--min-height:55px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1351 .elementor-element.elementor-element-82a8152.e-con{--e-con-transform-translateX:0px;--e-con-transform-translateY:-155px;--align-self:flex-end;--flex-grow:0;--flex-shrink:1;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1351 .elementor-element.elementor-element-abb728a{width:var( --container-widget-width, 29% );max-width:29%;--container-widget-width:29%;--container-widget-flex-grow:0;text-align:center;}.elementor-1351 .elementor-element.elementor-element-abb728a .elementor-heading-title{color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1351 .elementor-element.elementor-element-81551b0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1351 .elementor-element.elementor-element-81c73b3 .elementor-button{background-color:#61CEA2;border-radius:11px 11px 11px 11px;}.elementor-1351 .elementor-element.elementor-element-e431b7d .elementor-button{background-color:#61CEA2;border-radius:11px 11px 11px 11px;}.elementor-1351 .elementor-element.elementor-element-e431b7d .elementor-button:hover, .elementor-1351 .elementor-element.elementor-element-e431b7d .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-1351 .elementor-element.elementor-element-e431b7d .elementor-button:hover svg, .elementor-1351 .elementor-element.elementor-element-e431b7d .elementor-button:focus svg{fill:#000000;}.elementor-1351 .elementor-element.elementor-element-746cc7b{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:250px 250px;--row-gap:250px;--column-gap:250px;}.elementor-1351 .elementor-element.elementor-element-5239f80{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1351 .elementor-element.elementor-element-82a8152{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-fe7513f *//* ===== Social Badge ===== */
.social-badge {
  display: inline-block;
  padding: 22px;
  background: transparent;
  cursor: pointer;
  outline: none;
}

.social-badge .badge-inner {
  position: relative;
  width: 160px;      /* حجم البطاقة — غيّره إذا أردت أصغر/أكبر */
  height: 160px;
  margin: 0 auto;
  transform-style: preserve-3d;
  transition: transform 300ms cubic-bezier(.2,.9,.3,1), box-shadow 300ms;
}

/* الدائرة التي تحتوي الصورة */
.circle-img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  transition: transform 350ms cubic-bezier(.2,.9,.3,1), box-shadow 350ms;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  background: #fff;
}

/* الصورة داخل الدائرة */
.circle-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform-origin: center;
}

/* المربع الخلفي الذي يظهر عند الانتر (مربّع مائل قليلاً) */
.bg-square {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 140px;
  height: 140px;
  transform: translate(-50%, -50%) rotate(0deg) scale(0.6);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(0,0,0,0.06), rgba(0,0,0,0.03));
  z-index: 1;
  filter: blur(0.2px);
  box-shadow: 0 18px 40px rgba(10,10,10,0.12);
  transition: transform 420ms cubic-bezier(.2,.9,.3,1), opacity 320ms;
  opacity: 0;
  will-change: transform, opacity;
}

/* أيقونات التواصل — مخفية مبدئياً أسفل الصورة */
.social-icons {
  position: absolute;
  left: 50%;
  bottom: -6px;
  transform: translate(-50%, 12px);
  display: flex;
  gap: 10px;
  z-index: 4;
  opacity: 0;
  pointer-events: none;
  transition: transform 320ms cubic-bezier(.2,.9,.3,1), opacity 320ms;
}

/* شكل كل أيقونة */
.social-icons .si {
  display: inline-flex;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(255,255,255,0.98);
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(10,10,10,0.08);
  transform: translateY(8px);
  transition: transform 280ms, opacity 280ms, box-shadow 280ms;
}

/* لون أيقونة SVG داخل الرابط */
.social-icons .si svg {
  display:block;
  width:18px;
  height:18px;
  fill: rgba(20,20,20,0.85);
}

/* تأثير عند hover أو focus (لوحة المفاتيح) */
.social-badge:focus .badge-inner,
.social-badge:hover .badge-inner {
  transform: translateY(-14px) rotateX(2deg);
  box-shadow: 0 28px 60px rgba(10,10,10,0.14);
}

/* إظهار المربع وتوسيعه قليلاً */
.social-badge:focus .bg-square,
.social-badge:hover .bg-square {
  transform: translate(-50%, -50%) rotate(-6deg) scale(1);
  opacity: 1;
}

/* إظهار الأيقونات */
.social-badge:focus .social-icons,
.social-badge:hover .social-icons {
  transform: translate(-50%, 0);
  opacity: 1;
  pointer-events: auto;
}

/* رفع كل أيقونة بترتيب طفيف */
.social-badge:focus .social-icons .si,
.social-badge:hover .social-icons .si {
  transform: translateY(0);
}

/* تأثير عند المرور على أي أيقونة */
.social-icons .si:hover {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 10px 24px rgba(10,10,10,0.14);
}

/* استجابة - صغيرة */
@media (max-width: 480px) {
  .social-badge .badge-inner { width: 120px; height: 120px; padding: 6px; }
  .circle-img { width: 92px; height: 92px; }
  .bg-square { width: 110px; height: 110px; }
  .social-icons .si { width: 34px; height: 34px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1842596 *//* ===== Social Badge ===== */
.social-badge {
  display: inline-block;
  padding: 22px;
  background: transparent;
  cursor: pointer;
  outline: none;
}

.social-badge .badge-inner {
  position: relative;
  width: 160px;      /* حجم البطاقة — غيّره إذا أردت أصغر/أكبر */
  height: 160px;
  margin: 0 auto;
  transform-style: preserve-3d;
  transition: transform 300ms cubic-bezier(.2,.9,.3,1), box-shadow 300ms;
}

/* الدائرة التي تحتوي الصورة */
.circle-img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  transition: transform 350ms cubic-bezier(.2,.9,.3,1), box-shadow 350ms;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  background: #fff;
}

/* الصورة داخل الدائرة */
.circle-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform-origin: center;
}

/* المربع الخلفي الذي يظهر عند الانتر (مربّع مائل قليلاً) */
.bg-square {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 140px;
  height: 140px;
  transform: translate(-50%, -50%) rotate(0deg) scale(0.6);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(0,0,0,0.06), rgba(0,0,0,0.03));
  z-index: 1;
  filter: blur(0.2px);
  box-shadow: 0 18px 40px rgba(10,10,10,0.12);
  transition: transform 420ms cubic-bezier(.2,.9,.3,1), opacity 320ms;
  opacity: 0;
  will-change: transform, opacity;
}

/* أيقونات التواصل — مخفية مبدئياً أسفل الصورة */
.social-icons {
  position: absolute;
  left: 50%;
  bottom: -6px;
  transform: translate(-50%, 12px);
  display: flex;
  gap: 10px;
  z-index: 4;
  opacity: 0;
  pointer-events: none;
  transition: transform 320ms cubic-bezier(.2,.9,.3,1), opacity 320ms;
}

/* شكل كل أيقونة */
.social-icons .si {
  display: inline-flex;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(255,255,255,0.98);
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(10,10,10,0.08);
  transform: translateY(8px);
  transition: transform 280ms, opacity 280ms, box-shadow 280ms;
}

/* لون أيقونة SVG داخل الرابط */
.social-icons .si svg {
  display:block;
  width:18px;
  height:18px;
  fill: rgba(20,20,20,0.85);
}

/* تأثير عند hover أو focus (لوحة المفاتيح) */
.social-badge:focus .badge-inner,
.social-badge:hover .badge-inner {
  transform: translateY(-14px) rotateX(2deg);
  box-shadow: 0 28px 60px rgba(10,10,10,0.14);
}

/* إظهار المربع وتوسيعه قليلاً */
.social-badge:focus .bg-square,
.social-badge:hover .bg-square {
  transform: translate(-50%, -50%) rotate(-6deg) scale(1);
  opacity: 1;
}

/* إظهار الأيقونات */
.social-badge:focus .social-icons,
.social-badge:hover .social-icons {
  transform: translate(-50%, 0);
  opacity: 1;
  pointer-events: auto;
}

/* رفع كل أيقونة بترتيب طفيف */
.social-badge:focus .social-icons .si,
.social-badge:hover .social-icons .si {
  transform: translateY(0);
}

/* تأثير عند المرور على أي أيقونة */
.social-icons .si:hover {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 10px 24px rgba(10,10,10,0.14);
}

/* استجابة - صغيرة */
@media (max-width: 480px) {
  .social-badge .badge-inner { width: 120px; height: 120px; padding: 6px; }
  .circle-img { width: 92px; height: 92px; }
  .bg-square { width: 110px; height: 110px; }
  .social-icons .si { width: 34px; height: 34px; }
}/* End custom CSS */