@import url('https://fonts.googleapis.com/css?family=Libre+Franklin&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Milkshake&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap');


@font-face {
  font-family: 'GE_SS_TEXT_LIGHT';
  src: url("../../fonts/GE_SS_Text_Light.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GE_SS_Text_Medium';
  src: url("../../fonts/GE_SS_Text_Medium.otf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'tahoma';
  src: url("../../fonts/Tahoma_Regular_font.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Arial';
  src: url("../../fonts/Arial.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FranklinGothicMedium';
  src: url("../../fonts/FranklinGothicMedium.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CareemRegular';
  src: url("../../fonts/CareemRegular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Careem-Light-2';
  src: url("../../fonts/Careem-Light-2.otf");
  font-weight: normal;
  font-style: normal;
}



.h1 {height: 1px;}
.h2 {height: 2px;}
.h3 {height: 3px;}
.h5 {height: 5px;}
.h10{height: 10px;}
.h15{height: 15px;}
.h20{height: 20px;}
.h25{height: 25px;}
.h30{height: 30px;}
.h35{height: 35px;}
.h40{height: 40px;}
.pd510{padding: 5px 10px;}
.yellow-color{color: var(--q-uc-d7b746);}  /* #d7b746 — ds-token */
.color707070{color: var(--q-uc-707070);}  /* #707070 — ds-token */
.color636465{color: #636465;}
.color747474 {color: #747474;}
.color7E7E7E {color: #7E7E7E;}
.color393939{color: var(--q-uc-393939);}  /* #393939 — ds-token */
/*feras .color6E6E6E{color: #6E6E6E;}*/
/*.color6E6E6E{color: #504D4D}*/
.color6E6E6E{color: var(--q-uc-3a4553);}  /* rgba(58,69,83,1) — ds-token */

.color2678A5{color: var(--q-uc-2678a5);}  /* #2678A5 — ds-token */
.color000{color: #000;}
.color4d4d4d {color: #4d4d4d;}
.color565656{color: #565656;}
.color8c8c8c{color: var(--q-uc-8c8c8c);}  /* #8c8c8c — ds-token */
/*feras .color807B7B {color: #807B7B;}*/
.color807B7B{color: #504D4D}

.color504D4D {color: var(--q-uc-504d4d);}  /* #504D4D — ds-token */
.colorBEBEBE{color:#BEBEBE;}
.color3883AB{color: #3883AB;} 
.color504D4D{color: #504D4D;}
.colora29e9e{color:#a29e9e;}

.font7 {font-size: 7px !important;}
.font8 {font-size: 8px !important;}
.font9 {font-size: 9px !important;}
.font10 {font-size: var(--q-text-2xs) !important;}  /* 10px — ds-token */
.font11 {font-size: var(--q-text-xs) !important;}  /* 11px — ds-token */
.font12 {font-size: var(--q-text-sm) !important;}  /* 12px — ds-token */
.font13 {font-size: var(--q-text-md) !important;}  /* 13px — ds-token */
.font14 {font-size: var(--q-text-lg) !important;}  /* 14px — ds-token */
.font15 {font-size: var(--q-text-xl) !important;}  /* 15px — ds-token */
.font16 {font-size: var(--q-text-2xl) !important;}  /* 16px — ds-token */
.font17 {font-size: 17px !important;}
.font18 {font-size: var(--q-text-3xl) !important;}  /* 18px — ds-token */
.font19 {font-size: 19px !important;}


.colorBLK{ /*color:#000000; */ color: var(--q-uc-45556c);}  /* rgba(69,85,108,1) — ds-token */
.color41{color:#414141;}

.colorDarkNavy{/*color:rgba(49, 65, 88, 1) !important;*/ color: var(--q-uc-01294f)  !important;}  /* rgba(1,41,79,1) — ds-token */
.colorDarkNavyMuted{color:rgba(49, 65, 88, 0.6) !important;}
.colorLightNavy{color:var(--q-uc-004a91)  !important;}  /* rgba(0,74,145,1) — ds-token */ 
.colorSkyBlue{color:var(--q-uc-3f96e9)  !important;}  /* rgba(63,150,233,1) — ds-token */

.QblueColor{color:var(--q-uc-3f96e9);}  /* rgba(63,150,233,1) — ds-token */
.colorGrey{color:rgba(0, 0, 0, 0.7);}
.QblueColorDark{color:var(--q-uc-004a91);}  /* rgba(0,74,145,1) — ds-token */