.text-banner {
    position: relative
}

.text-banner--video .text-banner__bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(74, 97, 115, .54);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    pointer-events: none
}

.text-banner--sm .text-banner__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 107px
}

@media (min-width: 760px) {
    .text-banner--sm .text-banner__main {
        min-height: 105px
    }
}

@media (min-width: 1200px) {
    .text-banner--sm .text-banner__main {
        min-height: 189px
    }
}

.text-banner--sm .text-banner__bg {
    -webkit-clip-path: url(#text-banner-sm-mob);
    clip-path: url(#text-banner-sm-mob)
}

@media (min-width: 760px) {
    .text-banner--sm .text-banner__bg {
        -webkit-clip-path: url(#text-banner-sm-tablet);
        clip-path: url(#text-banner-sm-tablet)
    }
}

@media (min-width: 1200px) {
    .text-banner--sm .text-banner__bg {
        -webkit-clip-path: url(#text-banner-sm-laptop);
        clip-path: url(#text-banner-sm-laptop)
    }
}

.text-banner--sm .text-banner__wrapper {
    margin-top: auto;
    margin-bottom: 8px
}

@media (min-width: 760px) {
    .text-banner--sm .text-banner__wrapper {
        margin-bottom: 40px
    }
}

@media (min-width: 1200px) {
    .text-banner--sm .text-banner__wrapper {
        margin-bottom: 30px
    }
}

@media (min-width: 1800px) {
    .text-banner {
        max-width: 1920px;
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    .text-banner--sm .text-banner__main {
        min-height: 188px
    }

    .text-banner--sm .text-banner__bg {
        -webkit-clip-path: url(#text-banner-sm-desktop);
        clip-path: url(#text-banner-sm-desktop)
    }

    .text-banner--sm .text-banner__wrapper {
        margin-bottom: 48px
    }
}

.text-banner--md .text-banner__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 260px
}

@media (min-width: 760px) {
    .text-banner--md .text-banner__main {
        min-height: 330px
    }
}

@media (min-width: 1200px) {
    .text-banner--md .text-banner__main {
        min-height: 360px
    }
}

.text-banner--md .text-banner__bg {
    -webkit-clip-path: url(#text-banner-md-mob);
    clip-path: url(#text-banner-md-mob)
}

@media (min-width: 760px) {
    .text-banner--md .text-banner__bg {
        -webkit-clip-path: url(#text-banner-md-tablet);
        clip-path: url(#text-banner-md-tablet)
    }
}

@media (min-width: 1200px) {
    .text-banner--md .text-banner__bg {
        -webkit-clip-path: url(#text-banner-md-laptop);
        clip-path: url(#text-banner-md-laptop)
    }
}

.text-banner--md .text-banner__wrapper {
    margin-top: auto;
    margin-bottom: 8px
}

@media (min-width: 760px) {
    .text-banner--md .text-banner__wrapper {
        margin-bottom: 40px
    }
}

@media (min-width: 1200px) {
    .text-banner--md .text-banner__wrapper {
        margin-bottom: 30px
    }
}

.text-banner__main {
    position: relative;
    padding-top: 72px;
    min-height: 190px;
    margin-right: -8px;
    margin-left: -8px
}

@media (min-width: 760px) {
    .text-banner__main {
        min-height: 198px;
        margin-right: -16px;
        margin-left: -16px
    }
}

@media (min-width: 1200px) {
    .text-banner__main {
        padding-top: 122px;
        min-height: 292px;
        margin-right: 0;
        margin-left: 0
    }
}

@media (min-width: 1800px) {
    .text-banner--md .text-banner__main {
        min-height: 560px
    }

    .text-banner--md .text-banner__bg {
        -webkit-clip-path: url(#text-banner-md-desktop);
        clip-path: url(#text-banner-md-desktop)
    }

    .text-banner--md .text-banner__wrapper {
        margin-bottom: 48px
    }

    .text-banner__main {
        padding-top: 123px;
        min-height: 331px
    }
}

.text-banner__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-clip-path: url(#text-banner-mob);
    clip-path: url(#text-banner-mob)
}

.text-banner__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 760px) {
    .text-banner__bg {
        -webkit-clip-path: url(#text-banner-tablet);
        clip-path: url(#text-banner-tablet)
    }
}

@media (min-width: 1200px) {
    .text-banner__bg {
        -webkit-clip-path: url(#text-banner-laptop);
        clip-path: url(#text-banner-laptop)
    }
}

.text-banner__bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--gray);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    pointer-events: none
}

.text-banner__bg video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.text-banner__breadcrumbs {
    position: relative;
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width: 760px) {
    .text-banner__breadcrumbs {
        padding-right: 16px;
        padding-left: 16px
    }
}

@media (min-width: 1200px) {
    .text-banner__breadcrumbs {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media (min-width: 1800px) {
    .text-banner__bg {
        -webkit-clip-path: url(#text-banner-desktop);
        clip-path: url(#text-banner-desktop)
    }

    .text-banner__breadcrumbs {
        padding-right: 32px;
        padding-left: 32px
    }
}

.text-banner__breadcrumbs .container {
    padding-right: 0;
    padding-left: 0
}

.text-banner__wrapper {
    position: relative;
    margin-top: 14px;
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width: 760px) {
    .text-banner__wrapper {
        padding-right: 16px;
        padding-left: 16px
    }
}

@media (min-width: 1200px) {
    .text-banner__wrapper {
        margin-top: 20px;
        padding-right: 30px;
        padding-left: 30px
    }

    .text-banner__content {
        width: 100%;
        max-width: 718px
    }
}

@media (min-width: 1800px) {
    .text-banner__wrapper {
        margin-top: 16px;
        padding-right: 32px;
        padding-left: 32px
    }
}

.text-banner__title {
    color: var(--white)
}