#testimonials__section,
.container__1,
.subcontainer {
  margin-left: auto;
  margin-right: auto;
  display: block;      /* ensures auto centering works */
  text-align: center;  /* ensures inner content stays centered */
  
}

#testimonials__section {
  font-family: monospace;
  color: white;
  -webkit-text-stroke: 1.5px black; /* stroke effect for contrast */
  paint-order: stroke fill;
  font-weight: 900;

}


.container__1 {
  
 
  max-width: 90%;
}

.subcontainer{
width: 85%;

}


.testimonials__wrapper{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content:center;
align-items: center;
gap: 25px;
padding-top: 10px;
position: relative;

}
.slider__img{
  width: 110px;
  height: 110px;
  margin: auto;
  border-radius: 50%;
  border: 5px solid lightgray;
  background-position: center;
  background-size: cover;
  box-shadow: 0 0 5px #bbb;
}

.img_1{
  background-image: url(../images/AvatarT1.png);
}
.img_2{
  background-image: url(../images/Avatar2.png);
}.img_3{
  background-image: url(../images/AvatarT2.png);
}


.test__header h1{
font-size: clamp(1rem, 4vw, 2rem);
}
.slider__wrapper{
  width: 100%;
}

.slide{
  width: 100%;
  text-align: center;
  line-height: 1.5;
  padding: 0 10px ;
}

.slide p{
  padding-bottom: 40px;

}

.previous,
.next{
  padding: 2px;
  width: 30px;
  cursor: pointer;
  border-radius: 50%;
  outline: none;
  transition: 0.7s ease-in-out;
  border: 3px solid white;
background-color: black;
box-shadow: 0 0 5px #bbb;
position: absolute;
top: 50%;
z-index: 1;
}

.previous{
left: 0%;

}
 .next{
 right:  0%;

 } 

 .previous:hover,
 .next:hover{
  background: 3px solid gray ;
 }

 #controls i{
  color: white;
  font-size: 1 rem;

 }

 .tns-nav{
  text-align: center;
 
 }


 .tns-nav button{
border: none;
padding: 8px;
border-radius: 50%;
background-color: white;
margin-left: 5px;


 }

 .tns-nav .tns-nav-active{
  background-color: gray;
 }

 .slide p {
  font-size: clamp(0.7rem, 5vw, 1.4rem);
 }

.slide h2{
  font-size: clamp(1.3rem, 5vw, 2.2rem);
 }
 /* ===============================
   REMOVE TESTIMONIALS — MOBILE LANDSCAPE
================================ */
/* ===============================
   REMOVE TESTIMONIALS — MOBILE LANDSCAPE
================================ */
@media (max-width: 1100px) and (orientation: landscape) {
  #testimonials__section {
    display: none !important;
  }
}
/* ==========================
   HIDE NAV ARROWS — LANDSCAPE ≤1100px
=========================== */
@media (max-width: 1100px) and (orientation: landscape) {
  .previous,
  .next {
    display: none !important;
  }
}

/* ==========================
   HIDE NAV ARROWS — PORTRAIT ≤1024px
=========================== */
@media (max-width: 1024px) and (orientation: portrait) {
  .previous,
  .next {
    display: none !important;
  }
}


@media (max-width: 1024px) {

  #testimonials__section {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .container__1 { max-width: 95%; }
  .subcontainer { width: 90%; }

  .testimonials__wrapper {
    gap: 20px;
    padding-top: 8px;
  }

  .slider__img {
    width: 90px;
    height: 90px;
  }

  .slide p {
    font-size: clamp(0.85rem, 4vw, 1.2rem);
    padding-bottom: 32px;
  }

  .slide h2 {
    font-size: clamp(1.2rem, 4.5vw, 1.8rem);
  }

  .previous,
  .next {
    width: 26px;
  }
}

/* ==========================
   SMALL ≤598px (SCALED UP)
=========================== */
@media (max-width: 598px) and (orientation: portrait) {

  #testimonials__section {
    width: 92%;
  }
    .test__header h1 {
    font-size: clamp(1.5rem, 6.1vw, 2.6rem);
  }


  .container__1 { max-width: 97%; }
  .subcontainer { width: 95%; }

  .testimonials__wrapper {
    gap: 20px;
    padding-top: 10px;
  }

  .slider__img {
    width: 85px;
    height: 85px;
  }

  .slide p {
    font-size: clamp(0.95rem, 5vw, 1.35rem);
    padding-bottom: 32px;
  }

  .slide h2 {
    font-size: clamp(1.3rem, 5.5vw, 1.85rem);
  }

  .previous,
  .next {
    width: 28px;
  }
}

/* ==========================
   EXTRA SMALL ≤498px (SCALED UP)
=========================== */
@media (max-width: 498px) and (orientation: portrait) {

  #testimonials__section {
    width: 90%;
  }
  



  .container__1 { max-width: 95%; }
  .subcontainer { width: 93%; }

  .testimonials__wrapper {
    gap: 18px;
  }

  .slider__img {
    width: 72px;
    height: 72px;
  }

  .slide p {
    font-size: clamp(0.9rem, 5.5vw, 1.25rem);
    padding-bottom: 28px;
  }

  .slide h2 {
    font-size: clamp(1.15rem, 5.5vw, 1.55rem);
  }

  .previous,
  .next {
    width: 26px;
  }
}

/* ==========================
   MICRO DEVICES ≤360px (SCALED UP)
=========================== */
@media (max-width: 360px) and (orientation: portrait) {

  #testimonials__section {
    width: 88%;
  }

  .container__1 { max-width: 93%; }
  .subcontainer { width: 91%; }

  .testimonials__wrapper {
    gap: 16px;
  }

  .slider__img {
    width: 63px;
    height: 63px;
  }

  .slide p {
    font-size: clamp(0.85rem, 5.5vw, 1.1rem);
    padding-bottom: 24px;
  }

  .slide h2 {
    font-size: clamp(1rem, 5.8vw, 1.45rem);
  }

  .previous,
  .next {
    width: 24px;
  }
}

/* ==========================
   VERY SMALL ≤388px (SCALED UP)
=========================== */
@media (max-width: 388px){
  .slide h2{
    font-size: clamp(1.3rem, 5.5vw, 2.6rem);
  } 
}

/* ==========================
   MICRO ≤345px (SCALED UP)
=========================== */
@media (max-width: 345px){
  .slide h2{
    font-size: clamp(1.2rem, 5.2vw, 2.4rem);
  } 
}