/* gereral */
/* section p {
  text-align: left;
} */
#about,
#mission,
#vision,
#core-values,
#engagement,
#staff {
  scroll-margin-top: 150px;
}

/* banner section starts here */

.banner {
  animation: changeBg 30s infinite;
}

@keyframes changeBg {
  0% {
    background-image: url("../images/about-html/hospita-iftar.jpg");
  }
  50% {
    background-image: url("../images/about-html/staffs-hell-new.jpg");
  }
  100% {
    background-image: url("../images/about-html/hospita-iftar.jpg");
  }
}

/* banner section ends here */

/* hero section  starts here */
.about-text .about-ceo {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 20px auto 0;
}

.ceo-info {
  text-align: center;
}

/* hero section  ends here */

/* about setction starts here */

.about-text {
  margin: 0 100px;
  padding: 20px;
}

.image-wrapper {
  width: 100%;
}

.image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 20px;
  border-radius: 6px;
}

/* about setction ends here */

/* core values section starts here */

.values-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  margin-top: 20px;
}

.values {
  list-style: none;
  padding: 0;
}

.values li {
  margin: 10px 0;
  position: relative;
  padding-left: 40px;
}

.values li::before {
  content: "✔";
  font-size: 22px;
  font-weight: 700;
  position: absolute;
  left: 0;
  color: #38bdf8;
}

@media (max-width: 600px) {
  .values-container {
    grid-template-columns: 1fr;
  }
}