/* breadcrumb */
/* about al faris */
.about_al_faris {
  padding-top: 100px;
  padding-bottom: 100px;
}
.about_al_faris .heading h2 {
  color: #0f145b;
  font-size: 30px;
  /* font-family: 'KelsonSans', sans-serif; */
  margin-bottom: 75px;
  text-align: center;
  font-weight: bold;
}
.about_al_faris .heading article {
  color: #666666;
  font-size: 16px;
  /* font-family: 'TitilliumWeb', sans-serif; */
  margin-bottom: 45px;
  font-weight: normal;
}
.about_al_faris-bottomImage {
  margin-top: 90px;
  width: 100%;
}
/* mission & vission */
.mission_vission {
  margin-bottom: 100px;
}
.mission,
.vision {
  margin-right: 10px;
  position: relative;
  border-radius: 25px;
  background-size: cover;
  background-position: center;
  height: 100%;
}
.mission {
  background-image: url('../../assets/images/about/our-mission.jpg');
}
.vision {
  background-image: url('../../assets/images/about/vision.jpg');
}
.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: 25px;
}
.mission .content,
.vision .content {
  position: relative;
  color: white;
  padding: 90px 35px 80px 75px;
  z-index: 2;
}
.mission .content h3,
.vision .content h3 {
  /* font-family: 'KelsonSans', sans-serif; */
  font-size: 30px;
  margin-bottom: 40px;
  font-weight: bold;
  text-transform: capitalize;
  z-index: 2;
}
.mission .content article,
.vision .content article {
  font-size: 16px;
  /* font-family: 'TitilliumWeb', sans-serif; */
  font-weight: normal;
}
.mission_vission .content-img {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: -2px;
  z-index: 100;
}

/* who we are */
.who_we_are {
  background-color: #c2b39c;
  position: relative;
  padding: 70px 0;
}

.who_we_are p {
  font-size: 30px;
  /* font-family: 'KelsonSans', sans-serif; */
  color: #4c463e;
  font-weight: normal;
}
.who_we_are-bottomImage {
  position: absolute;
  bottom: 0;
  width: 100%;
}
/* core value */
.core_value {
  padding: 100px 0;
}
.core_value .blue-logo {
  width: 100px;
  margin-bottom: 50px;
}
.core_value .heading h2 {
  color: #0f145b;
  font-size: 30px;
  /* font-family: 'KelsonSans', sans-serif; */
  margin-bottom: 40px;
  font-weight: bold;
}
.core_value .heading p {
  color: #666666;
  font-size: 16px;
  /* font-family: 'TitilliumWeb', sans-serif; */
  margin-bottom: 40px;
  font-weight: normal;
}
.core_value .content {
  background-color: #0f145b;
  padding: 45px;
  position: relative;
  max-width: 500px;
  border-radius: 20px;
}
.core_value .content .content-icon img {
  width: 60px;
  margin-bottom: 20px;
}
.core_value .content .content-title {
  /* font-family: 'KelsonSans', sans-serif; */
  font-size: 24px;
  color: white;
  margin-bottom: 10px;
  font-weight: bold;
  line-height: normal;
}
.core_value .content .content-text {
/*  font-family: 'TitilliumWeb', sans-serif;*/
  font-size: 16px;
  color: white;
  margin-bottom: 25px;
  font-weight: normal;
}
.core_value .content .content-img {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: -2px;
}

/* our view */
.our_view {
  margin-bottom: 100px;
}
.our_view .image_content {
  position: relative;
  border-radius: 25px;
  background-size: cover;
  background-position: center center;
  background-image: url('../../assets/images/about/faith-action-thing-01.png');
  padding: 220px 0;
}
.our_view .content {
  position: relative;
  color: white;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0 70px;
}
.our_view .content h3 {
  /* font-family: 'KelsonSans', sans-serif; */
  font-size: 30px;
  color: white;
  margin-bottom: 45px;
  font-weight: bold;
}
.our_view .content article {
  /* font-family: 'TitilliumWeb', sans-serif; */
  font-size: 16px;
  color: white;
  font-weight: normal;
}
/* objective */
.objective {
  padding-bottom: 100px;
  position: relative;
}

.objective-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
}

.objective-left {
  width: 50%;
}

.objective-left p {
  font-size: 16px;
  line-height: 1.6;
  color: #666666;
  /* font-family: 'TitilliumWeb'; */
  font-weight: normal;
}

.objective-title-container {
  display: flex;
  align-items: stretch;
  gap: 20px;
  margin-bottom: 30px;
}

.objective-title-container h2 {
  font-size: 30px;
  font-weight: bold;
  color: #0f145b;
/*  font-family: 'KelsonSans';*/
}

.yellow-bar {
  background-color: #c2b39c;
  width: 10px;
}

.objective-right {
  width: 50%;
  background-color: #0f145b;
  border-radius: 20px;
}

.objective-right div {
  display: flex;
  justify-content: center;
  align-items: center;
}

.objective-right img {
  width: 70%;
  padding-top: 25%;
  padding-bottom: 25%;
}
/* message */
.message {
  padding: 100px 0;
  background-color: #c2b39c;
  position: relative;
}
.message .content {
  max-width: 75%;
  margin: 0 auto;
}
.message .content h2 {
  /* color: #ffffff; */
  font-size: 30px;
  /* font-family: 'KelsonSans', sans-serif; */
  margin-bottom: 15px;
  font-weight: bold;
}
.message .content h4 {
  color: #ffffff;
  font-size: 24px;
/*  font-family: 'KelsonSans', sans-serif;*/
  margin-bottom: 60px;
  font-weight: normal;
}
.message .content article {
  /* font-family: 'TitilliumWeb', sans-serif; */
  font-size: 16px;
  /* color: #fff; */
  margin-bottom: 45px;
  font-weight: normal;
}

/* Responsive adjustments */
@media (max-width: 991px) {
  /* objective */
  .objective-container {
    flex-direction: column;
    gap: 30px;
  }
  .objective-left,
  .objective-right {
    width: 100%;
  }
  .objective-title-container h2 {
    font-size: 30px;
  }
  .objective-left p {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  /* about al faris */
  .about_al_faris {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .about_al_faris .heading h2 {
    font-size: 30px;
    margin-bottom: 50px;
  }
  .about_al_faris .heading article {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .about_al_faris-bottomImage {
    margin-top: 35px;
  }
  /* mission & vission */
  .mission_vission {
    margin-bottom: 80px;
  }
  .mission .content,
  .vision .content {
    padding: 50px 35px 50px 55px;
  }
  .mission .content h3,
  .vision .content h3 {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .mission .content article,
  .vision .content article {
    font-size: 16px;
  }
  /* who we are */
  .who_we_are {
    padding: 60px 0;
  }
  .who_we_are p {
    font-size: 30px;
  }
  /* core value */
  .core_value {
    padding: 80px 0;
  }
  .core_value .blue-logo {
    width: 80px;
    margin-bottom: 40px;
  }
  .core_value .heading h2 {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .core_value .heading p {
    font-size: 16px;
    margin-bottom: 60px;
  }
  .core_value .content {
    padding: 25px;
  }
  .core_value .content .content-icon img {
    width: 55px;
  }
  /* our view */
  .our_view {
    margin-bottom: 80px;
  }
  .our_view .image_content {
    padding: 90px 0;
  }
  .our_view .content {
    padding: 0 50px;
  }
  .our_view .content h3 {
    font-size: 30px;
    margin-bottom: 25px;
  }
  .our_view .content article {
    font-size: 16px;
  }
  /* objective */
  .objective {
    padding-bottom: 80px;
  }
  .objective-container {
    gap: 20px;
  }
  .objective-title-container h2 {
    font-size: 30px;
  }
  .objective-left p {
    font-size: 16px;
  }
  /* message */
  .message {
    padding: 80px 0;
  }
  .message .content {
    max-width: 100%;
  }
  .message .content h2 {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .message .content h4 {
    font-size: 24px;
    margin-bottom: 50px;
  }
  .message .content article {
    font-size: 16px;
    margin-bottom: 30px;
  }
}
@media (max-width: 500px) {
  /* about al faris */
  .about_al_faris {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .about_al_faris-bottomImage {
    margin-top: 0px;
  }
  /* mission & vission */
  .mission_vission {
    margin-bottom: 70px;
  }
  .mission .content,
  .vision .content {
    padding: 25px;
  }
  /* who we are */
  .who_we_are {
    padding: 50px 0;
  }
  .who_we_are p {
    font-size: 24px;
  }
  /* core value */
  .core_value {
    padding: 70px 0;
  }
  /* our view */
  .our_view {
    margin-bottom: 70px;
  }
  .our_view .content {
    padding: 0 25px;
  }
  .our_view .image_content {
    padding: 50px 0;
  }
  /* message */
  .message {
    padding: 70px 0;
  }
}