.bbx-banner {
    background-size: auto 100% !important;
    background-position-x: right;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
    background: linear-gradient(180deg, var(--minisite-bobex-blue) 0%, var(--minisite-bobex-blue) 80%, white 80.1%, white 100%);

    /*@media screen and (max-width: 575px) {*/
    /*    &.has-widget {*/
    /*        background-size: auto calc(100% - 242px) !important;*/
    /*    }*/
    /*}*/

    @media screen and (min-width: 768px) {
        background-image: inherit;

        .gradient {
            width: 100%;
            height: 100%;
            position: absolute;
            background: linear-gradient(270deg, rgba(9, 36, 64, 0.25) 0%, var(--minisite-bobex-blue) 46.66%);
        }
    }

    @media screen and (min-width: 1100px) {
        background-size: auto 150% !important;
        background-position-y: center;
    }

    @media screen and (min-width: 1500px) {
        background-size: auto 200% !important;
    }

    @media screen and (min-width: 2000px) {
        background-size: auto 250% !important;
    }

    @media screen and (min-width: 2500px) {
        background-size: auto 300% !important;
    }

    @media screen and (min-width: 3000px) {
        background-image: none !important;
    }

    .banner-wrapper {
        width: 100%;
        /*@media screen and (min-width: 992px) {*/
        @media screen and (min-width: 768px) {
            display: flex;
            justify-content: space-between;

        }

        .intro-wrapper {
            display: flex;
            gap: 20px;
            flex-direction: column;
            padding-top: 30px;
            padding-bottom: 30px;
            position: relative;
            align-items: flex-start;

            @media screen and (min-width: 992px) {
                min-height: 280px;
                justify-content: center;
            }

            .title {
                color: white;
                font-size: 28px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                border-bottom: 2px solid white;
                padding-bottom: 20px;
            }

            .subtitles-wrapper {
                .subtitle {
                    display: block;
                    line-height: normal;
                    color: white;
                }

                .subtitle + .subtitle {
                    margin-top: 7px;
                }
            }

            .stars {
                height: 25px;
            }
        }

        .widget-wrapper {
            position: relative;
            border-radius: 15px;

            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.23);
            height: fit-content;
            width: fit-content;


            @media screen and (max-width: 575px) {
                width: 100vw;
                margin-left: auto;
                margin-right: auto;
                max-width: 80vw;

            }

            /*@media screen and (max-width: 767px) {*/
            /*    border-top: solid 2px white;*/
            /*}*/

            @media screen and (min-width: 576px) {
                margin-top: 8px;
            }

            @media screen and (min-width: 768px) {
                width: 33.33333333%;
                position: relative;
                margin-left: 20px;
            }

            @media screen and (min-width: 992px) {
                margin-left: 5rem;
                top: 50px;
            }

            .bbx-address-form {
                z-index: 1;
                margin: 0;
                position: relative;

                @media screen and (max-width: 575px) {
                    border-radius: 0;
                }

                @media screen and (min-width: 992px) {
                    /*position: absolute;*/
                    width: fit-content;

                    /*height: 100%;*/
                    /*bottom: -25px;*/
                    /*bottom: -20px;*/
                }

                .bbx-address-form-header {
                    @media screen and (max-width: 767px) {
                        border-radius: 0;
                    }
                }

                .bbx-address-form-main {
                    display: none;
                }
            }
        }
    }
}