// Meet Member Section Styling Here
.meet-member-section {
    margin-top: 90px;
    position: relative;
    z-index: 0;
    background: #FCFCFC;
    padding: 120px 0px 120px 0px;
    overflow: hidden;

    .section-star {
        position: absolute;
        z-index: -1;
        right: 0;
        bottom: 0;
        // animation: slideOutLeft 8s linear infinite;
        animation: updown 3s both linear alternate infinite;
    }

    .dot-shape-02 {
        position: absolute;
        z-index: -1;
        bottom: 5%;
        left: 17%;
        animation: zoomIn 2.5s linear infinite;
    }

    .dot-shape-03 {
        position: absolute;
        z-index: -1;
        top: 5%;
        right: 17%;
        animation: zoomIn 2.5s linear infinite;
    }
}

.meet-member-wrapper {
    border: 5px solid #04072E;
    border-radius: 10px;
    padding: 50px 50px 50px 50px;
    position: relative;

    .meet-member-img {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        min-height: 570px;
        position: relative;
        z-index: 3;

        .member-quotes {
            background: #fff;
            padding: 20px 35px;
            border-left: 5px solid var(--main-color-one);
            position: absolute;
            top: 40%;
            left: -38%;
            transform: rotate(-90deg);

            .title {
                font-size: 22px;
                line-height: 35px;
                font-family: var(--body-font);
                font-weight: 700;
                max-width: 445px;
                margin-bottom: 0;
            }

            .icon {
                position: absolute;
                top: 40%;
                right: 9%;
                transform: translateY(-40%);
            }
        }
    }
}

.meet-single-items {
    padding-left: 20px;

    .content {
        .subtitle {
            display: flex;
            flex-wrap: wrap;

            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-right: 5px;
                }
            }
        }

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

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

    .link-wrap {
        margin-top: 15px;

        .read-more-link {
            font-size: 18px;
            line-height: 24px;
            font-family: var(--body-font);
            font-weight: 700;
            color: var(--main-color-one);
            transition: .5s all ease;

            &:hover {
                i {
                    padding-left: 10px;
                }
            }

            i {
                margin-left: 5px;
                font-size: 16px;
                transition: .5s all ease;
            }
        }
    }
}

.inner-single-items {
    margin-bottom: 30px;

    .icon {
        font-size: 60px;
        color: var(--main-color-one);
    }

    .content {
        h6 {
            font-size: 20px;
            line-height: 28px;
            font-family: var(--body-font);
            font-weight: 700;
            color: var(--heading-color);
            margin-bottom: 0px;
        }
    }
}