:root {
    --brand: 'olx';
    --customLTRFont: 'Roboto', A2rial, Helvetica, sans-serif;
    --customRTLFont
'Tajawal', A2rial, Helvetica, sans-serif
: 'Tajawal', A2rial, Helvetica, sans-serif;
    --primaryBase: #004896;
    --primaryLight1: #b0d5fd;
    --primaryLight2: #464b52;
    --primaryLight3: #8d9094;
    --primaryLight5: #d9dadb;
    --primaryDark2: #0060C8;
    --primaryDark5: #214061;
    --blueBase: #3a77ff;
    --blueAccent: #0078fa;
    --blueAccent1: #235AAA;
    --blueAccent2: #9BBBFF;
    --blueLight1: #6c99ff;
    --blueLight2: #9cbbff;
    --blueLight3: #ceddff;
    --blueLight4: #ebf1ff;
    --blueLight5: #f2f4f5;
    --blueLight6: #f8f9fa;
    --blueLight7: #f1f3f5;
    --blueLight8: #e6f2ff;
    --blueLight9: #f5faff;
    --blueLight10: #fcfeff;
    --blueDark: #005ABC;
    --blueDark1: #1d3c81;
    --blueDark2: #17284e;
    --blueDark3: #6c757d;
    --blueDark4: #282d36;
    --blueDark5: #002A58;
    --blueDark6: #002A58;
    --lightBlue4: #F0F7FF;
    --lightBlue5: #d9edfe;
    --accentBase: #0078fa;
    --accentLight1: #5aece4;
    --accentLight2: #91f2ed;
    --accentLight3: #d9ebfe;
    --accentLight4: #e6f2ff;
    --accentLight5: #c6d7d7;
    --accentLight6: #fafbfb;
    --accentDark1: #004896;
    --accentDark2: #003670;
    --redBase: #ff5636;
    --redLight1: #ff8169;
    --redLight2: #ffaa9a;
    --redLight3: #ffd6c9;
    --redLight4: #ffeeea;
    --redLight5: #d8d8d8;
    --redLight6: #E5A696;
    --redLight706: #F9E9E699;
    --redDark1: #aa133d;
    --redDark2: #5d142c;
    --redDark3: #de1609;
    --redDark4: #bf2600;
    --redAlpha3: #FCF4F2;
    --greenBase: #18ae62;
    --lightGreen50: #E8F6F5;
    --greenLightActive: #EAFEE5;
    --greenCyan: #A2D9D6;
    --greenYellowShade: #BBFDAC;
    --yellow5: #FFFAD9;
    --yellowDark1: #EEB21F;
    --yellowDark108: #EEB21F14;
    --yellowAlpha1: #F9F1C0;
    --yellowAlpha10: #FDF7E9;
    --monetizationBase: #ffce32;
    --monetizationLight1: #ffe48d;
    --monetizationLight2: #ffedb2;
    --monetizationLight3: #fff6d9;
    --monetizationLight4: #fffbef;
    --monetizationLight5: #fffce6;
    --monetizationRedesignLight1: #f7f9ff;
    --monetizationRedesignLight2: #eaecf0;
    --monetizationRedesignLight3: #8b8d98;
    --monetizationRedesignLight4: #b8bebf;
    --monetizationRedesignLight5: #e2e8f0;
    --monetizationDark1: #d2b982;
    --monetizationDark2: #71674e;
    --monetizationRedesignDark1: #1e1f24;
    --monetizationTealLight1: #1ba39c;
    --monetizationTealLight2: #c8f8f6;
    --monetizationTealLight3: #e9fcfb;
    --monetizationBaseTeal: #ffde03;
    --monetizationTealLight4: #C7F5F2;
    --brandPrimary: var(--primaryBase);
    --brandPrimaryDark: var(--primaryBase);
    --brandPrimaryLight: var(--primaryLight2);
    --brandAccent: var(--accentBase);
    --brandAccentDark: var(--accentDark1);
    --brandAccentLight: var(--accentLight3);
    --brandPrimaryGrey: var(--primaryBase);
    --black: rgba(0, 0, 0, 1);
    --blackGradients: rgba(0, 47, 52, 0);
    --blackBackground: rgba(0, 47, 52, 0.03);
    --blackDividers: rgba(14, 4, 5, 0.2);
    --blackDisabled: #c0c1c4;
    --blackHintText: #c0c1c4;
    --blackSecondaryText: #8d9094;
    --blackIcons: #8d9094;
    --blackText: #020812;
    --white: rgba(255, 255, 255, 1);
    --whiteGradients: rgba(255, 255, 255, 0);
    --whiteDividers: rgba(255, 255, 255, 0.2);
    --whiteDisabled: rgba(255, 255, 255, 0.2);
    --whiteHintText: rgba(255, 255, 255, 0.2);
    --whiteHiglightBackground: rgba(255, 255, 255, 0.4);
    --whiteSecondaryText: rgba(255, 255, 255, 0.7);
    --whiteIcons: rgba(255, 255, 255, 1);
    --whiteText: rgba(255, 255, 255, 1);
    --background: #f6f6f6;
    --greyBorder: #020812;
    --lightGrey: rgba(219, 219, 219, 1);
    --lightGrey2: #FDFCFC;
    --lightGrey3: #f5f5f6;
    --lightGrey4: #7F9799;
    --lightGrey5: #5B5E65;
    --blackDividers2: rgba(216, 223, 224, 1);
    --background2: rgba(242, 244, 245, 1);
    --blackBackground2: rgba(248, 249, 250, 1);
    --redDisbabled: #ffdde1;
    --blackOpaque: #9dadb6;
    --disabled: rgba(0, 47, 52, 0.36);
    --gray: #949494;
    --backgroundDark1: #002F34;
    --utilError: #ff2800;
    --utilError4: #ca4b2b;
    --utilError5: var(--redDark4);
    --utilErrorDark: var(--redDark1);
    --utilErrorLight: var(--redLight3);
    --facebook: #4065b3;
    --messenger: #4285f4;
    --whatsapp: #4cc85b;
    --google: #dd4b39;
    --utilMonetization: var(--monetizationBase);
    --utilMonetizationDark: var(--monetizationDark1);
    --utilMonetizationLight: var(--monetizationLight3);
    --infoBadge: #f8dd3c;
    --promotedBadge: #f8fbcf;
    --chatPrimary: var(--accentLight3);
    --chatSecondary: #e2e2e2;
    --chatSecondary1: #eeeeee;
    --disabledUtility: #d9dadb;
    --disabledText: #f0f0f1;
    --buttonActive: #5a8cc8;
    --utilLabel: var(--accentLight3);
    --labelGhost: var(--primaryBase);
    --goodAlert: #6597b1;
    --veryGoodAlert: #4cadb3;
    --worstAlert: #f0817a;
    --chatLabelBackground: #dfe5e5;
    --offerHighlight: #e0e0e0;
    --pinToTopBadge: #c7f7f5;
    --sellButtonBlue: var(--blueAccent);
    --sellButtonTurquoise: #42b3ad;
    --lightYellow: #fff5b1;
    --lightOrangeShade: #F6E4B3;
    --lightPurpleShade: #F3DEFF;
    --paleYellowWhite: #FEFCF2;
    --naturalGreyDark: #20262E;
    --alertSuccess: #6abc13;
    --alertError: #de1609;
    --blackBase: #020812;
    --blackLight1: var(--primaryLight2);
    --blackLight2: var(--primaryLight3);
    --blackLight3: #c0c1c4;
    --primaryBaseText: var(--blackBase);
    --primaryLight1Text: var(--blackLight1);
    --primaryLight2Text: var(--blackLight2);
    --primaryLight3text: var(--blackLight3);
    --primary: var(--primaryBase);
    --valuationCarousalDisabledBg: var(--blackDividers);
    --valuationCarousalSelectedBg: var(--accentLight3);
    --valuationProgressColor: var(--accentBase);
    --valuationPriceBg: var(--blueLight3);
    --valuationPriceBorder: var(--blueBase);
    --bookingMainHeading: var(--blackText);
    --bookingSelectedLocation: var(--accentLight3);
    --bookingTerms: var(--accentLight3);
    --bookingSelectedDateBorder: var(--primaryBase);
    --bookingConfirmSubtitle: var(--primaryBase);
    --moneBusinessPackageBanner: var(--primaryBase);
    --monePackagePropositionBanner: var(--monetizationLight3);
    --bottomFooterBg: var(--primaryBase);
    --topFooterBg: var(--background);
    --inputBorder: var(--chatSecondary);
    --headerBg: var(--blackBackground);
    --notificationBg: var(--accentBase);
    --notificationText: var(--blackText);
    --bulletDisabledBg: var(--blueLight4);
    --bulletBg: var(--blueBase);
    --pageHeadlineBackgroundColor: var(--primaryBase);
    --howToSellStepsColor: var(--primaryBase);
    --cityOfTheCityListInLocations: var(--primaryBase);
    --buttonInLocationsMobileView: var(--primaryBase);
    --locationInfo: var(--primaryBase);
    --progressBulletFilled: var(--blueLight1);
    --progressBulletBlinker: var(--blueBase);
    --progressBulletDisabled: var(--blueLight3);
    --mapPinInfoBg: var(--blueBase);
    --mapPinInfoText: var(--white);
    --grayYellowMap: var(--monetizationLight4);
    --grayYellowMapDark: var(--monetizationDark1);
    --blueLight3primaryLight3: var(--blueLight3);
    --blueLight4primaryLight4: var(--blueLight4);
    --blueDark1blackBase: var(--blueDark1);
    --primarybase15: rgba(0, 47, 52, .15);
    --primarybase04: rgba(0, 47, 52, .04);
    --primarybase19: rgba(0, 47, 52, .19);
    --primarybase80: rgba(0, 47, 52, .8);
    --blueBase29: rgba(58, 119, 255, .29);
    --blueBase25: rgba(58, 119, 255, .25);
    --blueBase50: rgba(58, 119, 255, .5);
    --blueLight447: rgba(235, 241, 255, .47);
    --disabled40: rgba(216, 223, 224, .4);
    --error20: rgba(255, 40, 0, .2);
    --infoBadge50: rgba(248, 221, 60, .5);
    --primaryBaseText15: rgba(0, 47, 52, .15);
    --primaryLight1Text80: rgba(64, 99, 103, .8);
    --blackText70: rgba(0, 47, 52, .7);
    --blackText20: rgba(0, 47, 52, .2);
    --blackText50: rgba(0, 47, 52, .5);
    --accent50: rgba(35, 229, 219, .5);
    --black20: rgba(0, 0, 0, .2);
    --lightGrey60: hsla(0, 0%, 85.9%, .6);
    --accentLight50: rgba(200, 248, 246, .5);
    --primaryGrey70: rgba(0, 47, 52, .7);
    --brandPrimary36: rgba(0, 47, 52, .36);
    --black25: rgba(0, 0, 0, .25);
    --black24: rgba(0, 0, 0, .24);
    --black50: rgba(0, 0, 0, .5);
    --white87: hsla(0, 0%, 100%, .87);
    --black30: rgba(0, 0, 0, .3);
    --blueDark60: rgba(0, 42, 88, 0.6);
    --primaryDark20: rgba(35, 90, 170, 0.2);
    --blueDark0: rgba(0, 42, 88, 0);
}

body {
    margin: 0;
    direction: ltr;
    text-align: left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background-color: var(--white);
    font-family: Arial, Helvetica, sans-serif;
}

#app #container {
    display: flex;
    flex-direction: column;
    margin: 0;
    min-height: 100vh;
}

._1DjsF {
    background: var(--white);
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}

article,
aside,
footer,
header,
nav,
section {
    display: block;
}
._1DjsF ._1ZRiL {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 8px;
}
._1DjsF .EAmd1 {
    justify-content: space-between;
    margin-bottom: 0;
}
._1DjsF .EAmd1, ._1DjsF ._2kBsb {
    align-items: center;
    display: flex;
}
._2PkZ0, ._3ToWC {
    align-items: center;
    display: flex;
}
._2PkZ0 {
    color: var(--blackText);
}
_2PkZ0 {
    color: var(--blackText);
}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}
.rui-3a8k1 {
    align-items: center;
    background: none;
    border-radius: 50%;
    border-style: none;
    cursor: pointer;
    display: inline-flex;
    height: 40px;
    justify-content: center;
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-decoration: none;
    width: 40px;
}
button, 
input, 
optgroup, 
select, 
textarea {
    font-family: Arial, Helvetica, sans-serif;
}
button, 
select {
    text-transform: none;
}
button, 
input {
    overflow: visible;
}
button,
input, 
optgroup, 
select, 
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
svg:not(:root) {
    overflow: hidden;
}
.rui-3a8k1 {
    align-items: center;
    background: none;
    border-radius: 50%;
    border-style: none;
    cursor: pointer;
    display: inline-flex;
    height: 40px;
    justify-content: center;
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-decoration: none;
    width: 40px;
}
button, input, optgroup, select, textarea {
    font-family: Arial, Helvetica, sans-serif;
}
button, select {
    text-transform: none;
}
button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
_2PkZ0 {
    color: var(--blackText);
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
._2PkZ0 .TD5rD a {
    color: transparent;
    display: block;
    font-size: 0;
    height: 100%;
}._2PkZ0 .TD5rD a img {
    height: 21px;
    width: auto;
}
_2PkZ0 .TD5rD a img._3Q4VT {
    height: 48px;
}
img {
    border-style: none;
}
._1DjsF ._1ZRiL ._2Idac {
    flex-grow: 1;
    max-width: calc(100% - 100px);
}
.BZEdF {
    align-items: center;
    color: var(--blackText);
    display: flex;
    justify-content: flex-end;
}
svg:not(:root) {
    overflow: hidden;
}
.BZEdF ._3Z0Is {
    font-size: 12px;
    line-height: 1.5;
    margin: 0 0 0 8px;
}
BZEdF ._2hNKX {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    max-width: calc(100% - 28px);
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
}
BZEdF ._1M7i3 {
    margin: 0 6px 0 4px;
}
.BZEdF .K7YeP {
    height: 16px;
    width: 16px;
}
img {
    border-style: none;
}
._2Xxa9 {
    margin-top: 96px;
    position: absolute;
    right: 10px;
    z-index: 1;
}
._2nF1y {
    background-color: var(--black);
    border-radius: 4px;
    box-shadow: 0 4px 12px 1px var(--black);
    color: var(--white);
    -moz-column-count: 1;
    column-count: 1;
    display: none;
    font-size: 12px;
    justify-content: space-between;
    line-height: 18px;
    opacity: .8;
    padding: 10px;
    width: 180px;
}
._1DjsF .EAmd1, ._1DjsF ._2kBsb {
    align-items: center;
    display: flex;
}
._1DjsF ._2kBsb {
    justify-content: center;
    width: 100%;
}
.AfZ1X {
    align-items: center;
    background: var(--white);
    border: 2px solid var(--blackText);
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 40px;
    margin: 8px 0 0;
    padding: 12px 16px;
    width: 90%;
}
svg:not(:root) {
    overflow: hidden;
}
.AfZ1X ._2HOxA {
    color: var(--blackSecondaryText);
    font-size: 16px;
    margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.AfZ1X ._3lIbt, ._19poh {
    align-items: center;
    display: flex;
}
._19poh {
    color: var(--blackSecondaryText);
    overflow: hidden;
}
._2EN8_ {
    margin-right: 8px;
}
._3guCQ {
    color: var(--blackSecondaryText);
    height: 19px;
    overflow: hidden;
    position: relative;
    width: 160px;
}
._15py_ {
    position: absolute;
    transition: top .5s ease-in-out;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
._2rJyy {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px;
}
button, input {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, input, optgroup, select, textarea {
    font-family: Arial, Helvetica, sans-serif;
}
.rui-3a8k1 {
    align-items: center;
    background: none;
    border-radius: 50%;
    border-style: none;
    cursor: pointer;
    display: inline-flex;
    height: 40px;
    justify-content: center;
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-decoration: none;
    width: 40px;
}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}
/*sidemenu css start*/
._3eWhs {
    background-color: var(--white);
    height: 100%;
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 56px;
    transition: all .3s ease;
    width: 100%;
}
._3eWhs._3z7Oi {
    max-height: 100%;
}
._3eWhs ._1WVYV {
    max-height: 90%;
    overflow-y: scroll;
}
figcaption, figure, main {
    display: block;
}
figure {
    margin: 1em 40px;
}
.rui-JG3z9 {
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.rui-zMy84 {
    color: var(--primaryBaseText);
}
.rui-oQwaO {
    margin: 0;
}
.rui-3tEh5 {
    font-weight: 700;
}
.rui-c2Ogo {
    font-size: 20px;
    line-height: 24px;
}
.rui-apowA.rui-E75l5 {
    background-color: var(--brandPrimary);
    border: 5px solid var(--brandPrimary);
    border-radius: 4px;
    color: var(--whiteText);
    padding: 0 7px;
}
.rui-apowA.rui-oAVsQ {
    width: 100%;
}
.rui-apowA.rui-UGVY0
Specificity: (0,2,0)
 {
    font-size: 16px;
    height: 48px;
}
[type=reset], [type=submit], button, html [type=button]
Specificity: (0,1,0)
 {
    -webkit-appearance: button;
}
.rui-apowA {
    align-items: center;
    background: none;
    border-style: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-weight: 700;
    justify-content: center;
    line-height: normal;
    outline: none;
    overflow: hidden;
    padding: 0 12px;
    position: relative;
    text-decoration: none;
    text-transform: lowercase;
}