/* =========================================================
   INVESTORS RELATIONS page (en/investors-relations.html,
   ar/investors-relations.html) — Argaam iframe + delay note.
   Values from the live Elementor CSS (page 13922 / 28362).
   ========================================================= */
.ir-section { padding: 2% 0; }
.ir-frame { position: relative; }
.ir-frame iframe { display: block; width: 100%; border: 0; position: relative; }
/* Argaam's page takes a few seconds (its own scripts, charts, maps): a spinner shows
   through the empty frame until assets/js/main.js marks it loaded */
.ir-frame:not(.is-loaded)::before {
	content: ""; position: absolute; top: 120px; left: 50%; width: 44px; height: 44px; margin-left: -22px;
	border: 3px solid #e6dcd3; border-top-color: #8b5a3c; border-radius: 50%;
	animation: ir-spin .8s linear infinite;
}
@keyframes ir-spin { to { transform: rotate(360deg); } }
.ir-frame--desktop iframe, .ir-frame--mobile iframe { height: 1670px; }
.ir-frame--all iframe { height: 1700px; }
.ir-frame--mobile { display: none; }
.ir-note {
	margin: 20px 0 0; text-align: center;
	font-family: "Lucky Beauty new", "Lucky Beauty", serif; font-size: 17px; font-weight: 400; color: #7A7A7A;
}

@media (max-width: 1200px) {
	.ir-note { font-size: 13px; }
}
/* the live page swaps to a scrollable iframe on mobile_extra / mobile (<= 880px) */
@media (max-width: 880px) {
	.ir-frame--desktop { display: none; }
	.ir-frame--mobile { display: block; }
}

/* ---------------- RTL ---------------- */
.rtl .ir-note { font-family: var(--font-body); }