.elementor-23631 .elementor-element.elementor-element-fe65dd0{--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;}.elementor-23631 .elementor-element.elementor-element-745d629{--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;}/* Start custom CSS for html, class: .elementor-element-d77d175 *//* CINPAA Glass UI – Global (RTL + Tajawal + iOS26 Glass) */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');

:root{
  --cinpaa-blue:#0A3D62;
  --cinpaa-navy:#1e3a8a;
  --cinpaa-gold1:#FBBF24;
  --cinpaa-gold2:#F59E0B;

  --glass-bg: rgba(255,255,255,.12);
  --glass-brd: rgba(255,255,255,.25);
  --glass-blur: blur(16px) saturate(150%);
  --shadow: 0 6px 20px rgba(0,0,0,.25);

  --txt: #ffffff;
  --txt-soft: rgba(255,255,255,.86);
  --muted: rgba(255,255,255,.70);
  --danger: rgba(255,255,255,.92);

  --r-xl: 18px;
  --r-lg: 16px;
  --r-md: 14px;

  --gap: 14px;
}

html, body{
  direction: rtl;
  font-family: "Tajawal", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

.cinpaa-glass{
  background: var(--glass-bg);
  border: 1px solid var(--glass-brd);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  border-radius: var(--r-xl);
  box-shadow: var(--shadow);
}

.cinpaa-gold{
  background: linear-gradient(135deg, var(--cinpaa-gold1), var(--cinpaa-gold2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.cinpaa-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.30);
  background: rgba(255,255,255,.10);
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
  user-select: none;
  overflow-wrap: anywhere;
}
.cinpaa-btn:hover{ transform: translateY(-1px); background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.40); }
.cinpaa-btn:active{ transform: translateY(0px); }
.cinpaa-btn[disabled]{ opacity:.55; cursor:not-allowed; transform:none; }

.cinpaa-btn--gold{
  background: linear-gradient(135deg, rgba(251,191,36,.95), rgba(245,158,11,.95));
  border-color: rgba(255,255,255,.35);
  color: #0b1220;
}
.cinpaa-btn--ghost{
  background: rgba(255,255,255,.06);
}

.cinpaa-field{
  display:block;
  width:100%;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.25);
  background: rgba(255,255,255,.08);
  color: #fff;
  outline: none;
  overflow-wrap:anywhere;
}
.cinpaa-field::placeholder{ color: rgba(255,255,255,.65); }
.cinpaa-field:focus{ border-color: rgba(251,191,36,.85); box-shadow: 0 0 0 3px rgba(251,191,36,.18); }

.cinpaa-label{ color: rgba(255,255,255,.88); font-weight: 700; }
.cinpaa-help{ color: rgba(255,255,255,.70); font-size: .92rem; }

.cinpaa-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.20);
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.90);
  overflow-wrap:anywhere;
}

.cinpaa-divider{
  height: 1px;
  background: rgba(255,255,255,.18);
  border: 0;
  margin: 12px 0;
}

.cinpaa-small{ font-size:.92rem; color: rgba(255,255,255,.78); }

@media (max-width: 992px){
  :root{ --gap: 12px; }
}
@media (max-width: 600px){
  :root{ --gap: 10px; }
}/* End custom CSS */