@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100;200;400;500;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100;200;300;400;800;900&display=swap');

:root {
  --white: #fff;
  --black: #000;
  --main-essence-pink: #af1685;
  --essence-color--green: #c6f159;
  --essence-color--blue: #9cedfc;
  --free-color--blue: #44A5EC;
  --font-noto-sans: 'Noto Sans', sans-serif;
  --font-noto-sans-arabic: 'Noto Sans Arabic', sans-serif;
  --breakpoint-xs: 576px;
  --breakpoint-sm: 767px;
  --breakpoint-md: 991px;
  --breakpoint-lg: 1199px;
  --breakpoint-xl: 1399px;
  font-family: var(--font-noto-sans);
}

.locale_sa * {
  font-family: var(--font-noto-sans-arabic);
}

img {
  width: 100%;
 -webkit-backface-visibility: hidden; 
}