@font-face {
	font-family: 'Guardian Egypt';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url("/neodirect/static/2/fonts/GuardianEgyp/GuardianEgyp-Medium-Web.woff2") format("woff2"),
	url("/neodirect/static/2/fonts/GuardianEgyp/GuardianEgyp-Medium-Web.woff") format("woff");
}

:root{
/*Page colors*/
    --bg-color1: #9acc53;
    --bg-color2: #252525;
    --bg-color3: #ffffff;
    --bg-color4: #b2b2b2;
    --bg-color5: #4576ed;
    --bg-color6: #F7F7F7;

/*font-colors*/
    --font-color1: #000000;
    --font-color2: #ffffff;
    --font-color3: #9acc53;
    --font-color4: #7f7f7f;
    --font-color5: #1779ba;

/*Borders*/
    --border1: 1px solid #000000;
    --border2: 1px solid #ffffff;

/*font-hover color*/
    --font-color-hover1: #929191;

/* Font-families */
     --font-family1: "Open Sans", sans-serif;
     --font-family2: "Guardian Egypt";
     --font-family3: "Poppins"; 

/* Font-sizes */
	--font-size-small: 0.8em;
	--font-size: 1em;
	--font-size1: 1.2em;
	--font-size2: 1.5em;
	--font-size3: 2.4em;

/*Paddings */
    --big-padding: 2em;
    --big-padding1: 4em;	
    --main-padding: 1.2em;
    --main-padding2: 0.9em;
    --main-padding3: 0.6em;
    --main-padding4: 0.4em;
}