/* ---------- BASE CSS (your same code, unchanged) ---------- */

* {
  margin: 0;
  padding: 0;
}

.life-journey-section {
  background: url("../images/Rectangle 332 (2).png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.life-journey-div {
  padding: 150px 70px 40px 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 45px;
}

.life-journey-div-left,
.life-journey-div-right {
  width: 50%;
}

.life-journey-div-left {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.life-journey-div-right {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 800px;
}

/* Typography (unchanged) */
.life-journey-div-left h2,
.life-journey-div-left span {
  font-family: Merriweather;
  font-weight: 700;
  font-size: 36px;
  color: #1c3f94;
}
.life-journey-div-left span {
  color: #ee1b22;
}

.life-journey-div-left h3 {
  font-family: Poppins;
  font-weight: 600;
  font-size: 24px;
  color: #1c3f94;
}

.life-journey-div-left p,
.life-journey-div-right div p,
.life-journey-div-left ul li {
  font-family: Poppins;
  font-size: 16px;
  color: #1c3f94;
  line-height: 20px;
}

.life-journey-div-right div li {
  font-size: 20px;
  font-weight: 600;
  color: #1c3f94;
}

.life-journey-div-right div h6 {
  font-size: 20px;
  font-weight: 500;
  color: #1c3f94;
}




/* ---------- RESPONSIVE MEDIA QUERIES (ONLY THESE ADDED) ---------- */

/* TABLET: max-width 992px */
@media (max-width: 1200px) {
  .life-journey-div {
    flex-direction: column;
    padding: 100px 40px 40px 40px;
    text-align: center;
  }

  .life-journey-div-left,
  .life-journey-div-right {
    width: 100%;
    align-items: center;
  }

  .life-journey-div-right {
    height: auto;
    gap: 40px;
  }

  .life-journey-div-left h2,
  .life-journey-div-left span {
    font-size: 30px;
  }

  .life-journey-div-left h3 {
    font-size: 20px;
  }

  .life-journey-div-left p,
  .life-journey-div-right div p {
    font-size: 15px;
    line-height: 22px;
  }
}

/* MOBILE: max-width 768px */
@media (max-width: 768px) {
  .life-journey-div {
    padding: 70px 20px;
  }

  .life-journey-div-left h2,
  .life-journey-div-left span {
    font-size: 26px;
  }

  .life-journey-div-left h3 {
    font-size: 18px;
  }

  .life-journey-div-right div li,
  .life-journey-div-right div h6 {
    font-size: 18px;
  }

  .life-journey-div-right div p {
    font-size: 14px;
  }

    .life-journey-div-left ul{
      text-align: left;
    }
.life-journey-div-right{
  text-align: left;
    padding: 30px;
}
  .life-journey-div-left ul li {
    font-size: 14px;
    line-height: 24px;
  }
}

/* SMALL MOBILE: max-width 480px */
@media (max-width: 480px) {
  .life-journey-div {
    padding: 50px 15px;
    gap: 30px;
  }

  .life-journey-div-left h2,
  .life-journey-div-left span {
    font-size: 22px;
  }

  .life-journey-div-left h3 {
    font-size: 16px;
  }

  .life-journey-div-left p,
  .life-journey-div-right div p,
  .life-journey-div-left ul li {
    font-size: 13px;
  }

  .life-journey-div-right div li,
  .life-journey-div-right div h6 {
    font-size: 16px;
  }

      .life-journey-div-left ul{
      text-align: left;
    }
.life-journey-div-right{
  text-align: left;
  padding: 27px;
}
}