.about {
  padding-top: 8rem;
}
.about .content {
  width: 70%;
}
.about .content h5 {
  font-weight: 600;
  font-size: 20px;
}
.about .content h1 {
  font-weight: 600;
  font-size: 48px;
  padding: 2rem 0;
}
.about__cards {
  margin-top: 5rem;
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: 2fr 1fr 2fr;
  gap: 3rem;
}
.about__cards h3 {
  font-size: 3.6rem;
}
.about__cards .our-values {
  background-color: #102226;
  color: var(--white);
  padding: 8rem 3rem;
  border-radius: 1.5rem;
  background-image: url("/assets/imgs/our-values-bg.png");
  background-size: cover;
}
.about__cards .our-mission {
  background-color: #d1d6d5;
  grid-column: 2/-1;
  padding: 8rem 3rem;
  border-radius: 1.5rem;
  background-image: url("/assets/imgs/our-mission-bg.png");
  background-size: cover;
}
.about__cards .industry-experience {
  grid-column: 1/3;
  background-color: #c2c3b8;
  padding: 8rem 3rem;
  border-radius: 1.5rem;
  background-image: url("/assets/imgs/industry-experience-bg.png");
  background-size: cover;
  background-position: right;
}
.about__cards .satisfaction {
  background-color: #21211a;
  color: var(--white);
  padding: 8rem 3rem;
  border-radius: 1.5rem;
  background-image: url("/assets/imgs/satisfaction-bg.png");
  background-size: cover;
}

.get__in__touch__section {
  padding: 3rem 0 8rem !important;
}
.get__in__touch__section__right {
  background-image: url("/assets/imgs/young-engineer.png") !important;
}

@media only screen and (max-width: 786px) {
  .about {
    margin: 1rem;
    padding-top: 4rem;
  }
  .about .content {
    width: 90%;
  }
  .about .content h5 {
    font-size: 16px;
  }
  .about .content h1 {
    font-size: 24px;
  }
  .about__cards {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
  .about__cards .our-values,
  .about__cards .our-mission,
  .about__cards .industry-experience,
  .about__cards .satisfaction {
    grid-row: auto;
    grid-column: auto;
  }
  .get__in__touch__section {
    margin: 1rem;
    padding: 2rem 0 !important;
  }
}/*# sourceMappingURL=style.css.map */