/* Add custom CSS styles below */ 
.elementor-945 .elementor-element.elementor-element-4cc13e9.e-con {
    --align-self: flex-start;
}
@media (max-width: 1024px) {
    .elementor-945 .elementor-element.elementor-element-4cc13e9 {
        --justify-content: flex-start;
        --padding-top: 0px;
        --padding-bottom: 04px;
        --padding-left: 0px;
        --padding-right: 40px;
    }
}
.elementor-945 .elementor-element.elementor-element-4cc13e9 {
    --display: flex;
    --padding-top: 0px;
    --padding-bottom: 80px;
    --padding-left: 50px;
    --padding-right: 0px;
}
body.rtl .e-con {
    --padding-inline-start: var(--padding-right);
    --padding-inline-end: var(--padding-left);
    --margin-inline-start: var(--margin-right);
    --margin-inline-end: var(--margin-left);
    --border-inline-start-width: var(--border-right-width);
    --border-inline-end-width: var(--border-left-width);
}
.e-con-full.e-flex, .e-con.e-flex>.e-con-inner {
    flex-direction: var(--flex-direction);
}
.e-con.e-flex {
    --flex-direction: column;
    --flex-basis: auto;
    --flex-grow: 0;
    --flex-shrink: 1;
    flex: var(--flex-grow) var(--flex-shrink) var(--flex-basis);
}
.elementor-element, .elementor-lightbox {
    --swiper-theme-color: #000;
    --swiper-navigation-size: 44px;
    --swiper-pagination-bullet-size: 6px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
}
@media (max-width: 1024px) {
    .e-con {
        --container-max-width: 1024px;
    }
}
.elementor-element {
    --widgets-spacing: 20px 20px;
    --widgets-spacing-row: 20px;
    --widgets-spacing-column: 20px;
}
.e-con {
    --container-max-width: 1200px;
}
.e-con, .e-con>.e-con-inner {
    display: var(--display);
}
.e-con-full, .e-con>.e-con-inner {
    padding-block-end: var(--padding-block-end);
    padding-block-start: var(--padding-block-start);
    text-align: var(--text-align);
}
.e-con {
    margin-block-end: var(--margin-block-end);
    margin-block-start: var(--margin-block-start);
    margin-inline-end: var(--margin-inline-end);
    margin-inline-start: var(--margin-inline-start);
    padding-inline-end: var(--padding-inline-end);
    padding-inline-start: var(--padding-inline-start);
}
.e-con {
    --margin-block-start: var(--margin-top);
    --margin-block-end: var(--margin-bottom);
    --margin-inline-start: var(--margin-left);
    --margin-inline-end: var(--margin-right);
    --padding-inline-start: var(--padding-left);
    --padding-inline-end: var(--padding-right);
    --padding-block-start: var(--padding-top);
    --padding-block-end: var(--padding-bottom);
    --border-block-start-width: var(--border-top-width);
    --border-block-end-width: var(--border-bottom-width);
    --border-inline-start-width: var(--border-left-width);
    --border-inline-end-width: var(--border-right-width);
}
.e-con:where(:not(.e-div-block-base)) {
    transition: background var(--background-transition, .3s), border var(--border-transition, .3s), box-shadow var(--border-transition, .3s), transform var(--e-con-transform-transition-duration, .4s);
}
.e-con {
    --border-radius: 0;
    --border-top-width: 0px;
    --border-right-width: 0px;
    --border-bottom-width: 0px;
    --border-left-width: 0px;
    --border-style: initial;
    --border-color: initial;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --content-width: min(100%, var(--container-max-width, 1140px));
    --width: 100%;
    --min-height: initial;
    --height: auto;
    --text-align: initial;
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --padding-top: var(--container-default-padding-top, 10px);
    --padding-right: var(--container-default-padding-right, 10px);
    --padding-bottom: var(--container-default-padding-bottom, 10px);
    --padding-left: var(--container-default-padding-left, 10px);
    --position: relative;
    --z-index: revert;
    --overflow: visible;
    --gap: var(--widgets-spacing, 20px);
    --row-gap: var(--widgets-spacing-row, 20px);
    --column-gap: var(--widgets-spacing-column, 20px);
    --overlay-mix-blend-mode: initial;
    --overlay-opacity: 1;
    --overlay-transition: 0.3s;
    --e-con-grid-template-columns: repeat(3, 1fr);
    --e-con-grid-template-rows: repeat(2, 1fr);
    border-radius: var(--border-radius);
    height: var(--height);
    min-height: var(--min-height);
    min-width: 0;
    overflow: var(--overflow);
    position: var(--position);
    width: var(--width);
    z-index: var(--z-index);
    --flex-wrap-mobile: wrap;
}
.elementor-element:where(.e-con-full,.elementor-widget) {
    align-content: var(--align-content);
    align-items: var(--align-items);
    flex-direction: var(--flex-direction);
    flex-wrap: var(--flex-wrap);
    gap: var(--row-gap) var(--column-gap);
    justify-content: var(--justify-content);
}
.elementor-element {
    --flex-direction: initial;
    --flex-wrap: initial;
    --justify-content: initial;
    --align-items: initial;
    --align-content: initial;
    --gap: initial;
    --flex-basis: initial;
    --flex-grow: initial;
    --flex-shrink: initial;
    --order: initial;
    --align-self: initial;
    align-self: var(--align-self);
    flex-basis: var(--flex-basis);
    flex-grow: var(--flex-grow);
    flex-shrink: var(--flex-shrink);
    order: var(--order);
}
.elementor *, .elementor :after, .elementor :before {
    box-sizing: border-box;
}
*, :after, :before {
    box-sizing: inherit;
}
user agent stylesheet
div {
    display: block;
    unicode-bidi: isolate;
}
@media (max-width: 1024px) {
    .elementor-945 .elementor-element.elementor-element-f8b2f23 {
        --align-items: stretch;
        --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
        --padding-top: 120px;
        --padding-bottom: 0px;
        --padding-left: 40px;
        --padding-right: 40px;
    }
}
.elementor-945 .elementor-element.elementor-element-f8b2f23 {
    --display: flex;
    --flex-direction: row;
    --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
    --container-widget-align-self: stretch;
    --flex-wrap-mobile: wrap;
    --align-items: center;
    --gap: 0px 0px;
    --row-gap: 0px;
    --column-gap: 0px;
    --padding-top: 160px;
    --padding-bottom: 0px;
    --padding-left: 40px;
    --padding-right: 40px;
}
body.rtl .e-con {
    --padding-inline-start: var(--padding-right);
    --padding-inline-end: var(--padding-left);
    --margin-inline-start: var(--margin-right);
    --margin-inline-end: var(--margin-left);
    --border-inline-start-width: var(--border-right-width);
    --border-inline-end-width: var(--border-left-width);
}
:is(.elementor-section-wrap,[data-elementor-id])>.e-con {
    --margin-left: auto;
    --margin-right: auto;
    max-width: min(100%, var(--width));
}
.e-con.e-flex {
    --flex-direction: column;
    --flex-basis: auto;
    --flex-grow: 0;
    --flex-shrink: 1;
    flex: var(--flex-grow) var(--flex-shrink) var(--flex-basis);
}
.elementor-element, .elementor-lightbox {
    --swiper-theme-color: #000;
    --swiper-navigation-size: 44px;
    --swiper-pagination-bullet-size: 6px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
}
@media (max-width: 1024px) {
    .e-con {
        --container-max-width: 1024px;
    }
}
.elementor-element {
    --widgets-spacing: 20px 20px;
    --widgets-spacing-row: 20px;
    --widgets-spacing-column: 20px;
}
.e-con {
    --container-max-width: 1200px;
}
.e-con-boxed {
    gap: initial;
    text-align: initial;
}
.e-con {
    --margin-block-start: var(--margin-top);
    --margin-block-end: var(--margin-bottom);
    --margin-inline-start: var(--margin-left);
    --margin-inline-end: var(--margin-right);
    --padding-inline-start: var(--padding-left);
    --padding-inline-end: var(--padding-right);
    --padding-block-start: var(--padding-top);
    --padding-block-end: var(--padding-bottom);
    --border-block-start-width: var(--border-top-width);
    --border-block-end-width: var(--border-bottom-width);
    --border-inline-start-width: var(--border-left-width);
    --border-inline-end-width: var(--border-right-width);
}
.e-con {
    --border-radius: 0;
    --border-top-width: 0px;
    --border-right-width: 0px;
    --border-bottom-width: 0px;
    --border-left-width: 0px;
    --border-style: initial;
    --border-color: initial;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --content-width: min(100%, var(--container-max-width, 1140px));
    --width: 100%;
    --min-height: initial;
    --height: auto;
    --text-align: initial;
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --padding-top: var(--container-default-padding-top, 10px);
    --padding-right: var(--container-default-padding-right, 10px);
    --padding-bottom: var(--container-default-padding-bottom, 10px);
    --padding-left: var(--container-default-padding-left, 10px);
    --position: relative;
    --z-index: revert;
    --overflow: visible;
    --gap: var(--widgets-spacing, 20px);
    --row-gap: var(--widgets-spacing-row, 20px);
    --column-gap: var(--widgets-spacing-column, 20px);
    --overlay-mix-blend-mode: initial;
    --overlay-opacity: 1;
    --overlay-transition: 0.3s;
    --e-con-grid-template-columns: repeat(3, 1fr);
    --e-con-grid-template-rows: repeat(2, 1fr);
    border-radius: var(--border-radius);
    height: var(--height);
    min-height: var(--min-height);
    min-width: 0;
    overflow: var(--overflow);
    position: var(--position);
    width: var(--width);
    z-index: var(--z-index);
    --flex-wrap-mobile: wrap;
}
.elementor-element {
    --flex-direction: initial;
    --flex-wrap: initial;
    --justify-content: initial;
    --align-items: initial;
    --align-content: initial;
    --gap: initial;
    --flex-basis: initial;
    --flex-grow: initial;
    --flex-shrink: initial;
    --order: initial;
    --align-self: initial;
    align-self: var(--align-self);
    flex-basis: var(--flex-basis);
    flex-grow: var(--flex-grow);
    flex-shrink: var(--flex-shrink);
    order: var(--order);
}
.entry-content {
    word-wrap: break-word;
}
body.rtl, html[dir=rtl] {
    --direction-multiplier: -1;
}
body.rtl, html[dir=rtl] {
    --direction-multiplier: -1;
}
.elementor-kit-482 {
    --e-global-color-primary: #0A7693;
    --e-global-color-secondary: #54595F;
    --e-global-color-text: #7A7A7A;
    --e-global-color-accent: #61CE70;
    --e-global-typography-primary-font-family: "Tajawal";
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: "Tajawal";
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: "Tajawal";
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "Tajawal";
    --e-global-typography-accent-font-weight: 500;
    font-family: "Tajawal", tajawal;
}
body, h1, h2, h3, h4, h5, h6, .entry-title a, .entry-content :where(h1,h2,h3,h4,h5,h6) {
    color: var(--ast-global-color-3);
}
body, button, input, select, textarea, .ast-button, .ast-custom-button {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 17px;
    font-size: 1rem;
}
.ast-button, .ast-custom-button, body, button, input[type=button], input[type=submit], textarea {
    line-height: 1.85714285714286;
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    color: #808285;
    background: #fff;
    font-style: normal;
}
address, blockquote, body, dd, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul {
    border: 0;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
body.rtl, html[dir=rtl] {
    --direction-multiplier: -1;
}
body.rtl, html[dir=rtl] {
    --direction-multiplier: -1;
}
:root {
    --swiper-navigation-size: 44px;
}
:root {
    --swiper-theme-color: #007aff;
}
:root {
    --page-title-display: none;
}
:root {
    --page-title-display: block;
}
:root {
    --direction-multiplier: 1;
}
:root {
    --ba-colors-primary: #2563eb;
    --ba-colors-secondary: #54595F;
    --ba-colors-text: #7A7A7A;
    --ba-colors-accent: #61CE70;
    --ba-font-weights-primary: 600;
    --ba-font-weights-secondary: 400;
    --ba-font-weights-text: 600;
    --ba-font-weights-accent: 500;
}
:root {
    --wp--style--block-gap: 24px;
}
:root {
    --wp--style--global--content-size: var(--wp--custom--ast-content-width-size);
    --wp--style--global--wide-size: var(--wp--custom--ast-wide-width-size);
}
:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4 / 3;
    --wp--preset--aspect-ratio--3-4: 3 / 4;
    --wp--preset--aspect-ratio--3-2: 3 / 2;
    --wp--preset--aspect-ratio--2-3: 2 / 3;
    --wp--preset--aspect-ratio--16-9: 16 / 9;
    --wp--preset--aspect-ratio--9-16: 9 / 16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--color--ast-global-color-0: var(--ast-global-color-0);
    --wp--preset--color--ast-global-color-1: var(--ast-global-color-1);
    --wp--preset--color--ast-global-color-2: var(--ast-global-color-2);
    --wp--preset--color--ast-global-color-3: var(--ast-global-color-3);
    --wp--preset--color--ast-global-color-4: var(--ast-global-color-4);
    --wp--preset--color--ast-global-color-5: var(--ast-global-color-5);
    --wp--preset--color--ast-global-color-6: var(--ast-global-color-6);
    --wp--preset--color--ast-global-color-7: var(--ast-global-color-7);
    --wp--preset--color--ast-global-color-8: var(--ast-global-color-8);
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgb(6, 147, 227) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgb(252, 185, 0) 0%, rgb(255, 105, 0) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgb(255, 105, 0) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
Show all properties (6 more)
}
:root {
    --swiper-navigation-size: 44px;
}
:root {
    --swiper-theme-color: #007aff;
}
:root {
    --ba-circle-mask: url(data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 600 600%27%3E%3Ccircle cx=%27300%27 cy=%27300%27 r=%27300%27/%3E%3C/svg%3E);
    --ba-diamond-mask: url(data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 600 600%27%3E%3Cpath d=%27m300.825 600.352-300-297.419L300.663.352l300.162 302.713-300 297.287Z%27/%3E%3C/svg%3E);
    --ba-hexagon-mask: url(data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 600 651%27%3E%3Cpath d=%27M0 175.5v300l300 175 300-175v-300L300 .5 0 175.5Z%27/%3E%3C/svg%3E);
    --ba-rounded-mask: url(data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 600 600%27%3E%3Crect width=%27600%27 height=%27600%27 rx=%27100%27/%3E%3C/svg%3E);
    --ba-blob-1-mask: url(data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 600 534%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M301.282.005C426.161-.59 559.898 50.248 594.185 170.132c31.926 111.632-73.705 198.709-167.979 266.674-93.027 67.065-206.344 134.824-302.736 72.675C14.005 438.903-26 295.739 16.875 172.888 57.251 57.201 178.573.591 301.282.005Z%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E);
    --ba-blob-2-mask: url(data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 600 577%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M293.207 8.473c93.93-7.321 202.639-27.757 265.255 42.519 64.533 72.427 40.007 181.296 18.356 275.787-21.633 94.414-46.921 203.154-136.577 240.171-86.884 35.873-174.273-32.36-256.501-77.876-73.476-40.671-154.505-80.811-176.439-161.773-22.755-83.991 9.824-173.819 67.958-238.647 54.332-60.588 136.736-73.852 217.948-80.181Z%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E);
    --ba-blob-3-mask: url(data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 600 640%27%3E%3Cpath d=%27M404.693 564.39C141.225 719.067 6.397 636.425.208 316.464-5.98-3.496 125.753-80.836 395.41 84.448c269.656 165.284 272.751 325.264 9.283 479.942Z%27/%3E%3C/svg%3E);
    --ba-blob-4-mask: url(data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 600 495%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M293.681 63.095c55.358 4.899 110.557-50.227 160.556-25.963 50.336 24.427 57.288 91.723 80.171 142.783 26.256 58.585 77.38 114.365 63.13 176.964-14.428 63.383-71.872 116.206-134.122 134.905-57.352 17.227-109.951-40.194-169.735-43.634-53.927-3.103-104.781 41.701-156.113 24.883C78.846 453.794 17.781 412.639 2.512 352.756c-15.201-59.62 42.792-110.636 61.21-169.342C82.43 123.789 55.698 35.731 111.064 6.762c57.86-30.273 117.571 50.577 182.617 56.333Z%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E);
}
:root {
    --e-a-color-white: #fff;
    --e-a-color-black: #000;
    --e-a-color-logo: #fff;
    --e-a-color-circle-logo: #000;
    --e-a-color-primary: #f3bafd;
    --e-a-color-primary-bold: #d004d4;
    --e-a-color-secondary: #515962;
    --e-a-color-success: #0a875a;
    --e-a-color-danger: #dc2626;
    --e-a-color-info: #2563eb;
    --e-a-color-warning: #f59e0b;
    --e-a-color-accent: #93003f;
    --e-a-color-global: #1dddbf;
    --e-a-color-accent-promotion: #93003f;
    --e-a-bg-default: #fff;
    --e-a-bg-invert: #0c0d0e;
    --e-a-bg-hover: #f1f2f3;
    --e-a-bg-active: #e6e8ea;
    --e-a-bg-active-bold: #d5d8dc;
    --e-a-bg-loading: #f9fafa;
    --e-a-bg-logo: #000;
    --e-a-bg-primary: #fae8ff;
    --e-a-bg-secondary: #515962;
    --e-a-bg-success: #f2fdf5;
    --e-a-bg-info: #f0f7ff;
    --e-a-bg-danger: #fef1f4;
    --e-a-bg-warning: #fffbeb;
    --e-a-bg-chip: #f1f2f3;
    --e-a-color-txt: #515962;
    --e-a-color-txt-muted: #818a96;
    --e-a-color-txt-disabled: #babfc5;
    --e-a-color-txt-invert: #fff;
    --e-a-color-txt-accent: #0c0d0e;
    --e-a-color-txt-hover: #3f444b;
    --e-a-color-txt-active: #0c0d0e;
    --e-a-border-color: #e6e8ea;
    --e-a-border-color-bold: #d5d8dc;
    --e-a-border-color-focus: #babfc5;
    --e-a-border-color-accent: #0c0d0e;
    --e-a-border: 1px solid var(--e-a-border-color);
    --e-a-border-bold: 1px solid var(--e-a-border-color-bold);
    --e-a-border-radius: 3px;
    --e-a-btn-color: #0c0d0e;
    --e-a-btn-color-invert: var(--e-a-color-txt-invert);
    --e-a-btn-color-disabled: var(--e-a-color-txt-disabled);
    --e-a-btn-bg: #515962;
    --e-a-btn-bg-hover: #3a4046;
    --e-a-btn-bg-active: #23262a;
    --e-a-btn-bg-disabled: #d5d8dc;
    --e-a-btn-bg-primary: #f3bafd;
Show all properties (24 more)
}
:root {
    --direction-multiplier: 1;
}
:root {
    --e-global-color-astglobalcolor0: #1dbfc1;
    --e-global-color-astglobalcolor1: #1dbfc1;
    --e-global-color-astglobalcolor2: #000000;
    --e-global-color-astglobalcolor3: #3a3a3a;
    --e-global-color-astglobalcolor4: #effafa;
    --e-global-color-astglobalcolor5: #ffffff;
    --e-global-color-astglobalcolor6: #f2f2f2;
    --e-global-color-astglobalcolor7: #000000;
    --e-global-color-astglobalcolor8: #BFD1FF;
}
:root {
    --ast-border-color: #dddddd;
}
:root {
    --ast-global-color-0: #1dbfc1;
    --ast-global-color-1: #1dbfc1;
    --ast-global-color-2: #000000;
    --ast-global-color-3: #3a3a3a;
    --ast-global-color-4: #effafa;
    --ast-global-color-5: #ffffff;
    --ast-global-color-6: #f2f2f2;
    --ast-global-color-7: #000000;
    --ast-global-color-8: #BFD1FF;
}
:root {
    --wp--custom--ast-default-block-top-padding: 3em;
    --wp--custom--ast-default-block-right-padding: 3em;
    --wp--custom--ast-default-block-bottom-padding: 3em;
    --wp--custom--ast-default-block-left-padding: 3em;
    --wp--custom--ast-container-width: 1200px;
    --wp--custom--ast-content-width-size: 1200px;
    --wp--custom--ast-wide-width-size: calc(1200px + var(--wp--custom--ast-default-block-left-padding) + var(--wp--custom--ast-default-block-right-padding));
}
:root {
    --ast-post-nav-space: 0;
    --ast-container-default-xlg-padding: 6.67em;
    --ast-container-default-lg-padding: 5.67em;
    --ast-container-default-slg-padding: 4.34em;
    --ast-container-default-md-padding: 3.34em;
    --ast-container-default-sm-padding: 6.67em;
    --ast-container-default-xs-padding: 2.4em;
    --ast-container-default-xxs-padding: 1.4em;
    --ast-code-block-background: #EEEEEE;
    --ast-comment-inputs-background: #FAFAFA;
    --ast-normal-container-width: 1200px;
    --ast-narrow-container-width: 750px;
    --ast-blog-title-font-weight: normal;
    --ast-blog-meta-weight: inherit;
    --ast-global-color-primary: var(--ast-global-color-5);
    --ast-global-color-secondary: var(--ast-global-color-4);
    --ast-global-color-alternate-background: var(--ast-global-color-7);
    --ast-global-color-subtle-background: var(--ast-global-color-6);
    --ast-bg-style-guide: var(--ast-global-color-secondary, --ast-global-color-5);
    --ast-shadow-style-guide: 0px 0px 4px 0 #00000057;
    --ast-global-dark-bg-style: #fff;
    --ast-global-dark-lfs: #fbfbfb;
    --ast-widget-bg-color: #fafafa;
    --ast-wc-container-head-bg-color: #fbfbfb;
    --ast-title-layout-bg: #eeeeee;
    --ast-search-border-color: #e7e7e7;
    --ast-lifter-hover-bg: #e6e6e6;
    --ast-gallery-block-color: #000;
    --srfm-color-input-label: var(--ast-global-color-2);
}
html {
    font-size: 106.25%;
}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
html {
    --wp-admin--admin-bar--height: 32px;
    scroll-padding-top: var(--wp-admin--admin-bar--height);
}
.e-con:before {
    transition: background var(--overlay-transition, .3s), border-radius var(--border-transition, .3s), opacity var(--overlay-transition, .3s);
}
.e-con:before, .e-con>.elementor-background-slideshow:before, .e-con>.elementor-motion-effects-container>.elementor-motion-effects-layer:before, :is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before {
    border-block-end-width: var(--border-block-end-width);
    border-block-start-width: var(--border-block-start-width);
    border-color: var(--border-color);
    border-inline-end-width: var(--border-inline-end-width);
    border-inline-start-width: var(--border-inline-start-width);
    border-radius: var(--border-radius);
    border-style: var(--border-style);
    content: var(--background-overlay);
    display: block;
    height: max(100% + var(--border-top-width) + var(--border-bottom-width), 100%);
    left: calc(0px - var(--border-left-width));
    mix-blend-mode: var(--overlay-mix-blend-mode);
    opacity: var(--overlay-opacity);
    position: absolute;
    top: calc(0px - var(--border-top-width));
    transition: var(--overlay-transition, .3s);
    width: max(100% + var(--border-left-width) + var(--border-right-width), 100%);
}
.elementor *, .elementor :after, .elementor :before {
    box-sizing: border-box;
}
*, :after, :before {
    box-sizing: inherit;
}
.elementor *, .elementor :after, .elementor :before {
    box-sizing: border-box;
}
*, :after, :before {
    box-sizing: inherit;
}
::selection {
    background-color: var(--ast-global-color-0);
    color: #000000;
}
::selection {
    color: #fff;
    background: #0274be;
}
::selection {
    background-color: var(--ast-global-color-0);
    color: #000000;
}
::selection {
    color: #fff;
    background: #0274be;
}
::selection {
    background-color: var(--ast-global-color-0);
    color: #000000;
}
::selection {
    color: #fff;
    background: #0274be;
}
::selection {
    background-color: var(--ast-global-color-0);
    color: #000000;
}
::selection {
    color: #fff;
    background: #0274be;
}
::selection {
    background-color: var(--ast-global-color-0);
    color: #000000;
}
::selection {
    color: #fff;
    background: #0274be;
}
::selection {
    background-color: var(--ast-global-color-0);
    color: #000000;
}
::selection {
    color: #fff;
    background: #0274be;
}
::selection {
    background-color: var(--ast-global-color-0);
    color: #000000;
}
::selection {
    color: #fff;
    background: #0274be;
}
::selection {
    background-color: var(--ast-global-color-0);
    color: #000000;
}
::selection {
    color: #fff;
    background: #0274be;
}
::selection {
    background-color: var(--ast-global-color-0);
    color: #000000;
}
::selection {
    color: #fff;
    background: #0274be;
}
::selection {
    background-color: var(--ast-global-color-0);
    color: #000000;
}
::selection {
    color: #fff;
    background: #0274be;
}
::selection {
    background-color: var(--ast-global-color-0);
    color: #000000;
}
::selection {
    color: #fff;
    background: #0274be;
}
::selection {
    background-color: var(--ast-global-color-0);
    color: #000000;
}
::selection {
    color: #fff;
    background: #0274be;
}
::selection {
    background-color: var(--ast-global-color-0);
    color: #000000;
}
::selection {
    color: #fff;
    background: #0274be;
}
<style>
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1l_6gHrRpiYlJ.woff2) format('woff2');
    unicode-range: U +0600 -06FF, U +0750 -077F, U +0870 -088E, U +0890 -0891, U +0897 -08E1, U +08E3 -08FF, U +200C -200E, U +2010 -2011, U +204F, U +2E41, U + FB50-FDFF, U + FE70-FE74, U + FE76-FEFC, U +102E0 -102FB, U +10E60 -10E7E, U +10EC2 -10EC4, U +10EFC -10EFF, U +1EE00 -1EE03, U +1EE05 -1EE1F, U +1EE21 -1EE22, U +1EE24, U +1EE27, U +1EE29 -1EE32, U +1EE34 -1EE37, U +1EE39, U +1EE3B, U +1EE42, U +1EE47, U +1EE49, U +1EE4B, U +1EE4D -1EE4F, U +1EE51 -1EE52, U +1EE54, U +1EE57, U +1EE59, U +1EE5B, U +1EE5D, U +1EE5F, U +1EE61 -1EE62, U +1EE64, U +1EE67 -1EE6A, U +1EE6C -1EE72, U +1EE74 -1EE77, U +1EE79 -1EE7C, U +1EE7E, U +1EE80 -1EE89, U +1EE8B -1EE9B, U +1EEA1 -1EEA3, U +1EEA5 -1EEA9, U +1EEAB -1EEBB, U +1EEF0 -1EEF1;
}