/*******************************************************/
/**************** ## Testimonials Area ****************/
/*******************************************************/
.testimonials-wrap
    padding: 100px 85px
    border-radius: 20px
    border: 1px solid $border-color
    +res-bl(lp)
        +gapLR(padding, 40px)
    +res-bl(md)
        +gapLR(padding, 25px)

.testimonial-left-image
    min-height: 500px
    border-radius: 20px
    background-size: cover
    background-position: center
    +res-ab(lg)
        +poRT(0, -30px)
        width: calc(50vw - 20%)
        height: calc(100% + 60px)
    
.testimonial-right-content
    max-width: 570px
    +res-ab(lg)
        margin-left: auto
    
.testimonial-item
    .text
        font-size: 30px
        line-height: 1.5
        margin-bottom: 60px
        +res-bl(md)
            font-size: 25px
        +res-bl(sm)
            font-size: 22px
        +res-bl(xs)
            font-size: 20px
    
.testi-header
    display: flex
    flex-wrap: wrap
    align-items: center
    margin-bottom: 15px
    .quote
        font-size: 60px
        margin-right: 30px
        margin-bottom: 15px
        color: $primary-color
        +res-bl(md)
            font-size: 45px
            margin-right: 15px
    h4
        margin-right: 15px
        margin-bottom: 15px
        +res-bl(md)
            font-size: 20px
    .ratting
        padding: 5px 12px
        margin-bottom: 15px
        border-radius: 20px
        background: $secondary-color
        i
            color: white
            +res-ab(md)
                font-size: 16px
        
.author
    display: flex
    align-items: center
    .image
        max-width: 65px
        margin-right: 25px
        +res-bl(sm)
            margin-right: 15px
        +res-bl(xs)
            max-width: 55px
        img
            border-radius: 50%
    .content
        h5
            margin-bottom: 0
            +res-bl(xs)
                font-size: 18px
                
.testimonial-left-content
    position: relative
    max-width: 595px
    padding-right: 50px
    padding-bottom: 60px
    +res-bl(ms)
        padding-right: 20px
    .happy-customer
        +poRB(0)
        padding: 35px 40px 40px
        max-width: 270px
        border-radius: 10px
        +res-bl(ms)
            padding: 25px 30px 30px
        h6
            font-size: 18px
            font-weight: 400
            margin-bottom: 18px
            letter-spacing: -0.02em
        hr
            margin-top: 30px
            margin-bottom: 20px
            opacity: .3
        p
            margin-bottom: 13px
        .testi-header
            margin-bottom: 0
            .ratting
                margin-bottom: 0
        &.bgc-black
            outline: 5px solid white
            .feature-authors > span
                background: $primary-color