/* stage */
.stage {
    --this-gap: 25px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--this-gap);
    width: 100%;
}
.stage__header {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    border: none;
    padding: 0px;
    background-color: none;
    background-clip: padding-box;
}
.stage
.header__content {
    --this-gap: 40px;
    display: flex;
    flex-direction: column;
    gap: var(--this-gap);
    justify-content: center;
    border-bottom: var(--this-gap) solid transparent;
    width: 100%;
    padding: calc(var(--this-gap) + 10px);
    background-color: var(--main-clr-three);
    background-clip: padding-box;
}
.stage__header::before,
.stage__header::after {
    content: '';
    border-width: var(--this-gap);
    border-style: solid;
    border-color: transparent;
}
.stage__header::before {
    border-right: var(--this-gap) solid var(--back-clr-three);
    border-left: none;
}
.stage__header::after {
    border-right: none;
    border-left: var(--this-gap) solid var(--back-clr-three);
}
.stage__content {
    --this-gap: 20px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: calc(var(--this-gap)*1);
    margin-top: calc(0px - var(--this-gap)*2);
    width: 100%;
    padding: 0px calc(var(--this-gap) * 2.5);
}