.parallax-bg {
  background-image: url("../images/aboutParalax.png");
  height: 100vh;
  width: 100vw;
  background-position: center;
  background-size: cover;
  background-color: #020b14 !important;
  background-attachment: fixed !important;
}
.parallax-bg .row {
  height: 100vh;
}

.real-parallax {
  background: url("../images/aboutParReal.png");
  height: 100vh;
  width: 100vw;
  background-position: center;
  background-attachment: fixed !important;
  background-size: cover;
  background-color: #020b14 !important;
}

@media (max-width: 900px) {
  .intro-section img {
    width: 100%;
  }
}

.mission-section {
  background: url("../images/missionImg.png");
  background-position: center;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}
@media (max-width: 768px) {
  .mission-section {
    padding-block: 5%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
.mission-section .container {
  height: 100%;
}
.mission-section .row {
  height: 100%;
}
@media (max-width: 768px) {
  .mission-section .row .col-md-4 {
    padding-block: 5%;
  }
  .mission-section .row .col-md-4 img {
    width: 15%;
  }
}
.mission-section .row .title {
  color: #5D6162;
  font-weight: 700;
}

.caring-section .first-word::first-letter {
  color: #1BA5DF;
  font-weight: bold;
  font-size: x-large;
}

.wrapper {
  position: relative;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
.wrapper::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 30%;
  width: 40%;
  border-bottom: 2px solid #1BA5DF;
}

.wrapper2 {
  position: relative;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
.wrapper2::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0%;
  width: 40%;
  border-bottom: 2px solid #1BA5DF;
}