:root {
  --bg : #FCFCFC;
  --head-title : #3B3E4B;
  --head-text : #fff;
  --title-text: #0A405E;
  --text : #4D4C4C;
  --total-box:#ECAD72;
  --border: #C5C0C0;
  --card:#F6F6F6;
  --secondary-text: #7C7979;
}
@font-face {
  font-family: 'EstedadMedium';
  src:  url('font/woff2/Estedad-Medium.woff2') format('woff2'),
  url('font/ttf/Estedad-Medium.ttf') format('ttf')
}
@font-face {
  font-family: 'EstedadExtraBold';
  src:  url('font/woff2/Estedad-ExtraBold.woff2') format('woff2'),
  url('font/ttf/Estedad-ExtraBold.ttf') format('ttf')
}
@font-face {
  font-family: 'EstedadSemiBold';
  src:  url('font/woff2/Estedad-SemiBold.woff2') format('woff2'),
  url('font/ttf/Estedad-SemiBold.ttf') format('ttf')
}
@font-face {
  font-family: 'EstedadLight';
  src:  url('font/woff2/Estedad-Light.woff2') format('woff2'),
  url('font/ttf/Estedad-Light.ttf') format('ttf')
}
@font-face {
  font-family: 'EstedadBold';
  src:  url('font/woff2/Estedad-Bold.woff2') format('woff2'),
  url('font/ttf/Estedad-Bold.ttf') format('ttf')
}