:root{

    --testimonial-left-block :20vw;

    --testimonial-block-gap :3rem;

    --testimonial-name : 2rem;

}

.testimonial-author{

    display: inline-flex;

    flex-direction: column;

    flex-wrap: nowrap;

    align-items: start;

    justify-content: start;

    gap:1rem;

}

.testimonial-author .image-block img{

    margin-left: .5%;

}

.testimonial-author .image-block img,.testimonial-author .image-block .profile-pic img{

   width: 100%;

   height: auto;

}

.testimonial-author .image-block .profile-pic{

    width: 39%;

    margin-top: -20%;

 }

 .testimonial-author .image-block{

    width: 100%;

 }



.testimonial-author .author-info{

    display:flex;

    flex-direction: column;

    justify-content: start;

  

}



.testimonial-author .author-info .name{

    font-size: var(--testimonial-name);

    font-weight: 400;

    line-height: 1.5;

    /*letter-spacing: -0.04em;*/

    color: var(--purple);

}

.testimonial-author .author-info .designation{

    font-size: var(--designation-text);

    font-weight: 400;

    line-height: 27.6px;

    /*letter-spacing: -0.04em;*/

    text-align: left;

}



.testimonial-block .item{

    display: flex;

    gap: var(--testimonial-block-gap);

    flex-direction: row;

    flex-wrap: nowrap;

    align-items: end;

}

.testimonial-block .item .testimonial-author{

    flex: 0 0 var(--testimonial-left-block)

}







#testimonials{

    justify-content: space-around !important;

}

.testimonial-block{

    margin-top: 3rem;

    overflow: hidden;

    max-width: 80vw;

}



.testimonial-block .owl-nav button{

    background: none !important;

    border: none;

    outline: none;

}

#testimonial .wp-block-group{

    position: relative;

}

#testimonial .section-title{

    position: absolute;

    left: calc(var(--testimonial-left-block) + var(--testimonial-block-gap));

    display: inline-block;

    width: auto;

    top: 1rem;

}





.testimonial-block .owl-nav{

    left: calc(var(--testimonial-left-block) + var(--testimonial-block-gap));

    position: relative;

    display: inline-flex;

    gap:1rem;

    flex-wrap: nowrap;

    margin-top:2rem  !important;

}

.testimonial-block .owl-nav button{

    margin:0  !important

}

.no-text-wrap{

    text-wrap-mode: nowrap;

}



@media screen and (max-width: 768px){

    :root{

        --testimonial-name : 1.375rem;

        

    }

    .testimonial-block .item{

        flex-direction: column-reverse;

    }

    .testimonial-block .owl-nav{

        width: 100%;

        justify-content: center;

        left:unset;

        max-width: 90vw;



    }

    .testimonial-block{

        max-width: 90vw;

    }

    #testimonial .section-title{

        position: relative;

        left:unset

    }

    .testimonial-author .image-block{

        max-width: 100px;

    }

    .testimonial-author{

        flex-direction: row;

    }

    .testimonial-author .author-info .designation{

        font-size: var(--p);

    }

}