/* Bread Crumbs */
.breadcrumb-nav {
  /* margin-top: 100px; */
  height: 400px;
  background-image: url("/Assets/Images/close-up-people-working-outdoors.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.breadcrumb-container {
  width: 100%;
  background-color: #000000af;
  height: 100%;
  padding: 100px;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: center;
}

.breadcrumb-container h2 {
  color: #fff;
  font-size: 2rem;
  font-family: var(--fire-font);
}

.breadcrumb-modern {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
  /* text-transform: uppercase; */
  font-family: var(--popins-font);
}

.breadcrumb-modern a,
.breadcrumb-modern span {
  color: #fff;
  transition: 0.3s all linear;
}
.breadcrumb-modern a:hover {
  color: var(--primary-color);
  transition: 0.3s all linear;
}
/* Our Beginning */
.our-beginning-container {
  /* background-color: beige; */
  display: flex;
  gap: 50px;
  padding: 50px 100px;
}

.story-christine-img {
  width: 40%;
  aspect-ratio: 4/3;
  /* border: 10px solid #d8cfbf; */
}

.story-christine-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.our-beginining-contents {
  /* background-color: yellow; */
  width: 60%;
}

.our-beginining-contents h2 {
  font-family: var(--fire-font);
  font-size: 2rem;
  color: var(--primary-color);
}

.our-beginining-contents p {
  font-family: var(--fire-font);
  color: var(--secondary-black);
  line-height: 1.3;
  margin-top: 10px;
}

/* Spreading Hope */
.spread-hope-container {
  padding: 50px 100px;
  padding-bottom: 0px;
}

.spread-hope-content h2 {
  font-size: 2rem;
  margin-bottom: 1rem;
  font-family: var(--fire-font);
  color: var(--primary-color);
}

.spread-hope-content p {
  line-height: 1.3;
  font-family: var(--fire-font);
  /* text-align: justify; */
  margin-bottom: 1rem;
  color: var(--secondary-black);
}

/* Volunteer */
.Volunteer-container {
  /* background-color: aqua; */
  padding: 100px;
}

.volunteer-contents-wrapper {
  width: 50%;
}

.volunteer-contents-wrapper h2 {
  font-size: 2rem;
  font-family: var(--fire-font);
  margin-bottom: 10px;
}

.volunteer-contents-wrapper p {
  font-family: var(--popins-font);
  color: var(--secondary-black);
  margin-bottom: 20px;
}

/* Mobile Responsive */
@media (max-width: 868px) {
  .breadcrumb-nav {
    height: 300px;
  }

  .breadcrumb-container {
    padding: 20px;
  }

  /* Our Begining */
  .our-beginning-container {
    padding: 50px 20px;
    gap: 20px;
    flex-direction: column;
  }

  .story-christine-img {
    width: 100%;
    height: 300px;
  }

  .our-beginining-contents {
    width: 100%;
  }

  /* .our-beginining-contents h2 {
    font-size: 1.5rem;
  } */

  /* Spread Hope */
  .spread-hope-container {
    padding: 20px;
    /* background-color: aqua; */
  }

  /* .spread-hope-content h2 {
    font-size: 1.5rem;
  } */

  /* Volunteer */
  .Volunteer-container {
    padding: 50px 20px;
  }

  .volunteer-contents-wrapper {
    width: 100%;
  }
}