/* ======== About Page Styles ======== */
* {
  font-family: "Poppins", sans-serif;
}

/* About Hero Section */
.about-hero {
  height: 22vh; /* adjust height if needed */
  display: flex;
  align-items: center;   /* vertical center */
  justify-content: center; /* horizontal center */
  text-align: center;
  background: #EFECE3; /* subtle background */
  padding: 0 20px;

  margin-top: 30px; /* adjust: 20px–60px as needed */
}

.about-hero h1 {
  font-size: 2rem;
  color: #1A2A4F;
  margin-bottom: 15px;
  font-weight: 700;
}

.about-hero p {
  font-size: 1.2rem;
  color: #444;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.7;
}

/* Section Background */
.about-section {
  padding-top: 35px;
  text-align: left;
  background: #EFECE3;  /* Same white background as Home */
}

/* Move the about-content slightly upward */
.about-content {
  margin-top: -40px;   /* pulls content upward */
}

/* Section Title */
.about-section h2 {
  font-size: 2.4rem;
  color: #1A2A4F;          /* Primary dark color */
  margin-bottom: 24px;
  text-align: center;
  font-weight: 700;
}

/* Paragraph Text */
.about-section p {
  font-size: 1.15rem;
  line-height: 1.85;
  color: #444;          /* Secondary grey like Home page */
  margin-bottom: 22px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
}

/* Subheadings */
.about-section h3 {
  font-size: 1.7rem;
  margin-top: 50px;
  color: #0077ff;        /* Accent color from Home page */
  text-align: center;
  font-weight: 600;
}

/* Values Section */
.values-list {
  list-style-type: none;
  max-width: 850px;
  margin: 35px auto;
  padding: 0;
}

.values-list li {
  background: #aabad3;
  border-left: 5px solid #0077ff;   /* Accent color stripe */
  padding: 16px 20px;
  margin-bottom: 18px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  font-size: 1.08rem;
  color: #533f3f;
  font-weight: 500;
}