// Testimonial Section 02 people say about us 
.people-say-single-item {
    padding: 50px 0px 0px 20px;

    &.style-01 {
        padding: 60px 40px;
    }

    .content {
        .subtitle {
            display: flex;

            p {
                font-size: 20px;
                line-height: 26px;
                font-family: var(--body-font);
                font-weight: 700;
                color: var(--heading-color);
                margin-bottom: 15px;
                margin-right: 10px;
            }

            .icon {
                margin-top: 5px;

                i {
                    font-size: 10px;
                    color: var(--main-color-one);
                    margin-top: 12px;
                    margin-right: 5px;

                    &:last-child {
                        margin-right: 0;
                    }
                }
            }
        }

        .title {
            font-size: 40px;
            line-height: 48px;
            font-family: var(--heading-font);
            font-weight: 700;
            margin-bottom: 25px;

            &.style-01 {
                max-width: 400px;
                line-height: 55px;
            }
        }

        .description {
            font-size: 16px;
            line-height: 28px;
            font-family: var(--body-font);
            font-weight: 400;
            color: #505050;
            margin-bottom: 25px;
            max-width: 510px;

        }

        .author-meta {
            margin-bottom: 30px;

            .author-name {
                font-size: 16px;
                line-height: 35px;
                font-family: var(--body-font);
                font-weight: 400;
                color: #505050;
            }

            .line {
                display: inline-block;
                width: 80px;
                height: 2px;
                background: #505050;
                margin-bottom: 3px;
                margin-left: 10px;
            }
        }
    }

    .quotes {
        position: absolute;
        top: 7%;
        left: 2%;
        z-index: -1;
        max-width: 185px !important;

        &.style-01 {
            position: absolute;
            top: 7%;
            left: 64%;
            z-index: -1;
            width: 94px !important;
        }

        &.style-02 {
            left: 75%;
            top: 10%;
            width: 95px;
        }
    }
}

.people-say-single-item-02 {
    background: #fff;
    border-radius: 6px;

    &.style-01 {
        background: linear-gradient(176deg, rgba(232, 69, 74, 1) 0%, rgba(221, 19, 26, 1) 100%);
    }

    .people-say-bg-02 {
        background-repeat: no-repeat;
        background-position: 50% 42%;
        min-height: 480px;
        border-radius: 6px;
    }

    .content {
        .subtitle {
            p {
                color: var(--main-color-one);
            }
        }

        .description {
            color: var(--heading-color);
        }

        .author-meta {
            display: flex;
            align-items: center;

            .thumb {
                margin-right: 20px;
            }
        }
    }

    .testimonial-carousel-four {
        .owl-nav {
            .owl-prev {
                font-size: 28px;
                position: absolute;
                top: 82%;
                right: 22%;
                transition: .5s all ease;

                &:hover {
                    color: var(--main-color-one);
                }
            }

            .owl-next {
                font-size: 28px;
                position: absolute;
                top: 82%;
                right: 15%;
                transition: .5s all ease;

                &:hover {
                    color: var(--main-color-one);
                }
            }
        }
    }
}

.people-say-section {
    margin-top: 48px;

    &.style-01 {
        margin-top: 0px;
    }

    &.home-six {
        margin-top: 74px;
    }

    &.people-say-bg {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        padding: 120px 0px 60px 0px;
        position: relative;

        &::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: var(--heading-color);
            opacity: 0.85;
        }
    }

    .shapes {
        .shape-01 {
            position: absolute;
            top: 0;
            left: 24%;
        }

        .shape-02 {
            position: absolute;
            bottom: 0%;
            left: 8%;
        }

        .shape-03 {
            width: 290px;
            height: 1px;
            background-color: var(--main-color-one);
            position: absolute;
            top: 385px;
            left: 13%;
            transform: rotate(120deg);
            z-index: 0;
        }

        .shape-04 {
            width: 315px;
            height: 1px;
            background-color: var(--main-color-one);
            position: absolute;
            top: 175px;
            left: 13%;
            transform: rotate(120deg);
            z-index: 0;
        }
    }
}