@import "general.css";

.about-us {
  display: flex;
  justify-content: center;
  min-height: 75vh;
  background: url(../img/products/background.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.about-us-container {
  display: flex;
  flex-direction: row;
  padding-bottom: 5rem;
}

.detail {
  max-width: 50%;
}

.about-us-description {
  margin-top: 4rem;
  font-size: var(--fs-32);
  font-weight: var(--fw-bold-2);
  margin-right: 4.3rem;
}

.about-us-description p {
  margin-top: 4rem;
  font-size: var(--fs-18);
  font-weight: var(--fw-regular-1);
}

.about-us-blocks {
  font-weight: var(--fw-regular-1);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.about-us-blocks h1 {
  font-size: var(--fs-24);
  text-transform: uppercase;
}

.about-us-blocks p {
  margin-top: 0.5rem;
  font-size: var(--fs-16);
}

.about-us-block {
  background-color: var(--cl-purple-100);
  border-radius: 0.95rem;
  padding: 1rem 4.5rem;
  color: white;
  margin-top: 2rem;
  position: relative;
}

.icon {
  background-color: var(--cl-purple-100);
  padding: 1rem 1rem;
  border: 0.2rem solid white;
  border-radius: 50%;
  max-width: fit-content;
  display: grid;
  left: -10%;
  top: 20%;
  /* z-index: 0.3; */
  place-items: center;
  position: absolute;
}

.icon img {
  min-width: 2.875rem;
  min-height: 2.875rem;
}