body {
	min-height: 100%;
	display: flex;
	flex-direction: column;
	color: var(--text-text-default);
	font-size: 20px;
	font-family: 'IBM Plex Sans Arabic';
	line-height: 1.5;
	letter-spacing: 0px;
	background-color: var(--background-background-white);
	overflow: auto;
}



/* header */

.header {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	background-color: var(--background-background-neutral-100);
	padding: var(--global-spacing-none) var(--section-section-padding);
}

.header-content {
	display: flex;
	align-items: center;
	gap: 10px;
}



/* link */

.link {
	width: 86px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--link-link-sm-gap);
	flex-shrink: 0;
	padding: var(--global-spacing-none);
}

.link-arrow-down {
	width: 16px; height: 16px;
	flex-shrink: 0;
}

.link-text {
	color: var(--link-link-primary);
	text-align: right;
}
/* end link*/


.header-text {
	color: var(--text-text-default);
	text-align: left;
}

.header-country-flags {
	position: relative;
	width: 20px; height: 14px;
	flex-shrink: 0;
	background-color: #006923;
}

.header-graphic {
	position: absolute; top: 3px; left: 50%; 
	translate: -50% 0;
	width: 14px; height: 8px;
}
/* end header*/




/* second-nav-header */

.second-nav-header {
	container: second-nav-header / inline-size;
	margin: 0 1px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 3px;
	background-color: var(--background-background-neutral-100);
	padding: 3px var(--spacing-4xl) 0 var(--spacing-4xl);
	border-top: 1px solid var(--border-border-neutral-primary);
}



/* divider */

.divider {
	display: flex;
	flex-direction: column;
	align-self: stretch;
}

.divider-line {
	height: 0;
	flex-shrink: 0;
	border-top: 1px solid var(--border-border-neutral-primary);
}
/* end divider*/


.second-nav-header-content1 {
	container: second-nav-header-content1 / inline-size;
	margin-right: 32px;
	width: 100%;
	max-width: 1376px;
	display: flex;
	align-items: center;
	gap: 16px;
}

.second-nav-header-actions {
	width: 146px; height: 32px;
	justify-content: flex-end;
	gap: var(--global-spacing-sm);
	flex-shrink: 0;
}

.second-nav-header-content2 {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	gap: var(--global-spacing-xl);
	flex-grow: 1;
}



/* sub-header-item */

.sub-header-item {
	display: flex;
	align-items: center;
	gap: var(--global-spacing-xs);
}

.sub-header-item-text {
	color: var(--text-text-primary-paragraph);
	font-size: 16px;
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0px;
	text-align: left;
}
/* end sub-header-item*/

/* end second-nav-header*/


.arrow-left {
	width: 24px; height: 24px;
	flex-shrink: 0;
}

.arrow-down {
	width: 20px; height: 20px;
	flex-shrink: 0;
}

.subtitle-symbol {
	--min-font-size: 19; --max-font-size: 30; font-size: var(--interpolate);
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 700;
	line-height: 1.267;
	letter-spacing: 0px;
	text-align: right;
}

.view {
	height: 20px;
}



/* content */

.content {
	display: flex;
	flex-direction: column;
	gap: 8px;
	align-self: stretch;
}

.content-title {
	color: var(--text-text-primary-sa-flag);
	font-size: 48px;
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 400;
	line-height: 1.25;
	letter-spacing: -0.95px;
	text-align: center;
}

.content-text {
	color: var(--text-text-display);
	font-size: 16px;
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0px;
	text-align: center;
}
/* end content*/




/* legend-a */

.legend-a {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	gap: var(--global-spacing-lg);
	row-gap: 12px;
	padding-bottom: 1px;
	direction: ltr;
}
/* end legend-a*/




/* legend-series-a */

.legend-series-a {
	display: flex;
	align-items: center;
	gap: var(--spacing-md);
}

.legend-series-text1 {
	color: var(--text-text-primary-paragraph);
	font-size: 14px;
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 400;
	line-height: 1.429;
	letter-spacing: 0px;
	text-align: left;
}

.legend-series-circle1 {
	flex-shrink: 0;
}
/* end legend-series-a*/




/* table-header */

.table-header {
	margin: -1px -1px 0 -1px;
	display: flex;
	align-items: flex-start;
	gap: 16px;
	background-color: var(--table-table-background-header);
	padding-right: 16px;
	border-top: 1px solid var(--table-table-cell-border);
	border-bottom: 1px solid var(--table-table-cell-border);
}

.table-header-text-table-header-cell {
	margin: -1px 0;
	width: 100%;
	min-width: 100px;
	min-height: 48px;
	flex-grow: 1;
	color: var(--table-table-text-head);
	font-size: 12px;
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0px;
	text-align: right;
	padding: 15px 0;
	border-left: 1px solid var(--table-table-cell-border);
}
/* end table-header*/




/* table-row-a */

.table-row-a {
	margin: 20px -1px 0 -1px;
	display: flex;
	align-items: flex-start;
	gap: 32px;
	padding: 0 16px 19px 16px;
	border-bottom: 1px solid var(--table-table-cell-border);
}

.table-row-text-cell1 {
	width: 100%;
	min-width: 100px;
	min-height: 64px;
	flex-grow: 1;
	color: var(--table-table-text-body);
	font-size: 16px;
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0px;
	text-align: right;
}

.table-row-text-cell2 {
	width: 100%;
	min-width: 100px;
	min-height: 64px;
	flex-grow: 1;
	color: var(--table-table-text-body);
	font-size: 16px;
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0px;
	text-align: right;
}

.table-row-text-cell3 {
	width: 100%;
	min-width: 100px;
	min-height: 64px;
	flex-grow: 1;
	color: var(--table-table-text-body);
	font-size: 16px;
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0px;
	text-align: right;
}
/* end table-row-a*/




/* table-row-b */

.table-row-b {
	position: relative;
	margin: 0 -1px;
	display: flex;
	align-items: flex-start;
	gap: 32px;
	padding: 20px 16px 19px 16px;
	border-bottom: 1px solid var(--table-table-cell-border);
}

.table-row-group {
	position: absolute; top: 0; left: 0; right: 1px; 
	height: 63px;
}

.table-row-alt-bg {
	position: absolute; top: 0; left: 0; right: 0; 
	mix-blend-mode: multiply;
	height: 63px;
	background-color: var(--table-table-background-row);
}

.table-row-text-cell4 {
	position: relative; z-index: 1;
	width: 100%;
	min-width: 100px;
	min-height: 64px;
	flex-grow: 1;
	color: var(--table-table-text-body);
	font-size: 16px;
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0px;
	text-align: right;
}

.table-row-text-cell5 {
	position: relative; z-index: 2;
	width: 100%;
	min-width: 100px;
	min-height: 64px;
	flex-grow: 1;
	color: var(--table-table-text-body);
	font-size: 16px;
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0px;
	text-align: right;
}

.table-row-text-cell6 {
	position: relative; z-index: 3;
	width: 100%;
	min-width: 100px;
	min-height: 64px;
	flex-grow: 1;
	color: var(--table-table-text-body);
	font-size: 16px;
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0px;
	text-align: right;
}
/* end table-row-b*/


.text-symbol {
	align-self: stretch;
	color: var(--text-text-default);
	font-size: 20px;
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0px;
	text-align: center;
}



/* section-template-desktop */

.section-template-desktop {
	container: section-template-desktop / inline-size;
	margin-right: 1px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: var(--background-background-white);
	padding: 22px 80px 24px 80px;
	border-top: 2px solid var(--border-border-primary);
}

.section-template-desktop-feedback {
	container: section-template-desktop-feedback / inline-size;
	width: 100%;
	max-width: 1280px;
	display: flex;
	align-items: center;
	gap: 389px;
}

.section-template-desktop-text {
	width: 58%;
	flex-grow: 1;
	color: var(--text-text-default);
	text-align: left;
}

.section-template-desktop-content {
	width: 142%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 24px;
	flex-grow: 1;
}

.section-template-desktop-actions {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

.section-template-desktop-btn {
	min-height: 40px;
	display: flex;
	color: var(--text-text-oncolor-primary);
	font-size: 16px;
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0px;
	text-align: left;
	background-color: var(--button-button-background-primary-default);
	padding: 8px 0;
	border-radius: 4px;
}

.section-template-desktop-text-symbol {
	text-align: left;
}
/* end section-template-desktop*/




/* footer */

.footer {
	margin: 0 1px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: var(--background-background-sa-flag);
	padding: 56px 80px 24px 80px;
}

.footer-content {
	container: footer-content / inline-size;
	width: 100%;
	max-width: 1280px;
	display: flex;
	flex-direction: column;
	gap: 88px;
	padding-top: var(--spacing-5xl);
	padding-bottom: var(--spacing-3xl);
}

.footer-nav-links {
	display: flex;
	align-items: flex-start;
	gap: var(--spacing-3xl);
	padding-top: var(--spacing-xl);
	padding-bottom: var(--spacing-5xl);
}



/* footer-group-a */

.footer-group-a {
	width: 100%;
	min-width: 180px;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-md);
	flex-grow: 1;
}

.footer-group-link-list {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-md);
}

.footer-group-text-link1 {
	color: var(--link-link-oncolor);
	font-size: 14px;
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 400;
	line-height: 1.429;
	letter-spacing: 0px;
	text-align: right;
}

.footer-group-text-link2 {
	color: var(--link-link-oncolor);
	font-size: 14px;
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 400;
	line-height: 1.429;
	letter-spacing: 0px;
	text-align: right;
}

.footer-group-text-link3 {
	color: var(--link-link-oncolor);
	font-size: 14px;
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 400;
	line-height: 1.429;
	letter-spacing: 0px;
	text-align: right;
}

.footer-group-text-link4 {
	color: var(--link-link-oncolor);
	font-size: 14px;
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 400;
	line-height: 1.429;
	letter-spacing: 0px;
	text-align: right;
}

.footer-group-text-link5 {
	color: var(--link-link-oncolor);
	font-size: 14px;
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 400;
	line-height: 1.429;
	letter-spacing: 0px;
	text-align: right;
}
/* end footer-group-a*/


.footer-group1 {
	width: 100%;
	min-width: 180px;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-4xl);
	flex-grow: 1;
}



/* column */

.column {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.column-social-media {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-end;
	align-content: flex-start;
	gap: var(--spacing-md);
	row-gap: 8px;
}
/* end column*/


.footer-legal {
	display: flex;
	align-items: center;
	gap: var(--spacing-3xl);
	padding: var(--spacing-xl) 0px;
}

.footer-logos {
	display: flex;
	align-items: flex-start;
	gap: var(--spacing-xl);
}



/* logo-placeholder-b */

.logo-placeholder-b {
	min-height: 42px;
	display: flex;
	align-items: center;
	gap: 8px;
	background-color: var(--background-background-white);
	padding: 0 4px;
}

.logo-placeholder-text2 {
	text-align: right;
}

.logo-placeholder-palm-swords2 {
	width: 32px; height: 32px;
	flex-shrink: 0;
}
/* end logo-placeholder-b*/


.footer-links-legal1 {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: var(--spacing-3xl);
	flex-grow: 1;
}

.footer-link-list {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-end;
	align-content: flex-start;
	gap: var(--spacing-xl);
	row-gap: 16px;
	align-self: stretch;
}

.footer-link1 {
	text-align: right;
}

.footer-link2 {
	text-align: right;
}

.footer-link3 {
	text-align: right;
}

.footer-links-legal2 {
	container: footer-links-legal2 / inline-size;
	width: 296px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: var(--spacing-md);
}

.footer-text-legal {
	text-align: right;
}

.footer-extra-link {
	display: flex;
	align-items: flex-start;
	align-self: stretch;
}

.footer-text-link {
	width: 100%;
	flex-grow: 1;
	color: var(--text-text-oncolor-primary);
	font-size: 14px;
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 400;
	line-height: 1.429;
	letter-spacing: 0px;
	text-align: right;
}
/* end footer*/


.text-group-label {
	color: var(--text-text-oncolor-primary);
	font-size: 16px;
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0px;
	text-align: right;
	padding-bottom: 7px;
	border-bottom: 1px solid var(--border-border-oncolor-transparent-30);
}



/* button */

.button {
	width: 32px; height: 32px;
	gap: var(--button-buttons-md-gap);
	flex-shrink: 0;
	padding: var(--global-spacing-none) var(--button-buttons-md-padding);
	border: 1px solid var(--border-border-oncolor-transparent-30);
	border-radius: var(--radius-radius-sm);
}
/* end button*/


.nav-header {
	container: nav-header / inline-size;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: var(--background-background-menu);
	padding: 0 var(--spacing-4xl);
	border-bottom: 1px solid var(--colors-neutral-300);
}

.nav-header-content {
	container: nav-header-content / inline-size;
	margin-bottom: -1px;
	width: 100%;
	max-width: 1377px;
	display: flex;
	align-items: flex-start;
}

.nav-header-actions {
	container: nav-header-actions / inline-size;
	width: 368px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-shrink: 0;
}



/* header-action-a */

.header-action-a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--spacing-xs);
	padding: var(--spacing-md) var(--spacing-xl);
}

.header-action-text1 {
	text-align: center;
}
/* end header-action-a*/




/* header-action-b */

.header-action-b {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--spacing-xs);
	padding: var(--spacing-md) var(--spacing-xl);
}

.header-action-text2 {
	color: var(--text-text-default);
	font-size: 16px;
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0px;
	text-align: right;
}
/* end header-action-b*/


.header-action1 .header-action-leading-icon1 {
	width: 24px; height: 24px;
}

.header-action2 .header-action-leading-icon2 {
	width: 24px; height: 24px;
}

.header-action3 .header-action-leading-icon2 {
	width: 24px; height: 24px;
}

.nav-header-logo-menu {
	container: nav-header-logo-menu / inline-size;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: var(--global-spacing-xl);
	flex-grow: 1;
}



/* logo-placeholder-a */

.logo-placeholder-a {
	display: flex;
	align-items: center;
	gap: 8px;
	background-color: var(--background-background-white);
	padding: 5px 4px;
}

.logo-placeholder-text1 {
	color: var(--text-text-secondary-paragraph);
	text-align: right;
}

.logo-placeholder-palm-swords1 {
	width: 48px; height: 48px;
	flex-shrink: 0;
}
/* end logo-placeholder-a*/


.nav-header-menu-items {
	display: flex;
	align-items: flex-start;
}



/* header-menu-item */

.header-menu-item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--spacing-xs);
	padding: var(--spacing-md) var(--spacing-xl);
}

.header-menu-item-text {
	color: var(--text-text-default);
	font-size: 16px;
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0px;
	text-align: center;
}
/* end header-menu-item*/


.hero-section1 {
	gap: var(--global-spacing-3xl);
	background-color: var(--background-background-primary-50);
}

.hero-section-content1 {
	container: hero-section-content1 / inline-size;
	width: 100%;
	max-width: 1281px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: var(--global-spacing-md);
}



/* breadcrumb */

.breadcrumb {
	width: 100%;
	max-width: 382px;
	display: flex;
	align-items: flex-start;
	gap: var(--global-spacing-none);
	padding: var(--global-spacing-none);
}



/* breadcrumb-item */

.breadcrumb-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--link-link-sm-gap);
	flex-shrink: 0;
	padding-left: var(--link-link-sm-gap);
}

.breadcrumb-item-text {
	font-size: 14px;
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 400;
	line-height: 1.429;
	letter-spacing: 0px;
	text-align: right;
}
/* end breadcrumb-item*/


.breadcrumb-text {
	margin-left: auto; margin-right: -4px;
	color: var(--link-link-neutral);
	text-align: left;
}
/* end breadcrumb*/


.breadcrumb1 .breadcrumb-item1 {
	width: 169px;
}

.breadcrumb1 .breadcrumb-item1 .breadcrumb-item-text {
	color: var(--global-text-default-disabled);
}

.breadcrumb1 .breadcrumb-item1 .breadcrumb-item-arrow-left {
	width: 16px; height: 16px;
}

.breadcrumb1 .breadcrumb-item2 {
	width: 122px;
}

.breadcrumb1 .breadcrumb-item2 .breadcrumb-item-text {
	color: var(--link-link-neutral);
}

.breadcrumb1 .breadcrumb-item2 .breadcrumb-item-arrow-left {
	width: 16px; height: 16px;
}

.hero-section-subtitle1 {
	align-self: stretch;
	color: var(--text-text-default);
}

.hero-section2 {
	gap: var(--global-spacing-8xl);
	background-color: var(--background-background-white);
}

.hero-section-website {
	container: hero-section-website / inline-size;
	width: 100%;
	max-width: 1281px;
	display: flex;
	flex-direction: column;
	gap: var(--global-spacing-4xl);
}

.hero-section-content2 {
	margin-left: 449px;
	display: flex;
	flex-direction: column;
	gap: var(--global-spacing-xl);
}

.hero-section-subtitle2 {
	color: var(--text-text-primary);
}

.hero-section-text-symbol1 {
	text-align: right;
}

.hero-section-statistics {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: var(--global-spacing-3xl);
	padding: 0 24px;
}

.card4 {
	width: 186px;
	min-height: 204px;
	justify-content: center;
	gap: var(--card-card-lg-gap);
	flex-shrink: 0;
}



/* circle-featured-icon-a */

.circle-featured-icon-a {
	position: relative;
	width: 56px; height: 56px;
	flex-shrink: 0;
	background-color: var(--icon-background-brand-light);
	border-radius: var(--radius-full);
}
/* end circle-featured-icon-a*/


.circle-featured-icon1 .circle-featured-icon-bounce-right {
	position: absolute; top: 17px; left: 50%; 
	translate: -50% 0;
	width: 20px; height: 23px;
}

.card5 {
	width: 177px;
	min-height: 204px;
	justify-content: center;
	gap: var(--card-card-lg-gap);
	flex-shrink: 0;
}



/* circle-featured-icon-b */

.circle-featured-icon-b {
	position: relative;
	width: 56px; height: 56px;
	flex-shrink: 0;
	background-color: var(--icon-background-brand-light);
	border-radius: var(--radius-full);
}
/* end circle-featured-icon-b*/


.circle-featured-icon2 .circle-featured-icon-web-design {
	position: absolute; top: 16px; left: 50%; 
	translate: -50% 0;
	width: 24px; height: 24px;
}

.card6 {
	width: 185px;
	min-height: 204px;
	justify-content: center;
	gap: var(--card-card-lg-gap);
	flex-shrink: 0;
}



/* circle-featured-icon-c */

.circle-featured-icon-c {
	position: relative;
	width: 56px; height: 56px;
	flex-shrink: 0;
	background-color: var(--icon-background-brand-light);
	border-radius: var(--radius-full);
}
/* end circle-featured-icon-c*/


.circle-featured-icon3 .circle-featured-icon-view {
	position: absolute; top: 19px; left: 50%; 
	translate: -50% 0;
	width: 25px; height: 18px;
}

.hero-section-charts1 {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-end;
	align-content: flex-start;
	gap: var(--global-spacing-3xl);
	row-gap: 24px;
}

.card-pie-chart1 {
	min-height: 362px;
	gap: var(--global-spacing-xl);
	flex-grow: 1;
}



/* pie-chart-a */

.pie-chart-a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--global-spacing-3xl);
	padding: 0 130px;
}

.pie-chart-pie-chart1 {
	width: 240px; height: 240px;
	flex-shrink: 0;
}
/* end pie-chart-a*/


.card-pie-chart-text1 {
	align-self: stretch;
	text-align: center;
}

.pie-chart1 .legend1 {
	width: 226px;
}

.pie-chart1 .legend1 .legend-series1 .legend-series-circle1 {
	background-color: var(--charts-charts-green-primary-200);
}

.pie-chart1 .legend1 .legend-series2 .legend-series-circle1 {
	background-color: var(--background-background-primary-400);
}

.pie-chart1 .legend1 .legend-series3 .legend-series-circle1 {
	background-color: var(--background-background-primary);
}

.card-pie-chart2 {
	width: 628px;
	min-height: 362px;
	gap: var(--global-spacing-xl);
	flex-shrink: 0;
	text-align: center;
}



/* pie-chart-b */

.pie-chart-b {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--global-spacing-3xl);
	padding: 0 42px;
}



/* legend-b */

.legend-b {
	width: 100%;
	/*max-width: 416px;*/
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	gap: var(--global-spacing-lg);
	row-gap: 12px;
	padding-bottom: 1px;
}



/* legend-series-b */

.legend-series-b {
	display: flex;
	align-items: center;
	gap: var(--spacing-md);
}

.legend-series-text2 {
	color: var(--text-text-primary-paragraph);
	font-size: 14px;
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 400;
	line-height: 1.429;
	letter-spacing: 0px;
	text-align: left;
}

.legend-series-circle2 {
	flex-shrink: 0;
}
/* end legend-series-b*/

/* end legend-b*/


.pie-chart-pie-chart2 {
	width: 240px; height: 240px;
	flex-shrink: 0;
}
/* end pie-chart-b*/


.card-pie-chart-text2 {
	align-self: stretch;
}

.pie-chart2 .legend2 .legend-series4 .legend-series-circle2 {
	background-color: var(--charts-charts-green-primary-200);
}

.pie-chart2 .legend2 .legend-series5 .legend-series-circle2 {
	background-color: var(--background-background-primary-400);
}

.pie-chart2 .legend2 .legend-series6 .legend-series-circle2 {
	background-color: var(--background-background-primary);
}

.hero-section-data {
	display: flex;
	align-items: flex-start;
	gap: var(--global-spacing-3xl);
}

.card-table1 {
	width: 629px;
	min-height: 574px;
	align-items: stretch;
	gap: var(--global-spacing-xl);
	flex-shrink: 0;
}

.card-table-text1 {
	text-align: center;
}

.card-table-table1 {
	container: card-table-table1 / inline-size;
}

.table-row7 {
	margin-bottom: -1px;
}

.card-table2 {
	min-height: 574px;
	align-items: stretch;
	gap: var(--global-spacing-xl);
	flex-grow: 1;
}

.card-table-text2 {
	text-align: center;
}

.card-table-table2 {
	container: card-table-table1 / inline-size;
}

.table-row14 {
	margin-bottom: -1px;
}

.hero-section-content3 {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: var(--global-spacing-xl);
	align-self: end;
}

.hero-section-text-symbol2 {
	text-align: right;
}

.hero-section-text {
	text-align: right;
}

.hero-section-charts2 {
	display: flex;
	align-items: flex-start;
	gap: var(--global-spacing-3xl);
}

.card-chart1 {
	width: 100%;
	min-height: 394px;
	gap: var(--global-spacing-xl);
	flex-grow: 1;
}



/* pie-chart-c */

.pie-chart-c {
	width: 100%;
	/*max-width: 378px;*/
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--global-spacing-3xl);
}

.pie-chart-pie-chart3 {
	width: 240px; height: 240px;
	flex-shrink: 0;
}
/* end pie-chart-c*/


.pie-chart3 .legend3 {
	justify-content: flex-end;
	/*align-self: stretch;*/
	direction: ltr;
}

.pie-chart3 .legend3 .legend-series1 .legend-series-circle1 {
	background-color: var(--background-background-success);
}

.pie-chart3 .legend3 .legend-series2 .legend-series-circle1 {
	background-color: var(--charts-charts-green-primary-200);
}

.pie-chart3 .legend3 .legend-series3 .legend-series-circle1 {
	background-color: var(--background-background-primary);
}

.card-chart2 {
	width: 100%;
	min-height: 394px;
	gap: var(--global-spacing-xl);
	flex-grow: 1;
}



/* pie-chart-d */

.pie-chart-d {
	width: 100%;
	/*max-width: 378px;*/
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--global-spacing-3xl);
}



/* legend-c */

.legend-c {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-end;
	align-content: flex-start;
	gap: var(--global-spacing-lg);
	row-gap: 12px;
	align-self: stretch;
	padding-bottom: 2px;
}
/* end legend-c*/


.pie-chart-pie-chart4 {
	width: 240px; height: 240px;
	flex-shrink: 0;
}
/* end pie-chart-d*/


.pie-chart4 .legend4 .legend-series7 .legend-series-circle1 {
	background-color: var(--background-background-success);
}

.pie-chart4 .legend4 .legend-series8 .legend-series-circle1 {
	background-color: #54c08a;
}

.pie-chart4 .legend4 .legend-series9 .legend-series-circle1 {
	background-color: #1b8354;
}

.pie-chart4 .legend4 .legend-series10 .legend-series-circle1 {
	background-color: #b8eacb;
}

.feedback .section-template-desktop-btn-no {
	padding-left: 15px;
	padding-right: 17px;
}

.feedback .section-template-desktop-btn-yes {
	padding-left: 16px;
	padding-right: 16px;
}

.footer1 .footer-text-link2 {
	margin-left: -296px; margin-top: 36px;
}



/** breakpoints (margin / paddings) **/

@media screen and (max-width: 1280px) {
	.header {
		padding-inline: var(--margin-sm);
	}
	.nav-header {
		padding-inline: var(--margin-sm);
	}
	.hero-section-content2 {
		margin-inline: 0;
	}
	.hero-section-statistics {
		padding-inline: 0;
	}
}



/* container queries (flex rows) */

@container second-nav-header (width < 593px) {
	.second-nav-header-content1 {
		margin-right: 0;
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}
	.second-nav-header-content1 > * {
		text-align: center;
	}
	.second-nav-header-content1 > .second-nav-header-content2 {
		width: 100%;
	}
}

@container second-nav-header-content1 (width < 399px) {
	.second-nav-header-content2 {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}
	.second-nav-header-content2 > * {
		text-align: center;
	}
}

@container card-table-table1 (width < 342px) {
	.table-header {
		flex-direction: column;
		align-items: center;
		gap: 14px;
	}
	.card-table-table1 > * {
		margin-left: 0; margin-right: 0;
	}
	.table-header > * {
		margin-left: unset !important; margin-top: unset !important;
		text-align: center;
	}
	.table-header > .table-header-text-cell1 {
		width: 100%;
	}
	.table-header > .table-header-text-cell2 {
		width: 100%;
	}
	.table-header > .table-header-text-cell3 {
		width: 100%;
	}
}

@container card-table-table1 (width < 390px) {
	.table-row-a {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}
	.table-row-a > * {
		margin-left: unset !important;
		text-align: center;
	}
	.table-row-a > .table-row-text-cell1 {
		width: 100%;
	}
	.table-row-a > .table-row-text-cell2 {
		width: 100%;
	}
	.table-row-a > .table-row-text-cell3 {
		width: 100%;
	}
}

@container card-table-table1 (width < 390px) {
	.table-row-b {
		margin-left: 0; margin-right: 0;
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}
	.table-row-b > * {
		margin-left: unset !important;
		text-align: center;
	}
	.table-row-b > .table-row-group {
		width: 100%;
	}
	.table-row-b > .table-row-text-cell4 {
		width: 100%;
	}
	.table-row-b > .table-row-text-cell5 {
		width: 100%;
	}
	.table-row-b > .table-row-text-cell6 {
		width: 100%;
	}
}

@container section-template-desktop (width < 964px) {
	.section-template-desktop-feedback {
		flex-direction: column;
		align-items: flex-end;
		gap: 13px;
	}
	.section-template-desktop-feedback > .section-template-desktop-text {
		width: 100%;
	}
	.section-template-desktop-feedback > .section-template-desktop-content {
		width: 100%;
	}
}

@container section-template-desktop-feedback (width < 316px) {
	.section-template-desktop-content {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}
	.section-template-desktop-content > * {
		text-align: center;
	}
}

@container footer-content (width < 791px) {
	.footer-nav-links {
		flex-direction: column;
		align-items: flex-end;
		gap: 23px;
	}
	.footer-nav-links > .footer-group1 {
		width: 100%;
	}
	.footer-nav-links > .footer-group2 {
		width: 100%;
	}
	.footer-nav-links > .footer-group3 {
		width: 100%;
	}
	.footer-nav-links > .footer-group4 {
		width: 100%;
	}
}

@container footer-content (width < 547px) {
	.footer-legal {
		flex-direction: column;
		align-items: flex-end;
		gap: 16px;
	}
	.footer-legal > .footer-links-legal1 {
		width: 100%;
	}
}

@container footer-links-legal2 (width < 887px) {
	.footer-extra-link {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}
	.footer-extra-link > * {
		margin-left: unset !important; margin-top: unset !important;
		text-align: center;
	}
	.footer-extra-link > .footer-text-link1 {
		width: 100%;
	}
	.footer-extra-link > .footer-text-link2 {
		width: 100%;
	}
}

@container nav-header (width < 1257px) {
	.nav-header-content {
		flex-direction: column;
		align-items: flex-end;
		gap: 15px;
	}
	.nav-header-content > .nav-header-actions {
		width: 100%;
		max-width: 368px;
		justify-content: center;
	}
	.nav-header-content > .nav-header-logo-menu {
		width: 100%;
		justify-content: center;
	}
}

@container nav-header-content (width < 367px) {
	.nav-header-actions {
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}
}

@container nav-header-actions (width < 154px) {
	.header-action-a {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}
	.header-action-a > * {
		text-align: center;
	}
}

@container nav-header-actions (width < 113px) {
	.header-action-b {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}
	.header-action-b > * {
		text-align: center;
	}
}

@container nav-header-content (width < 889px) {
	.nav-header-logo-menu {
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}
	.nav-header-logo-menu > * {
		text-align: center;
	}
}

@container nav-header-logo-menu (width < 741px) {
	.nav-header-menu-items {
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}
}

@container hero-section-content1 (width < 377px) {
	.breadcrumb {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}
	.breadcrumb > * {
		margin-left: unset !important; margin-right: unset !important;
		text-align: center;
	}
}

@container hero-section-website (width < 643px) {
	.hero-section-statistics {
		flex-direction: column;
		align-items: center;
		gap: 26px;
	}
	.hero-section-website > * {
		margin-left: 0; margin-right: 0;
	}
}

@container hero-section-website (width < 1280px) {
	.hero-section-data {
		flex-direction: column;
		align-items: center;
		gap: 100px;
	}
	.hero-section-data > .card-table1 {
		width: 100%;
		max-width: 629px;
	}
	.hero-section-data > .card-table1 > * {
		text-align: unset;
	}
	.hero-section-data > .card-table2 {
		width: 100%;
	}
	.hero-section-data > .card-table2 > * {
		text-align: unset;
	}
}

@container hero-section-website (width < 1280px) {
	.hero-section-charts2 {
		flex-direction: column;
		align-items: center;
		gap: 54px;
	}
	.hero-section-charts2 > .card-chart1 {
		width: 100%;
	}
	.hero-section-charts2 > .card-chart1 > * {
		text-align: unset;
	}
	.hero-section-charts2 > .card-chart2 {
		width: 100%;
	}
	.hero-section-charts2 > .card-chart2 > * {
		text-align: unset;
	}
}