.elementor-5958 .elementor-element.elementor-element-74bd5c1{--display:flex;}.elementor-5958 .elementor-element.elementor-element-f3b5d8c{--display:flex;}/* Start custom CSS for heading, class: .elementor-element-2abd66d *//* 1) حاوية شكر متناسقة ومتمركزة */
.thanks-inner {
  max-width: 720px;
  margin: 0 auto;
  padding: 16px 20px;
  text-align: center;
}

/* 2) العنوان والنص */
.thanks-title {
  color: #0A1324;
  font-weight: 900;
  font-size: clamp(24px, 6vw, 40px);
  line-height: 1.25;
  margin: 0 0 10px;
}
.thanks-text {
  color: #0A1324;
  font-weight: 700;
  font-size: clamp(16px, 4.5vw, 22px);
  line-height: 1.8;
  margin: 0 0 16px;
}

/* 3) زر واتساب */
.wa-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  max-width: 420px;
  background: #25D366;
  color: #fff;
  text-decoration: none;
  padding: 14px 22px;
  border-radius: 12px;
  font-weight: 800;
  font-size: 18px;
  box-shadow: 0 0 0 0 rgba(37,211,102,0.45);
  animation: wa-pulse 1.6s infinite;
}
.wa-btn svg { width: 16px; height: 16px; fill: #fff; }
@keyframes wa-pulse {
  0% { box-shadow: 0 0 0 0 rgba(37,211,102,.45) }
  70% { box-shadow: 0 0 0 16px rgba(37,211,102,0) }
  100% { box-shadow: 0 0 0 0 rgba(37,211,102,0) }
}

/* 4) إخفاء breadcrumb إن وُجد */
.breadcrumb, .rank-math-breadcrumb, .elementor-widget-breadcrumbs { display: none !important; }

/* 5) مسافة سفليّة لتفادي تراكب فقاعة الشات/الواتساب */
.thanks-section { padding-bottom: 120px; }

/* 6) لو عندك زر واتساب عائم من إضافة (أمثلة شائعة) وتبغى تخفيه في صفحة الشكر فقط:
   أضف class للصفحة (من Elementor: Body Classes = thank-you) ثم فعّل السطرين أدناه
*/
.thank-you .joinchat__button,
.thank-you .whatsapp_float { display: none !important; }/* End custom CSS */