.elementor-kit-12{--e-global-color-primary:#000000;--e-global-color-secondary:#000000;--e-global-color-text:#979797;--e-global-color-accent:#1460E1;--e-global-color-bb83321:#08285E;--e-global-color-c6ab387:#4D6459;--e-global-color-c1f98ec:#A8BFC4;--e-global-color-39a34cc:#FFFFFF;--e-global-color-df3057d:#FFFFFF;--e-global-typography-primary-font-family:"Noto Sans Arabic";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Noto Sans Arabic";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Noto Sans Arabic";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Noto Sans Arabic";--e-global-typography-accent-font-weight:500;}.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{background-color:var( --e-global-color-accent );font-size:18px;color:var( --e-global-color-39a34cc );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-accent );border-radius:10px 10px 10px 10px;padding:18px 22px 18px 22px;}.elementor-kit-12 button:hover,.elementor-kit-12 button:focus,.elementor-kit-12 input[type="button"]:hover,.elementor-kit-12 input[type="button"]:focus,.elementor-kit-12 input[type="submit"]:hover,.elementor-kit-12 input[type="submit"]:focus,.elementor-kit-12 .elementor-button:hover,.elementor-kit-12 .elementor-button:focus{background-color:var( --e-global-color-39a34cc );color:var( --e-global-color-accent );border-style:solid;border-width:2px 2px 2px 2px;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{font-size:17px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:767px){.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}
/* Start custom CSS */html {
    margin: 0 !important;
}

/* =========================================================
   FONTS
   ========================================================= */

body {
    font-family: 'Nunito', sans-serif;
}


/* =========================================================
   H1
   Default: 40px — Bold
   Laptop:  36px
   Tablet:  32px
   Mobile:  30px
   ========================================================= */

h1 {
    font-size: 40px;
    font-weight: 700;
}

@media (max-width: 1366px) {
    h1 {
        font-size: 36px;
    }
}

@media (max-width: 1024px) {
    h1 {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: 30px;
    }
}


/* =========================================================
   H2
   Default: 32px — Bold
   Laptop:  30px
   Tablet:  28px
   Mobile:  24px
   ========================================================= */

h2 {
    font-size: 32px;
    font-weight: 700;
}

@media (max-width: 1366px) {
    h2 {
        font-size: 30px;
    }
}

@media (max-width: 1024px) {
    h2 {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    h2 {
        font-size: 24px;
    }
}


/* H2 — Big
   Default: 48px — Semi Bold
   Laptop:  42px
   Tablet:  36px
   Mobile:  30px
   */

.heading-2.big h2 {
    font-size: 48px;
    font-weight: 600;
}

@media (max-width: 1366px) {
    .heading-2.big h2 {
        font-size: 42px;
    }
}

@media (max-width: 1024px) {
    .heading-2.big h2 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .heading-2.big h2 {
        font-size: 30px;
    }
}


/* H2 — Footer
   Default: 56px — Bold
   Laptop:  48px
   Tablet:  40px
   Mobile:  32px
   */

.heading-2.footer h2 {
    font-size: 56px;
    font-weight: 700;
}

@media (max-width: 1366px) {
    .heading-2.footer h2 {
        font-size: 48px;
    }
}

@media (max-width: 1024px) {
    .heading-2.footer h2 {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .heading-2.footer h2 {
        font-size: 32px;
    }
}


/* =========================================================
   H3
   Default: 24px — Bold
   Laptop:  22px
   Tablet:  20px
   Mobile:  18px
   ========================================================= */

h3 {
    font-size: 24px;
    font-weight: 700;
}

@media (max-width: 1366px) {
    h3 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    h3 {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    h3 {
        font-size: 18px;
    }
}


/* H3 — Big
   Default: 32px — Semi Bold
   Laptop:  30px
   Tablet:  26px
   Mobile:  24px
   */

.heading-3.big h3 {
    font-size: 32px;
    font-weight: 600;
}

@media (max-width: 1366px) {
    .heading-3.big h3 {
        font-size: 30px;
    }
}

@media (max-width: 1024px) {
    .heading-3.big h3 {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .heading-3.big h3 {
        font-size: 24px;
    }
}


/* H3 — Small
   Default: 20px — Semi Bold
   Laptop:  19px
   Tablet:  18px
   Mobile:  16px
   */

.heading-3.small h3 {
    font-size: 20px;
    font-weight: 600;
}

@media (max-width: 1366px) {
    .heading-3.small h3 {
        font-size: 19px;
    }
}

@media (max-width: 1024px) {
    .heading-3.small h3 {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .heading-3.small h3 {
        font-size: 16px;
    }
}


/* H3 — Tiny
   Default: 16px — Semi Bold
   All breakpoints: 16px
   */

.heading-3.tiny h3 {
    font-size: 16px;
    font-weight: 600;
}


/* =========================================================
   PARAGRAPHS
   Default: 18px — Normal
   Laptop:  17px
   Tablet:  16px
   Mobile:  16px
   ========================================================= */

p {
    font-size: 18px;
    font-weight: 400;
}

@media (max-width: 1366px) {
    p {
        font-size: 17px;
    }
}

@media (max-width: 1024px) {
    p {
        font-size: 16px;
    }
}


/* Paragraph — Hero
   Default: 24px — Normal
   Laptop:  22px
   Tablet:  20px
   Mobile:  18px
   */

.paragraph.hero p {
    font-size: 24px;
    font-weight: 400;
}

@media (max-width: 1366px) {
    .paragraph.hero p {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .paragraph.hero p {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .paragraph.hero p {
        font-size: 18px;
    }
}


/* Paragraph — Footer
   Default: 32px — Normal
   Laptop:  28px
   Tablet:  24px
   Mobile:  20px
   */

.paragraph.footer p {
    font-size: 32px;
    font-weight: 400;
}

@media (max-width: 1366px) {
    .paragraph.footer p {
        font-size: 28px;
    }
}

@media (max-width: 1024px) {
    .paragraph.footer p {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .paragraph.footer p {
        font-size: 20px;
    }
}


/* Paragraph — Big
   Default: 20px — Normal
   Laptop:  18px
   Tablet:  17px
   Mobile:  16px
   */

.paragraph.big p {
    font-size: 20px;
    font-weight: 400;
}

@media (max-width: 1366px) {
    .paragraph.big p {
        font-size: 18px;
    }
}

@media (max-width: 1024px) {
    .paragraph.big p {
        font-size: 17px;
    }
}

@media (max-width: 767px) {
    .paragraph.big p {
        font-size: 16px;
    }
}


/* Paragraph — Small
   Default: 16px — Normal
   All breakpoints: 16px
   */

.paragraph.small p {
    font-size: 16px;
    font-weight: 400;
}

/* =========================================================
   FONT WEIGHTS
   ========================================================= */

.font-normal :is(h1,h2,h3,h4,h5,h6,p) {
    font-weight: 400;
}

.font-semibold :is(h1,h2,h3,h4,h5,h6,p) {
    font-weight: 600;
}

.font-bold :is(h1,h2,h3,h4,h5,h6,p) {
    font-weight: 700 !important;
}


/* =========================================================
   Text Effects
   ========================================================= */

.text-highlight {
    color: var(--e-global-color-accent);;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.elementor-button-content-wrapper {
    align-items: center;
    gap: 10px;
}

.elementor-button-icon {
    font-size: 1.35em;
}


.elementor-widget-button svg path {
    fill: var( --e-global-color-39a34cc );
}

.elementor-widget-button:hover svg path {
    fill: var(--e-global-color-accent);
}

.elementor-widget-button.inverse-btn-icon svg path {
    fill: var(--e-global-color-accent);
}

.elementor-widget-button.inverse-btn-icon:hover svg path {
    fill: var(--e-global-color-39a34cc)
}

/* =========================================================
   PRELOADER
   ========================================================= */


#the-preloader-element .the-preloader-image {
    animation: loaderAnim 2.5s ease-in-out infinite;
}

@keyframes loaderAnim {
    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: .5;
    }
}/* End custom CSS */