@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@600&family=Space+Grotesk:wght@300..700&display=swap');
#testimonial-section{
    background-color: var(--bg-soft-blue);
    height: 100vh;
}

.testimonial-wrapper{
    width: 100vw;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none; 
}

.testimonial-wrapper::-webkit-scrollbar {
  display: none; /* Chrome */
}

.testimonial-wrapper .flex-row{
    width: max-content;
    margin-bottom: 5rem;
}
.testimonial-card{
    height: 500px;
    width: 500px;
    background-color: white;
    border-radius: 10px;
}

#testimonial-section .star{
    width: 45%;
}
.quote-mark{
    font-family: "Quicksand", sans-serif;
    font-size: 72pt;
    font-weight: 600;
    font-style: normal;
}

.product-testimonial{
    width: 5rem;
    border-radius: 7px;
}

.dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 12px;
}

.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ddd;
  transition: 0.3s;
}

.dot.active {
  background: var(--dark-blue); /* warna dot aktif */
}

.carousel-inner{
    min-height: 560px;
}

.carousel-control-prev, .carousel-control-next{
    width: 11%;
}

@media screen and (max-width: 992px) {
    #testimonial-section{
        height: max-content;
        padding: 50px 0px;
    }
    .testimonial-card{
        height: max-content;
        width: 325px;
        background-color: white;
        border-radius: 10px;
    }
    .carousel-indicators{
        bottom: -3rem;
    }
}