.testimonial-item {
    .icon {
        margin-bottom: 33px;

        i {
            color: var(--primary);
            font-size: 55px;
        }
    }

    .text {
        margin-bottom: 30px;
        max-width: 699px;
        letter-spacing: -0.05px;
    }

    .user-testimonial {
        .name-user {
            display: block;
            margin-bottom: 10px;
            letter-spacing: -0.4px;
        }

        .position {
            display: block;
            font-family: $font-main3;
        }
    }

    &.style-2 {
        background-color: var(--main-dark);
        border: 1px solid var(--stroke-2);
        text-align: center;
        padding: 50px 15px 47px;

        .icon {
            width: 60px;
            height: 60px;
            @include flex(center, center);
            background-color: var(--primary);
            border-radius: 50%;
            margin-bottom: 0;
            position: relative;

            i {
                font-size: 15px;
                color: var(--white);
            }

        }

        .image-avatar {
            max-width: 85px;
            border-radius: 50%;
            margin-left: -12.5px;

            img {
                width: 100%;
                height: auto;
                object-fit: cover;
                border-radius: 50%;
            }
        }

        .top-item {
            @include d-flex();
            align-items: center;
            justify-content: center;
            margin-bottom: 30px;
        }

        .text {
            max-width: 270px;
            margin-bottom: 24px;
            margin-left: auto;
            margin-right: auto;
            color: var(--surface);
            letter-spacing: 0.1px;
        }

        .name-user {
            margin-bottom: 11px;
        }

        .position {
            color: var(--primary);
        }
    }
}