.about-partners {
  width: 100%;
  height: 98vh;
  position: relative;
  /* margin-bottom: 10%; */
  animation: zoom-out 1s;
}

.about-partners > img {
  width: 100%;
  height: 100%;
}

.about-box {
  width: 40%;
  height: 85%;
  background-color: var(--bg-yellow);
  position: absolute;
  top: 27%;
  right: 10%;
  padding: 8% 5% 8% 5%;
  color: #262626;
  overflow: hidden;
}
.about-box-svg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.about-box-svg > img {
  width: 100%;
  height: 100%;
}
.about-box > h2 {
  font-family: var(--style-1);
  letter-spacing: 5px;
  font-weight: 300;
  font-size: 60px;
  line-height: 1;
}

.about-box > p {
  margin: 15% 0 15% 0;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 2px;
  opacity: 0.8;
}

.about-box > a {
  letter-spacing: 2px;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  color: var(--txt-black);
}

.about-box > a::after {
  content: " ";
  width: 0%;
  height: 3px;
  background-color: var(--bg-black);
  color: var(--txt-black);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: 0.4s;
}

.about-box > a:hover::after {
  width: 100%;
}

.who-they {
  padding: 7% 18%;
  display: none;
  align-items: center;
}

.pra-container > h2 {
  font-size: 33px;
  margin-bottom: 2%;
  font-weight: 400;
}

.pra-container > p {
  font-size: 22px;
  width: 70%;
  color: var(--txt-gray);
  line-height: 1.7;
}

.parteners-count {
  text-align: center;
  font-size: 20px;
  width: max-content;
}

.parteners-count > strong {
  font-size: 100px;
  font-style: var(--style-1);
  color: var(--txt-yellow);
  font-weight: 400;
  letter-spacing: -4px;
}
.mb-5 {
  margin: 2% 0;
}
.products-child-links > ul {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
}
.product {
    padding-top: 12%;
    padding-bottom: 0%;
}

@media only screen and (max-width: 900px) {
  .about-partners > img {
    object-fit: cover;
  }

  .about-box {
    width: 90%;
    top: 30%;
    padding: 4%;
    right: 5%;
    height: 75%;
  }
  .about-box > h2 {
    font-size: 40px;
    letter-spacing: 4px;
  }
  .product-child-grid {
    grid-template-columns: 1fr;
    height: unset;
  }
  .product-child-grid-img {
    grid-row: 1;
  }
}