.testimonials {
    position: relative;
    background-color: var(--section-bg-color);
}

.testimonials .container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 40px;
}

.testimonials .item {
    position: relative;
    padding: 20px;
    background-color: white;
    box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.2);
}

.testimonials .item img {
    max-width: 25%;
    position: absolute;
    top: -10%;
    right: -10px;
    border-radius: 50%;
    border: 10px solid var(--section-bg-color);
}

.testimonials .item h3 {
    color: var(--font-color);
    margin: 0 0 10px;
}

.testimonials .item span {
    margin-bottom: 10px;
    display: block;
}

.testimonials .item .rate .filled {
    color: rgb(176, 176, 1);
}

.testimonials .item .rate {
    margin-bottom: 10px;
}

.testimonials .item p {
    margin: 0;
    line-height: 1.5;
    color: var(--paragraph-color);
}