.elementor-925 .elementor-element.elementor-element-80625d5{--display:flex;}.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 );}/* Start custom CSS for text-editor, class: .elementor-element-47e3fd7 *//* =========================
   DJ MOHND — Luxury Remix & Mix Page (RTL)
   Scoped to: .dm-remixpage
   ========================= */

.dm-remixpage{
  /* Luxury Palette */
  --navy:#070b14;
  --ink:#0b1220;
  --glass: rgba(255,255,255,.06);
  --glass2: rgba(255,255,255,.03);
  --stroke: rgba(255,255,255,.14);

  --goldA: rgba(255, 214, 102, .98);
  --goldB: rgba(255, 168, 66, .88);
  --goldC: rgba(247,195,77,.22);

  --vioA: rgba(124,58,237,.34);
  --vioB: rgba(167,139,250,.18);

  --text: rgba(255,255,255,.93);
  --muted: rgba(255,255,255,.72);
  --muted2: rgba(255,255,255,.58);

  --shadow: 0 28px 90px rgba(0,0,0,.50);
  --shadow2: 0 20px 60px rgba(0,0,0,.38);

  direction: rtl;
  color: var(--text);
  font-family: "Cairo", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  background:
    radial-gradient(1100px 520px at 85% -10%, var(--vioA), transparent 60%),
    radial-gradient(900px 520px at 15% 0%, var(--goldC), transparent 62%),
    radial-gradient(900px 560px at 50% 120%, rgba(34,197,94,.10), transparent 58%),
    linear-gradient(180deg, var(--ink), var(--navy));
  border-radius: 24px;
  padding: clamp(18px, 2.2vw, 30px);
  overflow: hidden;
  position: relative;
  box-shadow: 0 22px 120px rgba(0,0,0,.45);
}

.dm-remixpage:before{
  content:"";
  position:absolute; inset:-2px;
  background:
    radial-gradient(900px 260px at 50% 0%, rgba(255,255,255,.10), transparent 65%),
    linear-gradient(90deg, rgba(255,214,102,.10), transparent 30%, rgba(124,58,237,.12), transparent 70%, rgba(255,168,66,.10));
  pointer-events:none;
  opacity:.85;
}

.dm-remixpage *{ box-sizing:border-box; }
.dm-remixpage a{ color:inherit; text-decoration:none; }

.dm-remixpage .dm-wrap{
  max-width: 1120px;
  margin: 0 auto;
}

/* ===== HERO (Luxury gradient border) ===== */
.dm-remixpage .dm-hero{
  position: relative;
  overflow: hidden;
  border-radius: 24px;

  border: 1px solid transparent;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)) padding-box,
    linear-gradient(135deg, rgba(255,214,102,.55), rgba(255,255,255,.12), rgba(124,58,237,.45)) border-box;

  box-shadow: var(--shadow);
  padding: clamp(18px, 2.5vw, 32px);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.dm-remixpage .dm-hero:before{
  content:"";
  position:absolute; inset:-2px;
  background:
    radial-gradient(900px 360px at 20% 0%, rgba(255,214,102,.20), transparent 55%),
    radial-gradient(650px 320px at 90% 16%, rgba(255,255,255,.14), transparent 60%),
    radial-gradient(900px 460px at 80% 110%, rgba(124,58,237,.18), transparent 60%);
  pointer-events:none;
}

.dm-remixpage .dm-hero:after{
  content:"";
  position:absolute;
  top:-40%;
  left:-20%;
  width: 60%;
  height: 140%;
  transform: rotate(18deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
  opacity:.22;
  pointer-events:none;
  animation: dmLuxShine 7.5s ease-in-out infinite;
}

@keyframes dmLuxShine{
  0%,100%{ transform: translateX(-10%) rotate(18deg); opacity:.10; }
  50%{ transform: translateX(120%) rotate(18deg); opacity:.22; }
}

@media (prefers-reduced-motion: reduce){
  .dm-remixpage .dm-hero:after{ animation:none !important; }
  .dm-remixpage *{ transition:none !important; }
}

.dm-remixpage .dm-hero-inner{ position: relative; display:grid; gap: 16px; }

/* Badges */
.dm-remixpage .dm-badges{ display:flex; flex-wrap:wrap; gap: 10px; }

.dm-remixpage .dm-badge{
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,214,102,.22);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.78);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-size: 13px;
  box-shadow: 0 10px 30px rgba(0,0,0,.22);
}

.dm-remixpage h1{
  margin: 0;
  font-family: "Alexandria","Cairo",sans-serif;
  font-size: clamp(22px, 3.2vw, 42px);
  line-height: 1.18;
  letter-spacing: -.2px;
  text-shadow: 0 10px 40px rgba(0,0,0,.45);
}

.dm-remixpage .dm-sub{
  margin: 0;
  color: var(--muted);
  font-size: clamp(14px, 1.2vw, 16px);
  line-height: 1.85;
  max-width: 72ch;
}

/* Buttons (Luxury) */
.dm-remixpage .dm-cta-row{ display:flex; flex-wrap:wrap; gap: 12px; align-items:center; }

.dm-remixpage .dm-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 16px;

  border: 1px solid transparent;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)) padding-box,
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,214,102,.28), rgba(124,58,237,.22)) border-box;

  color: var(--text);
  font-weight: 800;
  box-shadow: var(--shadow2);
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
  cursor:pointer;
  user-select:none;
}

.dm-remixpage .dm-btn:hover{
  transform: translateY(-2px);
  filter: brightness(1.05);
  box-shadow: 0 26px 70px rgba(0,0,0,.45);
}

.dm-remixpage .dm-btn-primary{
  background:
    linear-gradient(135deg, rgba(255,214,102,.30), rgba(255,255,255,.06)) padding-box,
    linear-gradient(135deg, rgba(255,214,102,.70), rgba(255,255,255,.18), rgba(124,58,237,.55)) border-box;
}

.dm-remixpage .dm-btn-whatsapp{
  background:
    linear-gradient(135deg, rgba(34,197,94,.20), rgba(255,255,255,.05)) padding-box,
    linear-gradient(135deg, rgba(34,197,94,.40), rgba(255,214,102,.22), rgba(255,255,255,.12)) border-box;
}

/* ===== GRID ===== */
.dm-remixpage .dm-grid{
  margin-top: 18px;
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 14px;
}
@media (max-width: 900px){
  .dm-remixpage .dm-grid{ grid-template-columns: 1fr; }
}

/* Cards (Luxury border + soft shine) */
.dm-remixpage .dm-card{
  position: relative;
  overflow:hidden;
  border-radius: 20px;

  border: 1px solid transparent;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)) padding-box,
    linear-gradient(135deg, rgba(255,214,102,.38), rgba(255,255,255,.12), rgba(124,58,237,.30)) border-box;

  padding: 16px;
  box-shadow: var(--shadow);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.dm-remixpage .dm-card:before{
  content:"";
  position:absolute; inset:-2px;
  background:
    radial-gradient(650px 260px at 10% 0%, rgba(255,214,102,.12), transparent 62%),
    radial-gradient(650px 260px at 90% 12%, rgba(255,255,255,.10), transparent 62%),
    radial-gradient(800px 360px at 70% 120%, rgba(124,58,237,.14), transparent 62%);
  pointer-events:none;
}

.dm-remixpage .dm-card:after{
  content:"";
  position:absolute;
  right:-40px;
  top:-60px;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.12), transparent 70%);
  opacity: .55;
  pointer-events:none;
}

.dm-remixpage .dm-card > *{ position: relative; }

.dm-remixpage .dm-title{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.dm-remixpage h2{
  margin: 0;
  font-family: "Alexandria","Cairo",sans-serif;
  font-size: 18px;
  letter-spacing: -.1px;
}

.dm-remixpage .dm-small{
  margin: 0;
  color: var(--muted2);
  font-size: 13px;
  line-height: 1.7;
}

/* Features */
.dm-remixpage .dm-features{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}
@media (max-width: 520px){
  .dm-remixpage .dm-features{ grid-template-columns: 1fr; }
}

.dm-remixpage .dm-feature{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(10,14,24,.45);
  padding: 12px;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.dm-remixpage .dm-feature:hover{
  transform: translateY(-2px);
  border-color: rgba(255,214,102,.22);
  background: rgba(10,14,24,.52);
}

.dm-remixpage .dm-feature b{
  display:block;
  margin-bottom: 4px;
  font-size: 14px;
}
.dm-remixpage .dm-feature span{
  color: var(--muted2);
  font-size: 13px;
  line-height: 1.7;
}

/* ===== Player (Luxury) ===== */
.dm-remixpage .dm-player{ display:grid; gap: 12px; }

.dm-remixpage .dm-player-top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.dm-remixpage .dm-track{
  display:flex;
  align-items:center;
  gap: 10px;
}

.dm-remixpage .dm-dot{
  width: 10px; height: 10px;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.95), rgba(255,214,102,.25));
  box-shadow: 0 0 0 5px rgba(255,214,102,.14);
}

.dm-remixpage .dm-track b{ font-size: 14px; }
.dm-remixpage .dm-track span{
  display:block;
  font-size: 12px;
  color: var(--muted2);
  margin-top: 2px;
}

.dm-remixpage .dm-controls{
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap: wrap;
}

.dm-remixpage .dm-play{
  border-radius: 16px;
  padding: 10px 12px;
  font-weight: 900;
  cursor:pointer;
  border: 1px solid transparent;

  background:
    linear-gradient(135deg, rgba(255,214,102,.22), rgba(255,255,255,.05)) padding-box,
    linear-gradient(135deg, rgba(255,214,102,.55), rgba(255,255,255,.18), rgba(124,58,237,.40)) border-box;

  transition: transform .16s ease, filter .16s ease;
}

.dm-remixpage .dm-play:hover{ transform: translateY(-2px); filter: brightness(1.06); }

.dm-remixpage .dm-time{
  color: var(--muted2);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.dm-remixpage .dm-bar{
  width: 100%;
  height: 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  overflow:hidden;
  cursor:pointer;
}

.dm-remixpage .dm-fill{
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, rgba(255,214,102,.95), rgba(255,168,66,.90), rgba(124,58,237,.85));
  border-radius: 999px;
}

.dm-remixpage .dm-vol{ display:flex; align-items:center; gap: 8px; }
.dm-remixpage input[type="range"]{ accent-color: rgba(255,214,102,.95); }

.dm-remixpage .dm-footnote{
  color: var(--muted2);
  font-size: 12px;
  line-height: 1.8;
  margin-top: 6px;
}

/* ===== Form ===== */
.dm-remixpage .dm-order{ display:grid; gap: 10px; }

.dm-remixpage .dm-form{ display:grid; gap: 10px; margin-top: 6px; }

.dm-remixpage .dm-row{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
@media (max-width: 520px){
  .dm-remixpage .dm-row{ grid-template-columns: 1fr; }
}

.dm-remixpage label{
  font-size: 12px;
  color: var(--muted2);
  margin-bottom: -6px;
  display:block;
}

.dm-remixpage input,
.dm-remixpage textarea,
.dm-remixpage select{
  width: 100%;
  padding: 12px 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(10,14,24,.55);
  color: var(--text);
  outline:none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.dm-remixpage textarea{ min-height: 92px; resize: vertical; }

/* Links */
.dm-remixpage .dm-split{
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
  align-items:center;
}

.dm-remixpage .dm-link{
  display:inline-flex;
  gap: 8px;
  align-items:center;
  color: rgba(255,255,255,.88);
  border-bottom: 1px dashed rgba(255,214,102,.30);
  padding-bottom: 2px;
}
.dm-remixpage .dm-link:hover{
  color: #fff;
  border-bottom-color: rgba(255,214,102,.55);
}

/* Floating WhatsApp (Luxury) */
.dm-remixpage .dm-float{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;

  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 999px;

  border: 1px solid transparent;
  background:
    linear-gradient(135deg, rgba(34,197,94,.18), rgba(255,255,255,.05)) padding-box,
    linear-gradient(135deg, rgba(34,197,94,.40), rgba(255,214,102,.25), rgba(255,255,255,.12)) border-box;

  box-shadow: 0 22px 70px rgba(0,0,0,.48);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-weight: 900;
}

.dm-remixpage .dm-float small{
  font-weight: 700;
  color: rgba(255,255,255,.75);
}
@media (max-width: 520px){
  .dm-remixpage .dm-float small{ display:none; }
}/* End custom CSS */
/* Start custom CSS *//* ===============================
   Page-only (ID 925) - Clean wrap
   ✅ aligns page canvas
   ✅ removes theme gutters
   ✅ background for page
   ✅ DOES NOT style your sections/widgets
================================= */

/* ---- Background (page only) ---- */
body.elementor-page-925,
body.postid-925{
  background:
    radial-gradient(900px 420px at 18% 0%, rgba(167,139,250,.26), transparent 58%),
    radial-gradient(820px 420px at 92% 18%, rgba(34,211,238,.10), transparent 60%),
    linear-gradient(180deg, #070b14 0%, #070b14 60%, #05070d 100%);
  overflow-x: hidden;
}

/* Make the theme wrapper transparent */
body.elementor-page-925 .site,
body.postid-925 .site{
  background: transparent 
}

/* Remove theme margins/paddings around Elementor content (page only) */
body.elementor-page-925 .site-content,
body.postid-925 .site-content,
body.elementor-page-925 .content-area,
body.postid-925 .content-area,
body.elementor-page-925 .entry-content,
body.postid-925 .entry-content{
  max-width: none 
  margin: 0 !important;
  padding: 0 !important;
}

/* Page canvas padding (no clamp to avoid editor warnings) */
body.elementor-page-925 .elementor.elementor-925,
body.postid-925 .elementor.elementor-925{
  padding: 16px 16px 22px;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

/* Responsive padding */
@media (min-width: 768px){
  body.elementor-page-925 .elementor.elementor-925,
  body.postid-925 .elementor.elementor-925{
    padding: 22px 22px 28px;
  }
}
@media (min-width: 1200px){
  body.elementor-page-925 .elementor.elementor-925,
  body.postid-925 .elementor.elementor-925{
    padding: 26px 28px 34px;
  }
}/* End custom CSS */