.Customers{
    display:flex;
    flex-direction: column;
    width:80%;
    margin:auto;
    display:flex;
    justify-content: center;
}
.customerhead h3{
 font-size: 36px;
 font-weight: 500;
}   
#highlightcust{
    color:#727272;
}
.Review{
  display:flex;
  justify-content: center;
  width:85%;
  flex-direction: column;
   position:relative;
   margin:auto;
   padding: 2rem 3rem;
   gap:50px;
   
}
.review-card{
    display:flex;
    align-items:flex-end;
  justify-content: space-between;
  gap: 20px;

  padding: 20px;
  border-radius: 12px;
  max-width: 800px;
  margin: auto;
  height:auto;
   
}
.review-image {
    flex-basis: 40%;
}
.review-image img {
  /* width: 250px; */
  border-radius: 10px;
}

.review-content {
  flex: 1;
  flex-basis: 40%;
  display: flex;
 flex-direction: column ;
 justify-content: center;

  min-width: 435px;
 
}


.review-text {
  background: black;
  color: white;
  padding: 15px;
  border-radius: 10px;
  width:100%;
  padding: 3rem ;
   
}

.review-name{
    font-size: 28px;
}
.review-text  #review-quote{
 
    margin:0;

}


/* 🔥 Overlay arrows inside card */
.review-nav {
  position: absolute;
  bottom: 50px;
  left: 0;
  min-width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  pointer-events: none; /* ensures clicks only pass to buttons */
  z-index: 9999;
 
  
}

.review-nav button {
  background: red;
  color: white;
  border: none;
  width: 70px;
  height: 70px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 22px;
  pointer-events: all; /* re-enable button clicks */
}
.review-count{
    font-size: 56px;
    position: absolute;
    bottom:-60px;
    font-family: "Manrope",sans-serif;
}
.review-count .total{
    font-size: 16px;
}

@media screen and (max-width:1500px){
    .Review{
        width:90%
    }
}
@media screen and (max-width:1350px){
    .Customers{
        width:100%
    }
    .Review{
        width:100%
    }
}
@media screen and (max-width:1070px){
      .Customers{
        width:100%
    }
}
@media screen and (max-width:975px){
      .Customers{
        width:90%
    }
    .review-card{
        flex-wrap: wrap;
        justify-content: center;
    }
    .review-nav {
        top:50%;
         transform: translateY(-20%);
    }
    .review-text {
        width:70%;
    }
    .review-content {
        align-items: center ;
        flex-basis: 100%;
    }
 
    .review-count{
        left:50%;
        transform: translateX(-50%);
    }
          .review-image img {
        width:100%;
    }
    .review-image {
        flex-basis: 70%;;
    }
    .review-nav button {
        width:40px;
        height:40px
    }
    .review-count{
        display: none;
    
}

}
@media screen and (max-width:800px){
      .review-text {
         width:80%;
      }
}
@media screen and (max-width:600px){
  .review-content {
    min-width: 200px;
  }
   .review-text {
        width:100%;
        padding:2rem;
    }
   .Review{
    padding:10px
   }
   .customerhead h3{
    font-size: 30px;
    margin:0;
}
}
@media screen and (max-width:400px){
 .review-text {
        width:100%;
        padding:1rem;
       
    }
    #review-quote{
        font-size: 14px;
    }
       .customerhead h3{
    font-size: 28px;
    margin:0;
}
}