.elementor-33 .elementor-element.elementor-element-f651ad9{--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-33 .elementor-element.elementor-element-05b263f{width:var( --container-widget-width, 101.084% );max-width:101.084%;--container-widget-width:101.084%;--container-widget-flex-grow:0;}.elementor-33 .elementor-element.elementor-element-05b263f.elementor-element{--flex-grow:0;--flex-shrink:0;}/* Start custom CSS for html, class: .elementor-element-05b263f *//* =========================================================
   Verification Hub — Islamic Lite (HTML + CSS)
   (Design preserved 1:1)
   Added tiny CSS for:
   - Search clear button (same look)
   - Filter dropdown menu (demo)
   - Generic modal open class
   ========================================================= */

*{ box-sizing:border-box; }

/* Hide radios/checkboxes */
.ivh-radio{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

/* ===============================
   THEME TOKENS
   =============================== */
.ivh-islamic{
  --bg:#f6f7f4;
  --surface:#ffffff;
  --surface2:#fbfbf8;

  --text:#0f172a;
  --muted:#5b6776;
  --muted2:#7a8697;

  --line:rgba(15,23,42,.10);

  --green:#0f766e;
  --green2:#0b5e57;
  --gold:#c8a24a;
  --gold2:#b78c34;

  --soft:rgba(15,118,110,.08);

  --glass:rgba(255,255,255,.76);
  --glass2:rgba(255,255,255,.58);

  --radius:18px;
  --shadow:0 18px 60px rgba(2,6,23,.06);
  --shadow2:0 10px 26px rgba(2,6,23,.05);

  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans";
  color:var(--text);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Calligraphy-friendly class (uses system fallbacks) */
.ivh-kufi{
  font-family:
    "Amiri",
    "Scheherazade New",
    "Noto Naskh Arabic",
    "Noto Serif",
    ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
}

/* ===============================
   DARK THEME (TRUE DARK / BLACK)
   =============================== */
#ivh-theme:checked ~ .ivh-shell{
  --bg:#05070c;
  --surface:#0b0f1a;
  --surface2:#0f1626;

  --text:rgba(235,242,255,.92);
  --muted:rgba(210,220,240,.74);
  --muted2:rgba(210,220,240,.60);

  --line:rgba(255,255,255,.10);

  --soft:rgba(200,162,74,.10);

  --glass:rgba(10,14,24,.78);
  --glass2:rgba(10,14,24,.58);

  --shadow:0 22px 80px rgba(0,0,0,.55);
  --shadow2:0 14px 30px rgba(0,0,0,.45);
}

/* ===============================
   POPUP MODALS (CSS-only)
   =============================== */
.ivh-modal{
  position:fixed;
  inset:0;
  display:none;
  place-items:center;
  padding:18px;
  background:rgba(0,0,0,.60);
  z-index:9999;
}

/* Disclaimer open */
#ivh-disclaimer:checked ~ .ivh-shell .ivh-modal-disclaimer{ display:grid; }

/* Submit popups open */
#ivh-claim-sent:checked ~ .ivh-shell .ivh-modal-claim{ display:grid; }
#ivh-q-sent:checked     ~ .ivh-shell .ivh-modal-q{ display:grid; }
#ivh-fb-sent:checked    ~ .ivh-shell .ivh-modal-fb{ display:grid; }

/* Generic (JS) */
.ivh-modal.is-open{ display:grid; }

.ivh-modal__card{
  width:min(560px, 92vw);
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:20px;
  padding:18px 18px 16px;
  box-shadow:0 24px 70px rgba(0,0,0,.35);
  position:relative;
  overflow:hidden;
}

/* extra Islamic geometric overlay */
.ivh-modal__card::before{
  content:"";
  position:absolute;
  inset:-60px -40px auto -40px;
  height:180px;
  background:
    conic-gradient(from 45deg, rgba(200,162,74,.18), transparent 20%, rgba(15,118,110,.14), transparent 55%, rgba(200,162,74,.12));
  filter: blur(2px);
  opacity:.55;
  pointer-events:none;
}

.ivh-modal__badge{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(200,162,74,.28);
  background:rgba(200,162,74,.10);
  color:var(--gold2);
  font-size:12.5px;
  font-weight:550;
  position:relative;
  z-index:1;
}

.ivh-modal__title{
  margin:10px 0 6px;
  font-size:22px;
  font-weight:650;
  letter-spacing:-0.02em;
  position:relative;
  z-index:1;
}

.ivh-modal__text{
  margin:0 0 10px;
  color:var(--muted);
  line-height:1.7;
  font-size:14.5px;
  font-weight:400;
  position:relative;
  z-index:1;
}

.ivh-modal__list{
  margin:0 0 14px;
  padding-left:18px;
  color:var(--muted);
  line-height:1.7;
  font-size:14px;
  position:relative;
  z-index:1;
}

.ivh-modal__row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  position:relative;
  z-index:1;
}

.ivh-modal__fine{
  margin-top:10px;
  font-size:12.5px;
  color:var(--muted2);
  position:relative;
  z-index:1;
}

/* ===============================
   SHELL LAYOUT + ISLAMIC PATTERN
   =============================== */
html, body{ height:100%; overflow:hidden; }

.ivh-shell{
  height:100vh;
  overflow:hidden;

  border-radius:22px;
  border:1px solid var(--line);

  display:grid;
  grid-template-columns:320px 1fr;

  /* richer islamic geometric background */
  background:
    radial-gradient(circle at 15px 15px, rgba(200,162,74,.10) 2px, transparent 2.2px) 0 0/34px 34px,
    radial-gradient(circle at 32px 32px, rgba(15,118,110,.07) 2px, transparent 2.2px) 0 0/34px 34px,
    repeating-linear-gradient(45deg, rgba(200,162,74,.06) 0 1px, transparent 1px 18px),
    repeating-linear-gradient(-45deg, rgba(15,118,110,.05) 0 1px, transparent 1px 22px),
    var(--bg);
}

/* ===============================
   SIDEBAR
   =============================== */
.ivh-side{
  height:100%;
  overflow:auto;
  border-right:1px solid var(--line);
  background:linear-gradient(180deg, var(--glass), var(--glass2));
  padding-bottom:14px;
}

.ivh-side-top{
  padding:18px 16px 14px;
  border-bottom:1px solid var(--line);
  background:var(--glass);
  backdrop-filter: blur(10px);
}

.ivh-brand{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}

.ivh-brand-mark{
  width:44px;height:44px;
  border-radius:14px;
  background:linear-gradient(135deg, rgba(15,118,110,.18), rgba(200,162,74,.18));
  border:1px solid rgba(200,162,74,.22);
  position:relative;
  display:grid;
  place-items:center;
}

/* Crescent (CSS-only) */
.ivh-crescent{
  width:18px;height:18px;
  border-radius:999px;
  background:rgba(200,162,74,.95);
  position:relative;
  display:inline-block;
}
.ivh-crescent::after{
  content:"";
  position:absolute;
  width:18px;height:18px;
  border-radius:999px;
  background:var(--surface);
  left:6px; top:-1px;
}

.ivh-brand-name{
  font-size:15.5px;
  font-weight:700;
  letter-spacing:-0.01em;
}
.ivh-brand-sub{
  font-size:12.5px;
  color:var(--muted2);
  margin-top:2px;
  font-weight:400;
}

.ivh-actions{ display:grid; gap:10px; }

.ivh-btn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:12px 12px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.12);
  background:rgba(255,255,255,.75);
  font-weight:560;
  font-size:13px;
  cursor:pointer;
  user-select:none;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease, filter .12s ease;
}
#ivh-theme:checked ~ .ivh-shell .ivh-btn{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.10);
}
.ivh-btn:hover{ transform:translateY(-1px); box-shadow:var(--shadow2); }

.ivh-btn-primary{
  background:linear-gradient(180deg, var(--green), var(--green2));
  border-color:rgba(15,118,110,.25);
  color:#fff;
}
.ivh-btn-ghost{
  background:rgba(200,162,74,.10);
  border-color:rgba(200,162,74,.28);
  color:var(--text);
}

/* Sidebar nav */
.ivh-nav{
  padding:12px 12px 10px;
  display:grid;
  gap:8px;
}

.ivh-nav-title{
  font-size:12px;
  color:var(--muted2);
  font-weight:500;
  letter-spacing:.02em;
  padding:2px 6px 6px;
}

.ivh-item{
  display:flex;
  gap:10px;
  align-items:center;
  padding:10px 10px;
  border-radius:14px;
  border:1px solid transparent;
  cursor:pointer;
  transition:background .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.ivh-item:hover{
  background:rgba(255,255,255,.78);
  border-color:rgba(15,23,42,.10);
  box-shadow:0 10px 20px rgba(2,6,23,.04);
}
#ivh-theme:checked ~ .ivh-shell .ivh-item:hover{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.10);
  box-shadow:0 10px 20px rgba(0,0,0,.35);
}

.ivh-item-lite .ivh-item-title{ font-size:13px; }

.ivh-ico{
  width:34px;height:34px;
  border-radius:12px;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(255,255,255,.70);
  display:grid;
  place-items:center;
  font-size:14px;
}
#ivh-theme:checked ~ .ivh-shell .ivh-ico{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.10);
}

.ivh-item-title{
  font-weight:580;
  font-size:13.5px;
  letter-spacing:-0.01em;
}
.ivh-item-sub{
  display:block;
  margin-top:2px;
  font-size:12.3px;
  color:var(--muted2);
  font-weight:400;
}

.ivh-side-split{
  height:1px;
  background:rgba(15,23,42,.10);
  margin:10px 4px;
}
#ivh-theme:checked ~ .ivh-shell .ivh-side-split{ background:rgba(255,255,255,.10); }

.ivh-side-bottom{
  margin-top:auto;
  padding:14px 16px 18px;
  border-top:1px solid var(--line);
  background:var(--glass2);
}

.ivh-footline{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12.5px;
  color:var(--muted2);
  font-weight:400;
  margin-bottom:10px;
}

.ivh-dot{
  width:9px;height:9px;
  border-radius:999px;
  background:#22c55e;
  box-shadow:0 0 0 4px rgba(34,197,94,.12);
}

.ivh-mini{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.ivh-mini-label{
  font-size:12.5px;
  color:var(--muted2);
  font-weight:400;
}

/* Switch */
.ivh-switch{
  width:48px;height:26px;
  position:relative;
  cursor:pointer;
  display:inline-block;
}
.ivh-switch-track{
  position:absolute;
  inset:0;
  border-radius:999px;
  background:rgba(15,23,42,.10);
  border:1px solid rgba(15,23,42,.10);
}
#ivh-theme:checked ~ .ivh-shell .ivh-switch-track{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.12);
}
.ivh-switch-knob{
  position:absolute;
  top:3px;left:3px;
  width:20px;height:20px;
  border-radius:999px;
  background:rgba(255,255,255,.95);
  border:1px solid rgba(15,23,42,.10);
  transition:left .16s ease;
}
#ivh-theme:checked ~ .ivh-shell .ivh-switch-knob{ left:25px; }
#ivh-theme:checked ~ .ivh-shell .ivh-switch-knob{ background:rgba(255,255,255,.90); border-color:rgba(255,255,255,.14); }

.ivh-smallnote{
  font-size:12.5px;
  color:var(--muted2);
  font-weight:400;
}

/* ===============================
   MAIN AREA
   =============================== */
.ivh-main{
  height:100%;
  min-height:0;
  overflow:hidden;

  display:flex;
  flex-direction:column;

  padding:12px 14px 14px;
}

/* Topbar */
.ivh-topbar{
  border:1px solid var(--line);
  border-radius:16px;
  padding:12px 14px;
  background:var(--glass);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.ivh-top-left{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

.ivh-pill{
  font-size:12.5px;
  font-weight:540;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(15,118,110,.10);
  border:1px solid rgba(15,118,110,.18);
  color:var(--green2);
}
#ivh-theme:checked ~ .ivh-shell .ivh-pill{
  background:rgba(15,118,110,.16);
  border-color:rgba(15,118,110,.22);
  color:rgba(185,255,240,.92);
}

.ivh-top-muted{
  color:var(--muted);
  font-size:13.5px;
  line-height:1.6;
  font-weight:400;
}

.ivh-top-right{
  display:flex;
  gap:10px;
  align-items:center;
}

.ivh-lang{
  border:1px solid rgba(15,23,42,.12);
  background:rgba(255,255,255,.86);
  padding:8px 10px;
  border-radius:12px;
  cursor:pointer;
  font-weight:500;
  color:var(--text);
}
#ivh-theme:checked ~ .ivh-shell .ivh-lang{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.12);
}

.ivh-topbtn{
  text-decoration:none;
  font-weight:560;
  font-size:13px;
  padding:9px 12px;
  border-radius:12px;
  border:1px solid rgba(15,23,42,.12);
  background:rgba(255,255,255,.86);
  color:var(--text);
  cursor:pointer;
}
#ivh-theme:checked ~ .ivh-shell .ivh-topbtn{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.12);
}

.ivh-topbtn-solid{
  background:linear-gradient(180deg, var(--green), var(--green2));
  border-color:rgba(15,118,110,.25);
  color:#fff;
}

/* Search row */
.ivh-searchrow{
  margin-top:12px;
  display:flex;
  gap:12px;
  align-items:center;
}

.ivh-search{
  flex:1;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid var(--line);
  background:var(--glass2);
}

.ivh-search-ico{ opacity:.75; }
.ivh-search-input{
  flex:1;
  border:none;
  outline:none;
  background:transparent;
  font-size:13.5px;
  color:var(--text);
  font-weight:400;
}
.ivh-search-input::placeholder{ color:rgba(122,134,151,.95); }
#ivh-theme:checked ~ .ivh-shell .ivh-search-input::placeholder{ color:rgba(210,220,240,.45); }

/* replaced span with button (same look) */
.ivh-search-xbtn{
  border:none;
  background:transparent;
  cursor:pointer;
  font-size:18px;
  padding:0;
  color:rgba(122,134,151,.95);
  line-height:1;
}
#ivh-theme:checked ~ .ivh-shell .ivh-search-xbtn{ color:rgba(210,220,240,.55); }

/* Filter pill */
.ivh-filter{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid var(--line);
  background:var(--glass2);
  cursor:pointer;
  user-select:none;
}
.ivh-filter-label{ color:var(--muted); font-size:13.5px; font-weight:400; }
.ivh-filter-caret{ color:var(--muted2); }

/* filter dropdown (demo) */
.ivh-filter-menu{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  min-width:220px;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:var(--shadow2);
  padding:8px;
  display:none;
  z-index:20;
}
#ivh-theme:checked ~ .ivh-shell .ivh-filter-menu{
  background:rgba(11,15,26,.98);
}
.ivh-filter-menu.is-open{ display:block; }

.ivh-filter-item{
  width:100%;
  text-align:left;
  border:none;
  background:transparent;
  padding:10px 10px;
  border-radius:12px;
  cursor:pointer;
  color:var(--text);
  font-size:13px;
  font-weight:520;
}
.ivh-filter-item:hover{
  background:rgba(200,162,74,.10);
  border:1px solid rgba(200,162,74,.18);
}

/* ===============================
   PANELS SCROLL ONLY
   =============================== */
.ivh-panels{
  margin-top:12px;
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  padding:14px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.46);
  box-shadow:0 10px 26px rgba(2,6,23,.03);
}
#ivh-theme:checked ~ .ivh-shell .ivh-panels{
  background:rgba(255,255,255,.04);
  box-shadow:0 18px 60px rgba(0,0,0,.35);
}

/* Scrollbars */
.ivh-side::-webkit-scrollbar,
.ivh-panels::-webkit-scrollbar{ width:10px; }
.ivh-side::-webkit-scrollbar-thumb,
.ivh-panels::-webkit-scrollbar-thumb{
  background:rgba(15,23,42,.16);
  border:3px solid transparent;
  background-clip:content-box;
  border-radius:999px;
}
#ivh-theme:checked ~ .ivh-shell .ivh-side::-webkit-scrollbar-thumb,
#ivh-theme:checked ~ .ivh-shell .ivh-panels::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.18);
  border:3px solid transparent;
  background-clip:content-box;
}
.ivh-side::-webkit-scrollbar-track,
.ivh-panels::-webkit-scrollbar-track{ background:transparent; }

/* ===============================
   PANELS: SHOW SELECTED
   =============================== */
.ivh-panel{ display:none; }

#ivh-tab-verify:checked ~ .ivh-main .ivh-panel-verify{ display:block; }
#ivh-tab-feed:checked   ~ .ivh-main .ivh-panel-feed{ display:block; }
#ivh-tab-ask:checked    ~ .ivh-main .ivh-panel-ask{ display:block; }
#ivh-tab-media:checked  ~ .ivh-main .ivh-panel-media{ display:block; }
#ivh-tab-rules:checked  ~ .ivh-main .ivh-panel-rules{ display:block; }

#ivh-tab-about:checked    ~ .ivh-main .ivh-panel-about{ display:block; }
#ivh-tab-feedback:checked ~ .ivh-main .ivh-panel-feedback{ display:block; }
#ivh-tab-whatsapp:checked ~ .ivh-main .ivh-panel-whatsapp{ display:block; }
#ivh-tab-terms:checked    ~ .ivh-main .ivh-panel-terms{ display:block; }
#ivh-tab-privacy:checked  ~ .ivh-main .ivh-panel-privacy{ display:block; }

/* Active nav highlight */
#ivh-tab-verify:checked ~ .ivh-side label[for="ivh-tab-verify"],
#ivh-tab-feed:checked   ~ .ivh-side label[for="ivh-tab-feed"],
#ivh-tab-ask:checked    ~ .ivh-side label[for="ivh-tab-ask"],
#ivh-tab-media:checked  ~ .ivh-side label[for="ivh-tab-media"],
#ivh-tab-rules:checked  ~ .ivh-side label[for="ivh-tab-rules"],
#ivh-tab-about:checked  ~ .ivh-side label[for="ivh-tab-about"],
#ivh-tab-feedback:checked ~ .ivh-side label[for="ivh-tab-feedback"],
#ivh-tab-whatsapp:checked ~ .ivh-side label[for="ivh-tab-whatsapp"],
#ivh-tab-terms:checked  ~ .ivh-side label[for="ivh-tab-terms"],
#ivh-tab-privacy:checked ~ .ivh-side label[for="ivh-tab-privacy"]{
  background:rgba(200,162,74,.12);
  border-color:rgba(200,162,74,.22);
}
#ivh-theme:checked ~ .ivh-shell
#ivh-tab-verify:checked ~ .ivh-side label[for="ivh-tab-verify"],
#ivh-theme:checked ~ .ivh-shell
#ivh-tab-feed:checked ~ .ivh-side label[for="ivh-tab-feed"],
#ivh-theme:checked ~ .ivh-shell
#ivh-tab-ask:checked ~ .ivh-side label[for="ivh-tab-ask"],
#ivh-theme:checked ~ .ivh-shell
#ivh-tab-media:checked ~ .ivh-side label[for="ivh-tab-media"],
#ivh-theme:checked ~ .ivh-shell
#ivh-tab-rules:checked ~ .ivh-side label[for="ivh-tab-rules"],
#ivh-theme:checked ~ .ivh-shell
#ivh-tab-about:checked ~ .ivh-side label[for="ivh-tab-about"],
#ivh-theme:checked ~ .ivh-shell
#ivh-tab-feedback:checked ~ .ivh-side label[for="ivh-tab-feedback"],
#ivh-theme:checked ~ .ivh-shell
#ivh-tab-whatsapp:checked ~ .ivh-side label[for="ivh-tab-whatsapp"],
#ivh-theme:checked ~ .ivh-shell
#ivh-tab-terms:checked ~ .ivh-side label[for="ivh-tab-terms"],
#ivh-theme:checked ~ .ivh-shell
#ivh-tab-privacy:checked ~ .ivh-side label[for="ivh-tab-privacy"]{
  background:rgba(200,162,74,.10);
  border-color:rgba(200,162,74,.18);
}

/* ===============================
   ARCH HEADER (more Islamic vibe)
   =============================== */
.ivh-archhead{
  position:relative;
  padding:22px 18px 18px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,.10);
  background:
    radial-gradient(420px 190px at 50% 0%, rgba(200,162,74,.14), transparent 62%),
    radial-gradient(520px 260px at 20% 40%, rgba(15,118,110,.10), transparent 62%),
    rgba(255,255,255,.82);
  overflow:hidden;
  text-align:center;
  margin-bottom:14px;
}

/* arch silhouette */
.ivh-archhead::before{
  content:"";
  position:absolute;
  left:50%;
  top:-140px;
  transform:translateX(-50%);
  width:560px;
  height:300px;
  border-radius:0 0 999px 999px;
  border:1px solid rgba(200,162,74,.18);
  background:rgba(255,255,255,.45);
}

/* Islamic star/rosette overlay */
.ivh-archhead::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18px 18px, rgba(200,162,74,.10) 2px, transparent 2.4px) 0 0/36px 36px,
    conic-gradient(from 45deg, rgba(15,118,110,.10), transparent 20%, rgba(200,162,74,.10), transparent 55%, rgba(15,118,110,.08));
  opacity:.42;
  pointer-events:none;
}

#ivh-theme:checked ~ .ivh-shell .ivh-archhead{
  border-color:rgba(255,255,255,.10);
  background:
    radial-gradient(520px 240px at 50% 0%, rgba(200,162,74,.16), transparent 62%),
    radial-gradient(620px 340px at 20% 40%, rgba(15,118,110,.12), transparent 62%),
    rgba(10,14,24,.72);
}
#ivh-theme:checked ~ .ivh-shell .ivh-archhead::before{
  border-color:rgba(200,162,74,.16);
  background:rgba(255,255,255,.04);
}

.ivh-archicon{
  position:relative;
  z-index:1;
  width:44px;height:44px;
  border-radius:999px;
  margin:0 auto 8px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 10px 22px rgba(2,6,23,.04);
}
#ivh-theme:checked ~ .ivh-shell .ivh-archicon{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.12);
  box-shadow:0 14px 40px rgba(0,0,0,.40);
}

.ivh-bismillah{
  position:relative;
  z-index:1;
  margin:2px 0 6px;
  font-family:"Amiri","Scheherazade New","Noto Naskh Arabic", serif;
  font-size:18px;
  letter-spacing:.02em;
  color:rgba(183,140,52,.95);
}
#ivh-theme:checked ~ .ivh-shell .ivh-bismillah{
  color:rgba(200,162,74,.92);
}

.ivh-h1{
  position:relative;
  z-index:1;
  margin:0 0 6px;
  font-size:26px;
  font-weight:650;
  letter-spacing:-0.02em;
}

.ivh-subtext{
  position:relative;
  z-index:1;
  margin:0;
  color:var(--muted);
  font-size:13.8px;
  line-height:1.7;
  font-weight:400;
}

/* ===============================
   CARDS + FORMS
   =============================== */
.ivh-card{
  border:1px solid rgba(15,23,42,.10);
  border-radius:18px;
  padding:16px;
  background:rgba(255,255,255,.90);
  box-shadow:0 10px 24px rgba(2,6,23,.04);
  max-width:980px;
  margin:0 auto;
}
#ivh-theme:checked ~ .ivh-shell .ivh-card{
  border-color:rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  box-shadow:0 18px 60px rgba(0,0,0,.35);
}

.ivh-cardhead{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:10px;
}
.ivh-cardtitle{ font-weight:650; font-size:14.5px; }
.ivh-cardmeta{ font-size:12.5px; color:var(--muted2); font-weight:400; margin-top:2px; }

.ivh-badge{
  font-size:12px;
  font-weight:540;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(200,162,74,.26);
  background:rgba(200,162,74,.10);
  color:var(--gold2);
}

.ivh-form{ display:grid; gap:10px; }
.ivh-label{
  font-size:12.5px;
  color:var(--muted2);
  font-weight:520;
}

.ivh-field{
  width:100%;
  border:1px solid rgba(15,23,42,.14);
  border-radius:14px;
  padding:12px 12px;
  background:rgba(255,255,255,.96);
  outline:none;
  font-size:13.8px;
  line-height:1.6;
  color:var(--text);
  font-weight:400;
}
#ivh-theme:checked ~ .ivh-shell .ivh-field{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.12);
}
.ivh-field::placeholder{ color:rgba(122,134,151,.95); }
#ivh-theme:checked ~ .ivh-shell .ivh-field::placeholder{ color:rgba(210,220,240,.45); }

.ivh-field:focus{
  border-color:rgba(15,118,110,.28);
  box-shadow:0 0 0 4px rgba(15,118,110,.10);
}

.ivh-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.ivh-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:2px;
}

.ivh-cta{
  border-radius:14px;
  padding:11px 13px;
  font-weight:580;
  font-size:13px;
  border:1px solid rgba(15,23,42,.14);
  background:rgba(255,255,255,.92);
  color:var(--text);
  cursor:pointer;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
#ivh-theme:checked ~ .ivh-shell .ivh-cta{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.12);
}

.ivh-cta-primary{
  background:linear-gradient(180deg, var(--green), var(--green2));
  border-color:rgba(15,118,110,.25);
  color:#fff;
}
.ivh-cta-soft{
  background:rgba(200,162,74,.10);
  border-color:rgba(200,162,74,.26);
}

.ivh-note{
  margin:6px 0 0;
  color:var(--muted2);
  font-size:12.8px;
  line-height:1.7;
  font-weight:400;
}

/* Accordion */
.ivh-acc{
  max-width:980px;
  margin:10px auto 0;
  border-radius:16px;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(255,255,255,.82);
  overflow:hidden;
}
#ivh-theme:checked ~ .ivh-shell .ivh-acc{
  border-color:rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
}
.ivh-acc__sum{
  padding:12px 14px;
  cursor:pointer;
  list-style:none;
  font-weight:580;
  color:var(--text);
}
.ivh-acc__sum::-webkit-details-marker{ display:none; }

.ivh-steps{
  padding:12px 14px 14px;
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:10px;
}

.ivh-step{
  border:1px solid rgba(15,23,42,.10);
  border-radius:16px;
  padding:12px;
  background:rgba(255,255,255,.90);
  display:flex;
  gap:10px;
}
#ivh-theme:checked ~ .ivh-shell .ivh-step{
  border-color:rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
}
.ivh-stepnum{
  width:34px;height:34px;
  border-radius:12px;
  background:rgba(200,162,74,.10);
  border:1px solid rgba(200,162,74,.22);
  display:grid;
  place-items:center;
  font-weight:650;
  color:var(--gold2);
}
.ivh-steptitle{ font-weight:650; font-size:13.2px; }
.ivh-steptext{ color:var(--muted2); font-size:12.6px; line-height:1.55; font-weight:400; margin-top:2px; }

/* ===============================
   FEED: CARDS + SEE MORE
   =============================== */
.ivh-feedwrap{ max-width:1050px; margin:0 auto; }

.ivh-feedhead{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin:6px 2px 12px;
}
.ivh-feedtitle{
  font-size:16px;
  font-weight:650;
  letter-spacing:-0.01em;
}
.ivh-feedcount{
  font-weight:400;
  color:var(--muted2);
  margin-left:6px;
  font-size:13px;
}

.ivh-feedlink{
  text-decoration:none;
  color:var(--green2);
  font-weight:540;
  cursor:pointer;
  user-select:none;
}
.ivh-feedlink:hover{ text-decoration:underline; }

/* See more label text swap */
.ivh-more-hide{ display:none; }
#ivh-feed-more:checked ~ .ivh-shell .ivh-panel-feed .ivh-more-show{ display:none; }
#ivh-feed-more:checked ~ .ivh-shell .ivh-panel-feed .ivh-more-hide{ display:inline; }

.ivh-cards{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(240px, 1fr);
  gap:12px;
  overflow:auto;
  padding:6px 2px 10px;
  scroll-snap-type:x mandatory;
}
.ivh-cards > *{ scroll-snap-align:start; }

.ivh-cardmini{
  border:1px solid rgba(15,23,42,.10);
  border-radius:18px;
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 24px rgba(2,6,23,.04);
  overflow:hidden;
}
#ivh-theme:checked ~ .ivh-shell .ivh-cardmini{
  border-color:rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  box-shadow:0 18px 60px rgba(0,0,0,.35);
}

.ivh-thumb{
  height:110px;
  background:
    radial-gradient(280px 160px at 20% 0%, rgba(200,162,74,.16), transparent 60%),
    radial-gradient(260px 180px at 90% 40%, rgba(15,118,110,.12), transparent 60%),
    rgba(245,246,242,.9);
  border-bottom:1px solid rgba(15,23,42,.10);
  position:relative;
}
#ivh-theme:checked ~ .ivh-shell .ivh-thumb{
  background:
    radial-gradient(320px 200px at 20% 0%, rgba(200,162,74,.18), transparent 60%),
    radial-gradient(320px 220px at 90% 40%, rgba(15,118,110,.14), transparent 60%),
    rgba(255,255,255,.02);
  border-bottom-color:rgba(255,255,255,.10);
}

.ivh-thumbico{
  position:absolute;
  right:12px;
  bottom:10px;
  font-size:22px;
  opacity:.85;
}

.ivh-thumbtag{
  position:absolute;
  left:10px;
  top:10px;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:540;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(255,255,255,.86);
}
#ivh-theme:checked ~ .ivh-shell .ivh-thumbtag{
  border-color:rgba(255,255,255,.10);
  background:rgba(255,255,255,.06);
}

.ivh-tag-ok{ border-color:rgba(34,197,94,.25); background:rgba(34,197,94,.10); color:#047857; }
.ivh-tag-warn{ border-color:rgba(245,158,11,.25); background:rgba(245,158,11,.10); color:#92400e; }
.ivh-tag-bad{ border-color:rgba(239,68,68,.25); background:rgba(239,68,68,.10); color:#b91c1c; }

.ivh-cardmini-body{ padding:12px; }

.ivh-cardmini-title{
  font-weight:650;
  font-size:13.8px;
  line-height:1.35;
  margin-bottom:4px;
}

.ivh-cardmini-meta{
  color:var(--muted2);
  font-size:12.3px;
  font-weight:400;
  margin-bottom:8px;
}

.ivh-cardmini-ref{
  color:var(--muted);
  font-size:12.8px;
  line-height:1.55;
  font-weight:400;
  margin-bottom:10px;
}

.ivh-cardmini-row{
  display:flex;
  align-items:center;
  gap:8px;
}

.ivh-mini-dd{
  flex:1;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid rgba(15,23,42,.12);
  background:rgba(255,255,255,.92);
  font-size:12.5px;
  color:var(--text);
  font-weight:400;
}
#ivh-theme:checked ~ .ivh-shell .ivh-mini-dd{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.12);
}

.ivh-mini-go{
  padding:8px 10px;
  border-radius:12px;
  border:1px solid rgba(15,118,110,.22);
  background:rgba(15,118,110,.10);
  color:var(--green2);
  text-decoration:none;
  font-weight:540;
  font-size:12.5px;
  cursor:pointer;
}
#ivh-theme:checked ~ .ivh-shell .ivh-mini-go{
  border-color:rgba(15,118,110,.30);
  background:rgba(15,118,110,.16);
  color:rgba(185,255,240,.92);
}

/* “More feed” wrapper: collapsed by default */
.ivh-feedmore-wrap{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(240px, 1fr);
  gap:12px;
  overflow:hidden;
  max-width:0;
  max-height:0;
  opacity:0;
  pointer-events:none;
  transition:max-width .25s ease, max-height .25s ease, opacity .20s ease;
}

/* When checked, reveal more cards (still horizontal like feed) */
#ivh-feed-more:checked ~ .ivh-shell .ivh-panel-feed .ivh-feedmore-wrap{
  max-width:9999px;
  max-height:500px;
  opacity:1;
  pointer-events:auto;
}

/* Reminder banner */
.ivh-reminder{
  display:flex;
  align-items:center;
  gap:10px;
  margin:12px auto 0;
  padding:12px 12px;
  border-radius:16px;
  border:1px solid rgba(200,162,74,.22);
  background:rgba(200,162,74,.10);
  color:var(--muted);
  font-size:13px;
  font-weight:400;
  max-width:1050px;
}
#ivh-theme:checked ~ .ivh-shell .ivh-reminder{
  border-color:rgba(200,162,74,.18);
  background:rgba(200,162,74,.08);
}
.ivh-remicon{ font-size:16px; }

/* ===============================
   MEDIA + GUIDELINES
   =============================== */
.ivh-ml-grid{
  max-width:1050px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}

.ivh-ml-card{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(15,23,42,.10);
  border-radius:18px;
  padding:14px;
  box-shadow:0 10px 24px rgba(2,6,23,.04);
}
#ivh-theme:checked ~ .ivh-shell .ivh-ml-card{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.10);
  box-shadow:0 18px 60px rgba(0,0,0,.35);
}

.ivh-ml-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:6px;
}
.ivh-ml-icon{ font-size:18px; }

.ivh-ml-card h3{
  margin:0;
  font-size:14px;
  font-weight:650;
}
.ivh-ml-card p{
  margin:8px 0 10px;
  color:var(--muted);
  font-size:13px;
  line-height:1.65;
  font-weight:400;
}
.ivh-ml-card ul{
  margin:0;
  padding-left:18px;
  color:var(--muted2);
  font-size:12.8px;
  line-height:1.65;
  font-weight:400;
}

.ivh-guidelines{
  max-width:1050px;
  margin:0 auto;
  display:grid;
  gap:12px;
}
.ivh-guideline{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(15,23,42,.10);
  border-radius:18px;
  padding:14px 16px;
  box-shadow:0 10px 24px rgba(2,6,23,.04);
}
#ivh-theme:checked ~ .ivh-shell .ivh-guideline{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.10);
  box-shadow:0 18px 60px rgba(0,0,0,.35);
}
.ivh-guideline h3{
  margin:0 0 6px;
  font-size:14px;
  font-weight:650;
}
.ivh-guideline p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.7;
  font-weight:400;
}

/* Prose sections */
.ivh-prose h3{
  margin:0 0 6px;
  font-size:14.5px;
  font-weight:650;
}
.ivh-prose p, .ivh-prose li{
  color:var(--muted);
  font-size:13.5px;
  line-height:1.75;
  font-weight:400;
}
.ivh-prose ul{
  margin:6px 0 12px;
  padding-left:18px;
}

/* WhatsApp button */
.ivh-wa{
  margin-top:10px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-radius:14px;
  background:#25D366;
  color:#fff;
  text-decoration:none;
  font-weight:650;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 14px 34px rgba(37,211,102,.20);
}
.ivh-wa:hover{ filter:brightness(.98); }
.ivh-wa-ico{ font-size:18px; }

/* ===============================
   RESPONSIVE
   =============================== */
@media (max-width:980px){
  .ivh-shell{
    grid-template-columns:1fr;
    border-radius:18px;
  }
  .ivh-side{
    border-right:none;
    border-bottom:1px solid var(--line);
    max-height:46vh;
  }
  .ivh-main{ padding:10px; }
  .ivh-searchrow{ flex-wrap:wrap; }
  .ivh-filter{ width:100%; justify-content:space-between; }
  .ivh-steps{ grid-template-columns:1fr 1fr; }
  .ivh-grid{ grid-template-columns:1fr; }
  .ivh-ml-grid{ grid-template-columns:1fr; }
  .ivh-cards{ grid-auto-columns:minmax(220px, 80%); }
}

@media (max-width:520px){
  .ivh-topbar{ flex-wrap:wrap; }
  .ivh-top-right{ width:100%; justify-content:flex-end; }
  .ivh-h1{ font-size:22px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f651ad9 *//* 1) Remove white background from the host section */
.ivh-host,
.ivh-host > .elementor-container,
.ivh-host > .e-con-inner {
  background: transparent !important;
}

/* 2) When IVH is in DARK mode, paint the host section dark too */
.ivh-host:has(#ivh-theme:checked) {
  background: #05070c !important;
}

/* Optional: also set inner wrappers dark (depending on your Elementor layout) */
.ivh-host:has(#ivh-theme:checked) > .elementor-container,
.ivh-host:has(#ivh-theme:checked) > .e-con-inner {
  background: #05070c !important;
}


/* Host section default */
.elementor-33 .elementor-element.elementor-element-f651ad9,
.elementor-33 .elementor-element.elementor-element-f651ad9 > .elementor-container,
.elementor-33 .elementor-element.elementor-element-f651ad9 > .e-con-inner{
  background: transparent !important;
}

/* When checkbox is ON, make the host dark */
.elementor-33 .elementor-element.elementor-element-f651ad9:has(#ivh-theme:checked),
.elementor-33 .elementor-element.elementor-element-f651ad9:has(#ivh-theme:checked) > .elementor-container,
.elementor-33 .elementor-element.elementor-element-f651ad9:has(#ivh-theme:checked) > .e-con-inner{
  background: #05070c !important;
}/* End custom CSS */