.testimonials-module {
    background-repeat: no-repeat;
    .grid{
        display: flex;
        gap: 0 20px;
        margin-top: 80px;
        @media (max-width: 767px){
            margin-top: 40px;
        }
    }
    .swiper-wrapper {
        height: unset;
    }
    .testimonial-slide{
        border-radius: 20px;
        background: linear-gradient(95deg, var(--bg-color-1, #00B1E2) 0.03%, var(--bg-color-2   , #0074E8) 99.76%);       
        display: flex;
        gap: 20px 50px;
        padding:30px 50px;
        border-radius:20px;
        position: relative;
        @media(max-width: 860px){
            flex-direction: column;
            padding:25px;
        }
        >a{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }
    }
    .author{
        min-width: 220px;
        max-width: 220px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0px;
        flex-shrink: 0;
         @media(max-width: 860px){
            justify-content: center;
            margin: 0 auto;
            min-width: unset;
         }
       
        .avatar{
            width: 100%;
          
            border-radius: 50%;
            overflow: hidden;
            margin-bottom: 17px;
            img{
                    
                object-fit: cover;
            }
            
        }
        .author-name{
            // font-family: "Open Sans Condensed";
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 24px;
            text-align: center;
        }
            .author-position{
            // font-family: "Open Sans Condensed";
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
            text-align: center;
            }
    }
    .testimonial-content{
        display: flex;
        gap: 25px;
         @media(max-width: 860px){
                flex-direction: column;
         }
        &:before{
            content: "";
            width: 7px;
            height: 75px;
            display: block;
            background-color: currentColor;
            flex-shrink: 0;
            transform: translateY(5px);

            @media(max-width: 860px){
                height: 4px;
                width: 40px;
                transform: translateY(0px);
            }
        }
        *:not(.button){
            // font-family: "Open Sans Condensed";
            font-size: 30px;
            font-style: normal;
            font-weight: 700;
            line-height: 42px;
            @media(max-width: 860px){
              font-size: 18px;
                font-style: normal;
                font-weight: 700;
                line-height: 30px; 
            }
        }
    }
}