@font-face {
  font-family: 'Lateef';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lateef/v35/hESz6XVnNCxEvkb0bjygbg.ttf) format('truetype');
}
@font-face {
  font-family: 'Lateef';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lateef/v35/hESz6XVnNCxEvkb0Cj-gbg.ttf) format('truetype');
}
@font-face {
  font-family: 'Lateef';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lateef/v35/hESw6XVnNCxEvkbMpg.ttf) format('truetype');
}
@font-face {
  font-family: 'Lateef';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lateef/v35/hESz6XVnNCxEvkb0Uj6gbg.ttf) format('truetype');
}
@font-face {
  font-family: 'Lateef';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lateef/v35/hESz6XVnNCxEvkb0fjmgbg.ttf) format('truetype');
}
@font-face {
  font-family: 'Lateef';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lateef/v35/hESz6XVnNCxEvkb0Gjigbg.ttf) format('truetype');
}
@font-face {
  font-family: 'Lateef';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lateef/v35/hESz6XVnNCxEvkb0Bjugbg.ttf) format('truetype');
}