#banner {
    position: relative;
    background: url(../assets/banner.jpg) center / cover no-repeat;
    overflow: hidden;
}

.banner_shadow {
    position: absolute;
    width: 100%;
    pointer-events: none;
    z-index: 2;
}

.bottom_shadow {
    bottom: 0;
    background: linear-gradient(180deg, #0d111a00 0%, #0D111A 100%), linear-gradient(180deg, #0d111a00 0%, #0D111A 100%);
    height: 465px;
}

.banner_name {
    display: flex;
    padding: 6px 32px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: #13162599;
    backdrop-filter: blur(4px);
    text-align: center;
    font-family: 'OpenSans-Medium';
    font-size: 26px;
    font-style: normal;
    line-height: 130%;
}

.banner_wrapper {
    height: 1080px;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

.banner_pers {
    position: absolute;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}

.pers_left {
    left: 0;
}

.pers_right {
    right: 0;
}

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

.banner_text {
    width: 1025px;
    height: 585px;
    position: relative;
    text-align: center;
    border-radius: 1025px;
    background: radial-gradient(50% 50% at 50% 50%, #0d111acc 0%, #0d111a00 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 32px;
    z-index: 3;
}

.banner_pretitle {
    padding: 6px 32px;
    border-radius: 100px;
    background: #13162599;
    backdrop-filter: blur(4px);
    text-align: center;
    font-family: 'OpenSans-Medium';
    font-size: 26px;
    font-style: normal;
    line-height: 130%;
}

.banner_title {
    font-family: "Albertusnova";
    font-size: 64px;
    font-style: normal;
    line-height: 100%;
    max-width: 762px;
}

.banner_line {
    text-align: center;
    font-family: 'OpenSans-Medium';
    font-size: 24px;
    font-style: normal;
    line-height: 130%;
    padding-bottom: 16px;
}

.after_banner {
    text-align: center;
    font-size: 18px;
    font-style: normal;
    line-height: 18px;
}

.banner_but {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 16px;
}

.say_say {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: absolute;
    background: #13162599;
    backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity 0.5s ease;
    justify-content: center;
    z-index: 3;
}

.say_title {
    color: #FFF;
    font-family: 'Albertusnova Bold';
    font-size: 17px;
    font-style: normal;
    line-height: 22px;
    letter-spacing: -0.22px;
    text-transform: uppercase;
}

.say_text {
    color: #9AA1B0;
    font-family: 'OpenSans-Medium';
    font-size: 14px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.14px;
}

.say_one {
    width: 205px;
    height: 98px;
    top: 30%;
    right: 66%;
    padding: 16px 16px 16px 30px;
    clip-path: path('M191 0C197.627 0 203 5.37258 203 12V86C203 92.6274 197.627 98 191 98H28C21.3726 98 16 92.6274 16 86V79.9697L1.5 71.5981C-0.5 70.4434 -0.5 67.5566 1.5 66.4019L16 58.0303V12C16 5.37258 21.3726 0 28 0H191Z');
}

.say_two {
    width: 252px;
    height: 98px;
    right: 25%;
    top: 26%;
    padding: 16px 30px 16px 16px;
    clip-path: path('M12 0C5.37258 0 0 5.37258 0 12V86C0 92.6274 5.37258 98 12 98H220C226.627 98 232 92.6274 232 86V82.2228C232.169 82.1621 232.336 82.085 232.5 81.9904L250.5 71.5981C252.5 70.4434 252.5 67.5566 250.5 66.4019L232.5 56.0096C232.336 55.915 232.169 55.8378 232 55.7772V12C232 5.37258 226.627 0 220 0H12Z');
}

@media (max-width: 1780px) {

    .say_one {
        right: 63%;
    }
}

@media (max-width: 1640px) {
    .pers_left {
        left: -70px;
    }

    .pers_right {
        right: -75px;
    }
}

@media (max-width: 1470px) {
    .pers_left {
        left: -240px;
    }

    .pers_right {
        right: -240px;
    }

    .say_one {
        right: 71%;
    }

    .say_two {
        right: 16%;
    }
}

@media (max-width: 1285px) {
    .banner_wrapper {
        height: 785px;
    }

    .banner_title {
        font-size: 48px;
        font-style: normal;
        line-height: 100%;
    }

    .banner_line {
        font-size: 18px;
        font-style: normal;
        line-height: 130%;
        padding-bottom: 0;
    }

    .banner_text {
        width: 610px;
        height: 360px;
        gap: 24px;
    }

    .banner_pers {
        max-width: 490px;
    }

    .pers_left {
        left: -90px;
    }

    .pers_right {
        right: -120px;
    }

    .say_two {
        right: 18%;
        top: 24%;
    }

    .say_one {
        right: 60%;
    }
}

@media (max-width: 1000px) {

    .banner_name {
        font-size: 16px;
        line-height: 130%;
    }

    .banner_title {
        font-size: 40px;
        font-style: normal;
        line-height: 120%;
    }

    .banner_line {
        font-size: 14px;
        font-style: normal;
        line-height: 130%;
    }

    .say_one {
        right: 55%;
    }

    .say_two {
        right: 19%;
        top: 24%;
    }
}

@media (max-width: 890px) {
    .say_one {
        right: 51%;
    }
}

@media (max-width: 810px) {

    .banner_text {
        width: 460px;
        height: 375px;
        gap: 20px;
    }

    .say_title {
        font-size: 9px;
        line-height: 9px;
        letter-spacing: -0.12px;
    }

    .say_text {
        font-size: 8px;
        line-height: 120%;
        letter-spacing: -0.08px;
    }

    .say_one {
        width: 115px;
        height: 54px;
        left: 30%;
        top: 34%;
        padding: 10px 10px 10px 20px;
        clip-path: path("M109.543 0C113.109 0 116 2.89108 116 6.4574V47.5426C116 51.1089 113.109 54 109.543 54H17.4574C13.8911 54 11 51.1089 11 47.5426V34.3212L1.64198 28.6125C0.610466 27.9833 0.610466 26.4855 1.64198 25.8562L11 20.1475V6.4574C11 2.89108 13.8911 0 17.4574 0H109.543Z");
    }

    .say_two {
        width: 136.889px;
        height: 54px;
        right: 20%;
        top: 26%;
        padding: 10px;
        clip-path: path("M6.4574 0C2.89108 0 0 2.89108 0 6.4574V47.5426C0 51.1089 2.89108 54 6.4574 54H122.543C126.109 54 129 51.1089 129 47.5426V32.9534L136.116 28.6125C137.147 27.9833 137.147 26.4855 136.116 25.8562L129 21.5153V6.4574C129 2.89108 126.109 0 122.543 0H6.4574Z");
    }

    .banner_pers {
        max-width: 317px;
    }

    .banner_content {
        padding: 48px 16px;
    }

    .banner_pers {
        bottom: 180px;
    }

    .bottom_shadow {
        bottom: 0;
        background: linear-gradient(180deg, rgba(13, 17, 26, 0) 0%, rgb(13 17 26 / 99%) 45%, rgb(13 17 26) 80%, rgb(13 17 26) 100%);
        height: 425px;
    }

}