.about-top{
    text-align: center;
    margin-top: 190px;
   
}

.about-top img{
    border-radius: 20px;
    margin: 5%;
}
.about-top h1{

      margin: 5%;
}
.about-top h2{
  
      margin:  30px
}
.vision-mission{
  background-color:#f3f4f6;
  /* color:#fff; */
  padding:60px 20px;
  text-align:center;
}

.vision-mission .section-header h2{
  font-size:36px;
  margin-bottom:40px;
}

/* الحاوية الرئيسية لل Boxes */
.vision-mission-container{
  display:flex;
  justify-content: center;
  align-items:flex-start;
  gap:30px;
  flex-wrap:wrap; /* Responsive */
}

/* الصناديق */
.vision-box,
.mission-box{
  background-color:#ffffff;
  border-radius:8px;
  padding:20px;
  box-shadow:0 4px 10px rgba(0,0,0,0.3);
  flex:0 0 45%;
  text-align:right;
   
}


.vision-box h3,
.mission-box h3{
  font-size:24px;
  margin-bottom:15px;
    text-align:right;
}

/* النصوص */
.vision-box p,
.mission-box p{
  font-size:16px;
  line-height:1.6;
  text-align:right;
}

/* الرسالة على الشمال */
.mission-box{
  text-align:left;
}

/* Responsive */
@media(max-width:768px){
  .vision-mission-container{
    flex-direction:column;
    align-items:center;
  }

  .vision-box,
  .mission-box{
    flex:0 0 90%;
    text-align:right; 
     margin: 10px 30px;
  }
}
/* Responsive */
@media(max-width:768px){
 .about-top{
    text-align: center;
    margin-top: 100px;
   
}
.about-top img{
    border-radius: 20px;
    margin: 5%;
}
.about-top h1{
   font-size: medium;
      margin: 5%;
}
.about-top h2{
   font-size: small;
      margin:  30px
}
}

.integrated-services-section{
  background-color:#ffffff;
  padding:60px 20px;
  text-align:center;
}

.integrated-services-header h2{
  font-size:36px;
  margin-bottom:40px;
}


.integrated-services-container{
  display:flex;
 
  justify-content:center;
  align-items:flex-start;
  gap:30px;
  flex-wrap:wrap; /* Responsive */
}

/* الكروت */
.integrated-service-card{
  background-color:#f3f4f6;
  border-radius:8px;
  padding:20px;
  box-shadow:0 4px 10px rgba(0,0,0,0.3);
  /* flex:0 0 30%;  */
  text-align:right;
   margin: 10px 30px;
     flex: 1;
}

.integrated-service-card h3{
  font-size:24px;
  margin-bottom:15px;
  text-align:right;
}

.integrated-service-card p{
  font-size:16px;
  line-height:1.6;
  text-align:right;
}

/* Responsive */
@media(max-width:992px){
  .integrated-service-card{
    flex:0 0 45%;
  }
}

@media(max-width:768px){
  .integrated-services-container{
    flex-direction:column;
    align-items:center;
  }

  .integrated-service-card{
    flex:0 0 90%;
    text-align:right;
  }
}