@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

body,
html {
    max-width: 100vw;
    overflow-x: hidden
}

:root {
    --borderRadius3: 16px;
    --primary1: #f2c300;
    --primary2: #ffd422;
    --primary3: #fef9e6;
    --primary4: #fef9e6;
    --secondary1: #f9fafa;
    --secondary2: #fff;
    --secondary3: #9aa3b2;
    --secondary4: #5c6672;
    --secondary5: #e6e9ec;
    --info1: #0b688a;
    --info2: #75c4e0;
    --info3: #e5f8ff;
    --info4: #e5ffe7;
    --ghost1: #ffffffb2;
    --dark1: #292d32;
    --dark2: #000;
    --dark3: ;
    --textColor1: #292d32;
    --textColor1_1: #292d32;
    --textColor2: #5c6672;
    --textColor2_1: #5c6672;
    --textColor3: #000;
    --textColor4: #fff;
    --textColor5: #e6e9ec;
    --textColor6: #0b688a;
    --textColor7: #f2c300;
    --textColor8: #9aa3b2;
    --textColor9: #a98900;
    --textColor10: #2f4e34;
    --textColor11: #5c6672;
    --textError1: #d9311c;
    --mappadding: #fff
}

[data-theme=dark] {
    --primary3: #292d32;
    --mappadding: #292d32;
    --primary4: #5c6672;
    --secondary1: #292d32;
    --secondary2: #000;
    --textColor1: #e6e9ec;
    --textColor2: #fef9e6
}

body {
    background: var(--secondary2);
    font-family: Noto Sans
}

* {
    transition: background 1s ease-in-out;
    animation-delay: background 1s
}

body[dir=rtl] {
    font-family: Noto Sans Arabic;
    transition: 2s ease;
    animation-delay: 2s
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.Footer_container__TS4nh {
    padding: 32px 48px;
    flex-direction: column;
    align-items: flex-start;
    gap: 26px;
    border-radius: 16px 16px 0 0;
    background: var(--dark1);
    position: relative;
    z-index: 1
}

.Footer_container__TS4nh .Footer_footerLogo__2Yx2n {
    width: 300px;
    margin-bottom: 30px;
    filter: brightness(0) invert(1)
}

.Footer_container__TS4nh .Footer_appButtonsWrapper__McrIf {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding-bottom: 24px
}

@media(max-width:768px) {
    .Footer_container__TS4nh .Footer_appButtonsWrapper__McrIf {
        flex-direction: column;
        gap: 12px;
        padding-bottom: 16px;
        text-align: center
    }
}

.Footer_container__TS4nh .Footer_appsContainer__oFLVZ {
    display: flex;
    justify-content: center
}

@media(max-width:903px) {
    .Footer_container__TS4nh .Footer_appsContainer__oFLVZ {
        align-items: center;
        flex-direction: column;
        text-align: center
    }
}

.Footer_container__TS4nh .Footer_googleApp__Dvv3r {
    position: unset
}

.Footer_container__TS4nh .Footer_appsWrapper__RamxT {
    margin: 0 0 30px
}

.Footer_container__TS4nh .Footer_patternIcon__kQXaP {
    width: 350px;
    position: absolute;
    right: -36px;
    z-index: -1;
    bottom: 0
}

.Footer_container__TS4nh .Footer_icon1__fmHNG {
    background: url(../img/logo2.5c05d256.png);
    background-repeat: no-repeat;
    width: 61px;
    height: 50px
}

.Footer_container__TS4nh .Footer_icon2__WEhSQ {
    background: url(../img/logo3.ef6f23ce.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 184px;
    height: 50px;
    margin-left: 30px
}

.Footer_container__TS4nh .Footer_icon11__U0ZFM {
    background: url(../img/footerLogo1.2a57a955.svg);
    width: 130px;
    height: 70px;
    background-repeat: no-repeat
}

.Footer_container__TS4nh .Footer_icon12__gkuXL {
    background: url(../img/footerLogo2.fb879b28.svg);
    width: 180px;
    height: 50px;
    background-repeat: no-repeat
}

[data-theme=dark] .Footer_container__TS4nh {
    background: var(--primary4)
}

@media(max-width:900px) {
    .Footer_container__TS4nh {
        height: auto;
        position: relative
    }

    .Footer_container__TS4nh .Footer_rowElements__04FR1 {
        flex-direction: column
    }

    .Footer_container__TS4nh .Footer_footerLogo__2Yx2n {
        margin: 0 auto 30px
    }

    .Footer_container__TS4nh .Footer_top__ZXcV0 {
        margin-top: 30px
    }

    .Footer_container__TS4nh .Footer_googleApp__Dvv3r {
        position: relative;
        bottom: 40px
    }

    .Footer_container__TS4nh .Footer_appsContainer__oFLVZ {
        flex-direction: column
    }

    .Footer_container__TS4nh .Footer_appsWrapper__RamxT {
        margin: auto
    }

    .Footer_container__TS4nh .Footer_patternIcon__kQXaP {
        width: 90%;
        display: none;
        top: -308px;
        right: 0;
        height: -webkit-fill-available;
        max-height: inherit
    }

    .Footer_container__TS4nh .Footer_patternIcon__kQXaP img {
        height: 100%;
        object-fit: contain
    }
}

.Navbar_container__XYsC7 {
    padding: 48px 0;
    background: var(--secondary1);
    z-index: 11
}

.Navbar_rightSide__gbnO8 {
    position: relative
}

.Navbar_navbar__hCAHd {
    display: flex;
    justify-content: space-between
}

.Navbar_image2__7w3l5 {
    background: url(../img/Frame3.dfa957bb.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: -100%;
    right: 45%;
    width: 245px;
    flex-shrink: 0;
    width: 17.014vw;
    height: 32vw
}

@media(max-width:700px) {
    .Navbar_container__XYsC7 {
        padding: 20px 0
    }

    .Navbar_image2__7w3l5 {
        display: none
    }
}

.Logo_container__jp0T_ {
    width: 180px;
    height: 44px
}

.Logo_container__jp0T_ img {
    width: 100%;
    height: 100%
}

[data-theme=dark] .Logo_container__jp0T_ {
    background: hsla(0, 0%, 100%, 0);
    filter: invert(1)
}

@media(max-width:700px) {
    .Logo_container__jp0T_ {
        width: 100px;
        height: 35px
    }
}

.SwitchLangauge_container__LU1B3 {
    display: inline-flex;
    align-items: center;
    z-index: 1
}

.SwitchLangauge_flag__tVx77 {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.SwitchLangauge_flagEnglish__828di {
    background-image: url(../img/united_kingdom_flag.816ca6fa.svg)
}

.SwitchLangauge_flagArabic__zP5BX {
    background-image: url(../img/saudi_kingdom_flag.21dafab6.svg)
}

.SwitchLangauge_chevron__8q8t9 {
    width: 10px;
    height: 10px;
    margin-left: 3px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(45deg);
    transition: transform .2s ease
}

.SwitchLangauge_chevronOpen__A8OqD {
    transform: rotate(-135deg)
}

.SwitchLangauge_desktopLabel___5ZI_,
.SwitchLangauge_menuLabel__pe7Gg {
    font-size: 16px;
    font-weight: 600
}

.SwitchLangauge_desktopSwitch__CkmWI {
    position: relative;
    display: inline-flex;
    align-items: center
}

.SwitchLangauge_dropdownTrigger__dG4zB {
    border: none;
    outline: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: var(--secondary2);
    border: 1px solid var(--secondary5);
    box-shadow: 0 10px 24px color-mix(in srgb, var(--secondary3) 35%, transparent);
    cursor: pointer;
    color: var(--textColor1);
    transition: background .2s ease, box-shadow .2s ease
}

.SwitchLangauge_dropdownTrigger__dG4zB:hover {
    background: var(--secondary1)
}

.SwitchLangauge_dropdownMenu__3WMha {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 200px;
    padding: 6px;
    border-radius: 16px;
    background: var(--secondary2);
    border: 1px solid var(--secondary5);
    box-shadow: 0 12px 30px color-mix(in srgb, var(--secondary3) 45%, transparent);
    display: grid;
    grid-gap: 4px;
    gap: 4px;
    z-index: 2
}

.SwitchLangauge_menuItem__4w_tE {
    border: none;
    outline: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 12px;
    background: transparent;
    cursor: pointer;
    color: var(--textColor1);
    transition: background .2s ease
}

.SwitchLangauge_menuItem__4w_tE:hover {
    background: var(--secondary1)
}

.SwitchLangauge_menuActive__fH4Fe {
    background: var(--primary3)
}

.SwitchLangauge_mobileSwitch__R4aCU {
    display: none;
    align-items: center;
    gap: 2px;
    padding: 5px;
    flex-shrink: 0;
    border-radius: 999px;
    border: none;
    background: radial-gradient(120% 120% at 0 0, var(--info3) 0, var(--secondary2) 60%), var(--secondary1);
    box-shadow: 0 12px 24px color-mix(in srgb, var(--secondary3) 35%, transparent), inset 0 0 14px color-mix(in srgb, var(--info2) 22%, transparent), inset 0 8px 14px color-mix(in srgb, var(--secondary2) 70%, transparent), inset 0 -8px 16px color-mix(in srgb, var(--secondary3) 45%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--secondary5) 80%, transparent)
}

.SwitchLangauge_langButton__A3lf3 {
    border: 2px solid transparent;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: transparent;
    color: var(--textColor2);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    transition: background .2s ease, color .2s ease, border-color .2s ease
}

.SwitchLangauge_active__ZClHH {
    border-color: var(--primary1);
    background: var(--primary1);
    color: var(--textColor3);
    box-shadow: 0 6px 14px color-mix(in srgb, var(--primary1) 35%, transparent)
}

.SwitchLangauge_mobileLabel__Mcj2e {
    font-size: 11px;
    font-weight: 700;
    line-height: 1
}

[data-theme=dark] .SwitchLangauge_dropdownTrigger__dG4zB {
    background: var(--secondary1);
    border-color: var(--primary4);
    color: var(--textColor2);
    box-shadow: 0 10px 24px color-mix(in srgb, var(--dark2) 55%, transparent)
}

[data-theme=dark] .SwitchLangauge_dropdownTrigger__dG4zB:hover {
    background: var(--primary4)
}

[data-theme=dark] .SwitchLangauge_dropdownMenu__3WMha {
    background: var(--secondary1);
    border-color: var(--primary4);
    box-shadow: 0 12px 30px color-mix(in srgb, var(--dark2) 60%, transparent)
}

[data-theme=dark] .SwitchLangauge_menuItem__4w_tE {
    color: var(--textColor2)
}

[data-theme=dark] .SwitchLangauge_menuItem__4w_tE:hover {
    background: var(--primary4)
}

[data-theme=dark] .SwitchLangauge_menuActive__fH4Fe {
    background: color-mix(in srgb, var(--primary1) 25%, transparent)
}

[data-theme=dark] .SwitchLangauge_mobileSwitch__R4aCU {
    background: radial-gradient(120% 120% at 0 0, var(--secondary1) 0, var(--secondary1) 60%), var(--secondary1);
    box-shadow: 0 10px 20px color-mix(in srgb, var(--dark2) 65%, transparent), inset 0 2px 6px color-mix(in srgb, var(--textColor1) 12%, transparent), inset 0 -6px 12px color-mix(in srgb, var(--dark2) 70%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--textColor1) 8%, transparent)
}

@media(max-width:600px) {
    .SwitchLangauge_desktopSwitch__CkmWI {
        display: none
    }

    .SwitchLangauge_mobileSwitch__R4aCU {
        display: inline-flex
    }
}

.layout_children__R9K4D {
    min-height: 60vh
}