.page.page--banner .page-body {
    background: url(/images/banner-background-83c4b53d670e8c5398bf44ac48e3e7f3.svg) right top+50px no-repeat;
    background-size: calc(100% - 82vw + 20px) auto;
}

.page--banner main {
    margin-right: max(0px, calc(((100% - 32vw) / 3) - 50px));
}

.page-body-content-section.page-body-content-section--event {
    background: url(/images/event-backgroud-76f75f5a2aeaa7274fd1192d85dec645.svg) right top no-repeat;
    background-size: 750px;
    padding-bottom: 50px;
}

.page-body-content-section.page-body-content-section--banner .section-content,
.page-body-content-section.page-body-content-section--event .section-content {
    margin-block: 0;
}

.page-body:has(.page-body-content-section--simple-banner) .page-body-content-section.page-body-content-section--banner .section-content {
    margin-top: 50px;
}

.page-body-content-section.page-body-content-section--banner .section-content-body {
    gap: 100px;
}

.page-body-content-section.page-body-content-section--banner .section-content-body > img {
    width: 250px;
}

.page-body-content-section.page-body-content-section--simple-banner .section-content {
    margin-block: 0;
}

.banner {
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: flex-start;
}

.banner-title {
    display: flex;
    justify-content: start;
    font-size: 44px;
    font-weight: 600;
    line-height: 100%
}

.banner-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 50px;
    width: 650px;
    font-family: 'Century Gothic', uppercase, sans-serif;
    font-size: 18px;
}

.page-body-content-section.page-body-content-section--banner .banner-content {
    gap: 0;
}

.banner-content hr {
    display: inline-block;
    width: 50px;
    border: 3px solid #CE4141;
    margin-left: inherit;
}

.banner-content-title {
    display: flex;
    justify-content: start;
    font-family: 'Century Gothic', uppercase, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
}

.banner-content-annotation {
    font-family: 'Century Gothic', uppercase, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    width: 100%;
}

.banner-registration-title {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 170%;
    margin-bottom: 20px;
}

.simple-banner {
    width: 100%;
}

.simple-banner a {
    display: flex;
    height: auto;
}

.simple-banner img {
    width: 100%;
    height: auto;
}

@media (max-width: 1184px) {
    .page.page--banner .page-body {
        background: unset;
    }

    .page.page--banner .page-body-content {
        flex-direction: column-reverse;
    }

    .page--banner main {
        margin-right: unset;
    }

    .page-body-content-section.page-body-content-section--event {
        background: unset;
    }

    .page-body-content-section.page-body-content-section--event .section-content:after,
    .page-body-content-section.page-body-content-section--banner .section-content:after {
        content: '';
        width: 100vw;
        height: 53vw;
        background: url(/images/mobile-banner-background-ba2e6ff3c6384903095d12741cde2a01.svg) left top no-repeat;
        background-size: cover;
        margin-inline: -20px;
        margin-block: 20px;
    }

    .banner-title {
        font-size: 28px;
    }

    .banner-content {
        width: 100%;
        font-size: 14px;
    }

    .banner .page-body {
        background: none;
    }

    .banner-content-title {
        font-size: 16px;
    }
}