.our-team {
    height: 720px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: calc(4 * var(--spacing-unit));
}

@media(max-width:960px) {
    .our-team {
        height: max-content;
    }
}

.our-team-inner-content {
    width: 96%;
    height: max-content;
    max-width: var(--max-width-unit);
    display: flex;
    flex-direction: column;
    gap: var(--main-unit);
    margin-top: calc(2 * var(--spacing-unit));
}

.our-team-head {
    height: 24%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media(max-width:960px) {
    .our-team-head {
        flex-direction: column;
        align-items: unset;
        gap: var(--spacing-unit);
        height: max-content;
    }
}

.our-team-title {
    width: 32%;
    height: 80%;
    font-size: calc(var(--font-xl));
    font-weight: 900;
    display: flex;
    flex-direction: column;
}

@media(max-width:960px) {
    .our-team-title {
        min-width: 280px;
    }
}

.title-top {
    width: 100%;
    height: 50%;
    display: flex;
    color: var(--color-primary-blue);
}

@media(max-width:960px) {
    .title-top {
        min-width: 280px;
    }
}

.title-bottom {
    width: 100%;
    height: 48%;
    display: flex;
    color: var(--color-primary-green);
}

@media(max-width:960px) {
    .title-bottom {
        min-width: 280px;
    }
}

.our-team-title-motto {
    width: 46%;
    height: 80%;
    display: flex;
    align-items: center;
    font-size: var(--font-s);
    font-weight: 700;
}

@media(max-width:960px) {
    .our-team-title-motto {
        min-width: 280px;
        width: 96%;
    }
}

.our-team-body {
    height: 70%;
    display: flex;
    gap: var(--main-unit);
    align-items: center;
}

@media(max-width:960px) {
    .our-team-body {
        flex-direction: column;
        height: max-content;
    }
}

.our-team-card {
    width: 300px;
    height: max-content;
    min-height: 515px;
    border-radius: var(--radius-std);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--color-primary-blue);
    box-shadow: 5px 5px 5px lightblue;
}

@media(max-width:960px) {
    .our-team-card {
        min-height: 480px;
        width: 80%;
        min-width: 300px;
        max-width: 480px;
    }
}

.our-team-pic {
    height: 64%;
    width: 96%;
    display: flex;
    justify-content: center;
    min-height: 290px;
}

.our-team-pic img {
    width: 67%;
    height: 100%;
    min-height: 290px;
}

.our-team-description {
    width: 96%;
    height: 32%;
    padding: 8px;
    min-height: 209px;
}

.our-team-name {
    height: 10%;
    font-size: var(--font-m);
    font-weight: 700;
    display: flex;
    align-items: center;
}

.our-team-position {
    height: 20%;
    display: flex;
    align-items: center;
}

.our-time-desc-txt {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 64%;
    font-size: var(--font-xs);
    padding-top: var(--main-unit);
}