@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

.about_us_main--wrapper {
    overflow: hidden
}

.about_us--wrapper {
    padding: 2.125rem 0 18rem
}

.about_us_info--wrapper .about_us--title {
    font-family: "Comic Neue", cursive;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 177.1%;
    color: var(--black);
    padding-bottom: 21px
}

.about_us_info--wrapper .about_us--subtext {
    font-family: "Comic Neue", cursive;
    font-style: normal;
    font-weight: 500;
    font-size: 1.25rem/*16px*/;
    line-height: 177.1%;
    color: #2a332e;
    padding-bottom: 17px
}

.about_us_info--wrapper p {
    font-family: "Comic Neue", cursive;
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 177.1%;
    color: #676767
}

.about_us_icons--wrapper {
    padding-top: 33px
}

    .about_us_icons--wrapper .icon_text {
        font-family: "Comic Neue", cursive;
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 177.1%;
        color: var(--black);
        padding-left: 10px
    }

    .about_us_icons--wrapper .about_us--icons {
        padding-bottom: 10px
    }

        .about_us_icons--wrapper .about_us--icons img {
            width: 40px
        }

        .about_us_icons--wrapper .about_us--icons:last-child {
            padding-bottom: 0
        }

.about_us_img--wrapper {
    padding-top: 1.875rem;
    position: relative
}

.about_img2--wrapper {
    position: absolute;
    top: 12rem;
    left: -3rem
}

.about_img3--wrapper {
    position: absolute;
    top: 22rem;
    right: 0
}

@media(min-width:576px) {
    .about_us_info--wrapper .about_us--subtext {
        font-size: 19px
    }

    .about_us_info--wrapper .about_us--title {
        font-size: 40px
    }

    .about_us_icons--wrapper .about_us--icons img {
        width: auto
    }

    .about_us_icons--wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .about_img2--wrapper {
        top: 16rem;
        left: -7rem
    }

    .about_img3--wrapper {
        right: -5rem
    }

    .about_us--wrapper {
        padding: 3.125rem 0 18rem
    }
}

@media(min-width:768px) {
    .about_us--wrapper {
        padding: 4.875rem 0 7.4375rem;
        position: relative
    }

        .about_us--wrapper::after {
            background: url(../../images/banner/dotted1.png) no-repeat center;
            background-size: cover;
            position: absolute;
            content: '';
            width: 772px;
            height: 912px;
            top: -3rem;
            right: 0;
            z-index: -1
        }

    .about_img2--wrapper {
        top: 11rem;
        left: -5rem
    }
}

@media(min-width:992px) {
    .about_us--icons {
        text-align: center
    }

        .about_us--icons .icon_text {
            display: block;
            padding: .9375rem 0 0
        }
}

@media(min-width:1200px) {
    .about_us_icons--wrapper {
        flex-wrap: nowrap;
        align-items: flex-start
    }

        .about_us_icons--wrapper .icon_text {
            line-height: 140.1%
        }

        .about_us_icons--wrapper .about_us--icons {
            padding: 0 10px
        }

    .about_img2--wrapper {
        top: 21rem;
        left: -5rem
    }

    .about_img3--wrapper {
        top: 15rem;
        right: -12rem
    }
}

.our_team--wrapper {
    background: #f0fff5;
    padding: 2.125rem 0 3.25rem;
    position: relative
}

    .our_team--wrapper::before {
        /*background: url(../../images/banner/dotted1.png) no-repeat center;*/
        background-size: cover;
        position: absolute;
        content: '';
        width: 772px;
        height: 908px;
        bottom: -15rem;
        left: 0;
        z-index: 0
    }

.team_members--cols {
    margin-bottom: 1.875rem
}

.our_team--title {
    font-family: "Comic Neue", cursive;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 177.1%;
    color: var(--black);
    text-align: center;
    padding-bottom: 6px
}

.our_team--subtitle {
    font-family: "Comic Neue", cursive;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 177.1%;
    text-align: center;
    color: #616c65;
    padding-bottom: 2.375rem
}

.our_team_inner--wrapper {
    position: relative
}

    .our_team_inner--wrapper img {
        width: 100%
    }

    .our_team_inner--wrapper .team_members--details {
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        bottom: 2.6875rem;
        margin: 0 auto;
        text-align: center;
        padding: 0 1.375rem
    }

.members_title {
    font-family: "Comic Neue", cursive;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 177.1%;
    color: var(--white)
}

.team_members--details p {
    font-family: "Comic Neue", cursive;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 177.1%;
    color: #979797;
    padding-bottom: 2px
}

.members_social_icon--wrapper .social_icon {
    margin: 0 5px;
    text-decoration: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 2px solid transparent;
    transition: all ease .4s
}

    .members_social_icon--wrapper .social_icon img {
        transition: all .3s ease;
        width: 15px
    }

        .members_social_icon--wrapper .social_icon img.fb-icon {
            width: 8px
        }

    .members_social_icon--wrapper .social_icon:hover {
        border-color: var(--light-green);
        background: var(--light-green)
    }

@media(min-width:576px) {
    .our_team--title {
        font-size: 40px
    }

    .our_team--wrapper {
        padding: 3.125rem 0 6.25rem
    }
}

@media(min-width:992px) {
    .team_members--cols {
        margin-bottom: 0
    }

    .our_team--wrapper::before {
        bottom: -28rem;
        left: -3rem
    }
}

@media(min-width:768px) {
    .our_team--wrapper {
        background: #f0fff5;
        padding: 5rem 0 9.9375rem
    }

    .our_team--subtitle {
        padding-bottom: 4.25rem
    }
}