.banner_wrapper {
    background-image: url(../assets/banner.png);
    height: 753px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.banner_content {
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 40px;
}

.banner_text {
    width: 1200px;
    height: 159px;
    padding: var(--spacing-md) var(--spacing-xs);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(245, 245, 245, 0.8) 20%, #EAEAEA 50%, rgba(245, 245, 245, 0.8) 80%, rgba(255, 255, 255, 0) 100%);
    border-top: 2px;
    border-bottom: 2px;
    border-style: solid;
    border-image-source: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%);
    text-align: center;
    position: relative;
}

body.dark .banner_text {
    background: linear-gradient(90deg, rgba(27, 27, 27, 0.00) 0%, rgba(27, 27, 27, 0.80) 20%, #1B1B1B 50%, rgba(27, 27, 27, 0.80) 80%, rgba(27, 27, 27, 0.00) 100%);
}

.banner_line {
    background: var(--red-100);
    box-shadow: 0px -2px 1.2px 0px #800707 inset;
    height: 2px;
    width: 50%;
    margin: 0 auto;
}

.banner_title {
    background: linear-gradient(1deg, #330303 29.96%, #AA0909 59.13%, #800707 70.15%, #550404 77.5%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: uppercase;
    text-shadow: 0px 2px 4px #00000059;
}

body.dark .banner_title {
    background: linear-gradient(180deg, #FFE5A3 0%, #CBA74C 63.5%, #EECE7F 79%, #8C7845 98.5%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-shadow: none;
}

.banner_divider {
    position: absolute;
    z-index: 0;
    top: 0;
    opacity: 10%;
    object-fit: cover;
    height: 100%;
}

.banner_divider img {
    object-fit: cover;
    height: 100%;
    pointer-events: none;
}

body.dark .banner_divider img {
    filter: contrast(0.5);
}

body.dark .banner_line {
    background:#BD9C49;
    box-shadow: 0px -2px 1.2px 0px #BD9C49 inset;
}

.banner_bottom {
    height: 16px;
    width: 100%;
    background-image: url(../assets/divider.png);
    bottom: -6px;
    position: absolute;
}

body.dark .banner_bottom {
    background-image: url(../assets/cut_b.png);
}

@media (max-width: 920px) {
    .banner_content {
        padding: 50px 0;
    }

    .banner_text {
        width: 100%;
    }
}

@media (max-width: 599px) {
    .banner_wrapper {
        height: 598px;
    }

    .banner_content {
        padding: 34px 0;
    }

    .banner_text {
        height: 135px;
        padding: var(--spacing-md) var(--spacing-xs);
    }

    .banner_line {
        height: 3px;
        width: 86%;
    }
}