body { font-family: Arial, sans-serif; margin:0; padding:0; }
.site-header, .site-footer { background:#eee; padding:10px 0; }
.main-nav .main-menu { list-style:none; display:flex; gap:20px; padding:0; }
.main-nav .main-menu li a { text-decoration:none; color:#000; }
.container { width:90%; max-width:1200px; margin:0 auto; }
.content-footer{
  width: 100%;
height: 500px;
top: 1079px;
angle: 0 deg;
background-color: rgba(210, 221, 235, 0.5);
display: flex;
flex-direction: column;
align-items: center;
}
.service{
	width:100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
	direction:rtl;
	padding:10px;
	justify-content:space-around;
}
.service h4{
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  color: #000000;
}
.The-service{
	width:50%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 200px;
}
.naser{
	margin-right:10%;
	width: 30%;
}
.service .naser p{
	width:100%;
font-family: Readex Pro;
font-weight: 400;
font-style: Regular;
font-size: 18px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: right;
color:rgba(101, 101, 101, 1);
}
.photo {
  margin-top: 8%;
	display:flex;
	justify-content:center;
	align-items:center;
}
ul li a {
  text-decoration: none;
  color: #000; /* لون الخط الافتراضي أسود */
  position: relative;
  padding: 5px 10px;
  border-radius: 50%; /* الشكل الدائري */
  transition: all 0.3s ease;
}

/* لما يتم الضغط على الرابط */
a:active {
  background-color: #007bff; /* اللون الأزرق للدائرة */
  color: #000;               /* الخط أسود */
}

ul li a:hover {
  background-color: rgb(0, 123, 255);
  color: #ffffff;
}
.navbar-nav li a {
  padding: 10px 15px;
  border-radius: 50%; /* دائرة */
  transition: all 0.3s ease;
  color: #000;        /* لون الخط أسود */
}
.site-header{
	width:90%;
	display:flex;
	margin-left: 5%;
	direction:rtl;
	justify-content:space-around;
	padding:10px;
	align-items:center;
}
.container ul {
	display:flex;
	list-style:none;
	margin-right:10%;
}
.container ul li a{
	 text-decoration: none;
  color: #000; /* لون الخط الافتراضي أسو*/
  position: relative;
  padding: 5px 10px;
  border-radius: 50%; /* الشكل الدائري */
  transition: all 0.3s ease;
	font-size: 20px;
	margin:5px;
}
.container ul li a:active{
  background-color: #007bff; /* اللون الأزرق للدائرة */
  color: #000;               /* الخط أسود */
}
.container ul li a:hover {
  background-color: rgb(0, 123, 255);
  color: #ffffff;
}