@font-face {
    font-weight: 400;
    font-family: "Inter";
    font-style: normal;
    font-display: swap;
    src: local("Inter Regular"), local("Inter-Regular"), url("https://assets.sftcdn.net/public/584579.woff2") format("woff2"), url("https://assets.sftcdn.net/public/2717a9.woff") format("woff"),
}

@font-face {
    font-weight: 600;
    font-family: "Inter";
    font-style: normal;
    font-display: swap;
    src: local("Inter SemiBold"), local("Inter-SemiBold"), url("https://assets.sftcdn.net/public/de11dc.woff2") format("woff2"), url("https://assets.sftcdn.net/public/80c279.woff") format("woff"),
}

@font-face {
    font-weight: 600;
    font-family: "Montserrat";
    font-style: normal;
    font-display: swap;
    src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url("https://assets.sftcdn.net/public/c971c0.woff2") format("woff2"), url("https://assets.sftcdn.net/public/96b129.woff") format("woff"),
}

@font-face {
    font-family: "Arial Fallback";
    font-display: swap;
    font-weight: 400;
    src: local(Arial);
    size-adjust: 107.4%;
    descent-override: 19%;
}

@font-face {
    font-family: "Arial Fallback";
    font-display: swap;
    font-weight: 600;
    src: local(Arial Bold);
    size-adjust: 107.7%;
    descent-override: 19%;
}

:root {
    --img-placeholder: url("https://assets.sftcdn.net/public/d8b289.svg");
}

html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

ul {
    list-style: none
}

button,
input,
select {
    margin: 0
}

html {
    box-sizing: border-box
}

*,
:before,
:after {
    box-sizing: inherit
}

details>* {
    box-sizing: border-box
}

summary {
    list-style: none
}

summary::-webkit-details-marker {
    display: none
}

img,
video {
    max-width: 100%;
    height: auto
}

iframe {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

.is-hidden {
    display: none !important
}

.not-visible {
    visibility: hidden !important
}

@media screen and (max-width: 47.94em) {
    .is-mobile-hidden {
        display: none !important
    }
}

@media screen and (min-width: 48em) and (max-width:63.94em) {
    .is-tablet-hidden {
        display: none !important
    }
}

@media screen and (min-width: 64em) {
    .is-desktop-hidden {
        display: none !important
    }
}

@media screen and (max-width: 47.94em) {
    .is-mobile-visible {
        display: revert !important
    }
}

@media screen and (min-width: 48em) and (max-width:63.94em) {
    .is-tablet-visible {
        display: revert !important
    }
}

@media screen and (min-width: 64em) {
    .is-desktop-visible {
        display: revert !important
    }
}

.has-no-scroll {
    overscroll-behavior: none;
    touch-action: none;
    overflow: hidden
}

@media (hover: hover) {
    .has-no-scroll {
        overscroll-behavior: auto;
        touch-action: auto;
        overflow: auto
    }
}

.delay-rendering {
    content-visibility: auto;
    contain-intrinsic-size: auto 500px
}

@media screen and (max-width: 47.94em) {
    .delay-rendering-mobile {
        content-visibility: auto;
        contain-intrinsic-size: auto 1000px
    }
}

.is-visually-hidden {
    white-space: nowrap;
    clip: rect(0 0 0 0);
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

:root {
    --gutter-neg: -8px;
    --gutter-pos: 8px
}

html {
    text-rendering: optimizelegibility;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%
}

html:lang(ar-SA) {
    direction: rtl
}

body {
    color: #3b3d40;
    font-family: Inter, Arial Fallback, arial, sans-serif;
    font-size: 1rem;
    line-height: 1.4
}

button,
input {
    font-family: Inter, Arial Fallback, arial, sans-serif
}

strong,
b {
    font-weight: 600 !important
}

a {
    color: inherit;
    text-decoration: none
}

.is-body-fixed {
    overscroll-behavior: none;
    touch-action: none;
    width: 100%;
    overflow: hidden
}

[data-ber-device-type=mobile] .is-mobile-hide,
[data-ber-device-type=tablet] .is-tablet-hide,
[data-ber-device-type=desktop] .is-desktop-hide {
    display: none !important
}

.IU2LuK {
    --gutter-ads: -8px;
    margin-inline: calc(var(--gutter-ads)*2);
    background-color: #fff;
    background-image: radial-gradient(circle, #f5f5f5 1px, transparent 0);
    background-size: 8px 8px;
    position: relative
}

@media screen and (min-width: 64em) {
    .IU2LuK {
        margin-inline: auto
    }
}

.f7HLyA {
    width: 100%;
    overflow: hidden
}

.gVSuwW {
    padding-block-start: 16px
}

.gVSuwW:before {
    text-align: end;
    color: #bdbdbd;
    content: attr(data-label);
    background-color: #fff;
    width: 100%;
    height: 16px;
    padding-inline: 4px;
    font-size: .75rem;
    position: absolute;
    inset-block-start: 0
}

.KiGfnH,
.X0PXja {
    height: 250px
}

.KiGfnH.bIytfW,
.X0PXja.bIytfW {
    height: 266px
}

.afBWjy,
.Vk5xv6 {
    height: 90px
}

.afBWjy.bIytfW,
.Vk5xv6.bIytfW {
    height: 106px
}

[data-ber-utm-medium=paid] .IU2LuK.Vk5xv6 {
    height: 250px
}

[data-ber-utm-medium=paid] .IU2LuK.Vk5xv6.bIytfW {
    height: 266px
}

.OL915d {
    height: 64px
}

@media screen and (min-width: 64em) {
    .OL915d {
        border-block-end: 1px solid #e0e0e0;
        height: 49px;
        box-shadow: inset 0 -2px 4px rgba(0, 0, 0, .1)
    }
}

.has-wallpaper .OL915d {
    max-width: 1030px
}

.raiSkinDesktop .OL915d {
    max-width: 1200px
}

.yhas0P {
    height: 82px;
    overflow: hidden
}

.yhas0P div {
    width: 100%;
    height: auto;
    margin: auto
}

.yhas0P iframe {
    vertical-align: bottom;
    width: 100%
}

.PWK0_D {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 600px
}

.PWK0_D.bIytfW {
    min-height: 616px
}

.PWK0_D .f7HLyA {
    position: sticky;
    inset-block-start: 54px
}

@media screen and (min-width: 64em) {
    .PWK0_D .f7HLyA {
        inset-block-start: 100px
    }
}

.YaSk3V {
    min-height: 285px;
    margin: auto
}

.xsF0vf {
    flex-direction: column;
    justify-content: center;
    margin-inline: auto;
    display: flex
}

._CKtDO {
    position: sticky;
    inset-block-start: 54px
}

@media screen and (min-width: 64em) {
    ._CKtDO {
        inset-block-start: 100px
    }
}

.AcK0WS {
    margin-block-end: 48px;
    position: sticky
}

.AcK0WS:after {
    width: calc(100% - var(--gutter-pos)*4);
    content: "";
    border-block-start: 24px solid transparent;
    border-block-end: 1px solid #e0e0e0;
    position: absolute;
    inset-block-start: 100%
}

@media screen and (min-width: 64em) {
    .AcK0WS:after {
        width: 100%
    }
}

.rMqEWy:after {
    border-block-end: 1px solid #f5f5f5
}

.P1zQA8:after {
    border-block-end: 1px solid #e0e0e0
}

.R6_caO,
.ugntNb,
.ABcZLO {
    display: none
}

[data-ber-utm-medium=paid] .IU2LuK.R6_caO {
    height: auto;
    display: flex
}

[data-ber-utm-medium=paid] .IU2LuK.R6_caO.X0PXja {
    min-height: 250px
}

[data-ber-utm-medium=paid] .IU2LuK.R6_caO.OL915d {
    min-height: 49px
}

[data-ber-utm-medium=organic] .IU2LuK.ugntNb {
    display: flex
}

[data-ber-country-code=RU] .IU2LuK {
    display: none
}

[data-ber-country-code=RU] .ABcZLO {
    display: block
}

[data-ber-country-code=RU] .ABcZLO.xsF0vf {
    align-items: center;
    display: flex
}

[data-ber-country-code=RU] .ABcZLO.xsF0vf .f7HLyA {
    width: fit-content
}

.has-wallpaper [data-meta-id$=top-leaderboard-1],
.raiSkinDesktop [data-meta-id$=top-leaderboard-1] {
    display: none
}

.wVkNvw {
    color: #fff;
    content-visibility: auto;
    contain-intrinsic-size: auto 500px;
    background-color: #427f9e;
    background-image: linear-gradient(276deg, #48a0cb -3%, #427f9e 60%, #000 150%);
    position: relative;
    overflow: hidden
}

@media screen and (min-width: 48em) {
    .wVkNvw {
        background-image: linear-gradient(276deg, #48a0cb -3%, #427f9e 60%, #000 110%)
    }
}

.wVkNvw:before {
    transform-origin: 100% 0;
    content: "";
    background-image: linear-gradient(195deg, rgba(44, 187, 129, .9) 7%, rgba(38, 100, 70, .9) 80%);
    width: 80%;
    height: 100%;
    position: absolute;
    inset: 0;
    transform: rotate(30deg)
}

@media screen and (min-width: 30em) {
    .wVkNvw:before {
        width: 42%;
        transform: skew(332deg)
    }
}

.wPgSia {
    z-index: 1;
    padding-block: 48px
}

.wVkNvw .wPgSia {
    background-color: initial
}

.XjM2OG {
    margin-block-end: 12px;
    font-family: Montserrat, Arial Fallback, arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 600
}

.ADwqCt {
    flex-direction: column;
    gap: 8px;
    margin-block-end: 24px;
    display: inline-flex
}

@media screen and (min-width: 48em) {
    .ADwqCt {
        width: 66%
    }
}

.KFkn5A {
    flex-flow: wrap;
    width: 100%
}

.I44GA0 {
    display: inline-flex
}

.PP5LFg {
    cursor: pointer;
    color: #fff;
    background: 0 0;
    border: 0;
    padding: 0;
    font-size: .875rem;
    line-height: 1.4
}

.PP5LFg:hover {
    text-decoration: underline
}

.EFjdZP {
    cursor: default;
    font-weight: 600
}

.EFjdZP:hover {
    text-decoration: none
}

.A56vMh {
    margin-block-end: 24px;
    font-size: .875rem
}

.A56vMh .fffvnv {
    display: block
}

@media screen and (min-width: 48em) {
    .A56vMh .fffvnv {
        display: inline
    }
}

@media screen and (min-width: 64em) {
    .jrO0sC {
        text-align: end
    }
}

.PGB_8o {
    width: 100%;
    display: flex
}

.has-wallpaper .PGB_8o {
    background-color: #fff;
    max-width: 1030px;
    margin: 0 auto
}

.raiSkinDesktop .PGB_8o {
    background-color: #fff;
    max-width: 1200px;
    margin: 0 auto
}

.bXkH_7 {
    background-color: #fff;
    width: 100%;
    margin: 0 auto;
    padding-inline: 16px
}

@media screen and (min-width: 30em) {
    .bXkH_7 {
        max-width: 80em;
        padding-inline: 16px
    }
}

@media screen and (min-width: 48em) {
    .bXkH_7 {
        max-width: 80em;
        padding-inline: 16px
    }
}

@media screen and (min-width: 64em) {
    .bXkH_7 {
        max-width: 80em;
        padding-inline: 24px
    }
}

@media screen and (min-width: 80em) {
    .bXkH_7 {
        max-width: 80em;
        padding-inline: 24px
    }
}

.oWvERG {
    max-width: 64em
}

.Wh_QCD {
    max-width: 100%;
    padding-inline: 0
}

.PDfZX_ {
    margin-inline: var(--gutter-neg);
    flex-wrap: wrap;
    display: flex
}

.Gnbzww {
    flex-direction: row-reverse
}

.MQtwPC {
    padding: 0 var(--gutter-pos);
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.L4VEfw {
    padding: 0 var(--gutter-pos);
    flex: 0 0 16.6667%;
    max-width: 16.6667%
}

.Vx6Siv {
    padding: 0 var(--gutter-pos);
    flex: 0 0 25%;
    max-width: 25%
}

.zBP_Ln {
    padding: 0 var(--gutter-pos);
    flex: 0 0 33.3333%;
    max-width: 33.3333%
}

.E65xER {
    padding: 0 var(--gutter-pos);
    flex: 0 0 41.6667%;
    max-width: 41.6667%
}

.ZLz_nV {
    padding: 0 var(--gutter-pos);
    flex: 0 0 50%;
    max-width: 50%
}

.DmTNFL {
    padding: 0 var(--gutter-pos);
    flex: 0 0 58.3333%;
    max-width: 58.3333%
}

.bZbOpK {
    padding: 0 var(--gutter-pos);
    flex: 0 0 66.6667%;
    max-width: 66.6667%
}

.XkXb5G {
    padding: 0 var(--gutter-pos);
    flex: 0 0 75%;
    max-width: 75%
}

.CG4F9D {
    padding: 0 var(--gutter-pos);
    flex: 0 0 83.3333%;
    max-width: 83.3333%
}

.dw2nAW {
    padding: 0 var(--gutter-pos);
    flex: 0 0 91.6667%;
    max-width: 91.6667%
}

.rxEyu2 {
    padding: 0 var(--gutter-pos);
    flex: 0 0 100%;
    max-width: 100%
}

@media screen and (min-width: 30em) {
    :root {
        --gutter-neg: -8px;
        --gutter-pos: 8px
    }

    .exGiy6 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .TyRSfo {
        flex: 0 0 16.6667%;
        max-width: 16.6667%
    }

    .GPFwq0 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .AwtJJm {
        flex: 0 0 33.3333%;
        max-width: 33.3333%
    }

    ._Uc2Jq {
        flex: 0 0 41.6667%;
        max-width: 41.6667%
    }

    .UZCq44 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .aPKR95 {
        flex: 0 0 58.3333%;
        max-width: 58.3333%
    }

    .fy_gGT {
        flex: 0 0 66.6667%;
        max-width: 66.6667%
    }

    .YhAMwh {
        flex: 0 0 75%;
        max-width: 75%
    }

    .fubdnZ {
        flex: 0 0 83.3333%;
        max-width: 83.3333%
    }

    .aS1WdG {
        flex: 0 0 91.6667%;
        max-width: 91.6667%
    }

    .LGJqhm {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (min-width: 48em) {
    :root {
        --gutter-neg: -8px;
        --gutter-pos: 8px
    }

    .dABXJT {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .YvqbrW {
        flex: 0 0 16.6667%;
        max-width: 16.6667%
    }

    .CuiaI4 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .PigimL {
        flex: 0 0 33.3333%;
        max-width: 33.3333%
    }

    .ZO4Gtv {
        flex: 0 0 41.6667%;
        max-width: 41.6667%
    }

    .iJOHK9 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .l54MJS {
        flex: 0 0 58.3333%;
        max-width: 58.3333%
    }

    .lGAQWv {
        flex: 0 0 66.6667%;
        max-width: 66.6667%
    }

    .lMgwf4 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .zPUN8y {
        flex: 0 0 83.3333%;
        max-width: 83.3333%
    }

    .Z5Wkv4 {
        flex: 0 0 91.6667%;
        max-width: 91.6667%
    }

    .EtNpvF {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (min-width: 64em) {
    :root {
        --gutter-neg: -12px;
        --gutter-pos: 12px
    }

    .Gbmw4Q {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .z36tvS {
        flex: 0 0 16.6667%;
        max-width: 16.6667%
    }

    .OMlpov {
        flex: 0 0 25%;
        max-width: 25%
    }

    .s5biDA {
        flex: 0 0 33.3333%;
        max-width: 33.3333%
    }

    .q3DS26 {
        flex: 0 0 41.6667%;
        max-width: 41.6667%
    }

    .DRW6fE {
        flex: 0 0 50%;
        max-width: 50%
    }

    .VEtNbk {
        flex: 0 0 58.3333%;
        max-width: 58.3333%
    }

    .aSwLl3 {
        flex: 0 0 66.6667%;
        max-width: 66.6667%
    }

    .lLPjuY {
        flex: 0 0 75%;
        max-width: 75%
    }

    .XeKiYS {
        flex: 0 0 83.3333%;
        max-width: 83.3333%
    }

    .lZmNmn {
        flex: 0 0 91.6667%;
        max-width: 91.6667%
    }

    .ygRe8K {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (min-width: 80em) {
    :root {
        --gutter-neg: -12px;
        --gutter-pos: 12px
    }

    .SSGRXX {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .X3zDN2 {
        flex: 0 0 16.6667%;
        max-width: 16.6667%
    }

    .E4waQi {
        flex: 0 0 25%;
        max-width: 25%
    }

    .Lndug7 {
        flex: 0 0 33.3333%;
        max-width: 33.3333%
    }

    .jxgFl6 {
        flex: 0 0 41.6667%;
        max-width: 41.6667%
    }

    .t9fugE {
        flex: 0 0 50%;
        max-width: 50%
    }

    .gHJqHp {
        flex: 0 0 58.3333%;
        max-width: 58.3333%
    }

    .Gq03eX {
        flex: 0 0 66.6667%;
        max-width: 66.6667%
    }

    .YmJfBg {
        flex: 0 0 75%;
        max-width: 75%
    }

    .MveDJ9 {
        flex: 0 0 83.3333%;
        max-width: 83.3333%
    }

    .dJ6U2N {
        flex: 0 0 91.6667%;
        max-width: 91.6667%
    }

    .Nj84yt {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.wkPIBJ {
    cursor: pointer;
    color: #3b3d40;
    background-color: #fff;
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    transition: background-color .25s;
    display: flex;
    box-shadow: inset 0 0 0 2px #3b3d40
}

.wkPIBJ:hover {
    background-color: #3b3d40
}

.wkPIBJ:hover svg {
    color: #fff
}

.Q7IVdm {
    color: #fff;
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #fff
}

.Q7IVdm:hover {
    background-color: #fff
}

.Q7IVdm:hover svg {
    color: #006adc
}

.sYhh7J {
    position: relative
}

.sYhh7J:before {
    z-index: 999;
    content: " ";
    border: 10px solid transparent;
    border-block-start: 8px solid #141415;
    border-block-end-width: 0;
    display: none;
    position: absolute;
    inset-block-start: -10px
}

.sYhh7J:after {
    z-index: 999;
    text-align: center;
    color: #fff;
    content: attr(data-tooltip);
    background-color: #141415;
    border-radius: 8px;
    width: 160px;
    padding: 8px 12px;
    display: none;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 50%;
    transform: translate(-50%, calc(-100% - 10px))
}

.sYhh7J:focus:after,
.sYhh7J:focus:before {
    will-change: transform, opacity;
    animation-name: nwPRqP;
    animation-duration: 1s;
    animation-fill-mode: both;
    display: block
}

@keyframes nwPRqP {
    0% {
        opacity: 0
    }

    25%,
    75% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.JWiJTm {
    fill: currentColor;
    width: 16px;
    height: 16px;
    display: inline-block
}

._tkCZE {
    width: 24px;
    height: 24px
}

.sIUrXF {
    width: 32px;
    height: 32px
}

.SdgbKm {
    width: 48px;
    height: 48px
}

.BKi9Ew {
    fill: currentColor
}

.EQ4QDH {
    flex-wrap: wrap;
    flex: 1;
    display: flex;
    position: relative
}

.RLV6iu {
    z-index: 130;
    background: #fff;
    margin: 0 -8px;
    padding: 8px 16px;
    position: absolute;
    inset-block-start: 40px;
    inset-inline: 0
}

@media screen and (min-width: 48em) {
    .RLV6iu {
        inset-block-start: 32px;
        inset-inline: initial;
        z-index: initial;
        border: 1px solid #e0e0e0;
        border-top-width: 0;
        border-radius: 0 0 8px 8px;
        width: 100%;
        margin: 0;
        padding: 16px 8px 8px
    }
}

@media screen and (min-width: 64em) {
    .RLV6iu {
        inset-block-start: 40px
    }
}

.su3s0x {
    z-index: 2;
    border: 1px solid #e0e0e0;
    border-top-width: 0;
    border-radius: 0 0 8px 8px;
    margin: 0;
    padding: 16px 8px 8px;
    inset-block-start: 40px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

@media screen and (min-width: 64em) {
    .su3s0x {
        inset-block-start: 56px
    }
}

.EQ4QDH a {
    color: #3b3d40;
    border: 1px solid #fff;
    width: 100%;
    padding: 8px;
    font-size: .875rem;
    display: inline-block
}

@media screen and (min-width: 48em) {
    .EQ4QDH a {
        font-size: 1rem
    }
}

.EQ4QDH a:focus {
    border: 1px solid #26d07c;
    outline: 0
}

.EQ4QDH a:focus-visible {
    outline-offset: -1px
}

.EQ4QDH a:hover {
    background-color: #88d6f4
}

.EQ4QDH a span {
    font-size: .75rem
}

.h0zeef {
    appearance: none;
    z-index: 1;
    border: 1px solid #bdbdbd;
    border-inline-end: 0;
    flex: 1;
    width: 100%;
    padding: 0 16px;
    font-family: Inter, Arial Fallback, arial, sans-serif
}

.h0zeef:focus {
    border: 1px solid #26d07c;
    border-inline-end: 0;
    outline: 0
}

.h0zeef:focus-visible {
    outline-offset: -1px
}

.h0zeef:focus~button {
    border-color: #26d07c
}

.h0zeef::-webkit-search-cancel-button {
    appearance: none;
    opacity: 0;
    pointer-events: none;
    background-color: transparent;
    background-image: linear-gradient(45deg, transparent 0% 44%, #70737a 45% 56%, transparent 57% 100%), linear-gradient(135deg, transparent 0% 44%, #70737a 45% 56%, transparent 57% 100%);
    background-position: 0 0, 0 0;
    background-repeat: repeat, repeat;
    background-size: contain;
    background-attachment: scroll, scroll;
    background-origin: padding-box, padding-box;
    background-clip: border-box, border-box;
    width: 12px;
    height: 12px
}

.h0zeef:focus::-webkit-search-cancel-button {
    opacity: 1;
    pointer-events: all
}

.Z178r3 {
    z-index: 3;
    border-radius: 8px 0 0 8px;
    height: 40px;
    font-size: .875rem
}

:lang(ar-SA) .Z178r3 {
    border-radius: 0 8px 8px 0
}

@media screen and (min-width: 48em) {
    .Z178r3 {
        height: 40px;
        font-size: 1rem
    }
}

@media screen and (min-width: 64em) {
    .Z178r3 {
        height: 48px
    }
}

.gvL44n {
    z-index: 3;
    border-radius: 8px 0 0 8px;
    height: 48px;
    font-size: .875rem
}

:lang(ar-SA) .gvL44n {
    border-radius: 0 8px 8px 0
}

@media screen and (min-width: 48em) {
    .gvL44n {
        height: 48px;
        font-size: 1rem
    }
}

@media screen and (min-width: 64em) {
    .gvL44n {
        height: 64px
    }
}

.Q16idm {
    appearance: none;
    z-index: 1;
    cursor: pointer;
    color: #fff;
    background: linear-gradient(95deg, #00a3e0 14%, #26d07c 85%);
    border: 0;
    margin: 0;
    padding: 0
}

.Q16idm:hover {
    background: linear-gradient(230deg, #00a3e0 14%, #26d07c 85%)
}

.Q16idm:focus-visible {
    outline-offset: -1px
}

.eA3W_k {
    z-index: 3;
    border-radius: 0 8px 8px 0;
    width: 40px;
    height: 40px
}

:lang(ar-SA) .eA3W_k {
    border-radius: 8px 0 0 8px
}

@media screen and (min-width: 48em) {
    .eA3W_k {
        width: 40px;
        height: 40px
    }
}

@media screen and (min-width: 64em) {
    .eA3W_k {
        width: 48px;
        height: 48px
    }
}

.zVjNSE {
    z-index: 3;
    border-radius: 0 8px 8px 0;
    width: 48px;
    height: 48px
}

:lang(ar-SA) .zVjNSE {
    border-radius: 8px 0 0 8px
}

@media screen and (min-width: 48em) {
    .zVjNSE {
        width: 48px;
        height: 48px
    }
}

@media screen and (min-width: 64em) {
    .zVjNSE {
        width: 64px;
        height: 64px
    }
}

.Smp0Le {
    color: #3b3d40;
    border: 1px solid #bdbdbd;
    background: #fff;
    border-inline-start: 0
}

.Smp0Le:focus,
.Smp0Le:focus~input {
    border-color: #26d07c
}

.Smp0Le:hover {
    background: #fafafa
}

.VIOJbn {
    cursor: pointer
}

@media screen and (min-width: 48em) {
    .VIOJbn {
        width: 32px;
        height: 32px
    }
}

.site-search__link--highlight {
    background-color: #cceefb
}

@media screen and (min-width: 48em) {
    .cIJrmA {
        background-color: #fff;
        align-items: center;
        height: 100%;
        display: flex
    }

    .jUAi53 {
        height: 100%
    }

    .dH3_E6 {
        color: #3b3d40;
        background-color: #fff;
        flex-wrap: wrap;
        align-items: center;
        column-gap: 4px;
        height: 100%;
        padding-inline: 12px;
        font-size: 1rem;
        transition: background-color .25s;
        display: flex
    }

    .dH3_E6:hover {
        background-color: #f5f5f5
    }

    .dH3_E6:focus-visible {
        outline-offset: -1px
    }
}

.mgcls3 {
    overflow: visible auto
}

.cyuKFe {
    opacity: 1;
    background-color: #fff;
    border-inline-end: 1px solid #bdbdbd;
    width: 100%;
    height: 100vh;
    padding-block-end: 160px;
    position: absolute;
    inset-block-start: 48px
}

@media screen and (min-width: 64em) {
    .cyuKFe {
        inset-block-start: 0
    }
}

.has-wallpaper .cyuKFe,
.raiSkinDesktop .cyuKFe {
    padding-block-end: 298px
}

.BXJ_Tc {
    display: none;
    inset-inline-start: -100%
}

.has-wallpaper .BXJ_Tc,
.raiSkinDesktop .BXJ_Tc {
    display: none
}

.WNTOdu {
    cursor: pointer;
    text-align: start;
    text-transform: capitalize;
    color: #3b3d40;
    background-color: #fff;
    border: 0;
    border-block-end: 1px solid #e0e0e0;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 8px;
    width: 100%;
    min-height: 48px;
    padding: 12px;
    font-family: inherit;
    font-size: .875rem;
    transition: background-color .25s;
    display: flex
}

.WNTOdu:hover {
    background-color: #f5f5f5
}

.tEDxqA {
    padding-inline-start: 40px
}

.WNTOdu span {
    flex: 1
}

.uWtoxJ {
    display: none
}

.uWtoxJ:checked~.ADIGIZ {
    display: revert;
    inset-inline-start: 0
}

.has-wallpaper .uWtoxJ:checked~.ADIGIZ,
.raiSkinDesktop .uWtoxJ:checked~.ADIGIZ {
    display: initial
}

.hLGQcf {
    opacity: 1;
    background-color: #fff;
    border-inline-end: 1px solid #bdbdbd;
    width: 100%;
    height: 100vh;
    padding-block-end: 160px;
    position: absolute;
    inset-block-start: 48px;
    overflow: visible auto
}

@media screen and (min-width: 64em) {
    .hLGQcf {
        inset-block-start: 0
    }
}

.has-wallpaper .hLGQcf,
.raiSkinDesktop .hLGQcf {
    padding-block-end: 298px
}

.uzNa23 {
    display: none;
    inset-inline-start: -100%
}

.has-wallpaper .uzNa23,
.raiSkinDesktop .uzNa23 {
    display: none
}

.rcw1Ye {
    text-align: start;
    color: #3b3d40;
    background-color: #fff;
    border: 0;
    border-block-end: 1px solid #e0e0e0;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 8px;
    width: 100%;
    min-height: 48px;
    padding: 12px;
    font-size: .875rem;
    display: flex
}

.frnOIP {
    cursor: pointer;
    text-align: start;
    text-transform: capitalize;
    color: #3b3d40;
    border: solid #e0e0e0;
    background-color: #fff;
    border-width: 0 0 1px;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 8px;
    width: 100%;
    min-height: 48px;
    padding: 12px;
    font-size: .875rem;
    display: flex
}

.frnOIP:hover {
    background-color: #f5f5f5
}

.oKryl1 {
    font-weight: 600
}

.SFug31 {
    color: #141415;
    font-weight: 600
}

.xEaojW {
    padding-inline-start: 36px
}

.wivkkz {
    opacity: 1;
    background-color: #fff;
    border-inline-end: 1px solid #bdbdbd;
    width: 100%;
    height: 100vh;
    padding-block-end: 160px;
    position: absolute;
    inset-block-start: 48px;
    overflow: visible auto
}

@media screen and (min-width: 64em) {
    .wivkkz {
        inset-block-start: 0
    }
}

.has-wallpaper .wivkkz,
.raiSkinDesktop .wivkkz {
    padding-block-end: 298px
}

.frehpc {
    display: none;
    inset-inline-start: -100%
}

.aj18kZ {
    cursor: pointer;
    text-align: start;
    text-transform: capitalize;
    color: #3b3d40;
    border: solid #e0e0e0;
    background-color: #fff;
    border-width: 0 0 1px;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 8px;
    width: 100%;
    min-height: 48px;
    padding: 12px;
    font-size: .875rem;
    display: flex
}

.aj18kZ:hover {
    background-color: #f5f5f5
}

.aj18kZ.selected {
    color: #141415;
    font-weight: 600
}

.t2hfAo {
    padding-inline-start: 36px
}

.HwBOed {
    background-color: #141415;
    height: 100vh
}

@media screen and (min-width: 64em) {
    .HwBOed {
        background-color: #fff
    }
}

.dyCtGA {
    display: none
}

.dyCtGA:checked~.BBKHTV,
.dyCtGA:checked~.noM7eM {
    display: revert;
    inset-inline-start: 0
}

.has-wallpaper .dyCtGA:checked~.BBKHTV,
.dyCtGA:checked~.noM7eM,
.raiSkinDesktop .dyCtGA:checked~.BBKHTV {
    display: initial
}

.NBmDh3 {
    overscroll-behavior-y: contain;
    height: 100%;
    padding-block: 48px 160px;
    overflow: visible auto
}

@media screen and (min-width: 64em) {
    .NBmDh3 {
        padding-block: 0
    }
}

.has-wallpaper .NBmDh3,
.raiSkinDesktop .NBmDh3 {
    padding-block-end: 298px
}

.SY07Ep {
    cursor: pointer;
    text-align: start;
    color: #fff;
    background-color: #00a3e0;
    border-block-end: 1px solid #fff;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    min-height: 48px;
    padding: 12px;
    font-size: .875rem;
    transition: background-color .25s;
    display: flex
}

.SY07Ep:hover {
    background-color: #0087de
}

.SY07Ep span {
    flex: 1
}

.vTumPT {
    text-transform: uppercase;
    font-weight: 600
}

.Hu2cV3 {
    cursor: pointer;
    text-align: start;
    text-transform: capitalize;
    color: #3b3d40;
    background-color: #fff;
    border-block-end: 1px solid #e0e0e0;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 8px;
    width: 100%;
    min-height: 48px;
    padding: 12px;
    font-size: .875rem;
    display: flex
}

.Hu2cV3:hover {
    background-color: #f5f5f5
}

.T3eh3H {
    --user-profile-menu-bp: 64em;
    position: relative
}

.RlVfbu {
    cursor: pointer;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    transition: background-color .25s;
    display: flex;
    position: static
}

@media screen and (min-width: 64em) {
    .RlVfbu {
        width: 80px;
        height: 80px
    }
}

@media screen and (hover: hover) {
    .RlVfbu:hover {
        background-color: #f5f5f5
    }
}

.T3eh3H[open] .RlVfbu {
    z-index: 121;
    border: 0;
    border-radius: 0;
    justify-content: flex-end;
    width: 100%;
    height: 48px;
    padding: 12px 16px;
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0
}

@media screen and (min-width: 64em) {
    .T3eh3H[open] .RlVfbu {
        z-index: 1;
        cursor: pointer;
        background-color: #f5f5f5;
        justify-content: center;
        align-items: center;
        width: 48px;
        height: 48px;
        transition: background-color .25s;
        display: flex;
        position: static
    }
}

@media screen and (min-width: 64em) and (min-width:64em) {
    .T3eh3H[open] .RlVfbu {
        width: 80px;
        height: 80px
    }
}

@media screen and (min-width: 64em) and (hover:hover) {
    .T3eh3H[open] .RlVfbu:hover {
        background-color: #f5f5f5
    }
}

@media screen and (min-width: 64em) {
    .r6gGSd {
        width: 32px;
        height: 32px
    }
}

.T3eh3H[open] .r6gGSd {
    display: none
}

@media screen and (min-width: 64em) {
    .T3eh3H[open] .r6gGSd {
        display: block
    }
}

.JQGqeM {
    object-fit: cover
}

@media screen and (min-width: 64em) {
    .JQGqeM {
        width: 40px !important;
        height: 40px !important
    }
}

.T3eh3H[open] .JQGqeM {
    display: none
}

@media screen and (min-width: 64em) {
    .T3eh3H[open] .JQGqeM {
        display: flex
    }
}

.ufLXEg {
    display: none
}

.T3eh3H[open] .ufLXEg {
    display: flex
}

@media screen and (min-width: 64em) {
    .T3eh3H[open] .ufLXEg {
        display: none
    }
}

.T3eh3H[open] .zXsD0K {
    z-index: 120;
    white-space: normal;
    background-color: #fff;
    position: fixed;
    inset: 48px 0 0
}

@media screen and (min-width: 64em) {
    .T3eh3H[open] .zXsD0K {
        z-index: 1;
        white-space: pre;
        background-color: transparent;
        min-width: 100%;
        position: absolute;
        inset: 64px auto auto 0;
        overflow: visible
    }

    .T3eh3H[open] .ItJltf {
        inset-inline: auto 24px
    }
}

.e_JXGS {
    -webkit-user-select: none;
    user-select: none;
    background-color: #fff;
    height: calc(100vh - 48px);
    padding-block: 0 80px;
    font-size: .875rem;
    overflow-y: auto
}

@media screen and (min-width: 64em) {
    .e_JXGS {
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        flex-direction: column;
        height: auto;
        padding-block: 16px;
        display: flex;
        box-shadow: 0 4px 4px rgba(0, 0, 0, .1)
    }
}

.l0JZi7 {
    line-height: 1rem;
    position: relative
}

.l0JZi7:not(:last-child):after {
    z-index: 1;
    content: "";
    background-color: #e0e0e0;
    height: 1px;
    position: absolute;
    inset-block-end: -1px;
    inset-inline: 16px
}

@media screen and (min-width: 64em) {
    .l0JZi7:not(:last-child):after {
        content: none
    }
}

.OnOrkq {
    align-items: center;
    column-gap: 8px;
    padding: 16px;
    display: flex
}

@media screen and (hover: hover) {
    .OnOrkq:hover {
        background-color: #f5f5f5
    }
}

.OnOrkq:focus-visible {
    outline-offset: -1px
}

@media screen and (min-width: 64em) {
    .OnOrkq {
        padding: 12px 16px
    }
}

.iDfc8y {
    background: #eee var(--img-placeholder)no-repeat center/contain;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #e0e0e0
}

.rJFzeN {
    z-index: 100;
    background-color: #fff;
    width: 100%;
    height: 48px;
    margin: auto;
    position: sticky;
    inset-block-start: 0;
    inset-inline-start: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

@media screen and (min-width: 64em) {
    .rJFzeN {
        height: 80px
    }
}

.has-wallpaper .rJFzeN {
    max-width: 1030px;
    margin: 0 auto
}

.raiSkinDesktop .rJFzeN {
    max-width: 1200px;
    margin: 0 auto
}

@media screen and (min-width: 64em) {
    .zNLpis .qgMeLx {
        margin-inline: 8px auto
    }
}

@media screen and (min-width: 48em) {
    .zNLpis .B3VKe9 {
        display: flex
    }
}

.GCt2Ot {
    flex-flow: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 1280px;
    margin: auto;
    display: flex
}

.qgMeLx {
    align-items: center;
    width: auto;
    height: 48px;
    display: flex;
    position: absolute;
    inset-inline-start: calc(50% - 42px)
}

.qgMeLx:focus-visible {
    outline-offset: -1px
}

@media screen and (min-width: 48em) {
    .qgMeLx {
        margin-inline: 8px auto;
        position: static
    }
}

@media screen and (min-width: 64em) {
    .qgMeLx {
        height: 80px;
        margin-inline: 8px
    }
}

.sVKzW2 {
    width: 84px;
    height: 24px;
    position: relative
}

@media screen and (min-width: 48em) {
    .sVKzW2 {
        width: 113px;
        height: 32px
    }
}

@media screen and (min-width: 64em) {
    .sVKzW2 {
        width: 141px;
        height: 40px
    }
}

.sVKzW2 svg {
    width: 84px;
    height: 24px
}

@media screen and (min-width: 48em) {
    .sVKzW2 svg {
        width: inherit;
        height: inherit
    }
}

.w9fZiG {
    height: 24px
}

@media screen and (min-width: 48em) {
    .w9fZiG {
        height: 32px
    }
}

.Z4jBeS {
    color: #3b3d40;
    background-color: #fff;
    border: 0;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-inline-start: 8px;
    display: flex
}

.Z4jBeS:focus-visible {
    outline-offset: -1px
}

@media screen and (min-width: 48em) {
    .Z4jBeS {
        transition: background-color .25s
    }

    .Z4jBeS:hover {
        cursor: pointer;
        background-color: #f5f5f5
    }
}

@media screen and (min-width: 64em) {
    .Z4jBeS {
        width: 80px;
        height: 80px;
        margin-inline-start: 0
    }
}

.Z4jBeS .w9fZiG:first-child {
    opacity: 1;
    width: auto;
    transition: opacity .25s
}

.Z4jBeS .w9fZiG:nth-child(2) {
    transform-origin: 50%;
    opacity: 0;
    width: 0;
    transition: transform .25s, opacity .25s;
    transform: rotate(-360deg)
}

.Dv2IAz {
    margin-inline-start: auto
}

@media screen and (min-width: 48em) {
    .Dv2IAz {
        display: none
    }
}

.jJVQWa {
    background-color: #fff;
    width: 100%;
    padding: 8px;
    display: none;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2)
}

@media screen and (min-width: 48em) {
    .jJVQWa {
        box-shadow: none;
        width: initial;
        max-width: 60%;
        height: initial;
        flex: 1;
        align-items: center;
        margin-inline: 16px;
        padding: 0;
        display: flex !important
    }
}

@media screen and (min-width: 64em) {
    .jJVQWa {
        max-width: 100%;
        margin-inline: 24px
    }
}

.rsq30s {
    z-index: 130;
    background-color: #fff;
    flex-flow: column;
    width: 100%;
    height: 100%;
    max-height: 100%;
    display: none;
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: -100%
}

.has-wallpaper .rsq30s,
.raiSkinDesktop .rsq30s {
    box-shadow: none
}

@media screen and (min-width: 48em) {
    .rsq30s {
        width: 360px;
        inset-inline-start: -360px
    }
}

@media screen and (min-width: 64em) {
    .rsq30s {
        width: 400px;
        inset-inline-start: -400px
    }
}

.B3VKe9 {
    display: none
}

@media screen and (min-width: 64em) {
    .B3VKe9 {
        display: flex
    }
}

.xRfQxn {
    margin-inline-end: 8px
}

@media screen and (min-width: 64em) {
    .xRfQxn {
        border-inline-start: 1px solid #e0e0e0;
        margin-inline-end: 0
    }
}

.ssb2a1 {
    visibility: hidden;
    opacity: 0;
    z-index: 125;
    cursor: pointer;
    pointer-events: none;
    background-color: transparent;
    width: 0;
    height: 100%;
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0
}

.pfkb2U {
    position: relative
}

.Qwuris {
    width: 100%;
    height: 100%;
    display: block
}

.ACHl4b,
.klPAk9 {
    display: none
}

.ACHl4b:checked~.Z4jBeS .w9fZiG:first-child,
.ACHl4b:checked~.rsq30s .Z4jBeS .w9fZiG:first-child,
.klPAk9:checked~.Z4jBeS .w9fZiG:first-child,
.klPAk9:checked~.rsq30s .Z4jBeS .w9fZiG:first-child {
    opacity: 0;
    width: 0
}

.ACHl4b:checked~.Z4jBeS .XUfXjA:first-child,
.ACHl4b:checked~.rsq30s .Z4jBeS .XUfXjA:first-child,
.klPAk9:checked~.Z4jBeS .XUfXjA:first-child,
.klPAk9:checked~.rsq30s .Z4jBeS .XUfXjA:first-child {
    transform: rotate(-360deg)
}

.ACHl4b:checked~.Z4jBeS .w9fZiG:nth-child(2),
.ACHl4b:checked~.rsq30s .Z4jBeS .w9fZiG:nth-child(2),
.klPAk9:checked~.Z4jBeS .w9fZiG:nth-child(2),
.klPAk9:checked~.rsq30s .Z4jBeS .w9fZiG:nth-child(2) {
    opacity: 1;
    width: auto;
    transform: rotate(0)
}

.ACHl4b:checked~.jJVQWa,
.klPAk9:checked~.jJVQWa {
    display: block
}

.ACHl4b:checked~.rsq30s,
.klPAk9:checked~.rsq30s {
    display: flex;
    inset-inline-start: 0;
    box-shadow: 4px 0 4px rgba(0, 0, 0, .5)
}

.has-wallpaper .ACHl4b:checked~.rsq30s,
.klPAk9:checked~.rsq30s,
.raiSkinDesktop .ACHl4b:checked~.rsq30s {
    inset-block-start: inherit;
    inset-inline: inherit;
    height: 100vh;
    position: absolute
}

.klPAk9:checked~.pfkb2U {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    background-color: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100vh
}

.has-wallpaper .klPAk9:checked~.pfkb2U,
.raiSkinDesktop .klPAk9:checked~.pfkb2U {
    inset-block-start: inherit;
    inset-inline: inherit;
    height: 100vh;
    position: absolute
}

.ACHl4b:checked~.Roygxx {
    z-index: 135;
    color: #fff;
    background-color: #141415;
    border-block-end: 1px solid #e0e0e0;
    justify-content: flex-start;
    width: 100%;
    margin-inline-start: 0;
    padding-inline: 12px;
    transition: none;
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0
}

.has-wallpaper .ACHl4b:checked~.Roygxx,
.raiSkinDesktop .ACHl4b:checked~.Roygxx {
    position: relative
}

@media screen and (min-width: 48em) {
    .ACHl4b:checked~.Roygxx {
        width: 360px;
        padding-inline: 8px
    }
}

@media screen and (min-width: 64em) {
    .ACHl4b:checked~.Roygxx {
        background-color: transparent;
        border-block-end: 0;
        justify-content: center;
        width: 80px;
        padding-inline: 0;
        inset-inline-start: 400px
    }
}

.ACHl4b:checked~.z9Cz8v {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    background-color: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100vh
}

.has-wallpaper .ACHl4b:checked~.z9Cz8v,
.raiSkinDesktop .ACHl4b:checked~.z9Cz8v {
    inset-block-start: inherit;
    inset-inline: inherit;
    height: 100vh;
    position: absolute
}

.VVrSAf {
    color: #fff;
    background-color: #009e61;
    border-radius: 8px;
    gap: 12px;
    padding: 10px 12px;
    display: inline-flex;
    position: relative
}

@media screen and (min-width: 48em) {
    .VVrSAf {
        min-height: 40px
    }
}

.VVrSAf:hover {
    color: #fff;
    background-color: #008551
}

.BBSl1m {
    flex: auto;
    justify-content: center;
    align-items: center;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.4;
    display: inline-flex
}

@media screen and (min-width: 48em) {
    .BBSl1m {
        justify-content: flex-start
    }
}

.BBSl1m span {
    display: none
}

@media screen and (min-width: 48em) {
    .BBSl1m span {
        margin-block-start: 2px;
        font-size: .875rem;
        font-weight: 400;
        display: block
    }
}

.ZPo5zx {
    align-items: center;
    display: flex
}

.VVrSAf>div:empty {
    display: none
}

.VVrSAf.t0RZdB {
    color: #009e61;
    background-color: #fff;
    box-shadow: inset 0 0 0 2px #009e61
}

.VVrSAf.t0RZdB:hover {
    color: #fff;
    background-color: #008551;
    box-shadow: inset 0 0 0 2px #009e61
}

.Qbtxih {
    width: 100%
}

.vtOVxd .BBSl1m {
    justify-content: center
}

.VVrSAf[aria-disabled=true],
.VVrSAf[disabled] {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
    text-decoration: none
}

.j458eK {
    border-block-start: 1px solid #e0e0e0;
    padding: 16px 0
}

.JPBeCH {
    padding-block: 8px
}

.j458eK:last-child {
    border-block-end: 1px solid #e0e0e0
}

.JYiqzj {
    border-block: 0
}

.JYiqzj:last-child {
    border-block-end: 0
}

.KK7eVB:first-child {
    border-block-start: 0
}

.KZ6uoY,
.yEqoXC {
    flex-direction: column;
    gap: 6px;
    display: flex
}

@media screen and (min-width: 64em) {
    .yEqoXC {
        flex-flow: wrap;
        gap: 24px
    }
}

.dEJVTE,
.PbVVCI {
    flex-direction: column;
    display: flex
}

@media screen and (min-width: 64em) {

    .dEJVTE,
    .PbVVCI {
        flex: calc(100% - 244px)
    }
}

.Og0Vvj,
.dvSdNh {
    flex-direction: column;
    justify-content: center;
    display: flex
}

@media screen and (min-width: 64em) {

    .Og0Vvj,
    .dvSdNh {
        flex: 1 0 220px
    }
}

.BL32zw,
.fTxfX7 {
    justify-content: flex-start
}

.ZXvf9n {
    flex-wrap: wrap;
    gap: 12px;
    display: flex
}

.OHWuwn {
    flex-wrap: wrap;
    flex: auto;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    display: flex
}

@media screen and (min-width: 30em) {
    .OHWuwn {
        justify-content: flex-start
    }
}

.qDqWL_,
.yBezNR,
.JvNcUU {
    color: #3b3d40;
    background: 0 0;
    justify-content: center;
    align-items: center;
    min-width: 48px;
    min-height: 48px;
    padding: 12px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    display: flex
}

.qDqWL_,
.JvNcUU {
    background: #fff;
    border-radius: 8px;
    transition: background-color .25s;
    box-shadow: inset 0 0 0 1px #e0e0e0
}

.qDqWL_:hover,
.qDqWL_:focus,
.JvNcUU:hover,
.JvNcUU:focus {
    background-color: #f5f5f5
}

.qDqWL_:active,
.JvNcUU:active {
    background-color: #eee
}

.yBezNR {
    cursor: default;
    color: #3b3d40;
    pointer-events: none;
    background: 0 0;
    border-radius: 8px;
    font-weight: 400;
    box-shadow: inset 0 0 0 2px #0087de
}

.oW9j_0 {
    flex-wrap: wrap;
    flex: 0 auto;
    align-items: center;
    gap: 12px;
    margin: 0 auto;
    display: flex
}

:lang(ar-SA) .oW9j_0 {
    flex-direction: row-reverse
}

.Qh2S_h,
.myfdSk {
    text-align: center;
    flex: 1 0 auto;
    gap: 12px;
    display: flex
}

.Qh2S_h>a,
.myfdSk>a {
    gap: 8px;
    padding: 12px;
    display: flex
}

:lang(ar-SA) .Qh2S_h>a,
:lang(ar-SA) .myfdSk>a {
    flex-direction: row-reverse
}

.D6CbSw {
    font-size: .875rem
}

@media screen and (min-width: 64em) {
    .D6CbSw {
        margin-inline: 96px 220px
    }
}

.xRbG7B {
    text-transform: uppercase;
    color: #009a48;
    font-weight: 600
}

.LkehHz {
    color: #b71c1c
}

.D4CpFd {
    padding-block-start: 8px
}

.ZaPdAQ {
    padding-block-start: 12px
}

.xfEOlG {
    padding-block-start: 16px
}

.dUVrt3 {
    padding-block-start: 24px
}

.b0GweC {
    padding-block-start: 32px
}

.BPwEzM {
    padding-block-start: 48px
}

.FlKfMY {
    padding-inline-end: 8px
}

.mTOftc {
    padding-inline-end: 12px
}

.DqGqcM {
    padding-inline-end: 16px
}

.naW8YK {
    padding-inline-end: 24px
}

.sHmBUP {
    padding-inline-end: 32px
}

.GsNNZA {
    padding-inline-end: 48px
}

.dxlaQK {
    padding-block-end: 8px
}

.G_cg7R {
    padding-block-end: 12px
}

.fYlr3N {
    padding-block-end: 16px
}

.P1Ars4 {
    padding-block-end: 24px
}

.lxgWjN {
    padding-block-end: 32px
}

.pkAvFZ {
    padding-block-end: 48px
}

.SGgHYB {
    padding-inline-start: 8px
}

.pllvDG {
    padding-inline-start: 12px
}

.JDMgai {
    padding-inline-start: 16px
}

.b3GxVZ {
    padding-inline-start: 24px
}

.WKIOhl {
    padding-inline-start: 32px
}

.xkVGvf {
    padding-inline-start: 48px
}

.WxxWq8 {
    padding-block: 8px
}

.XFW7GZ {
    padding-block: 12px
}

.GsdTAe {
    padding-block: 16px
}

.A1jryu {
    padding-block: 24px
}

.Fb3owr {
    padding-block: 32px
}

.FA2c2G {
    padding-block: 48px
}

.wtINkt {
    margin-block-start: 8px
}

.sbf_sM {
    margin-block-start: 12px
}

.MzOx7O {
    margin-block-start: 16px
}

.iFJtju {
    margin-block-start: 24px
}

.h9bFFm {
    margin-block-start: 32px
}

.Tt1sH_ {
    margin-block-start: 48px
}

.CjtDwZ {
    margin-inline-end: 8px
}

.cEvhGx {
    margin-inline-end: 12px
}

.jOh4pk {
    margin-inline-end: 16px
}

.Ti86Od {
    margin-inline-end: 24px
}

.aieRU3 {
    margin-inline-end: 32px
}

.mBtBbH {
    margin-inline-end: 48px
}

.dJLzNv {
    margin-block-end: 8px
}

.wRVAgc {
    margin-block-end: 12px
}

.Bt75Ub {
    margin-block-end: 16px
}

.QT5VME {
    margin-block-end: 24px
}

.A0PHWL {
    margin-block-end: 32px
}

.GzNVNk {
    margin-block-end: 48px
}

.W_acf0 {
    margin-inline-start: 8px
}

.N8gtyI {
    margin-inline-start: 12px
}

.I_U6uq {
    margin-inline-start: 16px
}

.bK4UBc {
    margin-inline-start: 24px
}

.BMSw1c {
    margin-inline-start: 32px
}

.mmWU5h {
    margin-inline-start: 48px
}

.Ui5SRU {
    margin-block: 8px
}

.PuOPg0 {
    margin-block: 12px
}

.bFLyl2 {
    margin-block: 16px
}

.PjVZxb {
    margin-block: 24px
}

.twIn4N {
    margin-block: 32px
}

.hllmZB {
    margin-block: 48px
}

@media screen and (min-width: 64em) {
    .ckWHeU {
        flex-wrap: nowrap;
        column-gap: 24px;
        display: flex
    }

    .oXCElr {
        flex: 1 0 calc(100% - 324px);
        max-width: calc(100% - 324px)
    }

    .vCmrff {
        flex: 0 0 300px;
        max-width: 300px
    }
}

.pxYCQq {
    margin: 0 calc(var(--gutter-neg)*2);
    padding: 0 calc(var(--gutter-pos)*2);
    text-transform: capitalize;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
    gap: 8px;
    display: flex;
    overflow: scroll hidden;
    transform: translateZ(0)
}

.pxYCQq::-webkit-scrollbar {
    display: none
}

@media (hover: hover) {
    .pxYCQq {
        overflow: initial;
        white-space: normal;
        margin: 0;
        padding: 0
    }
}

.W6Jox4 {
    white-space: nowrap;
    color: #70737a;
    align-items: center;
    column-gap: 8px;
    font-size: .75rem;
    display: inline-flex
}

.W6Jox4:after {
    color: #70737a;
    content: "/"
}

.W6Jox4:last-child {
    color: #141415
}

@media (hover: hover) {
    .W6Jox4:last-child {
        overflow: hidden
    }
}

.W6Jox4:last-child:after {
    content: none
}

@media (hover: hover) {
    .wxs03N {
        text-overflow: ellipsis;
        display: block;
        overflow: hidden
    }
}

.YHSFrC {
    color: #70737a;
    text-decoration: none
}

@media (hover: hover) {
    .L7qoRM {
        text-overflow: ellipsis;
        max-width: 140px;
        display: block;
        overflow: hidden
    }

    .L7qoRM:hover {
        max-width: none
    }
}

.YHSFrC:hover {
    color: #70737a;
    text-decoration: underline
}

.YHSFrC:active {
    color: #141415
}

.VfWsGQ {
    line-height: 1
}

.z03IDm .W6Jox4,
.z03IDm .W6Jox4:after {
    color: #bdbdbd
}

.z03IDm .W6Jox4:last-child {
    color: #fff
}

.z03IDm .YHSFrC,
.z03IDm .YHSFrC:hover {
    color: #bdbdbd
}

.z03IDm .YHSFrC:active {
    color: #fff
}

.yWwYNH {
    line-height: inherit;
    color: #141415;
    font-family: Montserrat, Arial Fallback, arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 600
}

.yWwYNH span {
    font-family: Inter, Arial Fallback, arial, sans-serif;
    font-size: initial;
    font-weight: 400
}

.no8GdX {
    color: #70737a
}

@media screen and (min-width: 48em) {
    .yWwYNH {
        font-size: 1.375rem
    }
}

.w1ycWS {
    -webkit-overflow-scrolling: touch;
    border-block-end: 1px solid #e0e0e0;
    margin-inline: -16px;
    padding: 4px 0;
    overflow: scroll hidden
}

@media (min-width: 48em) {
    .w1ycWS {
        margin-inline: 0;
        overflow: auto
    }
}

.w1ycWS::-webkit-scrollbar {
    display: none
}

.luMBIT {
    border-block-start: 1px solid #e0e0e0
}

.ZNAv3P {
    white-space: nowrap;
    flex-wrap: nowrap;
    padding-inline-start: 16px;
    display: flex
}

@media (min-width: 48em) {
    .ZNAv3P {
        column-gap: 16px;
        padding-inline-start: 0
    }
}

.ZjLHKx {
    flex: 0 auto;
    align-items: center;
    padding-inline-end: 12px;
    display: inline-flex
}

@media (min-width: 48em) {
    .ZjLHKx {
        padding-inline-end: 0
    }
}

.qXC9E5 {
    margin-inline-start: auto
}

.KD_KG2 {
    --s-filter-dropdown-bp: 48em;
    font-size: .875rem;
    display: inline-block
}

.kWmh_7 {
    column-gap: 4px;
    display: flex
}

.E55Y_T {
    display: none
}

@media (min-width: 48em) {
    .E55Y_T {
        float: inline-start;
        vertical-align: middle;
        text-transform: capitalize;
        padding: 4px 0;
        display: inline-block
    }
}

.slrhcD {
    cursor: pointer;
    white-space: nowrap;
    align-items: center;
    column-gap: 4px;
    display: flex
}

.j3zvdE {
    font-weight: 600
}

.RMxy7H {
    transition: all .2s ease-in-out
}

.Nx7dQu {
    inset: logical 0 100% 0 0;
    z-index: 115;
    white-space: nowrap;
    background-color: #fff;
    flex-flow: column;
    width: 100%;
    padding: 12px;
    transition: left .3s ease-in-out;
    display: flex;
    position: fixed;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

@media (min-width: 48em) {
    .Nx7dQu {
        inset: initial;
        z-index: 85;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        width: 500px;
        transition: left .3s ease-in-out;
        position: absolute
    }

    .mNkkNR {
        width: auto
    }
}

.lTlTdY {
    cursor: pointer;
    display: none
}

.mWsbhj {
    flex-wrap: wrap;
    display: flex;
    overflow-y: auto
}

.rdCK8u {
    flex: 100%;
    max-width: 100%;
    padding: 0 12px
}

.rdCK8u:last-child a {
    border-block-end: 0;
    margin-block-end: 24px
}

@media (min-width: 48em) {
    .rdCK8u:last-child a {
        margin-block-end: 0
    }

    .rdCK8u {
        flex: 50%;
        max-width: 236px;
        padding: 0
    }
}

.V0vUWY {
    background: inherit;
    cursor: pointer;
    border: none;
    border-block-end: 1px solid #e0e0e0;
    align-items: center;
    column-gap: 8px;
    width: 100%;
    padding: 16px;
    font-size: 1rem;
    display: flex
}

.V0vUWY span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

@media (min-width: 48em) {
    .V0vUWY {
        border-block-end: none;
        padding: 8px 12px;
        font-size: .875rem
    }
}

.V0vUWY:hover {
    background-color: #f5f5f5;
    text-decoration: none
}

.V0vUWY:focus-visible {
    outline-offset: -1px
}

.H61C1l {
    font-weight: 600
}

.KD_KG2[open] .kWmh_7 {
    z-index: 115;
    background: #fff;
    justify-content: right;
    width: 100%;
    padding: 12px 16px;
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0
}

@media screen and (min-width: 48em) {
    .KD_KG2[open] .kWmh_7 {
        z-index: 85;
        justify-content: left;
        padding: 0;
        position: relative;
        inset-inline-start: initial
    }
}

.KD_KG2[open] .slrhcD {
    display: none
}

@media screen and (min-width: 48em) {
    .KD_KG2[open] .slrhcD {
        display: flex
    }
}

.KD_KG2[open] .Nx7dQu {
    visibility: visible;
    z-index: 115;
    inset: 48px 0 0;
    inset-inline-start: 0
}

@media (min-width: 48em) {
    .KD_KG2[open] .Nx7dQu {
        inset: initial;
        z-index: 85;
        position: absolute
    }
}

.KD_KG2[open] .RMxy7H {
    display: none;
    transform: rotate(180deg)
}

@media screen and (min-width: 48em) {
    .KD_KG2[open] .RMxy7H {
        display: block
    }
}

.KD_KG2[open] .lTlTdY {
    display: block
}

@media screen and (min-width: 48em) {
    .KD_KG2[open] .lTlTdY {
        display: none
    }
}

.V0xYDC {
    overflow-y: hidden
}

@media (min-width: 48em) {
    .V0xYDC {
        overflow-y: initial
    }
}

.XFU9tR {
    column-gap: 16px;
    display: flex
}

.GHvwqX {
    flex: 1;
    min-width: 0
}

.Wt7Aeg>* {
    max-width: none;
    line-height: 0;
    display: flex
}

.q7TOUy {
    align-items: flex-start
}

.z7UEv8 {
    align-items: center
}

.lbnJ31 {
    align-items: flex-end
}

.O7DN61 {
    column-gap: 8px
}

.OstidJ {
    column-gap: 12px
}

.UzUkPA {
    background: #f5f5f5 var(--img-placeholder)no-repeat center/contain;
    object-fit: cover;
    aspect-ratio: 1;
    border-radius: 8px
}

@supports not (aspect-ratio: calc(1 / 1)) {
    .UzUkPA:after {
        float: inline-start;
        content: "";
        padding-block-start: 100%
    }
}

.YRnfoN {
    width: 100%
}

.cDKXIR {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #00805e;
    font-family: Inter, Arial Fallback, arial, sans-serif;
    font-size: .875rem;
    overflow: hidden
}

.T1sY4l {
    color: #70737a
}

.jmS8L8 {
    color: #ffb901;
    width: 18px;
    height: 18px
}

.JmohCz,
.VoyviI {
    align-items: stretch;
    column-gap: 2px;
    font-size: .875rem;
    display: inline-flex
}

.swYGSN {
    color: #009a48;
    width: 18px;
    height: 18px
}

.F6fJez {
    display: block
}

.bq152j {
    color: #141415;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-block-end: 4px;
    font-size: 1rem;
    font-weight: 600;
    overflow: hidden
}

.gViPDQ {
    align-items: center;
    column-gap: 4px;
    margin-block-end: 4px;
    font-size: .75rem;
    display: flex
}

.P7KaI4 {
    align-items: center;
    display: inline-flex
}

.P7KaI4:after {
    color: #3b3d40;
    content: "·";
    margin-inline-start: 4px;
    font-size: .875rem
}

.P7KaI4:last-child:after {
    content: none
}

.LpqBzG {
    --max-lines: 2;
    font-size: .875rem;
    overflow: hidden
}

@supports (-webkit-line-clamp:2) {
    .LpqBzG {
        -webkit-line-clamp: var(--max-lines, 2);
        -webkit-box-orient: vertical;
        display: -webkit-box
    }
}

.JBFjxv {
    margin-block-end: 4px
}

.F6fJez[href]:hover {
    cursor: pointer
}

.F6fJez[href]:hover .bq152j {
    text-decoration: underline
}

.F6fJez[href].mW0jXI {
    padding: 12px
}

.F6fJez[href].mW0jXI .bq152j {
    margin-block-end: 0
}

.F6fJez[href].mW0jXI:hover {
    cursor: pointer;
    background-color: #f5f5f5
}

.F6fJez[href].mW0jXI:hover .bq152j {
    text-decoration: none
}

.F6fJez.mW0jXI .pVoVft {
    width: 40px;
    height: 40px
}

.F6fJez.rbS31L .pVoVft {
    width: 48px;
    height: 48px
}

.F6fJez.cMVwbk .pVoVft {
    width: 80px;
    height: 80px
}

._6lscF {
    border: 1px solid #e0e0e0;
    border-left-width: 4px;
    border-radius: 8px;
    column-gap: 12px;
    padding: 16px 12px;
    display: flex
}

.PVQgSI {
    text-align: center;
    justify-content: center
}

.LNn8Rh {
    border-color: #0074df
}

.cEOIKA {
    border-color: #009a48
}

.yaosWs,
.MYsmsk {
    border-color: #ffb901
}

._0pagkB {
    border-color: #b71c1c
}

.BXBtHj {
    align-items: flex-start;
    display: flex
}

.kC4eqY {
    color: #0074df
}

.wCohse,
.pCThsE {
    color: #ffb901
}

.oqsMAC {
    color: #b71c1c
}

.fh3TIX {
    color: #009a48
}

.qOdQu8 {
    color: #3b3d40;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    row-gap: 8px;
    display: flex
}

.qJP8Om {
    color: #141415;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.6
}

.UgR1WJ {
    letter-spacing: .4px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4
}

@media screen and (min-width: 64em) {
    .UgR1WJ {
        font-size: .875rem
    }
}