.Services{
    background-image: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.7),
        rgba(0, 0, 0, 0.7)
      ),
      url(../assets/about..jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;

    width: 100%;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

}
.faqs{
  width: 100%;
  
}
.faq{
  
  padding: 2rem;
  display: flex;align-items: center;
  gap: 1.4rem;
  height: fit-content;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
border-radius: 3px;
cursor: pointer;
margin: 20px;
}
.faqs-icon{
  align-self: flex-start;
}
.faqs-text{
  width: 100%;
}
.AboutUs{
  display: flex;
  flex-direction: row;justify-content: center;
  margin: 80px 50px;
}
.AboutUs-text{
  display: flex;
  align-items: center;  

  margin: 75px;
}
.map{
  flex: 1;
  height: 400px;
  margin: 75px;
}
.map-img{
  width: 100%;
  height: 100%;
}
.faq p{
  display: none;
}

.faq.open p {
  display: block;
}

@media screen and (max-width: 530px) {
  .AboutUs-text{
    margin: 20px;
  }
  .faqs-text p{
    justify-content: center;
  }
  .faqs-main{
    margin: 10px;
    padding: 15px;
  }
  .AboutUs{
    margin: 80px 0px;
  }
  .map{
    flex: 1;
    height: 400px;
    margin: 20px;
  }
}