/*  
	Investor Relations
	style-IR-AR.css
	Last modified - 03 Apr 2026
*/
@font-face {
	font-family: "Almarai";
	src: url("/fonts/ipo/Almarai-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Almarai";
	src: url("/fonts/ipo/Almarai-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Almarai";
	src: url("/fonts/ipo/Almarai-ExtraBold.woff2") format("woff2");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

:root {
	--ff-clash: "Almarai", sans-serif;
	--ff-satoshi: "Almarai", sans-serif;
	--fw-medium: 700;
}

* {
	letter-spacing: 0;
}

body {
	direction: rtl;
}

.iti{
direction:ltr;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: var(--fw-bold);
}

.banner__caption .content .banner__title {
	font-weight: var(--fw-bold);
}

.btn__wrapper .btn svg {
	rotate: 0deg;
}

.breadcrumb li:not(:last-child)::after,
.btn svg {
	rotate: 180deg;
}

.btn.btn--external svg {
   rotate: 270deg;
}

.swiper--arrow svg {
   transform: scaleX(-1);
}

.year-filter::after {
	right: auto;
	left: 25px;
}

.number--accordion .accordion__item::before {
	left: auto;
	right: calc(var(--counter-padding)* -1);
}

/* --------------- Header --------------- */

.site__header__end .ipo {
	font-size: clamp(12px, 3vw, 14px);
}


/* --------------- Navigation --------------- */

nav {
	--primary-nav-main-font-size: 15px;
	--submenu-font-size: 15px;
}

.primary__nav .nav__item__main {
	font-weight: var(--fw-medium);
}

.primary__nav .has--sub__menu .nav__item__main::after {
	right: auto;
	left: 12px;
}

.primary__nav .has--sub__menu.drop--open .nav__item__main::after {
	transform: rotate(225deg);
}

.year-filter::after {
	right: auto;
	left: 20px;
}

.page__banner .banner__content::before {
	background: linear-gradient( 270deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 60% );
}
.page__banner.ir--hp--banner .banner__content::before {
    background: linear-gradient(
        270deg,
        rgba(0, 0, 0, 0.6) 0%,
        rgba(0, 0, 0, 0) 60%
    );
}

@media (max-width: 1200px) {
	nav {
		left: auto;
		right: 0;
		transform: translateX(calc(var(--nav-sidebar-width) * 1));
	}

	.primary__nav .has--sub__menu .nav__item__main::after {
		right: auto;
		left: 20px;
	}

	.ir__nav .ir__nav--wrapper::after {
		right: auto;
		left: var(--wrapper-inline-padding);
	}

	.ir__nav .ir__nav--wrapper.dropdown::after {
		transform: rotate(225deg);
	}
}

@media (max-width: 860px) {
	.tab__nav__wrapper::after {
	right: auto;
		left: 25px;
	}
	.tab__nav__wrapper.drop--open::after {
		transform: rotate(225deg);
	}
}

@media (max-width: 640px) {
	nav {
		--primary-nav-main-font-size: 15px;
		--submenu-font-size: 14px;
		transform: translateX(calc(calc(var(--nav-sidebar-width) + 60px)* 1));
	}

	.year-filter::after {
		right: auto;
		left: 15px;
	}
	.page__banner.ir--hp--banner .banner__content::before {
        background: linear-gradient(
            0deg,
            rgba(0, 0, 0, 0.7) 0%,
            rgba(0, 0, 0, 0) 60%
        );
    }
}

footer .footer__lang {
	font-size: 14px;
}

.form__control select{
background-position: left 20px center;
}