section.testimonial{
    padding: 4rem 1.5rem 86px 1.5rem;
    text-align: center;

    @media(min-width:768px){
        padding: 4rem 10% 86px 10%;
    }

    > h1{
        color:#A7AAAD;
        font-size: 16px;
        letter-spacing: 4px;
        font-family: "Fraunces";
        text-transform: uppercase;

        @media(min-width:768px){
            font-size: 20px;
        }
    }

    ul{
        margin-top: 64px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 64px;
        padding: 0;

        @media(min-width:768px){
            flex-direction: row;
        }

        li{
            list-style-type: none;
            font-family: var(--font-text);
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 32px;
            letter-spacing: -0.13px;
            @media(min-width:768px){
                gap:58px;
            }

            p{
                font-weight: 700;
                
                color: #5B636D;
                line-height: 2rem;
                font-size: 18px;
            }

            div.client-detail{
                display: flex;
                flex-direction: column;
                gap: 9px;

                h2{
                    font-family: "Fraunces";
                    color: var(--paragraph-color);
                    font-size: 18px;
                    
                }
                h3{
                    font-size: 14px;
                    line-height: 25px;
                    letter-spacing: -0.1px;
                    color: #A7AAAD;
                }
            }
        }
    }
}