section.values{
    padding-bottom: calc(60 * var(--rpx-50));
}

section.values-p2{
    padding-top: calc(60 * var(--rpx-50));
    padding-bottom: calc(120 * var(--rpx-50));
}

section.values .flex-box{
    --gap: calc(50 * var(--rpx-50));
}

section.values .flex-box .flex-item{
    padding: calc(40 * var(--rpx-50));
    background-color: #f5f7fc;
}

section.values .flex-box .flex-item:nth-of-type(2n){
    background-color: #fafbfd;
}

section.values .title{
    font-size: calc(30rem / 16);
    font-weight: bold;
}

section.values .desc{
    margin-top: calc(16 * var(--rpx));
}

.objectives .section-title{
    text-align: center;
}

section.objectives{
    padding-top: calc(90 * var(--rpx-50));
    padding-bottom: calc(120 * var(--rpx-50));
}

.window-ctn{
    margin-top: calc(40 * var(--rpx));
}

.split-board{
    margin-top: calc(80 * var(--rpx-50));
}

.split-board:first-of-type{
    margin-top: 0;
}

.split-board.vision{
    background-color: #021b64;
}

.split-board.mission{
    background-color: #c3b591;
}


.split-board .info{
    background-color: transparent;
}

section.objectives{
    background-color: #e6e9f3;
}

.obj-info{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: center;
    justify-content: flex-start;

    padding: calc(50 * var(--rpx));
    position: relative;
    z-index: 220;
    height: 100%;
}

.obj-info .title{
    font-family: "Cormorant", "Times New Roman", serif;
    font-weight: bold;
    font-size: calc(34em / 16);
    line-height: calc(40em / 34);
}

.obj-info .desc{
    margin-top: calc(20 * var(--rpx));
    display: none;
}

.obj-info .btn-ctn{
    margin-top: calc(20 * var(--rpx));
}

.active .obj-info .desc{
    display: block;
}

.active .obj-info{
    justify-content: center;
    color: #fff;
}

.obj-ctn .window-item::before{
    content: "";
    z-index: 215;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(150deg, var(--theme-navy), var(--theme-beige));
    opacity: 0;
    transition: .3s;
}

.obj-ctn .window-item.active::before{
    opacity: .8;
}

.window-item:not(:last-of-type)::after{
    content: "";
    width: var(--gap);
    height: 100%;
    left: 100%;
    top: 0;
    background-color: #e6e9f3;
}

.obj-ctn .window-item{
    cursor: pointer;
}

.discover .more-links{
    --column: 3;
}

@keyframes blink {
    0%{
        box-shadow: 0 0 20px var(--theme-beige);
    }
    100%{
        box-shadow: none;
    }
}

.values .flex-item.active{
    animation: blink 3s linear forwards;
}

@media (max-width: 750px) {
    .split-board{
        margin-top: calc(40 * var(--rpx));
    }

    .window-item:not(:last-of-type)::after{
        width: 100%;
        height: var(--gap);
        left: 0;
        top: 100%;
    }

    .discover .more-links{
        --column: 1;
    }

    section.values .title{
        font-size: calc(24rem / 16);
    }

    section.values .flex-box{
        gap: calc(30 * var(--rpx));
    }
}