.page-content {
    background: url(../images/bg26.png) no-repeat right bottom / 100%;
}
.executive-team {
    border-radius: calc(var(--round-6) * var(--px));
    padding: calc(40 * var(--px));
    background-color: rgba(255, 255, 255, .9);
    /* overflow: hidden; */
    box-shadow: 0 2px 0 0 rgba(240, 160, 0, .2);
}
.executive-team >.img {
    width: calc(574 * var(--px));
    flex: 0 1 calc(574 * var(--px));
    border-radius: calc(var(--round-6) * var(--px));
    overflow: hidden;
    align-self: flex-start;
}
.executive-team .group {
    flex: 1 2 0;
    padding-left: calc(86 * var(--px));
}
.executive-team .team {
    min-height: calc(166 * var(--px));
}
.executive-team .team:nth-last-of-type(1) {
    min-height: unset;
}
.executive-team .team-item {
    min-width: calc(294 * var(--px));
    height: 100%;
    padding-top: calc(14 * var(--px));
    padding-bottom: calc(24 * var(--px));
    position: relative;
    cursor: default;
}
.executive-team .team-item::before {
    --l: 20;
    content: '';
    width: calc(var(--l) * var(--px));
    height: calc(var(--l) * var(--px));
    background-color: #d5dcec;
    border-radius: 50%;
    margin-right: calc(30 * var(--px));
    margin-top: calc(6 * var(--px));
    flex: 0 0 auto;
}
.executive-team .team-item.active::before,
.executive-team .team-item:not(.active):hover::before {
    background-color: var(--thirdary);
}
.executive-team .team-item .team-item-content {
    font-size: calc(22 * var(--px));
    position: relative;
}
.executive-team .team-item .title {
    font-variation-settings: normal;
    font-size: calc(28 * var(--px));
    line-height: 1.2;
    margin-bottom: calc(24 * var(--px));
    transition: color .3s linear;
}
.executive-team .team-item.active .title,
.executive-team .team-item:not(.active):hover .title {
    color: var(--thirdary);
}
.executive-team .team-item .team-item-info {
    font-size: calc(24 * var(--px));
    line-height: 1.4;
    width: calc(550 * var(--px));
    min-height: calc(260 * var(--px));
    border-radius: calc(4 * var(--px));
    overflow: hidden;
    padding: calc(36 * var(--px)) calc(20 * var(--px)) calc(36 * var(--px)) calc(38 * var(--px));
    box-shadow: 0 0 calc(21 * var(--px)) calc(6 * var(--px)) rgba(72, 53, 16, .17);
    position: absolute;
    background: #fff url(../images/bg28.png) no-repeat center center / 100% auto;
    /* z-index: 2; */
    top: calc(40 * var(--px));
    left: 0;
    z-index: -1;
    opacity: 0;
    transform: translateY(calc(100 * var(--px)));
    transition: opacity .5s linear,
    transform .5s linear;
}
.executive-team .team-item.active .team-item-info {
    opacity: 1;
    transform: translateY(0);
    z-index: 99999;
}
.executive-team .team-item .team-item-info::before {
    content: '';
    display: block;
    width: calc(46 * var(--px));
    height: calc(6 * var(--px));
    background-color: var(--fourdary);
    margin-bottom: calc(20 * var(--px));
}

@media screen and (max-width: 668px) {
    
}
@media screen and (max-width: 768px) {
    .executive-team {
        padding: calc(40 * var(--px)) calc(20 * var(--px));
    }
    .executive-team .group {
        padding-left: calc(40 * var(--px));
    }
    .executive-team .team {
        flex-wrap: wrap;
    }
    .executive-team .team-item {
        width: 50%;
        flex: 0 0 auto;
    }
}