/* @group Team
------------------------------------ */

.team .team-col .team-box .has-heading-3-font-size {
    --fw: 700;
    --fs: 1.8rem;
}

@media only screen
and (min-width : 961px) {
    .team .team-col {
        display: flex;
        flex-wrap: wrap;
    }
    .team .team-col .team-box {
        flex: 0 1 50%;
        width: 50%;
        padding-block: 5rem;
    }
    .team .team-col .team-box .bp-multimedia {
        max-width: 25rem;
        height: 9.3rem;
    }
    .team .team-col .team-box:nth-child(even) {
        padding-left: 8.5%;
        padding-right: 2rem;
    }
    .team .team-col .team-box:nth-child(odd) {
        padding-right: 8.5%;
        padding-left: 2rem;
        border-right: 1px solid var(--blue);
    }
    .team .team-col .team-box:not(:nth-child(1),:nth-child(2)) {
        border-top: 1px solid var(--blue);
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .team .team-col .team-box:not(:last-of-type) {
        padding-block: 3.6rem;
        margin-bottom: 3.6rem;
        border-bottom: 1px solid var(--blue);
    }
    .team .team-col .team-box .bp-multimedia {
        max-width: 14.5rem;
        height: auto;
    }
}

/* @end */


/* Animations
------------------------------------ */
:where(#wrapper) .team :is(.team-col) {
    opacity: 0;
    --duration: 1s;
}

:where(#wrapper) .team.animateActive :is(.team-col) {
    animation: fade var(--duration) forwards;
    animation-delay: var(--delay, 0);
    --delay: 0.3s;
}