.humanFpt {
    background-color: #f27024;
    color: #fff;
    padding: 30px;
}

.human--head {
    text-align: center;
}

.human--head__title {
    font-size: 20px;
    text-align: center;
    width: 460px;
    padding-bottom: 15px;
    border-bottom: 2px solid #fff;
    display: inline-block;
}

.human--head__quote {
    padding: 15px;
}

.human--body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 10px;
    margin-top: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 15px;
}

.human--body--item {
    margin: 0 20px;
    text-align: center;
}

.human--item__head {
    border-radius: 50%;
    overflow: hidden;
    width: 240px;
    height: 240px;
    border: 5px solid #f7ac80;
    position: relative;
}

    .human--item__head .person_img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: var(--person_img), url(../public/img/prof-default.jpg);
        background-position: center;
        background-size: cover;
    }

.human--item__body h4 {
    margin-bottom: 2px;
    margin-top: 10px;
}

.main--right {
    margin-top: 45px;
}

.main--content {
    background: #fff;
    border: 1px solid #e2e2e2;
}

.tab-content {
    min-height: 500px;
    background-color: #fff;
}

.tab-control {
    height: 45px;
    background-color: #f3f3f3;
    margin: -1px;
}

    .tab-control ul {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 3px solid rgb(12, 81, 160);
    }

        .tab-control ul li button {
            height: 100%;
            color: #fff;
            text-transform: uppercase;
            border: 1px solid transparent;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
            outline: none;
            cursor: pointer;
        }

        .tab-control ul li {
            margin: 0 2px;
        }

            .tab-control ul li:first-child {
                margin-left: 0;
            }

            .tab-control ul li:last-child {
                margin-right: 0;
            }

@media(max-width: 1200px) {
    .human--item__head {
        width: 195px;
        height: 195px;
    }
}

@media (max-width: 991px) {
    .owl-carousel .owl-stage-outer{
        max-height: 160px;
    }
}