@font-face {
    font-family: Vodafone;
    src: local("Vodafone"),url(../fonts/VodafoneRg-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Vodafone;
    src: local("Vodafone"),url(../fonts/VodafoneRg-Regular.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Vodafone;
    src: local("Vodafone"),url(../fonts/VodafoneRg-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: Vodafone;
    src: local("Vodafone"),url(../fonts/VodafoneLt-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Vodafone;
    src: local("Vodafone"),url(../fonts/VodafoneLt-Regular.woff) format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face	{
	font-family:"Vodafone";
	src:url("../fonts/vodafone-regular.woff") format("woff");
	font-style:normal;
	font-weight:400;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-SemiBold.woff") format("woff");
  	font-style:normal;
	font-weight:600;
}

@font-face {
    font-family: "Vodafone";
    src: url("../fonts/vodafone-regular.woff")
      format("woff");
    font-style: normal;
    font-weight: 400;
  }

  @font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-SemiBold.woff")
      format("woff");
    font-style: normal;
    font-weight: 600;
  }





  /* --------- CARD ---------- */
  /* ../fonts/roboto-black.woff2 */
  @font-face {
    font-family: "robotoblack";
    src: url("../fonts/roboto-black.eot");
    src: url("../fonts/roboto-black.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-black.woff2") format("woff2"), url("../fonts/roboto-black.woff") format("woff"), url("../fonts/roboto-black.ttf") format("truetype"), url("../fonts/roboto-black.svg#robotoblack") format("svg");
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
   }
   
   @font-face {
    font-family: "robotoheavy";
    src: url("../fonts/roboto-black.eot");
    src: url("../fonts/roboto-black.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-black.woff2") format("woff2"), url("../fonts/roboto-black.woff") format("woff"), url("../fonts/roboto-black.ttf") format("truetype"), url("../fonts/roboto-black.svg#robotoblack") format("svg");
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
   }
   
   @font-face {
    font-family: "robotobold";
    src: url("../fonts/roboto-bold.eot");
    src: url("../fonts/roboto-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-bold.woff2") format("woff2"), url("../fonts/roboto-bold.woff") format("woff"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.svg#robotoblack") format("svg");
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
   }
   
   @font-face {
    font-family: "robotomedium";
    src: url("../fonts/roboto-medium.eot");
    src: url("../fonts/roboto-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-medium.woff2") format("woff2"), url("../fonts/roboto-medium.woff") format("woff"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.svg#robotomedium") format("svg");
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
   }
   
   @font-face {
    font-family: "robotomediumitalic";
    src: url("../fonts/roboto-mediumitalic.eot");
    src: url("../fonts/roboto-mediumitalic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-mediumitalic.woff2") format("woff2"), url("../fonts/roboto-mediumitalic.woff") format("woff"), url("../fonts/roboto-mediumitalic.ttf") format("truetype"),
     url("../fonts/roboto-mediumitalic.svg#robotomediumitalic") format("svg");
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
   }
   
   @font-face {
    font-family: "roboto";
    src: url("../fonts/roboto-regular.eot");
    src: url("../fonts/roboto-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-regular.woff2") format("woff2"), url("../fonts/roboto-regular.woff") format("woff"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.svg#robotoregular") format("svg");
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
   }
   
   @font-face {
    font-family: "robotoitalic";
    src: url("../fonts/roboto-italic.eot");
    src: url("../fonts/roboto-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-italic.woff2") format("woff2"), url("../fonts/roboto-italic.woff") format("woff"), url("../fonts/roboto-italic.ttf") format("truetype"), url("../fonts/roboto-italic.svg#robotoitalic") format("svg");
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
   }
   
   @font-face {
    font-family: "sfprotextmedium";
    src: url("../fonts/sanfranciscodisplay-medium-webfont.eot");
    src: url("../fonts/sanfranciscodisplay-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sanfranciscodisplay-medium-webfont.woff2") format("woff2"), url("../fonts/sanfranciscodisplay-medium-webfont.woff") format("woff"), url("../fonts/sanfranciscodisplay-medium-webfont.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
   }
   