.testimoni{
    margin: 7rem 2rem 3.5rem;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.testimoni-wrapper{
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    margin-block: 2rem;
    will-change: transform;
}

.testimoni-card{
    width: 330px;
    height: 500px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
    transition: transform 0.3s ease-in-out;
    will-change: transform;
    backface-visibility: hidden;
    border: solid 2.5px var(--primary-red);
}

.desc-wrapper .isi{
    /* overflow: hidden ; 
    text-overflow: ellipsis; 
    display: -webkit-box;
    -webkit-line-clamp: 7; 
    -webkit-box-orient: vertical; */
    font-size: 0.7rem;
    text-align:justify;
}

.desc-wrapper .nama-testimoni{
    overflow: hidden ; 
    text-overflow: ellipsis; 
    display: -webkit-box;
    -webkit-line-clamp: 1; 
    -webkit-box-orient: vertical;
    font-size: 1rem;
    color: var(--secondary-blue);
    text-align: center;
}

.testimoni-card:hover{
    transform: scale(1.01) ;
    cursor: pointer;
}

.img-wrapper{
    width: 100%;
    height: 40%;
    display: flex;
    justify-content: center;
    
}

.testimoni .img-wrapper img{
    width: 85%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    background-position: center;
    border-radius: 0 0 30px 30px;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
}

.testimoni-card .img-wrapper:nth-child(odd) img{
    border-bottom: 3px solid var(--primary-green);
}

.desc-wrapper{
    width: 85%;
    height: 60%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    margin: 0 auto;
    border-radius: 30px 30px 0 0;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
    gap: 0.5rem;
    padding: 1rem;
    
}

.testimoni-card:nth-child(odd) .desc-wrapper{
    border-top: 2px solid  var(--primary-green);
}

.testimoni-card:nth-child(even) .desc-wrapper{
    border-top: 2px solid  var(--primary-green);

}

.desc-wrapper .umur-keterangan{
    font-size: 0.9rem;
    color: var(--secondary-blue);
    text-align: center;
    text-overflow: ellipsis; 
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 40px;
}