.testimonialContainer{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonialSlider{
    position: relative;
    width: min(100%, 70rem);
    height: 60rem;
    margin-inline: 2rem;
}

.slide{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 250ms ease-in-out;
}

.testimonial{
    width: 70%;
    font-size: 1.4rem;
    display: flex;
    flex-direction: column;
    gap: 7rem;
}

.testimonial h5{
    margin-bottom: 2rem;
}

.logoContainer{
    height: 246px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logoInfo{
    text-align: justify;
    color: #1f1c24;
}

.sliderBtn{
    background: transparent;
    border: none;
    width: 2rem;
    position: absolute;
    cursor: pointer;
    color: #fff;
    top: 40%;
}

.sliderBtn img{
    width: 100%;
}

.sliderBtn-left{
    left: 0;
}

.sliderBtn-right{
    right: 0;
}

.dotContainer{
    display: flex;
    gap: 1rem;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.dot{
    width: 0.7rem;
    aspect-ratio: 1;
    background-color: hsl(0, 0%, 25%);
    border-radius: 2rem;
    border: none;
    cursor: pointer;
    transition: all 250ms ease;
}

.dot-active{
    background-color: hsl(0, 0%, 100%);
}

@media(max-width: 992px){
    .testimonialSlider{
        height: 50rem;
    }

    .testimonial{
        font-size: 1.1rem;
    }
}

@media(max-width: 865px){
    .testimonialSlider{
        height: 40rem;
    }

    .testimonial{
        gap: 4rem;
    }

    .logoContainer img{
        transform: scale(0.7);
    }
}

@media(max-width: 658px){
    .testimonialSlider{
        height: 40rem;
        margin-inline: 1rem;
    }

    .testimonial{
        width: 85%;
        font-size: 1rem;
        gap: 0rem;
    }

    .logoContainer img{
        transform: scale(0.5);
    }
}