.elementor-1683 .elementor-element.elementor-element-ba7de83{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:16px;--padding-right:16px;}.elementor-1683 .elementor-element.elementor-element-ba7de83:not(.elementor-motion-effects-element-type-background), .elementor-1683 .elementor-element.elementor-element-ba7de83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#293A5C;}.elementor-1683 .elementor-element.elementor-element-bd9b730{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;text-align:center;}.elementor-1683 .elementor-element.elementor-element-bd9b730 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:60px;font-weight:600;color:#FFFFFF;}.elementor-1683 .elementor-element.elementor-element-c134358 .elementor-icon-list-icon i{color:#6EC1E4;transition:color 0.3s;}.elementor-1683 .elementor-element.elementor-element-c134358 .elementor-icon-list-icon svg{fill:#6EC1E4;transition:fill 0.3s;}.elementor-1683 .elementor-element.elementor-element-c134358{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1683 .elementor-element.elementor-element-c134358 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1683 .elementor-element.elementor-element-c134358 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;}.elementor-1683 .elementor-element.elementor-element-c134358 .elementor-icon-list-text{color:#C9C9C9;transition:color 0.3s;}.elementor-1683 .elementor-element.elementor-element-c134358 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#ABF1D7;}.elementor-1683 .elementor-element.elementor-element-d118cb5{--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;--padding-top:64px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-1683 .elementor-element.elementor-element-5db9a14{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1683 .elementor-element.elementor-element-e939b3c{--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:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1683 .elementor-element.elementor-element-4e407c2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:8px 8px 8px 8px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-1683 .elementor-element.elementor-element-168c4a8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:50% 50% 50% 50%;--margin-top:0px;--margin-bottom:24px;--margin-left:0px;--margin-right:0px;}.elementor-1683 .elementor-element.elementor-element-168c4a8:not(.elementor-motion-effects-element-type-background), .elementor-1683 .elementor-element.elementor-element-168c4a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#293A5C;}.elementor-1683 .elementor-element.elementor-element-905de09 .elementor-icon-wrapper{text-align:center;}.elementor-1683 .elementor-element.elementor-element-905de09.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-1683 .elementor-element.elementor-element-905de09.elementor-view-framed .elementor-icon, .elementor-1683 .elementor-element.elementor-element-905de09.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-1683 .elementor-element.elementor-element-905de09.elementor-view-framed .elementor-icon, .elementor-1683 .elementor-element.elementor-element-905de09.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-1683 .elementor-element.elementor-element-905de09 .elementor-icon{font-size:27px;}.elementor-1683 .elementor-element.elementor-element-905de09 .elementor-icon svg{height:27px;}.elementor-1683 .elementor-element.elementor-element-0add9b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;}.elementor-1683 .elementor-element.elementor-element-0add9b9 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;color:#111827;}.elementor-1683 .elementor-element.elementor-element-37eaa77{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#4B5563;}.elementor-1683 .elementor-element.elementor-element-37eaa77 p{margin-block-end:0px;}.elementor-1683 .elementor-element.elementor-element-663802a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:8px 8px 8px 8px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-1683 .elementor-element.elementor-element-f1277df{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:50% 50% 50% 50%;--margin-top:0px;--margin-bottom:24px;--margin-left:0px;--margin-right:0px;}.elementor-1683 .elementor-element.elementor-element-f1277df:not(.elementor-motion-effects-element-type-background), .elementor-1683 .elementor-element.elementor-element-f1277df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#293A5C;}.elementor-1683 .elementor-element.elementor-element-1ff5031 .elementor-icon-wrapper{text-align:center;}.elementor-1683 .elementor-element.elementor-element-1ff5031.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-1683 .elementor-element.elementor-element-1ff5031.elementor-view-framed .elementor-icon, .elementor-1683 .elementor-element.elementor-element-1ff5031.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-1683 .elementor-element.elementor-element-1ff5031.elementor-view-framed .elementor-icon, .elementor-1683 .elementor-element.elementor-element-1ff5031.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-1683 .elementor-element.elementor-element-1ff5031 .elementor-icon{font-size:27px;}.elementor-1683 .elementor-element.elementor-element-1ff5031 .elementor-icon svg{height:27px;}.elementor-1683 .elementor-element.elementor-element-4d7b8f4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;}.elementor-1683 .elementor-element.elementor-element-4d7b8f4 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;color:#111827;}.elementor-1683 .elementor-element.elementor-element-ed5a257{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#4B5563;}.elementor-1683 .elementor-element.elementor-element-ed5a257 p{margin-block-end:0px;}.elementor-1683 .elementor-element.elementor-element-6b8f35f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:8px 8px 8px 8px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-1683 .elementor-element.elementor-element-8af1abe{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:50% 50% 50% 50%;--margin-top:0px;--margin-bottom:24px;--margin-left:0px;--margin-right:0px;}.elementor-1683 .elementor-element.elementor-element-8af1abe:not(.elementor-motion-effects-element-type-background), .elementor-1683 .elementor-element.elementor-element-8af1abe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#293A5C;}.elementor-1683 .elementor-element.elementor-element-fd6d443 .elementor-icon-wrapper{text-align:center;}.elementor-1683 .elementor-element.elementor-element-fd6d443.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-1683 .elementor-element.elementor-element-fd6d443.elementor-view-framed .elementor-icon, .elementor-1683 .elementor-element.elementor-element-fd6d443.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-1683 .elementor-element.elementor-element-fd6d443.elementor-view-framed .elementor-icon, .elementor-1683 .elementor-element.elementor-element-fd6d443.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-1683 .elementor-element.elementor-element-fd6d443 .elementor-icon{font-size:27px;}.elementor-1683 .elementor-element.elementor-element-fd6d443 .elementor-icon svg{height:27px;}.elementor-1683 .elementor-element.elementor-element-afaec7b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;}.elementor-1683 .elementor-element.elementor-element-afaec7b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;color:#111827;}.elementor-1683 .elementor-element.elementor-element-976bfb8{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#4B5563;}.elementor-1683 .elementor-element.elementor-element-976bfb8 p{margin-block-end:0px;}.elementor-1683 .elementor-element.elementor-element-7324c53{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:8px 8px 8px 8px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-1683 .elementor-element.elementor-element-6fb5f47{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:50% 50% 50% 50%;--margin-top:0px;--margin-bottom:24px;--margin-left:0px;--margin-right:0px;}.elementor-1683 .elementor-element.elementor-element-6fb5f47:not(.elementor-motion-effects-element-type-background), .elementor-1683 .elementor-element.elementor-element-6fb5f47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#293A5C;}.elementor-1683 .elementor-element.elementor-element-c2a853b .elementor-icon-wrapper{text-align:center;}.elementor-1683 .elementor-element.elementor-element-c2a853b.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-1683 .elementor-element.elementor-element-c2a853b.elementor-view-framed .elementor-icon, .elementor-1683 .elementor-element.elementor-element-c2a853b.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-1683 .elementor-element.elementor-element-c2a853b.elementor-view-framed .elementor-icon, .elementor-1683 .elementor-element.elementor-element-c2a853b.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-1683 .elementor-element.elementor-element-c2a853b .elementor-icon{font-size:27px;}.elementor-1683 .elementor-element.elementor-element-c2a853b .elementor-icon svg{height:27px;}.elementor-1683 .elementor-element.elementor-element-7b1597a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;}.elementor-1683 .elementor-element.elementor-element-7b1597a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;color:#111827;}.elementor-1683 .elementor-element.elementor-element-9b74144{text-align:center;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#4B5563;}.elementor-1683 .elementor-element.elementor-element-9b74144 p{margin-block-end:0px;}.elementor-1683 .elementor-element.elementor-element-0216c62{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1683 .elementor-element.elementor-element-4f8d12d{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1683 .elementor-element.elementor-element-21c4810{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1683 .elementor-element.elementor-element-9eeaf89{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-1683 .elementor-element.elementor-element-9eeaf89 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:32px;font-weight:600;color:#111827;}.elementor-1683 .elementor-element.elementor-element-fbb2193{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;}.elementor-1683 .elementor-element.elementor-element-fbb2193 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#4B5563;}.elementor-1683 .elementor-element.elementor-element-34e4e46 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1683 .elementor-element.elementor-element-34e4e46 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-1683 .elementor-element.elementor-element-34e4e46 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-1683 .elementor-element.elementor-element-34e4e46 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1683 .elementor-element.elementor-element-34e4e46 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1683 .elementor-element.elementor-element-34e4e46 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1683 .elementor-element.elementor-element-34e4e46 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1683 .elementor-element.elementor-element-34e4e46 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1683 .elementor-element.elementor-element-34e4e46 .elementor-field-type-html{padding-bottom:0px;}.elementor-1683 .elementor-element.elementor-element-34e4e46 .elementor-field-group .elementor-field{color:#293A5C;}.elementor-1683 .elementor-element.elementor-element-34e4e46 .elementor-field-group .elementor-field, .elementor-1683 .elementor-element.elementor-element-34e4e46 .elementor-field-subgroup label{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-1683 .elementor-element.elementor-element-34e4e46 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-1683 .elementor-element.elementor-element-34e4e46 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-1683 .elementor-element.elementor-element-34e4e46 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-1683 .elementor-element.elementor-element-34e4e46 .elementor-button[type="submit"]{color:#ffffff;}.elementor-1683 .elementor-element.elementor-element-34e4e46 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1683 .elementor-element.elementor-element-34e4e46 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1683 .elementor-element.elementor-element-34e4e46 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1683 .elementor-element.elementor-element-34e4e46 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1683 .elementor-element.elementor-element-34e4e46 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1683 .elementor-element.elementor-element-34e4e46 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1683 .elementor-element.elementor-element-34e4e46{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1683 .elementor-element.elementor-element-1bff092{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1683 .elementor-element.elementor-element-e3c6aed iframe{height:600px;}.elementor-1683 .elementor-element.elementor-element-4e04c5e{--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;}:root{--page-title-display:none;}@media(min-width:481px){.elementor-1683 .elementor-element.elementor-element-e939b3c{--content-width:1400px;}.elementor-1683 .elementor-element.elementor-element-4e407c2{--width:25%;}.elementor-1683 .elementor-element.elementor-element-168c4a8{--width:80px;}.elementor-1683 .elementor-element.elementor-element-663802a{--width:25%;}.elementor-1683 .elementor-element.elementor-element-f1277df{--width:80px;}.elementor-1683 .elementor-element.elementor-element-6b8f35f{--width:25%;}.elementor-1683 .elementor-element.elementor-element-8af1abe{--width:80px;}.elementor-1683 .elementor-element.elementor-element-7324c53{--width:25%;}.elementor-1683 .elementor-element.elementor-element-6fb5f47{--width:80px;}}/* Start custom CSS for icon-list, class: .elementor-element-c134358 *//* الشكل العام */
.waad-bc .elementor-icon-list-items{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px; /* زي gap-2 */
}

/* الروابط (Home / About لو عليهم Link) */
.waad-bc .elementor-icon-list-item a{
  color: #F5F5F5!important; /* رمادي فاتح */
  transition: .2s;
  text-decoration: none;
}

.waad-bc .elementor-icon-list-item a:hover{
  color: #abf1d7; /* الهوفر */
}

/* العنصر الحالي (آخر عنصر بدون رابط) */
.waad-bc .elementor-icon-list-item:last-child .elementor-icon-list-text{
  color: #abf1d7;
}

/* السلاش قبل أي عنصر بعد الأول (مناسب لـ Home / About / Head Management ... الخ) */
.waad-bc .elementor-icon-list-item + .elementor-icon-list-item{
  position: relative;
  padding-left: 12px; /* مساحة للسلاش */
}

.waad-bc .elementor-icon-list-item + .elementor-icon-list-item::before{
  content: "/";
  position: absolute;
  left: 0;                 /* ثابت */
  top: 50%;
  transform: translateY(-50%);
  color: #abf1d7;           /* لون السلاش */
  opacity: 1;
}

/* تأكد مفيش أيقونات من الويدجت */
.waad-bc .elementor-icon-list-icon{
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba7de83 *//* حط الكلاس على نفس الـ Section/Container في Elementor: Advanced > CSS Classes */
.elementor-section.about-hero-pattern,
.e-con.about-hero-pattern{
  position: relative;
  overflow: hidden; /* مهم عشان الرسم ما يطلعش بره */
}

/* بدل before استخدم after */
.elementor-section.about-hero-pattern::after,
.e-con.about-hero-pattern::after{
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 10 L15 20 M10 15 L20 15' stroke='rgba(255,255,255,0.08)' stroke-width='1'/%3E%3C/svg%3E");
  background-size: 30px 30px;
  background-position: 0 0;
  opacity: 1;
  pointer-events: none;
  z-index: 0;
}

/* خلّي محتوى السيكشن فوق الباترن */
.elementor-section.about-hero-pattern > .elementor-container,
.e-con.about-hero-pattern > .e-con-inner{
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-168c4a8 */.elementor-1683 .elementor-element.elementor-element-168c4a8{
    width: 80px;
    height: 80px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e407c2 *//* ============ CONTACT ICON GRID (Elementor) ============ */
/* حط Class على الكونتينر الأب اللي شايل الأربع كروت: contact-icons-grid
   (أو استخدم الأب الحالي لو تعرفه) */
.contact-icons-grid{
  display: grid;
  grid-template-columns: 1fr;              /* grid-cols-1 */
  gap: 1.5rem;                              /* gap-6 */
  max-width: 72rem;                         /* max-w-6xl */
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4rem;                      /* mb-16 */
}

/* md:grid-cols-2 */
@media (min-width: 768px){
  .contact-icons-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* lg:grid-cols-4 */
@media (min-width: 1024px){
  .contact-icons-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* ============ CARD STYLE (كل كارت عليه contact-icon) ============ */
.contact-icon{
  background: #ffffff;                      /* bg-white */
  border: 1px solid #f3f4f6;                /* border-gray-100 */
  border-radius: 0.75rem;                   /* rounded-xl */
  padding: 2rem;                            /* p-8 */
  text-align: center;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
              0 4px 6px -4px rgb(0 0 0 / 0.1); /* shadow-lg */
  transition: transform 300ms ease, box-shadow 300ms ease;
  will-change: transform;
}

/* hover:shadow-2xl hover:-translate-y-2 */
.contact-icon:hover{
  transform: translateY(-0.5rem);
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); /* shadow-2xl */
}

/* ============ ICON CIRCLE (Elementor Icon Widget) ============ */
/* دائرة الأيقونة: elementor-icon */


/* hover:scale-110 */
.contact-icon:hover .elementor-widget-icon .elementor-icon{
  transform: scale(1.1);
}

/* أيقونة FontAwesome أو SVG داخل Elementor */
.contact-icon .elementor-widget-icon .elementor-icon i,
.contact-icon .elementor-widget-icon .elementor-icon svg{
  color: #ffffff;                           /* text-white */
  fill: #ffffff;
  font-size: 1.875rem;                      /* text-3xl */
  width: 1.875rem;
  height: 1.875rem;
}

/* ============ TITLES (Heading Widget) ============ */
.contact-icon .elementor-widget-heading .elementor-heading-title{
  font-size: 1.5rem;                        /* text-2xl */
  line-height: 2rem;
  font-weight: 700;                         /* font-bold */
  color: #111827;                           /* gray-900 */
  margin: 0 0 0.75rem;                      /* mb-3 */
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* ============ TEXT (Text Editor Widget) ============ */
.contact-icon .elementor-widget-text-editor,
.contact-icon .elementor-widget-text-editor p{
  margin: 0;
  font-size: 1rem;                          /* text-base */
  line-height: 1.5rem;
  color: #4b5563;                           /* gray-600 */
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* لو عندك نص التليفون فيه ايموجي + رقم وتحتاجه وسط */
.contact-icon .elementor-widget-text-editor p{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
}

/* ============ IMPORTANT FIX: منع الـ nested div اللي جوه Text Editor يبوّظ الكارد ============ */
.contact-icon .elementor-text-editor > div{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  transform: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1277df */.elementor-1683 .elementor-element.elementor-element-f1277df{
    width: 80px;
    height: 80px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8af1abe */.elementor-1683 .elementor-element.elementor-element-8af1abe{
    width: 80px;
    height: 80px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-976bfb8 */.elementor-1683 .elementor-element.elementor-element-976bfb8 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fb5f47 */.elementor-1683 .elementor-element.elementor-element-6fb5f47{
    width: 80px;
    height: 80px;
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-34e4e46 *//* ===========================
   WAAD Elementor Form (Tailwind look)
   Add class: waad-contact-form
=========================== */

.waad-contact-form .elementor-form-fields-wrapper{
  display:flex;
  flex-direction:column;
  gap: 2px; /* space-y-6 قريب */
}

/* Labels */
.waad-contact-form .elementor-field-label{
  display:block;
  margin-bottom: 8px;
  font-weight: 600;
  color:#374151; /* gray-700 */
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

/* Inputs / Select / Textarea */
.waad-contact-form .elementor-field-textual,
.waad-contact-form textarea.elementor-field-textual,
.waad-contact-form select.elementor-field-textual{
  width:100%;
  padding: 12px 16px; /* px-4 py-3 */
  border: 1px solid #D1D5DB; /* gray-300 */
  border-radius: 10px;       /* قريب من rounded-lg */
  background:#fff;
  color:#111827;             /* gray-900 */
  font-size: 16px;
  line-height: 1.35;
  box-shadow:none;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

  direction:ltr;
  text-align:left;
}

/* Placeholder */
.waad-contact-form .elementor-field-textual::placeholder,
.waad-contact-form textarea::placeholder{
  color:#9CA3AF; /* gray-400 */
}

/* Focus style (border + ring) */
.waad-contact-form .elementor-field-textual:focus,
.waad-contact-form textarea.elementor-field-textual:focus,
.waad-contact-form select.elementor-field-textual:focus{
  outline:none;
  border-color: var(--waad-teal, #0F766E);
  box-shadow: 0 0 0 2px rgba(15,118,110,.25);
}

/* Textarea (match resize-none) */
.waad-contact-form textarea.elementor-field-textual{
  resize:none;
  min-height: 140px;
}

/* Select: hide Elementor caret + add custom caret */
.waad-contact-form .elementor-select-wrapper{
  position:relative;
}
.waad-contact-form .elementor-select-wrapper .select-caret-down-wrapper{
  display:none !important; /* نخفي سهم Elementor */
}
.waad-contact-form .elementor-select-wrapper:after{
  content:"";
  position:absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  opacity:.55;
  pointer-events:none;
  background-repeat:no-repeat;
  background-size:14px 14px;
  /* caret down svg */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%239CA3AF'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 0 1 1.06.02L10 10.94l3.71-3.71a.75.75 0 1 1 1.06 1.06l-4.24 4.24a.75.75 0 0 1-1.06 0L5.21 8.29a.75.75 0 0 1 .02-1.08z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

/* Submit button: like Tailwind */
.waad-contact-form .elementor-field-type-submit{
  margin-top: 4px;
}
.waad-contact-form .elementor-button{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 12px 24px; /* px-6 py-3 */
  border-radius: 10px;
  background: var(--waad-teal, #0F766E);
  color:#fff;
  font-weight: 600;
  border:none;
  box-shadow:none;
  transition: opacity .2s ease, transform .2s ease;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}
.waad-contact-form .elementor-button:hover{
  opacity:.92;
}
.waad-contact-form .elementor-button:active{
  transform: translateY(1px);
}

/* Add paper-plane icon (requires Font Awesome to be loaded) */

/* ===========================
   Phone prefix styles (JS will wrap)
=========================== */
.waad-contact-form .waad-phone-wrap{
  display:flex;
  gap: 10px;
  align-items:center;
}
.waad-contact-form .waad-phone-prefix{
  background:#F3F4F6;           /* gray-100 */
  border:1px solid #D1D5DB;     /* gray-300 */
  border-radius:10px;
  padding: 12px 12px;
  font-size: 14px;
  font-weight: 600;
  color:#374151;               /* gray-700 */
  white-space:nowrap;
  display:flex;
  align-items:center;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}
.waad-contact-form .waad-phone-wrap input[type="tel"]{
  flex:1;
}
/* ===== PATCH: force Elementor overrides ===== */

/* اجبار كل الجروبات تاخد عرض كامل */
.waad-contact-form .elementor-field-group,
.waad-contact-form .elementor-field-group .elementor-field{
  width:100% !important;
}

/* phone row */
.waad-contact-form .waad-phone-wrap{
  width:100% !important;
  display:flex !important;
  gap:10px !important;
  align-items:center !important;
}

/* خلي input التليفون يتمدد */
.waad-contact-form .waad-phone-wrap input[type="tel"]{
  flex: 1 1 0% !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* اجبار شكل +966 زي Tailwind */
.waad-contact-form .waad-phone-prefix{
  background:#F3F4F6 !important;
  border:1px solid #D1D5DB !important;
  border-radius:10px !important;
  padding:12px 12px !important;
}

/* ===== زر الإرسال: مش full width + اللون teal ===== */
.waad-contact-form .e-form__buttons{
  justify-content:flex-start !important;
}

.waad-contact-form .elementor-button{
  width:auto !important;
  display:inline-flex !important;
  background: var(--waad-teal, #0F766E) !important;
  border:none !important;
}

/* لو Elementor حاطط أيقونة افتراضية */
.waad-contact-form .elementor-button .elementor-button-icon{
  display:none !important;
}
:root{ --waad-teal:#293a5c; }/* End custom CSS */