.elementor-854 .elementor-element.elementor-element-04af8c9{--display:flex;--min-height:500px;--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;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-854 .elementor-element.elementor-element-04af8c9:not(.elementor-motion-effects-element-type-background), .elementor-854 .elementor-element.elementor-element-04af8c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://giantgroup.me/wp-content/uploads/2025/09/header-photo.png");}.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 );}body:not(.rtl) .elementor-854 .elementor-element.elementor-element-8c55506{left:50px;}body.rtl .elementor-854 .elementor-element.elementor-element-8c55506{right:50px;}.elementor-854 .elementor-element.elementor-element-8c55506{bottom:50px;}.elementor-854 .elementor-element.elementor-element-8c55506 .elementor-heading-title{font-family:"Almarai", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-854 .elementor-element.elementor-element-d255243{--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;}.elementor-854 .elementor-element.elementor-element-0d54020{--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;}.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-854 .elementor-element.elementor-element-6f20936{background-color:#FFFFFF;padding:25px 25px 25px 25px;border-radius:20px 20px 20px 20px;}.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-854 .elementor-element.elementor-element-b961455{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-854 .elementor-element.elementor-element-3609cc1{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for image, class: .elementor-element-b961455 *//* نثبت حاوية الخريطة */
.elementor-element-be46fb4{
  position:relative;
}

/* الخريطة الكبيرة */
.elementor-element-be46fb4 img{
  transition: filter .3s ease;
}

/* حالة البلور */
/* Blur فقط للخريطة الكبيرة */
.elementor-element-be46fb4.is-blurred img:not(.ca2-map-overlay){
  filter: blur(6px) brightness(0.85);
}


/* صورة الدولة Overlay */
.ca2-map-overlay{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  max-width:60%;
  max-height:70%;
  z-index:2;
  display:none;
  pointer-events:none;
  animation: ca2Fade .25s ease;
}

@keyframes ca2Fade{
  from{
    opacity:0;
    transform:translate(-50%, -50%) scale(.96);
  }
  to{
    opacity:1;
    transform:translate(-50%, -50%) scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6ddee81 *//* Wrapper */
.ca2{
  --ca2-bg:#eef0f6;
  --ca2-card:#ffffff;
  --ca2-red:#c4161c;
  --ca2-text:#1f2a37;
  --ca2-muted:#6b7280;
  --ca2-border:#e7eaf0;
  --ca2-radius:18px;

  width:100%;
  font-family: inherit;
}

/* ===== TOP WRAPPER ===== */
.ca2__top{
  display:flex;
  justify-content:flex-start; /* 👈 يسار */
  margin-bottom:22px;
}

/* ===== SELECT BOX ===== */
.ca2__select{
  width:100%;
  max-width:420px;
  background:#fff;
  border-radius:999px;
  padding:16px 22px;
  box-shadow:0 10px 25px rgba(0,0,0,.05);
  border:1px solid var(--ca2-border);

  /* 👇 التغيير الأهم */
  display:flex;
  flex-direction:column;   /* Country فوق */
  align-items:flex-start;
  gap:6px;
}

/* ===== LABEL (Country) ===== */
.ca2__label{
  font-size:12px;
  color:var(--ca2-muted);
  line-height:1;
}

/* ===== DROPDOWN ===== */
.ca2__dropdown{
  appearance:none;
  border:0;
  outline:0;
  width:100%;
  font-size:16px;
  font-weight:500;
  color:var(--ca2-text);
  background:transparent;
  cursor:pointer;
  padding-right:28px; /* مساحة للسهم */
}

/* ===== ARROW (CSS) ===== */
.ca2__select{
  position:relative;
}

.ca2__select::after{
  content:"";
  position:absolute;
  right:22px;
  bottom:18px;
  width:14px;
  height:14px;
  background-image:url("/wp-content/uploads/2026/01/Dropdown-Arrow.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size:14px;
  pointer-events:none;
}

/* Map placeholder (you'll replace later) */
.ca2__map-placeholder{
  display:none; /* we hide it for now since you only asked for right side; keep if you want */
}

/* Grid */
.ca2__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:22px;
}

.ca2__grid.ca2__grid--one{
  grid-template-columns:1fr;
}

/* ===== CARD ===== */
.ca2__card{
  background:#fff;
  border-radius:22px;
  padding:28px 26px;
  box-shadow:0 18px 40px rgba(17,24,39,.08);
  border:1px solid #eef0f4;
}

/* ===== HEAD ===== */
.ca2__title{
  font-size:20px;
  font-weight:700;
  color:#c4161c;
  margin-bottom:6px;
}

.ca2__subtitle{
  font-size:14px;
  color:#8b8f9c;
  margin-bottom:18px;
}

/* ===== LIST ===== */
.ca2__list{
  display:flex;
  flex-direction:column;
  gap:16px;
}

/* ===== ROW ===== */
.ca2__row{
  display:flex;
  align-items:center;
  gap:14px;
}

/* ===== ICON BASE ===== */
.ca2__icon{
  width:44px;
  height:44px;
  border-radius:50%;
  background-repeat:no-repeat;
  background-position:center;
  background-size:20px;
  flex:0 0 44px;
}

/* ===== PHONE ===== */
.ca2__row--phone .ca2__icon{
  background-image:url("https://giantgroup.me/wp-content/uploads/2026/01/phone.png");
}

/* ===== WHATSAPP ===== */
.ca2__row--whatsapp .ca2__icon{
  background-image:url("https://giantgroup.me/wp-content/uploads/2026/01/whatsapp.png");
}

/* ===== EMAIL ===== */
.ca2__row--email .ca2__icon{
  background-image:url("https://giantgroup.me/wp-content/uploads/2026/01/mail.png");
}

/* ===== WEBSITE ===== */
.ca2__row--website .ca2__icon{
  background-image:url("https://giantgroup.me/wp-content/uploads/2026/01/website.png");
}

/* إزالة أيقونات قديمة */
.ca2__icon::before{
  content:none !important;
}


/* ===== TEXT ===== */
.ca2__row-content{
  display:flex;
  align-items:center;
  width:100%;
  gap:10px;
}

.ca2__row-label{
  width:90px;
  font-size:14px;
  color:#6b7280;
}

.ca2__row-link{
  font-size:15px;
  color:#111827;
  text-decoration:none;
}

.ca2__row-link:hover{
  text-decoration:underline;
}

/* ===== EXTERNAL BUTTON ===== */
.ca2__ext{
  margin-left:auto;
  width:36px;
  height:36px;
  border-radius:8px;
  background-image:url("/wp-content/uploads/2026/01/arrow.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size:16px;

  display:flex;
  align-items:center;
  justify-content:center;
}

/* إخفاء SVG القديم */
.ca2__ext svg{
  display:none !important;
}

/* Hover */
.ca2__ext:hover{
  background-color:#2563eb;
}


/* ===== GRID ===== */
.ca2__grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:26px;
}

.ca2__grid--one{
  grid-template-columns:1fr;
}

/* ===== SELECT ===== */
.ca2__select{
  background:#fff;
  border-radius:999px;
  padding:14px 20px;
  box-shadow:0 10px 25px rgba(0,0,0,.05);
  border:1px solid #eef0f4;
}

/* ===== MOBILE ===== */
@media(max-width:768px){
  .ca2__grid{
    grid-template-columns:1fr;
  }
}/* End custom CSS */