:root {
    --blue-100: #0063af;
    --blue-200: #009cdc;
    --blue-300: #edf3f7;
    --blue-400: #006dc1;
    --blue-500: #004774;
    --blue-600: #419bd6;
    --white-100: #fff;
    --black-100: #000;
    --gray-100: #797979;
    --gray-200: #e0e0e0;
    --gray-300: #d0d0d0;
    --gray-400: #707070;
    --gray-500: #959595;
    --gray-600: #dedede;
    --green-100: #75b629;
    --orange-100: #ff7443;
}
.wp-block-columns {
    margin-bottom: 0 !important;
}
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
    width: 100% !important;
}
.category-for-query {
    display: none !important;
}
.main .wrapper {
    padding: 6rem 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    max-width: 100vw;
    position: relative;
}
.main .wrapper .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4.5rem;
    position: relative;
    width: 100%;
}
.main .wrapper .header .btn--back {
    padding: 1rem 2rem;
    display: none;
}
.main .wrapper .header .btn--secondary {
    padding: 1.2rem 2.2rem;
    font-size: 1.5rem;
    background-color: var(--green-100);
    border-color: var(--green-100);
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}
.main .wrapper .header .title {
    margin: 4rem 0;
    font-size: 2.4rem;
    font-weight: 300;
}
.main .wrapper .slides {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    gap: 2rem 3.5rem;
    padding: 3rem 0;
}
.main .wrapper .slides > a {
    color: var(--blue-100);
    font-size: 1.4rem;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
}
.main .wrapper .slides > a::before {
    content: url(../svg/download.svg);
}
.main .wrapper .statute ol,
.main .wrapper .statute ul,
.main .wrapper > ol,
.main .wrapper > ul,
.main .wrapper > div > ol,
.main .wrapper > div > ul {
    margin: 0;
    padding: 0;
    margin-bottom: 1.2rem;
}
.main .wrapper .statute ol ol,
.main .wrapper .statute ol ul,
.main .wrapper .statute ul ol,
.main .wrapper .statute ul ul,
.main .wrapper > ol ol,
.main .wrapper > ol ul,
.main .wrapper > ul ol,
.main .wrapper > ul ul,
.main .wrapper > div > ol ol,
.main .wrapper > div > ol ul,
.main .wrapper > div > ul ol,
.main .wrapper > div > ul ul {
    margin: 0;
}
.main .wrapper .statute ol li,
.main .wrapper .statute ul li,
.main .wrapper > ol li,
.main .wrapper > ul li,
.main .wrapper > div > ol li,
.main .wrapper > div > ul li {
    font-size: 1.6rem;
    color: var(--gray-100);
    font-weight: 500;
}
.main .wrapper .statute ul,
.main .wrapper > ul,
.main .wrapper > div > ul {
    list-style: none;
    padding-left: 1.5rem;
}
.main .wrapper .statute ul > li::before,
.main .wrapper > ul > li::before,
.main .wrapper > div > ul > li::before {
    content: "•";
    color: var(--blue-200);
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.main .wrapper .statute ol,
.main .wrapper > ol,
.main .wrapper > div > ol {
    list-style: none;
    counter-reset: li;
    padding-left: 2rem;
}
.main .wrapper .statute ol > li,
.main .wrapper > ol > li,
.main .wrapper > div > ol > li {
    counter-increment: li;
    position: relative;
}
.main .wrapper .statute ol > li::before,
.main .wrapper > ol > li::before,
.main .wrapper > div > ol > li::before {
    content: counter(li) ".";
    color: var(--green-100);
    position: absolute;
    top: 0;
    left: -1.5em;
    width: 1em;
}
.main .wrapper .statute p,
.main .wrapper > p,
.main .wrapper > div > p {
    font-size: 1.45rem;
    color: var(--gray-100);
    margin-bottom: 1.2rem;
}
.main .wrapper .statute strong,
.main .wrapper > strong,
.main .wrapper > div > strong {
    font-size: 1.8rem;
    font-weight: 300;
    color: var(--black-100);
    margin-bottom: 1.2rem;
    display: block;
}
.main .wrapper .statute table,
.main .wrapper > table,
.main .wrapper > div > table {
    border-collapse: collapse;
}
.main .wrapper .statute table td,
.main .wrapper > table td,
.main .wrapper > div > table td {
    border: 1px solid var(--gray-100);
    font-size: 1.45rem;
    color: var(--gray-100);
    padding: 0.8rem;
}
.main .wrapper .statute-attachment {
    color: var(--green-100);
}
.main .wrapper > p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 500;
    padding-top: calc(max(3rem, 2vw));
    color: var(--gray-100);
}
.main .wrapper > p:first-of-type {
    padding-top: 0;
}
.main .wrapper > div.banner-description {
    color: var(--gray-100);
    width: 100%;
    max-width: 110rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: calc(max(2rem, 7vw)) 0;
    padding-top: 0;
}
@media (max-width: 1100px) {
    .main .wrapper > div.banner-description {
        padding-bottom: 7.5rem;
    }
}
.main .wrapper > div.banner-description > p {
    font-size: 1.9rem;
    line-height: 1.6;
    font-weight: 300;
}
.main .wrapper blockquote {
    padding-top: calc(max(2.5rem, 1.8vw));
    color: var(--gray-100);
    font-weight: 100;
    font-style: italic;
    font-size: 1.6rem;
    line-height: 2.4rem;
    opacity: 0.7;
    padding-left: 6rem;
    position: relative;
}
.main .wrapper blockquote::before {
    content: url("../svg/quote.svg");
    position: absolute;
    top: calc(max(2.5rem, 1.8vw));
    left: 0;
}
.main .wrapper .gallery {
    padding: calc(max(2.5rem, 3.5vw)) 0 2rem;
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 27rem;
    overflow: auto;
    overscroll-behavior-inline: contain;
    -ms-scroll-snap-type: inline mandatory;
    scroll-snap-type: inline mandatory;
    width: calc(100vw - 4rem);
    gap: 2.5rem;
}
.main .wrapper .gallery > * {
    scroll-snap-align: center;
}
.main .wrapper .image--full {
    width: 100%;
    padding-bottom: calc(max(2rem, 7vw));
}
.main .wrapper .image--full img {
    width: 100%;
    height: auto;
}
.main .wrapper .image img {
    border-radius: 10px;
    height: auto;
}
.main .wrapper .contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}
.main .wrapper .contact .avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    width: 100%;
    margin: 2rem 0;
    max-width: 37rem;
}
.main .wrapper .contact .avatar__name {
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 1rem;
}
.main .wrapper .contact .avatar__description {
    font-size: 1.5rem;
    text-align: left;
    color: var(--gray-100);
}
.main .wrapper .contact .title {
    font-size: 1.9rem;
    font-weight: 300;
    margin-bottom: 2rem;
}
.main .wrapper .contact .description {
    font-size: 1.5rem;
    line-height: 2.4rem;
    font-weight: 300;
    color: var(--gray-100);
}
.main .wrapper .contact .ways {
    border: 1px solid var(--gray-200);
    border-radius: 10px;
    margin: calc(max(2rem, 3vw)) 0 calc(max(4rem, 4vw));
    padding: 2.5rem 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(max(2rem, 2vw));
}
.main .wrapper .contact .ways .way {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    gap: 0.2rem;
}
.main .wrapper .contact .ways .way__name {
    text-transform: uppercase;
    color: var(--green-100);
    font-weight: bold;
    font-size: 1.3rem;
}
.main .wrapper .contact .ways .way__value {
    color: var(--gray-100);
    font-size: 1.7rem;
    font-weight: 300;
}
.main .wrapper .excerpt,
.main .wrapper .article-excerpt {
    font-size: 1.9rem;
    line-height: 1.6;
    font-weight: 300;
}
.main .wrapper .article-excerpt {
    padding: 2rem 0;
}
.main .wrapper .faq-categories {
    margin-top: 4rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    gap: 1.5rem;
}
.main .wrapper .faq-categories .category {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    border: 1px solid var(--gray-200);
    border-radius: 10px;
    padding: 1.3rem 1.8rem 0;
}
.main .wrapper .faq-categories .category__header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 1.3rem;
    gap: 1.5rem;
    border: 0 none;
    cursor: pointer;
    background: transparent;
}
.main .wrapper .faq-categories .category__header__title {
    font-weight: 300;
    font-size: 1.8rem;
    text-align: left;
}
.main .wrapper .faq-categories .category__header__arrow {
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (min-width: 768px) {
    .main .wrapper .faq-categories .category {
        padding: 1.3rem 2rem 0;
    }
}
.main .wrapper .faq-categories .category .questions {
    padding-bottom: 0;
    list-style: none;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    height: 0;
    -webkit-transition: height 0.2s ease, -webkit-transform 0.2s ease;
    transition: height 0.2s ease, -webkit-transform 0.2s ease;
    transition: transform 0.2s ease, height 0.2s ease;
    transition: transform 0.2s ease, height 0.2s ease, -webkit-transform 0.2s ease;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 2rem;
}
.main .wrapper .faq-categories .category .questions .question {
    padding-right: 2rem;
    position: relative;
}
.main .wrapper .faq-categories .category .questions .question::before {
    content: url("../svg/marker-arrow.svg");
    margin-left: -4.2rem;
    margin-right: 1rem;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    position: absolute;
    top: 3px;
    left: 0.5rem;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    cursor: pointer;
}
.main .wrapper .faq-categories .category .questions .question__title {
    font-size: 1.73rem;
    font-weight: 600;
    margin-bottom: 1.2rem;
    border: 0 none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    text-align: left;
}
.main .wrapper .faq-categories .category .questions .question__answer {
    color: var(--gray-100);
    font-size: 1.4rem;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    height: 0;
    font-weight: 300;
    -webkit-transition: height 0.2s ease, -webkit-transform 0.2s ease;
    transition: height 0.2s ease, -webkit-transform 0.2s ease;
    transition: transform 0.2s ease, height 0.2s ease;
    transition: transform 0.2s ease, height 0.2s ease, -webkit-transform 0.2s ease;
    -webkit-transform-origin: top center;
    transform-origin: top center;
}
.main .wrapper .faq-categories .category .questions .question--active::before {
    -webkit-transform: rotate(180deg) translateY(5px) scale(0.7);
    transform: rotate(180deg) translateY(5px) scale(0.7);
}
.main .wrapper .faq-categories .category .questions .question--active .question__answer {
    padding-bottom: 1.3rem;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    height: auto;
}
@media (min-width: 768px) {
    .main .wrapper .faq-categories .category .questions .question {
        padding-right: 4rem;
        padding-left: 1rem;
    }
    .main .wrapper .faq-categories .category .questions .question::before {
        -webkit-transform: scale(1);
        transform: scale(1);
        left: 0.7rem;
        margin-right: 1.4rem;
        top: 5px;
    }
    .main .wrapper .faq-categories .category .questions .question--active::before {
        -webkit-transform: rotate(180deg) translateY(5px) scale(1);
        transform: rotate(180deg) translateY(5px) scale(1);
    }
}
.main .wrapper .faq-categories .category--active .questions {
    padding-bottom: 1.3rem;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    height: auto;
    padding-top: 1rem;
}
@media (min-width: 1024px) {
    .main .wrapper .faq-categories .category--active .questions {
        padding-top: 2rem;
    }
}
.main .wrapper .faq-categories .category--active .category__header__arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.main .wrapper .chars {
    margin-top: 2.7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 2rem;
    overflow: auto;
    width: 100%;
    overscroll-behavior-inline: contain;
    -ms-scroll-snap-type: inline mandatory;
    scroll-snap-type: inline mandatory;
}
.main .wrapper .chars > * {
    scroll-snap-align: start;
}
.main .wrapper .chars .char {
    border-radius: 1rem;
    border: 1px solid var(--gray-200);
    padding: 2rem;
    max-width: 40rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    gap: 1.5rem;
}
@media (min-width: 600px) {
    .main .wrapper .chars .char {
        padding: 2rem 3rem;
        gap: 2rem;
    }
}
.main .wrapper .chars .char__description {
    text-align: center;
}
.main .wrapper .chars .char__description .excerpt,
.main .wrapper .chars .char__description .more {
    font-size: 1.5rem;
    color: var(--gray-100);
    font-weight: 300;
}
.main .wrapper .chars .char__description .more {
    display: none;
}
.main .wrapper .chars .char__description.active .more {
    display: inline;
}
.main .wrapper .chars .char__more,
.main .wrapper .chars .char__less {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.8rem;
    font-size: 1.4rem;
    color: var(--blue-100);
    background: transparent;
    border: 0 none;
    cursor: pointer;
    display: none;
}
.main .wrapper .chars .char__more.active,
.main .wrapper .chars .char__less.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (min-width: 1024px) {
    .main .wrapper .chars {
        margin-top: 5rem;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: calc(max(2rem, 1.7vw));
    }
    .main .wrapper .chars .char {
        max-width: 100%;
    }
}
@media (min-width: 1305px) {
    .main .wrapper .chars {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .main .wrapper .chars .char {
        padding: 3.5rem 4.5rem;
    }
}
@media (min-width: 2005px) {
    .main .wrapper .chars {
        -ms-grid-columns: (1fr) [4];
        grid-template-columns: repeat(4, 1fr);
    }
}
.main .wrapper .articles .btn-wrapper,
.main .wrapper .programs .btn-wrapper,
.main .wrapper .socials .btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 2rem;
}
.main .wrapper .articles .btn-wrapper .load-more .loader,
.main .wrapper .programs .btn-wrapper .load-more .loader,
.main .wrapper .socials .btn-wrapper .load-more .loader {
    display: none;
}
.main .wrapper .articles .btn-wrapper .load-more.loading .loader,
.main .wrapper .programs .btn-wrapper .load-more.loading .loader,
.main .wrapper .socials .btn-wrapper .load-more.loading .loader {
    display: inline;
}
.main .wrapper .articles .btn-wrapper .load-more.loading .show,
.main .wrapper .programs .btn-wrapper .load-more.loading .show,
.main .wrapper .socials .btn-wrapper .load-more.loading .show {
    display: none;
}
.main .wrapper .articles .btn-wrapper .load-more:not(:disabled):hover svg,
.main .wrapper .programs .btn-wrapper .load-more:not(:disabled):hover svg,
.main .wrapper .socials .btn-wrapper .load-more:not(:disabled):hover svg {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}
.main .wrapper .articles {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 4rem;
}
@media (min-width: 800px) {
    .main .wrapper .articles {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
@media (min-width: 1024px) {
    .main .wrapper .articles {
        gap: 6rem 4rem;
    }
}
@media (min-width: 1230px) {
    .main .wrapper .articles {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (min-width: 1630px) {
    .main .wrapper .articles {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
.main .wrapper .articles--with-switch {
    display: none;
}
.main .wrapper .articles--with-switch.active {
    display: -ms-grid;
    display: grid;
}
.main .wrapper .articles--without-excerpt .article__excerpt {
    display: none;
}
.main .wrapper .articles .article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    width: 100%;
    max-width: 35rem;
}
@media (min-width: 800px) {
    .main .wrapper .articles .article {
        max-width: 100%;
    }
}
.main .wrapper .articles .article__date {
    color: var(--white-100);
    display: block;
    background-color: var(--green-100);
    border-radius: 10px;
    padding: 0.5rem 1rem;
    font-size: 1.3rem;
    line-height: 1;
}
.main .wrapper .articles .article__image {
    width: 100%;
}
.main .wrapper .articles .article__image img {
    width: 100%;
    height: auto;
    aspect-ratio: 37 / 23;
}
.main .wrapper .articles .article__title {
    margin: 0;
    margin-top: 2.3rem;
    font-size: 1.8rem;
    font-weight: bold;
    color: var(--black-100);
}
.main .wrapper .articles .article__excerpt {
    font-size: 1.5rem;
    color: var(--gray-100);
}
.main .wrapper .articles .article__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.8rem;
    color: var(--blue-100);
    font-size: 1.4rem;
    cursor: pointer;
    margin-top: 1rem;
}
.main .wrapper .articles .article--links .article__link {
    display: none;
}
@media (min-width: 1024px) {
    .main .wrapper .articles .article__excerpt {
        padding-top: 1.7rem;
    }
    .main .wrapper .articles .article__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 1.7rem;
    }
}
.main .wrapper .articles .btn-wrapper {
    grid-column: 1 / -1;
    margin-top: 2rem;
}
.main .wrapper .articles .btn-wrapper .load-more:not(:disabled):hover svg {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}
.main .wrapper .featured-program {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 2.5rem;
}
.main .wrapper .featured-program img {
    border-radius: 10px;
    height: auto;
}
.main .wrapper .featured-program .program__title {
    font-size: 2rem;
}
.main .wrapper .featured-program .program__description {
    color: var(--gray-100);
    font-size: 1.5rem;
    padding: 2rem 0;
}
.main .wrapper .featured-program .program__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.7rem;
    color: var(--blue-100);
    font-size: 1.4rem;
    font-weight: bold;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.main .wrapper .programs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3.5rem;
    margin-top: calc(max(5rem, 5vw));
}
@media (min-width: 1024px) {
    .main .wrapper .programs {
        gap: 5rem;
    }
}
.main .wrapper .programs .article {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 45rem;
}
.main .wrapper .programs .article__title {
    font-size: 1.5rem;
}
.main .wrapper .programs .article__image {
    display: none;
}
.main .wrapper .programs .article__excerpt {
    font-size: 1.4rem;
    line-height: 1.6;
    color: var(--gray-100);
    padding: 1.5rem 0 0.7rem;
}
@media (min-width: 1024px) {
    .main .wrapper .programs .article__excerpt {
        padding: 2rem 0 1.2rem;
    }
}
.main .wrapper .programs .article__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.7rem;
    color: var(--blue-100);
    font-size: 1.4rem;
    font-weight: bold;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.main .wrapper .categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    width: calc(100% + 4rem);
    overflow-x: hidden;
    margin: 0 -2rem;
}
@media (min-width: 500px) {
    .main .wrapper .categories {
        width: calc(100% + 10vw);
        margin: 0 -5vw;
    }
}
.main .wrapper .categories .title {
    font-size: 1.7rem;
    display: none;
}
.main .wrapper .categories .tabs {
    margin: 0;
    margin-top: 2rem;
    list-style-type: none;
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 27rem;
    overflow: auto;
    overscroll-behavior-inline: contain;
    -ms-scroll-snap-type: inline mandatory;
    scroll-snap-type: inline mandatory;
    padding: 0;
    width: 100%;
    border: 1px solid var(--gray-200);
    border-bottom: 0 none;
    border-radius: 10px 10px 0 0;
}
.main .wrapper .categories .tabs > * {
    scroll-snap-align: center;
}
.main .wrapper .categories .tabs .tab {
    cursor: pointer;
    border: 0 none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    color: var(--gray-100);
    gap: 1rem;
    border-radius: 10px 10px 0 0;
    padding: 1rem 0.6rem;
    width: 100%;
    font-size: 1.4rem;
    -webkit-transition: color 0.2s, background-color 0.2s;
    transition: color 0.2s, background-color 0.2s;
}
.main .wrapper .categories .tabs .tab--active {
    color: var(--white-100);
}
.main .wrapper .categories .tabs .tab--active:first-child {
    background-color: #01904a;
}
.main .wrapper .categories .tabs .tab--active:nth-child(2) {
    background-color: #f27120;
}
.main .wrapper .categories .tabs .tab--active:nth-child(3) {
    background-color: #00518a;
}
.main .wrapper .categories .tabs .tab--active:nth-child(4) {
    background-color: #ed1a25;
}
.main .wrapper .categories .tabs .tab--active:nth-child(5) {
    background-color: #01a2e1;
}
.main .wrapper .categories .tabs .tab--active img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.main .wrapper .categories .active-category {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3rem;
    padding: calc(max(3rem, 5vw));
    margin: 0 1px;
    display: none;
}
.main .wrapper .categories .active-category.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.main .wrapper .categories .active-category:nth-child(3) {
    background-color: #01904a;
}
.main .wrapper .categories .active-category:nth-child(4) {
    background-color: #f27120;
}
.main .wrapper .categories .active-category:nth-child(5) {
    background-color: #00518a;
}
.main .wrapper .categories .active-category:nth-child(6) {
    background-color: #ed1a25;
}
.main .wrapper .categories .active-category:nth-child(7) {
    background-color: #01a2e1;
}
.main .wrapper .categories .active-category .description {
    font-weight: bold;
    color: var(--white-100);
    max-width: 40rem;
    text-align: center;
    font-size: 1.5rem;
}
@media (min-width: 1131px) {
    .main .wrapper .categories .active-category .description {
        text-align: left;
    }
}
.main .wrapper .categories .active-category .infos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
}
.main .wrapper .categories .active-category .infos .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    gap: 0.3rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 1.5rem 1.5rem 1rem;
}
.main .wrapper .categories .active-category .infos .info__label,
.main .wrapper .categories .active-category .infos .info__supplement {
    color: var(--white-100);
    font-weight: 300;
    font-size: 1.3rem;
    text-align: center;
}
.main .wrapper .categories .active-category .infos .info__value {
    color: var(--white-100);
    font-weight: 600;
    font-size: 1.9rem;
    white-space: nowrap;
}
.main .wrapper .categories .active-category .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2.5rem;
}
.main .wrapper .categories .active-category .links .btn {
    border-color: var(--white-100);
    background-color: transparent;
    color: var(--white-100);
}
.main .wrapper .categories .active-category .links .btn svg path {
    fill: var(--white-100);
}
.main .wrapper .payments {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    margin-top: calc(max(4rem, 5vw));
}
.main .wrapper .payments .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    gap: 1.2rem;
}
.main .wrapper .payments .header__top {
    color: var(--blue-200);
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: bold;
}
.main .wrapper .payments .header__title {
    font-size: 2.6rem;
    margin: 0;
    font-weight: 300;
    text-align: center;
    max-width: 35rem;
}
.main .wrapper .payments .header__description {
    color: var(--gray-100);
    max-width: 60rem;
    text-align: center;
    font-size: 1.5rem;
}
.main .wrapper .payment-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-top: calc(max(3rem, 5vw));
    gap: 4rem;
}
.main .wrapper .payment-options .option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    width: 100%;
    padding: 0 2rem;
    gap: 1.5rem;
}
.main .wrapper .payment-options .option__icon {
    width: 8rem;
    height: 8rem;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.main .wrapper .payment-options .option:first-child .option__icon {
    background-color: var(--blue-200);
}
.main .wrapper .payment-options .option:nth-child(2) .option__icon {
    background-color: var(--green-100);
}
.main .wrapper .payment-options .option:nth-child(3) .option__icon {
    background-color: var(--blue-100);
}
.main .wrapper .payment-options .option__name {
    font-size: 1.9rem;
    font-weight: 300;
}
.main .wrapper .payment-options .option__description {
    text-align: center;
    color: var(--gray-100);
    font-size: 1.5rem;
    max-width: 40rem;
}
.main .wrapper .socials {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    width: 100%;
    gap: 3.5rem;
}
.main .wrapper .socials .social , .main .wrapper .socials .social2{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    width: calc(100vw - 4rem);
}
.main .wrapper .socials .social__heading , .main .wrapper .socials .social__heading2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
}
.main .wrapper .socials .social__title, .main .wrapper .socials .social__title2 {
    font-size: 1.8rem;
}
.main .wrapper .socials .social--now .infos .info__title, .main .wrapper .socials .social--now2 .infos .info__title2 {
    color: var(--green-100);
}
.main .wrapper .socials .social--twitter .infos .info__title {
    color: var(--blue-600);
}
.main .wrapper .socials .social .infos, .main .wrapper .socials .social2 .infos2  {
    margin-top: 2.7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 2rem;
    overflow: auto;
    width: 100%;
    overscroll-behavior-inline: contain;
    -ms-scroll-snap-type: inline mandatory;
    scroll-snap-type: inline mandatory;
}
.main .wrapper .socials .social .infos > * , .main .wrapper .socials .social2 .infos2 > * {
    scroll-snap-align: start;
}
.main .wrapper .socials .social .infos .info , .main .wrapper .socials .social2 .infos2 .info2 {
    border-radius: 1rem;
    border: 1px solid var(--gray-200);
    padding: 2rem;
    max-width: 40rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
}
.main .wrapper .socials .social .infos .info__title , .main .wrapper .socials .social2 .infos2 .info__title2 {
    font-weight: bold;
    font-size: 1.7rem;
}
.main .wrapper .socials .social .infos .info .description,
.main .wrapper .socials .social .infos .info .hashtags,
.main .wrapper .socials .social2 .infos2 .info2 .description2,
.main .wrapper .socials .social2 .infos2 .info2 .hashtags2
 {
    padding: 1.7rem 0;
    color: var(--gray-100);
    font-size: 1.55rem;
    line-height: 2.25rem;
}
.main .wrapper .socials .social .infos .info .hashtags {
    padding: 1.4rem 0;
}
.main .wrapper .tabs {
    margin: 0 -2rem;
    padding: 0 2rem;
    margin-bottom: calc(max(3rem, 3vw));
    border-bottom: 1px solid var(--gray-200);
    width: calc(100% + 4rem);
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    overflow: auto;
    overscroll-behavior-inline: contain;
    -ms-scroll-snap-type: inline mandatory;
    scroll-snap-type: inline mandatory;
}
.main .wrapper .tabs > * {
    scroll-snap-align: center;
}
@media (min-width: 500px) {
    .main .wrapper .tabs {
        margin: 0 -5vw;
        padding: 0 5vw;
        width: calc(100% + 10vw);
        margin-bottom: calc(max(3rem, 3vw));
    }
}
.main .wrapper .tabs .tab {
    font-size: 1.45rem;
    color: var(--gray-100);
    background-color: var(--white-100);
    border: 0 none;
    cursor: pointer;
    border-radius: 8px 8px 0 0;
    white-space: nowrap;
    padding: 1.5rem 2rem;
}
.main .wrapper .tabs .tab--active {
    color: var(--white-100);
    background-color: var(--blue-100);
}
.main .wrapper .rest {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    gap: 1rem;
    display: none;
}
.main .wrapper .rest.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.main .wrapper .rest .title {
    font-size: 1.6rem;
    font-weight: 300;
}
.main .wrapper .rest .title--separate {
    padding-top: 3rem;
}
.main .wrapper .rest .description {
    color: var(--gray-100);
    font-size: 1.4rem;
}
.main .wrapper .rest .subtitle {
    font-size: 1.5rem;
}
.main .wrapper .rest .tiles {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    width: 100%;
    gap: 1.5rem;
    margin-bottom: 1rem;
}
.main .wrapper .rest .tiles .tile {
    border: 1px solid var(--gray-200);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    gap: 2rem;
    padding: 3rem 0;
}
.main .wrapper .rest .tiles .tile__title {
    color: var(--gray-100);
    font-size: 1.4rem;
    max-width: 70%;
    text-align: center;
}
.main .wrapper .rest .tiles .tile__image {
    max-width: calc(min(70%, 24rem));
}
.main .wrapper .rest .image {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 2.5rem 0;
}
.main .wrapper .rest .image--desktop {
    display: none;
}
.main .wrapper .authorities {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 25rem;
    overflow: auto;
    overscroll-behavior-inline: contain;
    -ms-scroll-snap-type: inline mandatory;
    scroll-snap-type: inline mandatory;
    width: 100%;
    margin-top: 1rem;
    gap: 2rem;
}
.main .wrapper .authorities > * {
    scroll-snap-align: start;
}
.main .wrapper .authorities .authority {
    border: 0 none;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    padding: 0;
    cursor: pointer;
}
.main .wrapper .authorities .authority__image {
    width: 100%;
    aspect-ratio: 12 / 17;
    background-image: url("/img/sebastian-joachimiak.png");
    background-position: center center;
    background-size: cover;
    border-radius: 1rem;
    margin-bottom: 1.7rem;
}
.main .wrapper .authorities .authority__name {
    font-size: 1.6rem;
    font-weight: bold;
}
.main .wrapper .authorities .authority__description {
    font-size: 1.5rem;
    text-align: left;
    color: var(--gray-100);
}
.main .wrapper .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    width: 100%;
    padding: 2rem;
}
.main .wrapper .container .heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    gap: 0.3rem;
}
.main .wrapper .container .heading__top {
    color: var(--gray-100);
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: bold;
}
.main .wrapper .container .heading__description {
    font-size: 1.3rem;
    color: var(--gray-100);
    max-width: 75rem;
    text-align: center;
}
.main .wrapper.zone {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}
.main .wrapper.zone .form {
    display: none;
}
.main .wrapper.zone .articles .article {
    width: 100%;
    max-width: 100%;
    gap: 0;
}
.main .wrapper.zone .articles .article__title {
    margin-top: 0;
}
.main .wrapper.zone .articles .article__link {
    padding-top: 0;
}
.main .wrapper.zone .articles .article__excerpt {
    display: none;
}
@media (min-width: 1024px) {
    .main .wrapper.zone {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .main .wrapper.zone .header {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1 / span 2;
    }
    .main .wrapper.zone .articles {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 0;
        padding-right: 4rem;
        padding-bottom: 2.5rem;
        padding-top: 1.5rem;
        border-right: 3px solid var(--blue-100);
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 2;
        grid-row: 2;
    }
    .main .wrapper.zone .articles .article {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 2.5rem;
    }
    .main .wrapper.zone .articles .article.active {
        border: 2px solid var(--blue-100);
    }
    .main .wrapper.zone .articles .article__title {
        text-align: right;
    }
    .main .wrapper.zone .articles .article__link {
        margin-top: 0.5rem;
    }
    .main .wrapper.zone .articles .btn-wrapper {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: 1.5rem;
    }
    .main .wrapper.zone .zone-title {
        padding-left: 4rem;
        padding-top: 1.5rem;
    }
    .main .wrapper.zone .zone-content {
        padding-left: 4rem;
    }
    .main .wrapper.zone .slides {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 2;
        grid-row: 2;
        padding-left: 4rem;
        padding-top: calc(max(5rem, 3.5vw));
    }
}
.main .sidebar {
    width: 100%;
    margin-bottom: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}
.main .sidebar .download {
    display: none;
    background-color: var(--green-100);
    border-color: var(--green-100);
    font-size: 1.4rem;
    padding: 1rem 2.4rem;
}
.main .sidebar--with-order .header {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.main .sidebar--with-order .articles {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}
.main .sidebar--with-order .btn {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}
.main .sidebar .header {
    margin-top: 4rem;
}
.main .sidebar .header__title {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 300;
    color: var(--black-100);
}
.main .sidebar .header__title--big {
    font-size: 1.9rem;
}
.main .sidebar .infos {
    margin-top: 2.7rem;
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 80%;
    gap: 2rem;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: auto;
    width: 100%;
    overscroll-behavior-inline: contain;
    -ms-scroll-snap-type: inline mandatory;
    scroll-snap-type: inline mandatory;
}
.main .sidebar .infos > * {
    scroll-snap-align: start;
}
.main .sidebar .infos .info {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.main .sidebar .infos .info:hover {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
}
.main .sidebar .infos .info__title {
    font-size: 2.4rem;
    font-weight: bold;
    color: var(--white-100);
    position: absolute;
    left: 3rem;
    top: 4rem;
    width: 85%;
}
.main .sidebar .infos .info img {
    height: 100%;
}
.main .sidebar .files {
    list-style-type: none;
    margin: 0;
    padding: 2rem 0 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    gap: 1rem;
    display: none;
}
.main .sidebar .files.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.main .sidebar .files .file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 1rem;
}
.main .sidebar .files .file__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.main .sidebar .files .file__name {
    color: var(--blue-100);
    font-size: 1.4rem;
    font-weight: bold;
}
.main .sidebar .btn {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.main .sidebar .share {
    width: calc(100% + 4rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 4rem -2rem 0;
    border-top: 1px solid var(--gray-200);
    border-bottom: 1px solid var(--gray-200);
    padding: 2.5rem;
    font-size: 1.5rem;
    color: var(--blue-100);
    font-weight: bold;
    gap: 4rem;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}
@media (min-width: 500px) {
    .main .sidebar .share {
        width: calc(100% + 10vw);
        margin: 4rem -5vw 0;
    }
}
.main .sidebar .share .socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.7rem;
}
.main .sidebar .articles {
    width: 100%;
    margin: 3rem 0 6rem;
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 29rem;
    overflow: auto;
    overscroll-behavior-inline: contain;
    -ms-scroll-snap-type: inline mandatory;
    scroll-snap-type: inline mandatory;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 3rem;
}
.main .sidebar .articles > * {
    scroll-snap-align: start;
}
.main .sidebar .articles .article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    width: 100%;
    max-width: 35rem;
}
.main .sidebar .articles .article__image {
    width: 100%;
}
.main .sidebar .articles .article__image img {
    height: auto;
}
.main .sidebar .articles .article__title {
    margin: 0;
    margin-top: 2.3rem;
    font-size: 1.8rem;
}
.main .sidebar .articles .article__excerpt {
    font-size: 1.5rem;
    color: var(--gray-100);
}
.main .sidebar .articles .article__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.8rem;
    color: var(--blue-100);
    font-size: 1.4rem;
    cursor: pointer;
    display: none;
}
.authority-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 101;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}
.authority-popup--active {
    display: block;
}
.authority-popup__content {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: var(--white-100);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow-y: scroll;
}
.authority-popup__header {
    width: 100%;
    border-bottom: 1px solid var(--gray-300);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.authority-popup__header__close {
    border: 0 none;
    cursor: pointer;
    background-color: var(--blue-100);
    padding: 2rem 2.2rem;
}
.authority-popup__header .name,
.authority-popup__header .position {
    display: none;
}
.authority-popup__body {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    gap: 1.5rem;
    padding: 3rem 2rem 4.5rem;
    max-width: 50rem;
}
.authority-popup__name {
    font-size: 1.7rem;
}
.authority-popup__position {
    color: var(--gray-100);
    font-size: 1.5rem;
    padding: 0 2rem;
    text-align: center;
}
.authority-popup__image {
    width: 100%;
    max-width: 28rem;
    aspect-ratio: 12 / 17;
    background-image: url("/img/sebastian-joachimiak.png");
    background-position: center center;
    background-size: cover;
    border-radius: 10px;
    margin: 2rem 0;
}
.authority-popup__description {
    font-size: 1.45rem;
    color: var(--gray-100);
}
@media all and (min-width: 500px) {
    .main .wrapper {
        padding: 2rem 0 0;
    }
    .main .wrapper .gallery {
        width: calc(100vw - 10vw);
    }
    .main .sidebar .infos {
        grid-auto-columns: 36rem;
    }
}
@media all and (min-width: 1024px) {
    .main {
        padding: 6rem 0 0;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 25rem;
        grid-template-columns: 1fr 25rem;
    }
    .main--full-page {
        width: 100vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .main .wrapper {
        padding: 4rem 5vw 12rem;
        border-right: 1px solid var(--gray-200);
    }
    .main .wrapper .gallery {
        width: calc(100vw - 25rem - 10vw);
    }
    .main .wrapper .statute ul,
    .main .wrapper .statute ol,
    .main .wrapper .statute p,
    .main .wrapper .statute strong {
        margin-bottom: 1.6rem;
    }
    .main .wrapper .gallery {
        gap: 3.5rem;
        grid-auto-columns: 20vw;
    }
    .main .wrapper .article-excerpt {
        padding: 4rem 0;
    }
    .main .wrapper .header {
        margin-bottom: 2rem;
    }
    .main .wrapper .header .btn--back,
    .main .wrapper .header .btn--secondary {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .main .wrapper .featured-program {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }
    .main .wrapper .featured-program .program__title {
        font-size: 2.4rem;
    }
    .main .wrapper .featured-program .program__description {
        color: var(--gray-100);
        font-size: 1.5rem;
    }
    .main .wrapper .categories {
        margin: 0;
        width: 100%;
    }
    .main .wrapper .categories .title {
        display: block;
    }
    .main .wrapper .categories .active-category {
        border-radius: 0 0 10px 10px;
        gap: 4rem;
    }
    .main .wrapper .payment-options {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        justify-items: center;
        margin-bottom: -2rem;
        gap: 0;
    }
    .main .wrapper .payment-options .option {
        padding: 0 3rem 3rem;
    }
    .main .wrapper .payment-options .option:nth-child(2) {
        border-right: 1px solid var(--gray-600);
        border-left: 1px solid var(--gray-600);
    }
    .main .wrapper .socials {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        margin-bottom: -5rem;
    }
    .main .wrapper .socials .social {
        width: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .main .wrapper .socials .social__heading {
        margin-bottom: 6rem;
    }
    .main .wrapper .socials .social .infos {
        margin: 0;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 2.5rem 3.5rem;
    }
    .main .wrapper .socials .social .infos .info {
        padding: 1.8vw 2.5vw;
    }
    .main .wrapper .socials .social .infos .info__title {
        font-size: 1.8rem;
    }
    .main .wrapper .socials .btn-wrapper {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1 / span 2;
    }
    .main .wrapper .contact {
        max-width: calc(100% - 5vw - 33rem);
    }
    .main .wrapper .contact .avatar {
        margin: 0;
        position: absolute;
        top: 6rem;
        right: 5vw;
        max-width: 30rem;
    }
    .main .wrapper > .tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .main .wrapper > .tabs .tab {
        padding: 1.5rem 3rem;
        font-size: 1.5rem;
    }
    .main .wrapper .rest {
        gap: 2rem;
    }
    .main .wrapper .rest .tiles {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .main .wrapper .rest .image--mobile {
        display: none;
    }
    .main .wrapper .rest .image--desktop {
        display: block;
    }
    .main .wrapper .authorities {
        gap: 3.5rem;
        grid-auto-columns: 20vw;
    }
    .main .sidebar {
        padding: 0 2rem 4rem;
        margin: 0;
    }
    .main .sidebar--with-order .share {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }
    .main .sidebar .download {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 4rem;
    }
    .main .sidebar .infos {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    }
    .main .sidebar .infos .info {
        width: 100%;
        aspect-ratio: 3/2;
        overflow: hidden;
        position: relative;
    }
    .main .sidebar .infos .info__title {
        font-size: 1.5rem;
        font-weight: bold;
        color: var(--white-100);
        position: absolute;
        left: 1.5rem;
        top: 1.5rem;
        width: 85%;
        z-index: 2;
    }
    .main .sidebar .infos .info img {
        position: absolute;
        width: 100%;
    }
    .main .sidebar .files .file__name {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    .main .sidebar .btn {
        -ms-flex-item-align: start;
        align-self: flex-start;
        text-align: left;
        width: 100%;
        justify-content: space-between;
    }
    
     .main .sidebar a {width: 100%;}
    .main .sidebar .articles {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        margin: 4rem 0;
    }
    .main .sidebar .articles .article__excerpt {
        padding: 0;
        margin: 2rem 0;
    }
    .main .sidebar .articles .article__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .main .sidebar .share {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
        width: calc(100% + 4rem);
        margin: 4rem -2rem 0;
        padding: 2.5rem 2rem;
        gap: 2rem;
    }
    .authority-popup__content {
        max-width: 100rem;
        height: auto;
        overflow: hidden;
    }
    .authority-popup__header {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: 4rem;
    }
    .authority-popup__header__info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    }
    .authority-popup__header__info .name {
        font-weight: bold;
        font-size: 1.7rem;
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
        display: inline;
    }
    .authority-popup__header__info .position {
        font-size: 1.4rem;
        color: var(--gray-100);
        display: inline;
    }
    .authority-popup__body {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        max-width: 100%;
        padding: 5rem 4rem;
        gap: 5rem;
    }
    .authority-popup__name,
    .authority-popup__position {
        display: none;
    }
    .authority-popup__image {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0;
    }
    footer.footer {
        margin-top: 0;
    }
}
@media all and (min-width: 1365px) {
    .main {
        padding-top: 8.8rem;
        -ms-grid-columns: 1fr 37rem;
        grid-template-columns: 1fr 37rem;
    }
    .main--full-page {
        width: 100vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .main .wrapper .gallery {
        width: calc(100vw - 39rem - 10vw);
    }
    .main .wrapper .statute ul,
    .main .wrapper .statute ol,
    .main .wrapper .statute p,
    .main .wrapper .statute strong {
        margin-bottom: 2rem;
    }
    .main .wrapper .featured-program .program {
        padding: 2rem 0;
        max-width: 90%;
    }
    .main .wrapper .categories {
        width: 100%;
    }
    .main .wrapper .categories .tabs {
        grid-auto-columns: auto;
    }
    .main .wrapper .categories .tabs .tab {
        padding: 2rem 1.3rem;
    }
    .main .wrapper .categories .active-category {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .main .wrapper .socials .social .infos .info {
        padding: 1.5vw 2.2vw;
    }
    .main .wrapper .rest {
        gap: 3rem;
    }
    .main .wrapper .rest .title {
        font-size: 1.75rem;
    }
    .main .wrapper .rest .tiles {
        margin-top: -1.5rem;
        margin-bottom: 2rem;
    }
    .main .wrapper .authorities {
        grid-auto-columns: 28rem;
        gap: 5rem;
    }
    .main .wrapper .contact {
        max-width: calc(100% - 5vw - 36rem);
    }
    .main .wrapper .contact .avatar {
        max-width: 34rem;
    }
    .main .sidebar {
        padding: 0 3rem 4rem;
    }
    .main .sidebar .infos .info__title {
        font-size: 2.1rem;
        left: 2rem;
        top: 2rem;
    }
    .main .sidebar .articles {
        gap: 4rem;
    }
    .main .sidebar .share {
        width: calc(100% + 6rem);
        margin: 4rem -3rem 0;
        padding: 2.5rem 3rem;
        gap: 4rem;
    }
}