/* ====================================================== */
/* TESTIMONIAL SECTION */
/* Menampilkan social proof platform */
/* ====================================================== */

.testimonial-section{

/* background abu lembut */

background:var(--neutral-100);

/* spacing */

padding:80px 0;

}


/* ====================================================== */
/* TESTIMONIAL CONTAINER */
/* ====================================================== */

.testimonial-box{

max-width:700px;

margin:auto;

text-align:center;

}


/* ====================================================== */
/* QUOTE ICON */
/* ====================================================== */

.testimonial-quote{

font-family:var(--font-heading);

font-size:60px;

color:var(--accent-500);

line-height:1;
opacity:0.9;
}


/* ====================================================== */
/* TESTIMONIAL TEXT */
/* ====================================================== */

.testimonial-text{

font-size:18px;

line-height:1.8;

color:var(--neutral-700);

font-style:italic;

margin-bottom:20px;

}


/* ====================================================== */
/* PROFILE */
/* ====================================================== */

.testimonial-profile{

margin-top:10px;

}


/* avatar placeholder */

.testimonial-avatar{

width:50px;

height:50px;

border-radius:50%;

background:var(--neutral-300);

margin:auto;

margin-bottom:8px;

}


/* name */

.testimonial-name{

font-weight:700;

color:var(--primary-800);

}


/* role */

.testimonial-role{

font-size:13px;

color:var(--neutral-400);

}


/* ====================================================== */
/* RESPONSIVE - MOBILE                                    */
/* ====================================================== */

@media (max-width: 576px) {

  .testimonial-section {
    padding: 50px 0;
  }

  .testimonial-quote {
    font-size: 40px;
  }

  .testimonial-text {
    font-size: 15px;
  }

  .testimonial-box {
    padding: 0 10px;
  }

}