/* ==========================================================
   REVIEWS
   ========================================================== */

.reviewDiv{
  width: 100%;
  background-color: #ff3b1f;
  display: flex;
  justify-content: center;
}
.review{
  width: 99.5%;
  background-color: #f0ece2;
}
.reviewHeading{
  padding-bottom: 5vh;
}
.reviewHeading p{
  font-family: 'font1medium';
  font-size: 2rem;
  width: 40%;
  line-height: 1;
  text-transform: uppercase;
  padding-left: 3rem;
}
.reviewHeading p span{
  text-transform: lowercase;
}


.reviews{
  display: flex;
  width: 100%;
  margin-top: 5vh;
  padding: 2rem;
  gap: 1vw;
}
.reviewCard{
  width: 100%;
  border: 1px solid #ff3b1f;
  border-radius: 5px;
}
.reviewTxt{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 10%;
}
.reviewTxt p{
  font-family: 'font1medium';
  font-size: 1.2rem;
  text-align: center;
}
.reviewProfile{
    width: 100%;

  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 5%;
  padding-bottom: 5%;
  flex-direction: column;
}
.reviewProfile img{
  width: 15%;
  border-radius: 100%;
  margin-bottom: 3vh;
}
.reviewProfile p{
  font-family: 'poppins';
  font-size: 0.8rem;
  line-height: 0;
  font-weight: 600;
  text-transform: uppercase;
}
.reviewProfile i{
  font-size: 0.5rem;
  color: #ff3b1f;
}


/* =========================
   TABLET  (≤900px)
   2 cards per row, the third one spans the full width
========================= */

@media (max-width: 900px) {

  .reviewHeading {
    padding-top: 8vh;
    padding-bottom: 2vh;
  }

  .reviewHeading p {
    width: 88%;
    font-size: clamp(1.6rem, 4.4vw, 2.2rem);
    padding-left: 5vw;
    line-height: 1.05;
  }

  .reviews {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.5vw;
    padding: 5vw;
    margin-top: 2vh;
  }

  .reviewCard:nth-child(3) {
    grid-column: 1 / -1;
  }

  .reviewTxt {
    padding-top: 9%;
  }

  .reviewTxt p {
    font-size: 1.1rem;
    line-height: 1.25;
  }

  .reviewProfile img {
    width: 17%;
    max-width: 64px;
  }
}


/* =========================
   PHONE  (≤700px)
========================= */

@media (max-width: 700px) {

  .reviewHeading {
    padding-top: 7vh;
  }

  .reviewHeading p {
    width: 100%;
    padding-right: 6vw;
    padding-left: 6vw;
    font-size: 1.35rem;
  }

  .reviews {
    grid-template-columns: minmax(0, 1fr);
    padding: 6vw;
    gap: 5vw;
  }

  .reviewCard:nth-child(3) {
    grid-column: auto;
  }

  .reviewTxt {
    padding-top: 8vw;
  }

  .reviewTxt p {
    font-size: 1.05rem;
  }

  .reviewProfile img {
    width: 20%;
    max-width: 72px;
  }
}