.elementor-458 .elementor-element.elementor-element-e8738ab{--display:flex;}.elementor-458 .elementor-element.elementor-element-ab59e8e{--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-popup-modal-458 .dialog-widget-content{background-color:#FFFFFF00;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-458{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-458 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-458 .dialog-close-button{display:flex;}@media(min-width:768px){.elementor-458 .elementor-element.elementor-element-e8738ab{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-9cc7bed */:root{
  --brand-1:#E82E34; 
  --brand-2:#B52429; 
  --brand-3:#821A1D;
  --ink:#112A38; 
  --panel:#f3f4f8; 
  --white:#fff; 
  --muted:#9aa4ad;
  --radius-xl:28px; 
}

.agent-modal{
  display:block; padding:20px;
}
.agent-card{
  max-width: 980px; margin:0 auto; background:var(--panel);
  border-radius: var(--radius-xl); box-shadow: 0 12px 30px rgba(0,0,0,.08);
  overflow:hidden; position:relative;
}
.agent-bar{
  height:64px; display:flex; align-items:center; justify-content:space-between;
  padding:0 20px;
  background: linear-gradient(90deg, var(--brand-3) 0%, var(--brand-2) 50%, var(--brand-1) 100%);
  color:#fff;
}
.agent-title{ font-weight:700; }



.agent-body{ padding:24px; }

.agent-grid{
  display:grid;
  gap: 46px; 
  grid-template-columns: 1fr; /* مسافة بين الحقول بالصف الواحد */
}
@media(min-width:860px){
  .agent-grid{ grid-template-columns: 1fr 1fr; gap:46px; }
}

/* ==== الحقول ==== */
.agent-field{ 
  margin-bottom: 46px; /* مسافة بين كل صف وصف */
}

.agent-inputWrap{
  position: relative;
  background: var(--white);
  border-radius: 100px;      /* لجميع الحقول العادية */
  padding: 24px 18px 16px;
  box-shadow: 0 1px 0 rgba(0,0,0,0.06) inset;
}
.agent-inputWrap.textarea{
  border-radius: 20px;       /* مخصص للـ Body */
}

.agent-label{
  position: absolute;
  top: 17px; left: 18px;
  margin: 0;
  font-size: 12px;
  color: var(--muted);
  pointer-events: none;
}

.agent-input{
  width:100%; border:0; outline:0;
  background:transparent; color:var(--ink);
  font-size:15px;
  border: 0px !important;
}
.agent-input::placeholder{ color:#8a98a3; }

.agent-textarea{
  min-height:140px;
  padding-top:6px;
  border-radius:20px;        /* يطابق نفس radius للحاوية */
  resize:vertical;
}

/* الخط السفلي لجميع الحقول */
.agent-inputWrap::after{
  content:""; 
  position:absolute; 
  left:18px; right:18px; bottom:-1px; 
  height:2px;
  background: var(--ink);
  opacity:.9; border-radius:2px;
}

/* إلغاء الخط السفلي من الإيميل و العنوان */
.agent-inputWrap input[name="email"] ~ *::after,
.agent-inputWrap input[name="subject"] ~ *::after{
  display: none;
}

/* أو بشكل أوضح */
.agent-inputWrap input[name="email"] ~ .fake,
.agent-inputWrap input[name="subject"] ~ .fake{
  box-shadow: none !important;
}
.agent-inputWrap input[name="email"],
.agent-inputWrap input[name="subject"]{
  border-bottom: none !important;
}
.agent-inputWrap input[name="email"]::after,
.agent-inputWrap input[name="subject"]::after{
  display: none !important;
}

/* select arrow */
.agent-inputWrap.select select{
  -webkit-appearance: none;
  appearance: none;
  padding-right: 28px;
}
.agent-inputWrap.select::before{
  content: "";
  position: absolute;
  right: 18px; top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid #8a98a3;
  border-bottom: 2px solid #8a98a3;
  transform: translateY(-20%) rotate(45deg);
}

/* ==== زر الإرسال ==== */
.agent-actions{
  display:flex; align-items:center; gap:14px; margin-top:18px;
}
.agent-submit{
  border:0; cursor:pointer; color:#fff; padding:12px 22px; border-radius:999px;
  font-weight:600;
  background: linear-gradient(90deg, var(--brand-3) 0%, var(--brand-2) 50%, var(--brand-1) 100%);
  box-shadow: 0 4px 14px rgba(232,46,52, .22);
  transition: transform .15s ease, box-shadow .2s ease, opacity .2s ease;
}
.agent-submit:hover{ transform:translateY(-1px); box-shadow:0 8px 20px rgba(232,46,52,.28); }
.agent-submit:active{ transform:translateY(0); }

.agent-msg{ font-size:14px; color:var(--ink); }


/* ====== وضع مدمج (أقصر) للحقول ====== */
.agent-inputWrap{
  padding: 12px 16px 10px;   /* كانت 24px 18px 16px */
}

.agent-label{
  top: 8px;                  /* كانت 17px؛ نزّلها لتناسب البادينج الجديد */
  font-size: 11px;           /* تصغير بسيط لفراغ أقل */
}

.agent-input{
  font-size: 14px;           /* كانت 15px */
  line-height: 1.2;          /* يقلل الارتفاع الداخلي */
  /* إن حبيت تحكم صريح: */
  /* height: 28px; */
}

/* select عادةً يتأثر بالـfont-size والـpadding */
.agent-inputWrap.select select{
  padding-right: 22px;       /* كانت 28px */
  font-size: 14px;
  line-height: 1.2;
  height: 35px;              /* إجبار ارتفاع موحّد */
}

/* textarea: قلّل أقل ارتفاع */
.agent-textarea{
  min-height: 100px;         /* كانت 140px */
  padding-top: 2px;          /* كانت 6px */
}

/* لو حسّيت زر السهم نازل، عدّل مركزه */
.agent-inputWrap.select::before{
  right: 14px;
  width: 8px; height: 8px;
  border-right-width: 2px; border-bottom-width: 2px;
  transform: translateY(-30%) rotate(45deg);
}

/* مسافات بين الصفوف (مش ارتفاع الحقل نفسه) */
.agent-field{ 
  margin-bottom: 30px;       /* كانت 46px؛ إن حبيت تقلل الفراغ بين الحقول */
}

/* شبكة العمودين – مسافة بين أعمدة نفس الصف */
@media(min-width:860px){
  .agent-grid{ gap: 30px; }  /* كانت 46px */
}


/* === 1) تصفير الزر والحالات + إزالة الخلفيات الوهمية === */
button.agent-close,
button.agent-close:hover,
button.agent-close:focus,
button.agent-close:active {
  all: revert;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  transition: none !important;
  filter: none !important;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}

button.agent-close::before,
button.agent-close::after,
button.agent-close:hover::before,
button.agent-close:hover::after,
button.agent-close:focus::before,
button.agent-close:focus::after,
button.agent-close:active::before,
button.agent-close:active::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

/* === 2) ستايلك النهائي (يجي بعد reset عشان يكون له أولوية) === */
.agent-close {
  border: 0;
  background: transparent;
  color: #fff !important;
  font-size: 22px;
  line-height: 1;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  cursor: pointer;
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}/* End custom CSS */
/* Start custom CSS *//* أخفي زر الإغلاق الافتراضي للبوب-أب 458 */
#elementor-popup-modal-458 .dialog-close-button{
  display:none !important;
}/* End custom CSS */