body {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    color: var(--color-text);
    font-size: var(--font-size-16);
    background-color: var(--body-bg);
    overflow-x: hidden;
}
html[lang="ar"] body {
    font-family: Tajawal-Regular, sans-serif !important;
}
html {
    scroll-behavior: smooth;
}

@font-face {
    font-family: 'Poppins-Light';
    font-weight: 300;
    font-style: normal;
	font-display: swap;
    src: url("../fonts/Poppins-Light.ttf") format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 400;
    font-style: normal;
	font-display: swap;
    src: url("../fonts/Poppins-Regular.ttf") format('truetype');
}

@font-face {
    font-family: 'Poppins-Medium';
    font-weight: 500;
    font-style: normal;
	font-display: swap;
    src: url("../fonts/Poppins-Medium.ttf") format('truetype');
}

@font-face {
    font-family: 'Poppins-SemiBold';
    font-weight: 600;
    font-style: normal;
	font-display: swap;
    src: url("../fonts/Poppins-SemiBold.ttf") format('truetype');
}

@font-face {
    font-family: 'Poppins-Bold';
    font-weight: 700;
    font-style: normal;
	font-display: swap;
    src: url("../fonts/Poppins-Bold.ttf") format('truetype');
}

@font-face {
    font-family: 'Poppins-ExtraBold';
    font-weight: 800;
    font-style: normal;
	font-display: swap;
    src: url("../fonts/Poppins-ExtraBold.ttf") format('truetype');
}
@font-face {
    font-family: 'Tajawal-Regular';
    font-weight: 400;
    font-style: normal;
	font-display: swap;
    src: url("../fonts/Tajawal-Regular.ttf") format('truetype');
}
@font-face {
    font-family: 'Tajawal-Black';
    font-weight: 700;
    font-style: normal;
	font-display: swap;
    src: url("../fonts/Tajawal-Black.ttf") format('truetype');
}
@font-face {
    font-family: 'Tajawal-ExtraBold';
    font-weight: 600;
    font-style: normal;
	font-display: swap;
    src: url("../fonts/Tajawal-ExtraBold.ttf") format('truetype');
}

@font-face {
    font-family: 'Tajawal-Light';
    font-weight: 300;
    font-style: normal;
	font-display: swap;
    src: url("../fonts/Tajawal-Light.ttf") format('truetype');
}
@font-face {
    font-family: 'Tajawal-Medium';
    font-weight: 500;
    font-style: normal;
	font-display: swap;
    src: url("../fonts/Tajawal-Medium.ttf") format('truetype');
}
@font-face {
    font-family: 'Tajawal-Bold';
    font-weight: 500;
    font-style: normal;
	font-display: swap;
    src: url("../fonts/Tajawal-Bold.ttf") format('truetype');
}

html[dir="rtl"] {
     --font-ExtraLight: 'Tajawal-ExtraLight';
    --font-Light: 'Tajawal-Light';
    --font-Regular: 'Tajawal-Regular';
    --font-Medium: 'Tajawal-Medium';
    --font-SemiBold: 'Tajawal-Medium';
    --font-Bold: 'Tajawal-Bold';
    --font-ExtraBold: 'Tajawal-ExtraBold';
}

:root {
	 /* To reduce 2px */
/*     --reduction-factor: 0.104vw; */
	/* To reduce 1px */
/* 	--reduction-factor: 0.052vw;  */
	
	--reduction-factor: 0vw;
}

:root:has(.page-id-3631),
:root:has(.page-id-3636){
	--reduction-factor: 0.104vw;
}

:root {
    --font-Light: 'Poppins-Light';
    --font-Regular: 'Poppins';
    --font-Medium: 'Poppins-Medium';
    --font-SemiBold: 'Poppins-SemiBold';
    --font-Bold: 'Poppins-Bold';
    --font-ExtraBold: 'Poppins-ExtraBold';
    --font-size-10: calc(0.52vw - var(--reduction-factor));
    --font-size-11: calc(0.57vw- var(--reduction-factor));
    --font-size-12: calc(0.62vw - var(--reduction-factor));
    --font-size-13: calc(0.67vw - var(--reduction-factor));
    --font-size-14: calc(0.72vw - var(--reduction-factor));
    --font-size-15: calc(0.78vw - var(--reduction-factor));
    --font-size-16: calc(0.83vw - var(--reduction-factor));
    --font-size-17: calc(0.88vw - var(--reduction-factor));
    --font-size-18: calc(0.93vw - var(--reduction-factor));
    --font-size-19: calc(0.99vw - var(--reduction-factor));
    --font-size-20: calc(1.04vw - var(--reduction-factor));
    --font-size-21: calc(1.09vw - var(--reduction-factor));
    --font-size-22: calc(1.14vw - var(--reduction-factor));
    --font-size-23: calc(1.19vw - var(--reduction-factor));
    --font-size-24: calc(1.25vw - var(--reduction-factor));
    --font-size-25: calc(1.30vw - var(--reduction-factor));
    --font-size-26: calc(1.35vw - var(--reduction-factor));
    --font-size-27: calc(1.40vw - var(--reduction-factor));
    --font-size-28: calc(1.45vw - var(--reduction-factor));
    --font-size-29: calc(1.51vw - var(--reduction-factor));
    --font-size-30: calc(1.56vw - var(--reduction-factor));
    --font-size-31: calc(1.61vw - var(--reduction-factor));
    --font-size-32: calc(1.66vw - var(--reduction-factor));
    --font-size-33: calc(1.71vw - var(--reduction-factor));
    --font-size-34: calc(1.77vw - var(--reduction-factor));
    --font-size-35: calc(1.82vw - var(--reduction-factor));
    --font-size-36: calc(1.87vw - var(--reduction-factor));
    --font-size-37: calc(1.92vw - var(--reduction-factor));
    --font-size-38: calc(1.97vw - var(--reduction-factor));
    --font-size-39: calc(2.03vw - var(--reduction-factor));
    --font-size-40: calc(2.08vw - var(--reduction-factor));
    --font-size-41: calc(2.13vw - var(--reduction-factor));
    --font-size-42: calc(2.18vw - var(--reduction-factor));
    --font-size-43: calc(2.24vw - var(--reduction-factor));
    --font-size-44: calc(2.29vw - var(--reduction-factor));
    --font-size-45: calc(2.34vw - var(--reduction-factor));
    --font-size-46: calc(2.39vw - var(--reduction-factor));
    --font-size-47: calc(2.44vw - var(--reduction-factor));
    --font-size-48: calc(2.50vw - var(--reduction-factor));
    --font-size-49: calc(2.55vw - var(--reduction-factor));
    --font-size-50: calc(2.60vw - var(--reduction-factor));
    --font-size-51: calc(2.65vw - var(--reduction-factor));
    --font-size-52: calc(2.70vw - var(--reduction-factor));
    --font-size-53: calc(2.76vw - var(--reduction-factor));
    --font-size-54: calc(2.81vw - var(--reduction-factor));
    --font-size-55: calc(2.86vw - var(--reduction-factor));
    --font-size-56: calc(2.91vw - var(--reduction-factor));
    --font-size-57: calc(2.96vw - var(--reduction-factor));
    --font-size-58: calc(3.02vw - var(--reduction-factor));
    --font-size-59: calc(3.07vw - var(--reduction-factor));
    --font-size-60: calc(3.12vw - var(--reduction-factor));
    --font-size-61: calc(3.17vw - var(--reduction-factor));
    --font-size-62: calc(3.22vw - var(--reduction-factor));
    --font-size-63: calc(3.28vw - var(--reduction-factor));
    --font-size-64: calc(3.33vw - var(--reduction-factor));
    --font-size-65: calc(3.38vw - var(--reduction-factor));
	--font-size-68: calc(3.58vw - var(--reduction-factor));
    --font-size-88: calc(4.58vw - var(--reduction-factor));
	--font-size-99: calc(5.156vw - var(--reduction-factor));
	--font-size-110: calc(5.756vw - var(--reduction-factor));
    --font-size-120: calc(6.25vw - var(--reduction-factor));
}

@media(max-width: 992px) {
    :root {
        --font-size-10: calc(0.5em + 0.52vw);
        --font-size-11: calc(0.5em + 0.57vw);
        --font-size-12: calc(0.5em + 0.62vw);
        --font-size-13: calc(0.5em + 0.67vw);
        --font-size-14: calc(0.5em + 0.72vw);
        --font-size-15: calc(0.5em + 0.78vw);
        --font-size-16: calc(0.5em + 0.83vw);
        --font-size-17: calc(0.5em + 0.88vw);
        --font-size-18: calc(0.5em + 0.93vw);
        --font-size-19: calc(0.5em + 0.99vw);
        --font-size-20: calc(0.5em + 1.04vw);
        --font-size-21: calc(0.5em + 1.09vw);
        --font-size-22: calc(0.5em + 1.14vw);
        --font-size-23: calc(0.5em + 1.19vw);
        --font-size-24: calc(0.5em + 1.25vw);
        --font-size-25: calc(0.5em + 1.30vw);
        --font-size-26: calc(0.5em + 1.35vw);
        --font-size-27: calc(0.5em + 1.40vw);
        --font-size-28: calc(0.5em + 1.45vw);
        --font-size-29: calc(0.5em + 1.51vw);
        --font-size-30: calc(0.5em + 1.56vw);
        --font-size-31: calc(0.5em + 1.61vw);
        --font-size-32: calc(0.5em + 1.66vw);
        --font-size-33: calc(0.5em + 1.71vw);
        --font-size-34: calc(0.5em + 1.77vw);
        --font-size-35: calc(0.5em + 1.82vw);
        --font-size-36: calc(0.5em + 1.87vw);
        --font-size-37: calc(0.5em + 1.92vw);
        --font-size-38: calc(0.5em + 1.97vw);
        --font-size-39: calc(0.5em + 2.03vw);
        --font-size-40: calc(0.5em + 2.08vw);
        --font-size-41: calc(0.5em + 2.13vw);
        --font-size-42: calc(0.5em + 2.18vw);
        --font-size-43: calc(0.5em + 2.24vw);
        --font-size-44: calc(0.5em + 2.29vw);
        --font-size-45: calc(0.5em + 2.34vw);
        --font-size-46: calc(0.5em + 2.39vw);
        --font-size-47: calc(0.5em + 2.44vw);
        --font-size-48: calc(0.5em + 2.50vw);
        --font-size-49: calc(0.5em + 2.55vw);
        --font-size-50: calc(0.5em + 2.60vw);
        --font-size-51: calc(0.5em + 2.65vw);
        --font-size-52: calc(0.5em + 2.70vw);
        --font-size-53: calc(0.5em + 2.76vw);
        --font-size-54: calc(0.5em + 2.81vw);
        --font-size-55: calc(0.5em + 2.86vw);
        --font-size-56: calc(0.5em + 2.91vw);
        --font-size-57: calc(0.5em + 2.96vw);
        --font-size-58: calc(0.5em + 3.02vw);
        --font-size-59: calc(0.5em + 3.07vw);
        --font-size-60: calc(0.5em + 3.12vw);
        --font-size-61: calc(0.5em + 3.17vw);
        --font-size-62: calc(0.5em + 3.22vw);
        --font-size-63: calc(0.5em + 3.28vw);
        --font-size-64: calc(0.5em + 3.33vw);
        --font-size-65: calc(0.5em + 3.38vw);
		--font-size-68: calc(0.5em + 3.58vw);
        --font-size-88: calc(0.5em + 4.58vw);
		--font-size-99: calc(0.5em + 5.156vw)
        --font-size-120: calc(0.5em + 6.25vw);
		--font-size-110:calc(0.5em + 5.75vw);
    }
}

@media(max-width: 480px) {
    :root {
        --font-size-10: calc(0.6em + 0.52vw);
        --font-size-11: calc(0.6em + 0.57vw);
        --font-size-12: calc(0.6em + 0.62vw);
        --font-size-13: calc(0.6em + 0.67vw);
        --font-size-14: calc(0.6em + 0.72vw);
        --font-size-15: calc(0.6em + 0.78vw);
        --font-size-16: calc(0.6em + 0.83vw);
        --font-size-17: calc(0.6em + 0.88vw);
        --font-size-18: calc(0.6em + 0.93vw);
        --font-size-19: calc(0.6em + 0.99vw);
        --font-size-20: calc(0.6em + 1.04vw);
        --font-size-21: calc(0.6em + 1.09vw);
        --font-size-22: calc(0.6em + 1.14vw);
        --font-size-23: calc(0.6em + 1.19vw);
        --font-size-24: calc(0.6em + 1.25vw);
        --font-size-25: calc(0.6em + 1.30vw);
        --font-size-26: calc(0.6em + 1.35vw);
        --font-size-27: calc(0.6em + 1.40vw);
        --font-size-28: calc(0.6em + 1.45vw);
        --font-size-29: calc(0.6em + 1.51vw);
        --font-size-30: calc(0.6em + 1.56vw);
        --font-size-31: calc(0.6em + 1.61vw);
        --font-size-32: calc(0.6em + 1.66vw);
        --font-size-33: calc(0.6em + 1.71vw);
        --font-size-34: calc(0.6em + 1.77vw);
        --font-size-35: calc(0.6em + 1.82vw);
        --font-size-36: calc(0.6em + 1.87vw);
        --font-size-37: calc(0.6em + 1.92vw);
        --font-size-38: calc(0.6em + 1.97vw);
        --font-size-39: calc(0.6em + 2.03vw);
        --font-size-40: calc(0.6em + 2.08vw);
        --font-size-41: calc(0.6em + 2.13vw);
        --font-size-42: calc(0.6em + 2.18vw);
        --font-size-43: calc(0.6em + 2.24vw);
        --font-size-44: calc(0.6em + 2.29vw);
        --font-size-45: calc(0.6em + 2.34vw);
        --font-size-46: calc(0.6em + 2.39vw);
        --font-size-47: calc(0.6em + 2.44vw);
        --font-size-48: calc(0.6em + 2.50vw);
        --font-size-49: calc(0.6em + 2.55vw);
        --font-size-50: calc(0.6em + 2.60vw);
        --font-size-51: calc(0.6em + 2.65vw);
        --font-size-52: calc(0.6em + 2.70vw);
        --font-size-53: calc(0.6em + 2.76vw);
        --font-size-54: calc(0.6em + 2.81vw);
        --font-size-55: calc(0.6em + 2.86vw);
        --font-size-56: calc(0.6em + 2.91vw);
        --font-size-57: calc(0.6em + 2.96vw);
        --font-size-58: calc(0.6em + 3.02vw);
        --font-size-59: calc(0.6em + 3.07vw);
        --font-size-60: calc(0.6em + 3.12vw);
        --font-size-61: calc(0.6em + 3.17vw);
        --font-size-62: calc(0.6em + 3.22vw);
        --font-size-63: calc(0.6em + 3.28vw);
        --font-size-64: calc(0.6em + 3.33vw);
        --font-size-65: calc(0.6em + 3.38vw);
		--font-size-68: calc(0.6em + 3.58vw);
        --font-size-88: calc(0.6em + 4.58vw);
        --font-size-120: calc(0.6em + 6.25vw);
		--font-size-110:calc(0.6em + 5.75vw);

    }
}

:root {
    --body-bg: #fff;
    --color-text: #000;
}

:root.dark {
    --body-bg: #000C25;
    --color-text: #fff;
}
.is-layout-constrained > .alignwide {
    max-width: 96%;
}
.wp-block-post-title{
    display: none;
}
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: none;
}
:root :where(.is-layout-constrained) > * {
    margin-block-start: 0;
}
main {
    margin-top: 0 !important;
}
main > .wp-block-group:first-of-type
 {
    padding-top: 0 !important;
}
main.has-global-padding.is-layout-constrained {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
#lightmode {
    display: none;
}
#lightmode, #darkmode {
    cursor: pointer;
    border-right: 1px solid rgb(255 255 255 / 50%);
    padding-right: 20px;
}
#settings{
    cursor: pointer;
}
.diyar-opposite-flag {
    text-decoration: none;
    margin-top: 10px;
    display: block;
}
a.diyar-opposite-flag img {
    display: none;
}
html[lang="en-US"] .diyar-opposite-flag::after {
    content: "";
    display: inline-block;
    width: 1.05vw;
    height: 1.05vw;
    background-image: url(../images/lang-Ar.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
html[lang="ar"] .diyar-opposite-flag::after {
    content: "";
    display: inline-block;
    width: 1.05vw;
    height: 1.05vw;
    background-image: url(../images/lang-En.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
a:focus{
	outline:none;
}




/* ===============================
Corporate Animation System
Clean • Consistent • Lightweight
================================ */

/* Base */
.fade,
.fade-up,
.fade-left,
.fade-right {
opacity: 0;
will-change: opacity, transform;
}

.block-editor__container .fade, 
.block-editor__container .fade-up, 
.block-editor__container .fade-left, 
.block-editor__container .fade-right {
	opacity: 1;
}

/* ===============================
Fade Only
================================ */
.fade {
transition: opacity 0.5s ease;
}

.fade.is-visible {
opacity: 1;
}

/* ===============================
Fade Up (default sections)
================================ */
.fade-up {
transform: translateY(20px);
transition:
opacity 0.5s ease,
transform 0.5s ease;
}

.fade-up.is-visible {
opacity: 1;
transform: translateY(0);
}

/* ===============================
Fade Left
================================ */
.fade-left {
transform: translateX(20px);
transition:
opacity 0.5s ease,
transform 0.5s ease;
}

.fade-left.is-visible {
opacity: 1;
transform: translateX(0);
}

/* ===============================
Fade Right
================================ */
.fade-right {
transform: translateX(-20px);
transition:
opacity 0.5s ease,
transform 0.5s ease;
}

.fade-right.is-visible {
opacity: 1;
transform: translateX(0);
}

/* ===============================
Delay Utilities (optional)
================================ */
.delay-1 { transition-delay: 0.1s; }
.delay-2 { transition-delay: 0.15s; }
.delay-3 { transition-delay: 0.2s; }

/* ===============================
Accessibility
================================ */
@media (prefers-reduced-motion: reduce) {
.fade,
.fade-up,
.fade-left,
.fade-right {
transition: none;
transform: none;
opacity: 1;
}
}