/*** VSM_CSS ***/ /* END STYLABLE DIRECTIVE RULES */

#comp-mdnf4wxh .style-mdnf4wxi9__root{-st-extends: StylableButton;transition: all 0.2s ease, visibility 0s;padding-right: 0px;border: 0px solid #FFFFFF;border-radius: 0px;background: repeat padding-box border-box 0% 0% / auto auto scroll linear-gradient(180deg, rgba(0, 0, 0, 0) 84%, #000000 92%)}

/* START STYLABLE DIRECTIVE RULES */

#comp-mdnf4wxh .style-mdnf4wxi9__root .StylableButton2545352419__container{transition: inherit;flex-direction: row-reverse}

#comp-mdnf4wxh .style-mdnf4wxi9__root .StylableButton2545352419__label{transition: inherit;letter-spacing: 0em;margin: 0px 0px 0px 4px;color: #FFFFFF;display: initial; font-family: wfont_9e3cbb_a8749db1764c490da1da80667e912988,wf_a8749db1764c490da1da80667,orig_ibm_plex_sans_arabic_regular; font-size: 16px; font-weight: normal; font-style: normal;font-family: madefor-text;font-size: 10px;font-style: normal;font-weight: normal;letter-spacing: 0em;line-height: 1.4em;font-size: 14px}

#comp-mdnf4wxh .style-mdnf4wxi9__root .StylableButton2545352419__icon{transition: inherit;width: 25px;height: 25px;margin: 0px 4px 0px 0px;fill: #FFFFFF;display: none}@media screen and (min-width: 320px) and (max-width: 1000px){#comp-mdnf4wxh {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */}@media screen and (min-width: 320px) and (max-width: 750px){#comp-mdnf4wxh {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */}/* END STYLABLE DIRECTIVE RULES */

#comp-mdn3zcfc .style-mdn3zcfd2__root{-st-extends: StylableButton;transition: all 0.2s ease, visibility 0s;padding-right: 0px;border: 0px solid #FFFFFF;border-radius: 0px;background: repeat padding-box border-box 0% 0% / auto auto scroll radial-gradient(circle at 49% 0%, rgba(0, 0, 0, 0) 68%, #000000 92%)}

/* START STYLABLE DIRECTIVE RULES */

#comp-mdn3zcfc .style-mdn3zcfd2__root .StylableButton2545352419__container{transition: inherit;flex-direction: row-reverse}

#comp-mdn3zcfc .style-mdn3zcfd2__root .StylableButton2545352419__label{transition: inherit;letter-spacing: 0em;margin: 0px 0px 0px 4px;color: #FFFFFF;display: initial; font-family: wfont_9e3cbb_a8749db1764c490da1da80667e912988,wf_a8749db1764c490da1da80667,orig_ibm_plex_sans_arabic_regular; font-size: 16px; font-weight: normal; font-style: normal;font-family: madefor-text;font-size: 10px;font-style: normal;font-weight: normal;letter-spacing: 0em;line-height: 1.4em;font-size: 14px}

#comp-mdn3zcfc .style-mdn3zcfd2__root .StylableButton2545352419__icon{transition: inherit;width: 25px;height: 25px;margin: 0px 4px 0px 0px;fill: #FFFFFF;display: none}@media screen and (min-width: 320px) and (max-width: 1000px){#comp-mdn3zcfc {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */}@media screen and (min-width: 320px) and (max-width: 750px){#comp-mdn3zcfc {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */

#comp-mdn3zcfc .style-mdn3zcfd2__root{
    background: repeat padding-box border-box 0% 0% / auto auto scroll radial-gradient(circle at 49% 0%, rgba(0, 0, 0, 0) 72%, #000000 87%);
}}/* END STYLABLE DIRECTIVE RULES */

#comp-mdn3zcfn7 .style-mdn3zcfs7__root{-st-extends: StylableButton;transition: all 0.2s ease, visibility 0s;border: 0px solid #000000;padding-right: 4px;border-radius: 100%;background: #1B0227}

/* START STYLABLE DIRECTIVE RULES */

#comp-mdn3zcfn7 .style-mdn3zcfs7__root:hover {
    border: 0px solid #000000;
    border-radius: 100%;
    padding: 0px;
    padding-right: 4px;
    background: #F3D0BF;
}

#comp-mdn3zcfn7 .style-mdn3zcfs7__root:hover .StylableButton2545352419__icon {
    fill: #000000;
    transform: rotate(180deg);}

#comp-mdn3zcfn7 .style-mdn3zcfs7__root:hover .StylableButton2545352419__label {
    color: #000046;
}

#comp-mdn3zcfn7 .style-mdn3zcfs7__root:disabled{border: 0px solid #000000;background: rgba(238, 238, 238, 0)}

#comp-mdn3zcfn7 .style-mdn3zcfs7__root:disabled .StylableButton2545352419__label{
    color: #4F4F4F}

#comp-mdn3zcfn7 .style-mdn3zcfs7__root:disabled .StylableButton2545352419__icon{fill: #8F8F8F}

#comp-mdn3zcfn7 .style-mdn3zcfs7__root .StylableButton2545352419__container{transition: inherit;flex-direction: row;justify-content: center;align-items: center}

#comp-mdn3zcfn7 .style-mdn3zcfs7__root .StylableButton2545352419__label{transition: inherit;letter-spacing: 0em;margin: 0px 0px 0px 4px;margin-left: 0px;margin-right: 6px;color: #000000; font-family: wfont_9e3cbb_a8749db1764c490da1da80667e912988,wf_a8749db1764c490da1da80667,orig_ibm_plex_sans_arabic_regular; font-size: 16px; font-weight: normal; font-style: normal;display: none}

#comp-mdn3zcfn7 .style-mdn3zcfs7__root .StylableButton2545352419__icon{transition: inherit;margin: 0px 4px 0px 0px;margin-right: 0px;margin-left: 6px;display: initial;width: 64px;height: 64px;fill: #FFFFFF;transform: rotate(135deg)}@media screen and (min-width: 320px) and (max-width: 1000px){/* END STYLABLE DIRECTIVE RULES */

/* START STYLABLE DIRECTIVE RULES */

#comp-mdn3zcfn7 .style-mdn3zcfs7__root .StylableButton2545352419__label { font-size: 16px;
    font-size: 15px;
}}@media screen and (min-width: 320px) and (max-width: 750px){

#comp-mdn3zcfn7 .style-mdn3zcfs7__root .StylableButton2545352419__icon {
    width: 50px;
    height: 50px;
}/* END STYLABLE DIRECTIVE RULES */

/* START STYLABLE DIRECTIVE RULES */

#comp-mdn3zcfn7 .style-mdn3zcfs7__root .StylableButton2545352419__label { font-size: 16px;
    font-size: 15px;
}}/* END STYLABLE DIRECTIVE RULES */

#comp-mdn3zcg6 .style-mdn3zcg78__root{-st-extends: StylableButton;transition: all 0.2s ease, visibility 0s;border-radius: 0px;padding-right: 0px;border: 0px solid #000000;background: rgba(255, 255, 255, 0);border-bottom: 2px solid rgba(250, 248, 242, 0.1);padding-bottom: 5px}

/* START STYLABLE DIRECTIVE RULES */

#comp-mdn3zcg6 .style-mdn3zcg78__root:hover {
    background: rgba(0, 0, 0, 0);
    border: 0px solid #000000;
    border-bottom: 2px solid #FAF8F2;
}

#comp-mdn3zcg6 .style-mdn3zcg78__root:hover .StylableButton2545352419__icon {
    fill: #FAF8F2;
    transform: rotate(228deg);}

#comp-mdn3zcg6 .style-mdn3zcg78__root:hover .StylableButton2545352419__label {
    color: #FAF8F2;
}

#comp-mdn3zcg6 .style-mdn3zcg78__root:disabled{border: 0px solid #000000;background: rgba(238, 238, 238, 0)}

#comp-mdn3zcg6 .style-mdn3zcg78__root:disabled .StylableButton2545352419__label{
    color: #8D8D8D}

#comp-mdn3zcg6 .style-mdn3zcg78__root:disabled .StylableButton2545352419__icon{fill: #8F8F8F}

#comp-mdn3zcg6 .style-mdn3zcg78__root .StylableButton2545352419__container{transition: inherit;flex-direction: row-reverse;justify-content: space-between;align-items: center}

#comp-mdn3zcg6 .style-mdn3zcg78__root .StylableButton2545352419__label{transition: inherit;letter-spacing: 0em;margin: 0px 0px 0px 4px;display: initial;letter-spacing: 0em;line-height: 1.4em;color: #FAF8F2; font-family: wfont_9e3cbb_a8749db1764c490da1da80667e912988,wf_a8749db1764c490da1da80667,orig_ibm_plex_sans_arabic_regular; font-size: 18px; font-weight: normal; font-style: normal;font-family: wfont_9e3cbb_2eadc977031a49e6a5a1fdcda7c0889a,wf_2eadc977031a49e6a5a1fdcda,orig_ibm_plex_sans_arabic_medium;margin-right: 0px;margin-left: 5px}

#comp-mdn3zcg6 .style-mdn3zcg78__root .StylableButton2545352419__icon{transition: inherit;margin: 0px 4px 0px 0px;fill: #FAF8F2;width: 40px;height: 40px;display: initial;margin-left: 0px;margin-right: 5px;transform: rotate(280deg)}@media screen and (min-width: 320px) and (max-width: 1000px){#comp-mdn3zcg6 {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */}@media screen and (min-width: 320px) and (max-width: 750px){#comp-mdn3zcg6 {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */}/* END STYLABLE DIRECTIVE RULES */

[id^="comp-mdoiu163__"] .style-mdoiu1668__root{-st-extends: StylableButton;transition: all 0.2s ease, visibility 0s;padding-right: 0px;border: 0px solid #FFFFFF;border-radius: 0px;background: repeat padding-box border-box 0% 0% / auto auto scroll radial-gradient(circle at 52% 0%, rgba(0, 0, 0, 0) 67%, #000000 94%)}

/* START STYLABLE DIRECTIVE RULES */

[id^="comp-mdoiu163__"] .style-mdoiu1668__root .StylableButton2545352419__container{transition: inherit;flex-direction: row-reverse}

[id^="comp-mdoiu163__"] .style-mdoiu1668__root .StylableButton2545352419__label{transition: inherit;letter-spacing: 0em;margin: 0px 0px 0px 4px;color: #FFFFFF;display: initial; font-family: wfont_9e3cbb_a8749db1764c490da1da80667e912988,wf_a8749db1764c490da1da80667,orig_ibm_plex_sans_arabic_regular; font-size: 16px; font-weight: normal; font-style: normal;font-family: madefor-text;font-size: 10px;font-style: normal;font-weight: normal;letter-spacing: 0em;line-height: 1.4em;font-size: 14px}

[id^="comp-mdoiu163__"] .style-mdoiu1668__root .StylableButton2545352419__icon{transition: inherit;width: 25px;height: 25px;margin: 0px 4px 0px 0px;fill: #FFFFFF;display: none}@media screen and (min-width: 320px) and (max-width: 1000px){[id^="comp-mdoiu163__"] {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */}@media screen and (min-width: 320px) and (max-width: 750px){[id^="comp-mdoiu163__"] {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */

[id^="comp-mdoiu163__"] .style-mdoiu1668__root{
    background: repeat padding-box border-box 0% 0% / auto auto scroll radial-gradient(circle at 49% 0%, rgba(0, 0, 0, 0) 72%, #000000 87%);
}}/* END STYLABLE DIRECTIVE RULES */

#comp-mdogvftc .style-mdogvftd7__root{-st-extends: StylableButton;transition: all 0.2s ease, visibility 0s;box-shadow: 1.5px 3.71px 9px rgba(19, 25, 70, 0);padding-left: 0px;padding-bottom: 0px;border-radius: 999px;background: rgba(0, 0, 0, 0)}

/* START STYLABLE DIRECTIVE RULES */

#comp-mdogvftc .style-mdogvftd7__root:hover {
    box-shadow: 1.5px 3px 9px rgba(19, 25, 70, 0);
    background: #000000;
    border-radius: 100px;
}

#comp-mdogvftc .style-mdogvftd7__root:hover .StylableButton2545352419__icon {
    fill: #FFFFFF;
    width: 28px;
    height: 28px;
}

#comp-mdogvftc .style-mdogvftd7__root:disabled{background: #E2E2E2}

#comp-mdogvftc .style-mdogvftd7__root:disabled .StylableButton2545352419__label{color: #8F8F8F}

#comp-mdogvftc .style-mdogvftd7__root:disabled .StylableButton2545352419__icon{fill: #8F8F8F}

#comp-mdogvftc .style-mdogvftd7__root .StylableButton2545352419__container{transition: inherit}

#comp-mdogvftc .style-mdogvftd7__root .StylableButton2545352419__label{transition: inherit;letter-spacing: 0em;font-family: poppins-extralight,poppins,sans-serif;font-weight: normal;font-style: normal;font-size: 14px;color: #000000;margin: 0px 0px 0px 0px;display: none}

#comp-mdogvftc .style-mdogvftd7__root .StylableButton2545352419__icon{transition: inherit;margin: 0px 0px 0px 0px;display: inherited;width: 24px;height: 24px;fill: #FFFFFF}@media screen and (min-width: 320px) and (max-width: 750px){#comp-mdogvftc {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */

#comp-mdogvftc .style-mdogvftd7__root{
    -st-extends: SlideshowButton;
}}/* END STYLABLE DIRECTIVE RULES */

#comp-mdogvfte .style-mdogvfte8__root{-st-extends: StylableButton;transition: all 0.2s ease, visibility 0s;box-shadow: 1.5px 3.71px 9px rgba(19, 25, 70, 0);padding-left: 0px;padding-bottom: 0px;border-radius: 999px;background: rgba(0, 0, 0, 0)}

/* START STYLABLE DIRECTIVE RULES */

#comp-mdogvfte .style-mdogvfte8__root:hover {
    box-shadow: 1.5px 3px 9px rgba(19, 25, 70, 0);
    background: #000000;
    border-radius: 100px;
}

#comp-mdogvfte .style-mdogvfte8__root:hover .StylableButton2545352419__icon {
    fill: #FFFFFF;
    width: 28px;
    height: 28px;
}

#comp-mdogvfte .style-mdogvfte8__root:disabled{background: #E2E2E2}

#comp-mdogvfte .style-mdogvfte8__root:disabled .StylableButton2545352419__label{color: #8F8F8F}

#comp-mdogvfte .style-mdogvfte8__root:disabled .StylableButton2545352419__icon{fill: #8F8F8F}

#comp-mdogvfte .style-mdogvfte8__root .StylableButton2545352419__container{transition: inherit}

#comp-mdogvfte .style-mdogvfte8__root .StylableButton2545352419__label{transition: inherit;letter-spacing: 0em;font-family: poppins-extralight,poppins,sans-serif;font-weight: normal;font-style: normal;font-size: 14px;color: #000000;margin: 0px 0px 0px 0px;display: none}

#comp-mdogvfte .style-mdogvfte8__root .StylableButton2545352419__icon{transition: inherit;margin: 0px 0px 0px 0px;display: inherited;width: 24px;height: 24px;fill: #FFFFFF}@media screen and (min-width: 320px) and (max-width: 750px){#comp-mdogvfte {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */

#comp-mdogvfte .style-mdogvfte8__root{
    -st-extends: SlideshowButton;
}}/* END STYLABLE DIRECTIVE RULES */

#comp-mdomslzb .style-mdomslzf9__root{-st-extends: StylableButton;transition: all 0.2s ease, visibility 0s;background: rgba(255, 255, 255, 0);border-radius: 6px;padding: 10px;border: 0px solid rgba(238, 238, 238, 0.2);padding-top: 5px;padding-bottom: 5px;padding-right: 10px;padding-left: 5px}

/* START STYLABLE DIRECTIVE RULES */

#comp-mdomslzb .style-mdomslzf9__root:hover {
    background: rgba(0, 0, 0, 0);
    border: 0px solid #EEEEEE;
}

#comp-mdomslzb .style-mdomslzf9__root:hover .StylableButton2545352419__icon {
    fill: #FAF8F2;
    transform: rotate(225deg);}

#comp-mdomslzb .style-mdomslzf9__root:hover .StylableButton2545352419__label {
    color: #FAF8F2; font-family: wfont_9e3cbb_a8749db1764c490da1da80667e912988,wf_a8749db1764c490da1da80667,orig_ibm_plex_sans_arabic_regular; font-size: 18px; font-weight: normal; font-style: normal;
    font-size: 36px;
    font-family: wfont_9e3cbb_2eadc977031a49e6a5a1fdcda7c0889a,wf_2eadc977031a49e6a5a1fdcda,orig_ibm_plex_sans_arabic_medium;
}

#comp-mdomslzb .style-mdomslzf9__root:disabled{border: 0px solid #000000;background: rgba(238, 238, 238, 0)}

#comp-mdomslzb .style-mdomslzf9__root:disabled .StylableButton2545352419__label{
    color: #8D8D8D}

#comp-mdomslzb .style-mdomslzf9__root:disabled .StylableButton2545352419__icon{fill: #8F8F8F}

#comp-mdomslzb .style-mdomslzf9__root .StylableButton2545352419__container{transition: inherit;flex-direction: row-reverse;justify-content: center;align-items: center}

#comp-mdomslzb .style-mdomslzf9__root .StylableButton2545352419__label{transition: inherit;letter-spacing: 0em;margin: 0px 0px 0px 4px;display: initial;line-height: 1.4em;color: #FAF8F2;font-family: wfont_9e3cbb_a8749db1764c490da1da80667e912988,wf_a8749db1764c490da1da80667,orig_ibm_plex_sans_arabic_regular; font-family: wfont_9e3cbb_a8749db1764c490da1da80667e912988,wf_a8749db1764c490da1da80667,orig_ibm_plex_sans_arabic_regular; font-size: 18px; font-weight: normal; font-style: normal;font-size: 36px;margin-right: 0px;margin-left: 5px}

#comp-mdomslzb .style-mdomslzf9__root .StylableButton2545352419__icon{transition: inherit;margin: 0px 4px 0px 0px;fill: #FAF8F2;display: initial;transform: rotate(280deg);width: 50px;height: 50px;margin-left: 0px;margin-right: 5px}@media screen and (min-width: 320px) and (max-width: 1000px){

#comp-mdomslzb .style-mdomslzf9__root .StylableButton2545352419__icon {
    width: 40px;
    height: 40px;
}/* END STYLABLE DIRECTIVE RULES */

/* START STYLABLE DIRECTIVE RULES */

#comp-mdomslzb .style-mdomslzf9__root .StylableButton2545352419__label { font-size: 18px;
    font-size: 28px;
}

#comp-mdomslzb .style-mdomslzf9__root:hover .StylableButton2545352419__label { font-family: wfont_9e3cbb_a8749db1764c490da1da80667e912988,wf_a8749db1764c490da1da80667,orig_ibm_plex_sans_arabic_regular; font-size: 18px;
    font-family: wfont_9e3cbb_2eadc977031a49e6a5a1fdcda7c0889a,wf_2eadc977031a49e6a5a1fdcda,orig_ibm_plex_sans_arabic_medium;
    font-size: 28px;
}}@media screen and (min-width: 320px) and (max-width: 750px){#comp-mdomslzb {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */}[id^="comp-mdngo1586__"].variants-mdngo159  {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */

[id^="comp-mdngo1586__"].variants-mdngo159 .style-mdngo15m9__root{
    -st-extends: StylableButton;
}/* END STYLABLE DIRECTIVE RULES */

[id^="comp-mdngo15l__"] .style-mdngo15m9__root{-st-extends: StylableButton;transition: all 0.2s ease, visibility 0s;padding-right: 0px;border: 0px solid #FFFFFF;border-radius: 0px;background: repeat padding-box border-box 0% / auto scroll linear-gradient(180deg, rgba(0, 0, 0, 0) 51%, #000000 100%)}

/* START STYLABLE DIRECTIVE RULES */

[id^="comp-mdngo15l__"] .style-mdngo15m9__root .StylableButton2545352419__container{transition: inherit;flex-direction: row-reverse}

[id^="comp-mdngo15l__"] .style-mdngo15m9__root .StylableButton2545352419__label{transition: inherit;letter-spacing: 0em;margin: 0px 0px 0px 4px;color: #FFFFFF;display: initial; font-family: wfont_9e3cbb_a8749db1764c490da1da80667e912988,wf_a8749db1764c490da1da80667,orig_ibm_plex_sans_arabic_regular; font-size: 16px; font-weight: normal; font-style: normal;font-family: madefor-text;font-size: 10px;font-style: normal;font-weight: normal;letter-spacing: 0em;line-height: 1.4em;font-size: 14px}

[id^="comp-mdngo15l__"] .style-mdngo15m9__root .StylableButton2545352419__icon{transition: inherit;width: 25px;height: 25px;margin: 0px 4px 0px 0px;fill: #FFFFFF;display: none}@media screen and (min-width: 320px) and (max-width: 1000px){[id^="comp-mdngo15l__"] {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */}@media screen and (min-width: 320px) and (max-width: 750px){[id^="comp-mdngo15l__"] {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */

[id^="comp-mdngo15l__"] .style-mdngo15m9__root{
    background: repeat padding-box border-box 0% 0% / auto auto scroll radial-gradient(circle at 49% 0%, rgba(0, 0, 0, 0) 59%, #000000 78%);
    border-radius: 10px;
    border: 0px solid #949494;
}}[id^="comp-mdngo1586__"].variants-mdngo159  {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */

[id^="comp-mdngo1586__"].variants-mdngo159 .style-mdngo15o11__root{
    -st-extends: StylableButton;
}/* END STYLABLE DIRECTIVE RULES */

[id^="comp-mdngo15n2__"] .style-mdngo15o11__root{-st-extends: StylableButton;transition: all 0.2s ease, visibility 0s;padding: 0px;border-radius: 300px;border: 0px solid rgb(199, 199, 199);background: #EEEEEE}

/* START STYLABLE DIRECTIVE RULES */

[id^="comp-mdngo15n2__"] .style-mdngo15o11__root .StylableButton2545352419__container{transition: inherit;flex-direction: row-reverse;justify-content: center;align-items: center}

[id^="comp-mdngo15n2__"] .style-mdngo15o11__root .StylableButton2545352419__label{transition: inherit;letter-spacing: 0em;margin: 0px 0px 0px 4px;color: #000000;margin-right: 0px; font-family: wfont_9e3cbb_a8749db1764c490da1da80667e912988,wf_a8749db1764c490da1da80667,orig_ibm_plex_sans_arabic_regular; font-size: 16px; font-weight: normal; font-style: normal;font-family: madefor-text;font-size: 10px;font-style: normal;font-weight: normal;letter-spacing: 0em;line-height: 1.4em;font-family: madefor-text;font-size: 10px;font-style: normal;font-weight: normal;letter-spacing: 0em;line-height: 1.4em;font-size: 16px;margin-left: 0px;margin-top: 0px;margin-bottom: 0px;display: none}

[id^="comp-mdngo15n2__"] .style-mdngo15o11__root .StylableButton2545352419__icon{transition: inherit;margin: 0px 4px 0px 0px;fill: #000000;margin-left: 0px;display: initial;width: 22px;height: 22px;margin-right: 0px;margin-bottom: 0px;margin-top: 0px}@media screen and (min-width: 320px) and (max-width: 1000px){[id^="comp-mdngo15n2__"] {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */}@media screen and (min-width: 320px) and (max-width: 750px){[id^="comp-mdngo15n2__"] {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */}/* END STYLABLE DIRECTIVE RULES */

#comp-mdngo14l .style-mdngo14z2__root{-st-extends: StylableButton;transition: all 0.2s ease, visibility 0s;border-radius: 0px;padding-right: 0px;border: 0px solid #000000;background: rgba(255, 255, 255, 0);border-bottom: 0px solid rgba(250, 248, 242, 0.93);padding-bottom: 0px}

/* START STYLABLE DIRECTIVE RULES */

#comp-mdngo14l .style-mdngo14z2__root:hover {
    padding: 5px;
    border: 2px solid #EAB541;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0);
}

#comp-mdngo14l .style-mdngo14z2__root:hover .StylableButton2545352419__icon {
    transform: rotate(45deg);
    fill: #EAB541;
    width: 24px;
    height: 24px;}

#comp-mdngo14l .style-mdngo14z2__root:hover .StylableButton2545352419__label {
    color: #EAB541;
    font-size: 18px; font-family: wfont_9e3cbb_a8749db1764c490da1da80667e912988,wf_a8749db1764c490da1da80667,orig_ibm_plex_sans_arabic_regular; font-size: 18px; font-weight: normal; font-style: normal;
    font-family: wfont_9e3cbb_2eadc977031a49e6a5a1fdcda7c0889a,wf_2eadc977031a49e6a5a1fdcda,orig_ibm_plex_sans_arabic_medium;
    line-height: 1.2em;
}

#comp-mdngo14l .style-mdngo14z2__root:disabled{border: 0px solid #000000;background: rgba(238, 238, 238, 0)}

#comp-mdngo14l .style-mdngo14z2__root:disabled .StylableButton2545352419__label{
    color: #8D8D8D}

#comp-mdngo14l .style-mdngo14z2__root:disabled .StylableButton2545352419__icon{fill: #8F8F8F}

#comp-mdngo14l .style-mdngo14z2__root .StylableButton2545352419__container{transition: inherit;flex-direction: row-reverse;justify-content: center;align-items: center}

#comp-mdngo14l .style-mdngo14z2__root .StylableButton2545352419__label{transition: inherit;letter-spacing: 0em;margin: 0px 0px 0px 4px;letter-spacing: 0em;line-height: 1.4em;color: #FAF8F2; font-family: wfont_9e3cbb_a8749db1764c490da1da80667e912988,wf_a8749db1764c490da1da80667,orig_ibm_plex_sans_arabic_regular; font-size: 18px; font-weight: normal; font-style: normal;font-family: wfont_9e3cbb_2eadc977031a49e6a5a1fdcda7c0889a,wf_2eadc977031a49e6a5a1fdcda,orig_ibm_plex_sans_arabic_medium;font-size: 18px;display: initial;margin-bottom: 0px;margin-right: 0px;margin-left: 5px}

#comp-mdngo14l .style-mdngo14z2__root .StylableButton2545352419__icon{transition: inherit;margin: 0px 4px 0px 0px;fill: #FAF8F2;display: initial;width: 24px;height: 24px;margin-top: 0px;margin-left: 0px;margin-right: 5px;transform: rotate(90deg)}@media screen and (min-width: 320px) and (max-width: 1000px){#comp-mdngo14l {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */}@media screen and (min-width: 320px) and (max-width: 750px){#comp-mdngo14l {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */}/* END STYLABLE DIRECTIVE RULES */

#comp-mdn1rc59_r_comp-lzbetus2 .comp-mdn1rc59_r_comp-lzbetus2-styleId__root{-st-extends: StylableButton;transition: all 0.2s ease, visibility 0s;border-radius: 0px;padding-right: 0px;border: 0px solid #000000;background: rgba(255, 255, 255, 0);padding-bottom: 5px;border-bottom: 2px solid rgba(250, 248, 242, 0.93)}

/* START STYLABLE DIRECTIVE RULES */

#comp-mdn1rc59_r_comp-lzbetus2 .comp-mdn1rc59_r_comp-lzbetus2-styleId__root:hover {
    background: rgba(0, 0, 0, 0);
    padding: 5px;
    border: 2px solid #EAB541;
    border-radius: 10px;
}

#comp-mdn1rc59_r_comp-lzbetus2 .comp-mdn1rc59_r_comp-lzbetus2-styleId__root:hover .StylableButton2545352419__icon {
    transform: rotate(45deg);
    width: 50px;
    height: 50px;
    fill: #EAB541;}

#comp-mdn1rc59_r_comp-lzbetus2 .comp-mdn1rc59_r_comp-lzbetus2-styleId__root:hover .StylableButton2545352419__label {
    color: #EAB541;
}

#comp-mdn1rc59_r_comp-lzbetus2 .comp-mdn1rc59_r_comp-lzbetus2-styleId__root:disabled{border: 0px solid #000000;background: rgba(238, 238, 238, 0)}

#comp-mdn1rc59_r_comp-lzbetus2 .comp-mdn1rc59_r_comp-lzbetus2-styleId__root:disabled .StylableButton2545352419__label{
    color: #8D8D8D}

#comp-mdn1rc59_r_comp-lzbetus2 .comp-mdn1rc59_r_comp-lzbetus2-styleId__root:disabled .StylableButton2545352419__icon{fill: #8F8F8F}

#comp-mdn1rc59_r_comp-lzbetus2 .comp-mdn1rc59_r_comp-lzbetus2-styleId__root .StylableButton2545352419__container{transition: inherit;flex-direction: row;justify-content: flex-start;align-items: center}

#comp-mdn1rc59_r_comp-lzbetus2 .comp-mdn1rc59_r_comp-lzbetus2-styleId__root .StylableButton2545352419__label{transition: inherit;letter-spacing: 0em;margin: 0px 0px 0px 4px;display: initial;line-height: 1.4em;color: #FAF8F2; font-family: wfont_9e3cbb_a8749db1764c490da1da80667e912988,wf_a8749db1764c490da1da80667,orig_ibm_plex_sans_arabic_regular; font-size: 18px; font-weight: normal; font-style: normal;font-family: wfont_9e3cbb_2eadc977031a49e6a5a1fdcda7c0889a,wf_2eadc977031a49e6a5a1fdcda,orig_ibm_plex_sans_arabic_medium;font-size: 24px;margin-left: 0px;margin-right: 5px}

#comp-mdn1rc59_r_comp-lzbetus2 .comp-mdn1rc59_r_comp-lzbetus2-styleId__root .StylableButton2545352419__icon{transition: inherit;margin: 0px 4px 0px 0px;fill: #FAF8F2;display: initial;width: 50px;height: 50px;margin-right: 0px;margin-left: 5px}@media screen and (min-width: 320px) and (max-width: 750px){#comp-mdn1rc59_r_comp-lzbetus2 {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */}/* END STYLABLE DIRECTIVE RULES */

#comp-mdn5v9lq_r_comp-mdn5znol .comp-mdn5v9lq_r_comp-mdn5znol-styleId__root{-st-extends: StylableButton;transition: all 0.2s ease, visibility 0s;background: rgba(255, 255, 255, 0);border-radius: 6px;padding: 10px;border: 2px solid rgba(238, 238, 238, 0.2);padding-top: 5px;padding-bottom: 5px;padding-right: 10px;padding-left: 5px}

/* START STYLABLE DIRECTIVE RULES */

#comp-mdn5v9lq_r_comp-mdn5znol .comp-mdn5v9lq_r_comp-mdn5znol-styleId__root:hover {
    background: rgba(0, 0, 0, 0);
    border: 2px solid #EEEEEE;
}

#comp-mdn5v9lq_r_comp-mdn5znol .comp-mdn5v9lq_r_comp-mdn5znol-styleId__root:hover .StylableButton2545352419__icon {
    fill: #FAF8F2;
    transform: rotate(228deg);}

#comp-mdn5v9lq_r_comp-mdn5znol .comp-mdn5v9lq_r_comp-mdn5znol-styleId__root:hover .StylableButton2545352419__label {
    color: #FAF8F2;
}

#comp-mdn5v9lq_r_comp-mdn5znol .comp-mdn5v9lq_r_comp-mdn5znol-styleId__root:disabled{border: 0px solid #000000;background: rgba(238, 238, 238, 0)}

#comp-mdn5v9lq_r_comp-mdn5znol .comp-mdn5v9lq_r_comp-mdn5znol-styleId__root:disabled .StylableButton2545352419__label{
    color: #8D8D8D}

#comp-mdn5v9lq_r_comp-mdn5znol .comp-mdn5v9lq_r_comp-mdn5znol-styleId__root:disabled .StylableButton2545352419__icon{fill: #8F8F8F}

#comp-mdn5v9lq_r_comp-mdn5znol .comp-mdn5v9lq_r_comp-mdn5znol-styleId__root .StylableButton2545352419__container{transition: inherit;flex-direction: row-reverse;justify-content: space-between;align-items: center}

#comp-mdn5v9lq_r_comp-mdn5znol .comp-mdn5v9lq_r_comp-mdn5znol-styleId__root .StylableButton2545352419__label{transition: inherit;letter-spacing: 0em;margin: 0px 0px 0px 4px;display: initial;line-height: 1.4em;color: #FAF8F2; font-family: wfont_9e3cbb_a8749db1764c490da1da80667e912988,wf_a8749db1764c490da1da80667,orig_ibm_plex_sans_arabic_regular; font-size: 18px; font-weight: normal; font-style: normal;font-family: wfont_9e3cbb_2eadc977031a49e6a5a1fdcda7c0889a,wf_2eadc977031a49e6a5a1fdcda,orig_ibm_plex_sans_arabic_medium;margin-right: 0px;margin-left: 5px}

#comp-mdn5v9lq_r_comp-mdn5znol .comp-mdn5v9lq_r_comp-mdn5znol-styleId__root .StylableButton2545352419__icon{transition: inherit;margin: 0px 4px 0px 0px;fill: #FAF8F2;width: 40px;height: 40px;display: initial;transform: rotate(280deg);margin-left: 0px;margin-right: 5px}@media screen and (min-width: 320px) and (max-width: 1000px){#comp-mdn5v9lq_r_comp-mdn5znol {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */

#comp-mdn5v9lq_r_comp-mdn5znol .comp-mdn5v9lq_r_comp-mdn5znol-styleId__root{
    padding-right: 5px;
}}@media screen and (min-width: 320px) and (max-width: 750px){#comp-mdn5v9lq_r_comp-mdn5znol {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */}/* END STYLABLE DIRECTIVE RULES */

#comp-mdoswuj6 .style-mdoswujm8__root{-st-extends: StylableButton;transition: all 0.2s ease, visibility 0s;border-radius: 300px;padding: 0px;padding-top: 0px;background: #075E54}

/* START STYLABLE DIRECTIVE RULES */

#comp-mdoswuj6 .style-mdoswujm8__root:hover {
    border: 0px solid #000000;
    background: #25D366;
}

#comp-mdoswuj6 .style-mdoswujm8__root:hover .StylableButton2545352419__icon {
    transform: rotate(0deg);
    fill: #FFFFFF;}

#comp-mdoswuj6 .style-mdoswujm8__root:hover .StylableButton2545352419__label {
    color: #FFFFFF;
}

#comp-mdoswuj6 .style-mdoswujm8__root:disabled{
    background: #EEEEEE}

#comp-mdoswuj6 .style-mdoswujm8__root:disabled .StylableButton2545352419__label{
    color: #8D8D8D}

#comp-mdoswuj6 .style-mdoswujm8__root:disabled .StylableButton2545352419__icon{fill: #8F8F8F}

#comp-mdoswuj6 .style-mdoswujm8__root .StylableButton2545352419__container{transition: inherit;flex-direction: row;justify-content: flex-end;align-items: center}

#comp-mdoswuj6 .style-mdoswujm8__root .StylableButton2545352419__label{transition: inherit;letter-spacing: 0em;margin: 0px 0px 0px 4px;margin-left: 0px;margin-bottom: 0px;letter-spacing: 0em;line-height: 1.4em;display: initial;margin-top: 0px; font-family: wfont_9e3cbb_a8749db1764c490da1da80667e912988,wf_a8749db1764c490da1da80667,orig_ibm_plex_sans_arabic_regular; font-size: 16px; font-weight: normal; font-style: normal;font-family: wfont_9e3cbb_51dd4eb2c1c44f7993cfce836f1b4317,wf_51dd4eb2c1c44f7993cfce836,orig_ibm_plex_sans_arabic_bold;font-size: 14px;margin-right: 2.5px;color: #FFFFFF}

#comp-mdoswuj6 .style-mdoswujm8__root .StylableButton2545352419__icon{transition: inherit;margin: 0px 4px 0px 0px;transform: rotate(0deg);margin-right: 0px;margin-top: 0px;fill: #FFFFFF;display: initial;margin-bottom: 0px;margin-left: 2.5px;width: 45px;height: 45px}@media screen and (min-width: 320px) and (max-width: 1000px){#comp-mdoswuj6 {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */}@media screen and (min-width: 320px) and (max-width: 750px){

#comp-mdoswuj6 .style-mdoswujm8__root .StylableButton2545352419__container {
    justify-content: center;
}/* END STYLABLE DIRECTIVE RULES */

/* START STYLABLE DIRECTIVE RULES */

#comp-mdoswuj6 .style-mdoswujm8__root .StylableButton2545352419__icon {
    width: 35px;
    height: 35px;
}

#comp-mdoswuj6 .style-mdoswujm8__root{
    border-radius: 0px;
    padding-bottom: 10px;
}

#comp-mdoswuj6 .style-mdoswujm8__root .StylableButton2545352419__label { font-family: wfont_9e3cbb_a8749db1764c490da1da80667e912988,wf_a8749db1764c490da1da80667,orig_ibm_plex_sans_arabic_regular; font-size: 16px;
    font-family: wfont_9e3cbb_51dd4eb2c1c44f7993cfce836f1b4317,wf_51dd4eb2c1c44f7993cfce836,orig_ibm_plex_sans_arabic_bold;
    font-size: 12px;
}}