


/***
 * 
 * 
 * 
 * Main color : #d90016
 * English font : font-family:Metropolis;
 * Arabic font : font-family:Altform Bold;
 * 
 * 
 * ****/



@font-face {
  font-family: 'Avenir';
  src: url('../fonts/AvenirBlack.ttf') format('truetype');
  /* Additional font properties can be added if needed, such as font-weight or font-style */
}

@font-face {
  font-family: 'Metropolis';
  src: url('../fonts/Metropolis-ExtraBold.otf') format('truetype');
  /* Additional font properties can be added if needed, such as font-weight or font-style */
}

@font-face {
  font-family: 'MetropolisMedium';
  src: url('../fonts/Metropolis-Medium.otf') format('truetype');
  /* Additional font properties can be added if needed, such as font-weight or font-style */
}

@font-face {
  font-family: 'MetropolisLight';
  src: url('../fonts/Metropolis-Light.otf') format('truetype');
  /* Additional font properties can be added if needed, such as font-weight or font-style */
}



body{
	overflow-x: hidden;
}



.sectionTitle{
	font-family: Metropolis;
	font-weight: bold;
	font-size: 40px;
	position: relative;
	padding: 30px 0 8px;
}





.mainTitle{
	position: relative;
  text-align: center;
	padding: 30px 0 8px;
	
}


.sidebaricon{
  display: none;
}


@media screen and (max-width: 700px) {

  .mainTitle{
    text-align: left;
    font-size: 40px;
    width: 80%;
  }

  .sidebaricon{
    display: block;
  }

}