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-ExtraLight';
    font-weight: 200;
    font-style: normal;
    src: url("../fonts/Poppins-ExtraLight.ttf") format('truetype');
}

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

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

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

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

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

@font-face {
    font-family: 'Poppins-ExtraBold';
    font-weight: 800;
    font-style: normal;
    src: url("../fonts/Poppins-ExtraBold.ttf") format('truetype');
}
@font-face {
    font-family: 'Tajawal-Regular';
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/Tajawal-Regular.ttf") format('truetype');
}
@font-face {
    font-family: 'Tajawal-Black';
    font-weight: 700;
    font-style: normal;
    src: url("../fonts/Tajawal-Black.ttf") format('truetype');
}
@font-face {
    font-family: 'Tajawal-ExtraBold';
    font-weight: 600;
    font-style: normal;
    src: url("../fonts/Tajawal-ExtraBold.ttf") format('truetype');
}
@font-face {
    font-family: 'Tajawal-ExtraLight';
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/Tajawal-ExtraLight.ttf") format('truetype');
}
@font-face {
    font-family: 'Tajawal-Light';
    font-weight: 300;
    font-style: normal;
    src: url("../fonts/Tajawal-Light.ttf") format('truetype');
}
@font-face {
    font-family: 'Tajawal-Medium';
    font-weight: 500;
    font-style: normal;
    src: url("../fonts/Tajawal-Medium.ttf") format('truetype');
}
@font-face {
    font-family: 'Tajawal-Bold';
    font-weight: 500;
    font-style: normal;
    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 {
    --font-ExtraLight: 'Poppins-ExtraLight';
    --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: 0.52vw;
    --font-size-11: 0.57vw;
    --font-size-12: 0.62vw;
    --font-size-13: 0.67vw;
    --font-size-14: 0.72vw;
    --font-size-15: 0.78vw;
    --font-size-16: 0.83vw;
    --font-size-17: 0.88vw;
    --font-size-18: 0.93vw;
    --font-size-19: 0.99vw;
    --font-size-20: 1.04vw;
    --font-size-21: 1.09vw;
    --font-size-22: 1.14vw;
    --font-size-23: 1.19vw;
    --font-size-24: 1.25vw;
    --font-size-25: 1.30vw;
    --font-size-26: 1.35vw;
    --font-size-27: 1.40vw;
    --font-size-28: 1.45vw;
    --font-size-29: 1.51vw;
    --font-size-30: 1.56vw;
    --font-size-31: 1.61vw;
    --font-size-32: 1.66vw;
    --font-size-33: 1.71vw;
    --font-size-34: 1.77vw;
    --font-size-35: 1.82vw;
    --font-size-36: 1.87vw;
    --font-size-37: 1.92vw;
    --font-size-38: 1.97vw;
    --font-size-39: 2.03vw;
    --font-size-40: 2.08vw;
    --font-size-41: 2.13vw;
    --font-size-42: 2.18vw;
    --font-size-43: 2.24vw;
    --font-size-44: 2.29vw;
    --font-size-45: 2.34vw;
    --font-size-46: 2.39vw;
    --font-size-47: 2.44vw;
    --font-size-48: 2.50vw;
    --font-size-49: 2.55vw;
    --font-size-50: 2.60vw;
    --font-size-51: 2.65vw;
    --font-size-52: 2.70vw;
    --font-size-53: 2.76vw;
    --font-size-54: 2.81vw;
    --font-size-55: 2.86vw;
    --font-size-56: 2.91vw;
    --font-size-57: 2.96vw;
    --font-size-58: 3.02vw;
    --font-size-59: 3.07vw;
    --font-size-60: 3.12vw;
    --font-size-61: 3.17vw;
    --font-size-62: 3.22vw;
    --font-size-63: 3.28vw;
    --font-size-64: 3.33vw;
    --font-size-65: 3.38vw;
    --font-size-88: 4.58vw;
    --font-size-120: 5.25vw;
}

@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-88: calc(0.5em + 4.58vw);
        --font-size-120: calc(0.5em + 6.25vw);
    }
}

@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-88: calc(0.6em + 4.58vw);
        --font-size-120: calc(0.6em + 6.25vw);

    }
}

: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;
}