/* HERO */
#hero{
    justify-content:flex-start;
}

.content__inner{
    padding:4.74vw 0;
}
/* HERO */

/* CONTENT */
.documents{
    display:grid;
    grid-template-columns:16.406vw 1fr;
    gap:1.667vw 1.042vw;
}

.documents-title{
    font-size:2.083vw;
    font-weight:600;
    line-height:normal;
    letter-spacing:-.042vw;
    grid-column:span 2;
}

.documents-nav{
    height:fit-content;
    gap:.521vw;
    padding:1.042vw .625vw;
    border-radius:.729vw;
    background:#FFF;
    box-shadow:0 .052vw .208vw 0 rgba(0,0,0,.05);
    flex-direction:column;
    align-items:flex-start;
}

.documents-nav-title{
    padding-left:.521vw;
    color:#99A1AF;
    font-size:.677vw;
    font-weight:600;
    line-height:1.016vw;
    letter-spacing:.057vw;
    text-transform:uppercase;
}

.documents-nav__list{
    position:relative;
    width:100%;
    flex-direction:column;
    gap:.104vw;

    --indicator-y:0;
    --indicator-height:2.552vw;
}

.documents-nav__list::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:var(--indicator-height);
    border-radius:.521vw;
    background:rgba(31,159,85,.08);
    transform:translateY(var(--indicator-y));
    pointer-events:none;
    z-index:0;

    transition:
            transform .4s cubic-bezier(.22,1,.36,1),
            height .4s cubic-bezier(.22,1,.36,1);
}

.documents-nav__item{
    position:relative;
    z-index:1;
    width:100%;
}

.documents-nav__button{
    width:100%;
    justify-content:flex-start;
    border-radius:.521vw;
    padding:.573vw .625vw;
    gap:.521vw;
    z-index:1;
}

.documents-nav__button svg{
    width:0.781vw;
    height:0.781vw;
}

.documents-nav__button svg path{
    transition:stroke .3s ease;
}

.documents-nav__button-text{
    color:#536471;
    font-size:.938vw;
    font-weight:400;
    line-height:1.406vw;
    transition:color .3s ease;
}

.documents-nav__button-dot{
    margin-left:auto;
    width:.365vw;
    height:.365vw;
    flex-shrink:0;
    border-radius:50%;
    background:#1F9F55;
    opacity:0;
    transform:scale(0);
    transition: opacity .3s ease, transform .35s cubic-bezier(.22,1,.36,1);
}

.documents-nav__button-arrow{
    display: none;
}

.documents-nav__button.is-active{
    background:transparent;
}

.documents-nav__button.is-active svg path{
    stroke:#1F9F55;
}

.documents-nav__button.is-active .documents-nav__button-text{
    color:#1F9F55;
}

.documents-nav__button.is-active .documents-nav__button-dot{
    opacity:1;
    transform:scale(1);
}

.documents-tab{
    display:none;
    width:100%;
    padding:1.875vw 2.083vw;
    border-radius:.729vw;
    background:#FFF;
    box-shadow:0 .052vw .208vw 0 rgba(0,0,0,.05);
}

.documents-tab.is-active{
    display:block;
    animation:document-tab-in .4s cubic-bezier(.22,1,.36,1);
}

@keyframes document-tab-in{
    from{
        opacity:0;
        transform:translateY(.521vw);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

.documents-tab-header{
    align-items:flex-start;
    flex-direction:column;
    gap:.312vw;
    padding-bottom:1.25vw;
    border-bottom:.052vw solid #EAEFF1;
}

.documents-tab-header-title{
    color:#101113;
    font-size:1.25vw;
    font-weight:600;
    line-height:normal;
    letter-spacing:-.021vw;
    text-transform:uppercase;
}

.documents-tab-header-date__list{
    width:100%;
    justify-content:space-between;
}

.documents-tab-header-date__text{
    color:#536471;
    font-size:.938vw;
    line-height:1.406vw;
}

.documents-tab-header-date__text:first-child{
    font-weight:600;
}

.documents-tab-body{
    padding-top:1.458vw;
}

.documents-tab-body-block-title{
    margin-top:1.042vw;
    display:block;
    font-size:1.042vw;
    font-weight:600;
    line-height:normal;
    letter-spacing:-.01vw;
}

.documents-tab-body-block-data,
.documents-tab-body-block__list{
    margin-top:.625vw;
}

.documents-tab-body-block-text{
    color:#2D3C52;
    font-size:.938vw;
    line-height:1.641vw;
}

.documents-tab-body-block-text span{
    font-weight:500;
}

.documents-tab-body-block-text:not(:last-child){
    margin-bottom:.417vw;
}

.documents-tab-body-block__item{
    position:relative;
    margin-bottom:0 !important;
    padding-left:1.458vw;
}

.documents-tab-body-block__item:before{
    content:".";
    position:absolute;
    top:-.104vw;
    left:.573vw;
    color:#2D3C52;
    font-size:1.042vw;
    font-weight:600;
    line-height:normal;
    letter-spacing:-.01vw;
}

.documents-tab-body-block__list--number{
    margin:.417vw 0;
    counter-reset:item;
}

.documents-tab-body-block__list--number .documents-tab-body-block__item{
    counter-increment:item;
}

.documents-tab-body-block__list--number .documents-tab-body-block__item:before{
    content:counter(item) ".";
    top:0;
    font-size:.938vw;
    font-weight:400;
    line-height:1.641vw;
}
/* CONTENT */

@media (max-width:767px){

    .content__inner{
        padding:10.256vw 0;
    }

    .documents{
        grid-template-columns:1fr;
        gap:5.128vw;
    }

    .documents-title{
        grid-column:unset;
        font-size:8.205vw;
        font-weight:500;
        line-height:8.462vw;
        letter-spacing:-.154vw;
    }

    .documents-nav{
        width:100%;
        padding:3.077vw;
        border-radius:2.051vw;
        border:.256vw solid #EAEFF1;
        box-shadow:none;
        overflow:hidden;
    }

    .documents-nav-title{
        display:none;
    }

    .documents-nav__list{
        width:100%;
        gap:0;
    }

    .documents-nav__list::before{
        content:unset;
    }

    .documents-nav__item{
        display:block;
        width:100%;
        max-height:0;
        opacity:0;
        overflow:hidden;
        pointer-events:none;
        margin-bottom:0;
        transition:max-height .35s cubic-bezier(.22,1,.36,1), opacity .25s ease, margin .35s cubic-bezier(.22,1,.36,1);
    }

    .documents-nav__item:has(.documents-nav__button.is-active){
        order:-1;
        max-height:6.923vw;
        opacity:1;
        pointer-events:auto;
    }

    .documents-nav__list.is-open .documents-nav__item{
        max-height:6.923vw;
        opacity:1;
        pointer-events:auto;
    }

    .documents-nav__list.is-open .documents-nav__item:not(:last-child){
        margin-bottom:5.128vw;
    }

    .documents-nav__list.is-open
    .documents-nav__item:has(.documents-nav__button.is-active){
        max-height:9.231vw;
        padding-bottom:2.051vw;
        margin-bottom:4.103vw;
        border-bottom:.256vw solid #EAEFF1;
    }

    .documents-nav__button{
        width:100%;
        padding:0;
        gap:2.051vw;
    }

    .documents-nav__button-text,
    .documents-nav__button.is-active .documents-nav__button-text{
        color:#101113;
        font-size:3.59vw;
        font-weight:700;
        line-height:3.59vw;
    }

    .documents-nav__button-dot{
        display:none;
    }

    .documents-nav__button-icon{
        width:6.154vw;
        height:6.154vw;
        flex-shrink:0;
        border-radius:1.026vw;
        background:rgba(200,243,216,.4);
        transition:width .3s ease, height .3s ease, border-radius .3s ease, background .3s ease;
    }

    .documents-nav__button-icon svg{
        width:3.077vw;
        height:3.077vw;
        transition:width .3s ease, height .3s ease;
    }

    .documents-nav__button-icon svg path{
        stroke:#1F9F55;
        transition:stroke .3s ease;
    }

    .documents-nav__button.is-active .documents-nav__button-icon{
        width:6.923vw;
        height:6.923vw;
        border-radius:1.795vw;
        background:#1F9F55;
    }

    .documents-nav__button.is-active .documents-nav__button-icon svg{
        width:3.846vw;
        height:3.846vw;
    }

    .documents-nav__button.is-active .documents-nav__button-icon svg path{
        stroke:#FFF;
    }

    .documents-nav__button svg.documents-nav__button-arrow{
        display:none;
        margin-left:auto;
        width:2.564vw;
        height:1.282vw;
        transition:transform .35s cubic-bezier(.22,1,.36,1);
    }

    .documents-nav__button.is-active .documents-nav__button-arrow{
        display:block;
    }

    .documents-nav__list.is-open .documents-nav__button.is-active .documents-nav__button-arrow{
        transform:rotate(180deg);
    }

    .documents-tab{
        padding:5.128vw 4.103vw;
        border-radius:3.59vw;
        box-shadow:0 .256vw 1.026vw 0 rgba(0,0,0,.05);
    }

    .documents-tab-header{
        gap:1.538vw;
        padding-bottom:5.128vw;
        border-width:.256vw;
    }

    .documents-tab-header-title{
        font-size:5.128vw;
        font-weight:500;
        line-height:6.154vw;
        letter-spacing:unset;
    }

    .documents-tab-header-date__list{
        flex-direction:column;
        align-items:flex-start;
        gap:2.051vw;
    }

    .documents-tab-header-date__text{
        font-size:3.59vw;
        font-weight:400;
        line-height:5.641vw;
    }

    .documents-tab-header-date__text:first-child{
        font-weight:500;
    }

    .documents-tab-body{
        padding-top:5.128vw;
    }

    .documents-tab-body-block:not(:first-child){
        margin-top:4.103vw;
    }

    .documents-tab-body-block-title{
        font-size:4.615vw;
        font-weight:500;
        line-height:5.641vw;
    }

    .documents-tab-body-block-data,
    .documents-tab-body-block__list{
        margin-top:2.051vw;
    }

    .documents-tab-body-block-text{
        font-size:3.59vw;
        line-height:5.641vw;
    }

    .documents-tab-body-block-text:not(:last-child){
        margin-bottom:2.051vw;
    }

    .documents-tab-body-block-text span{
        font-weight:400;
    }

    .documents-tab-body-block__item{
        padding-left:5.641vw;
    }

    .documents-tab-body-block__item:before{
        font-size:3.59vw;
        line-height:5.641vw;
        left:2.051vw;
        top:-.769vw;
    }

    .documents-tab-body-block__list--number{
        margin:2.051vw 0;
    }

    .documents-tab-body-block__list--number .documents-tab-body-block__item:before{
        font-size:3.59vw;
        line-height:5.641vw;
    }
}