.afcfbc07f9 {
    width: 100%;
    position: relative
}

    .afcfbc07f9.a38d68fb09 {
        background: var(--bui_color_brand_primary_background)
    }

    .afcfbc07f9.dd692a5b14 {
        background: var(--bui_color_white)
    }

.be0a3f5ea0 {
    max-width: 1110px;
    min-height: 375px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: var(--bui_spacing_12x) 5px calc(var(--bui_spacing_12x) + 30px);
    position: relative;
    display: flex;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.acfa272c72 {
    margin: auto 0;
    max-width: 600px
}

.dfb1eca56e {
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover
}

.rtl .dfb1eca56e, [dir=rtl] .dfb1eca56e {
    transform: scaleX(-1)
}

.afcfbc07f9.ef08b20f33 {
    background: #000;
    max-height: 434px
}

.ef08b20f33 .be0a3f5ea0 {
    z-index: 3
}

.ef08b20f33 .dfb1eca56e {
    width: 100%;
    max-width: 1440px;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1
}

.e22e5f7b3a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 1440px;
    height: 100%;
    z-index: 2
}

@media screen and (min-width: 1440px) {
    .e22e5f7b3a {
        background: linear-gradient(90deg,#000 0,transparent 11.5%),linear-gradient(270deg,#000 0,transparent 11.5%)
    }
}

.d8ec9e4c28 {
    position: absolute;
    bottom: 48px;
    right: 5px
}

.a4b49c467a {
    margin-bottom: var(--bui_spacing_2x)
}

.c9472f97ad {
    margin: 0;
    display: block
}

.f642db16e5 {
    margin-top: var(--bui_spacing_1x);
    margin-bottom: 0
}

.bd8ca0cb2d {
    margin-top: var(--bui_spacing_8x);
    font-weight: 600
}

.b995bbe1be {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.f2c2348846 {
    margin: 0 0 0 var(--bui_spacing_2x)
}

.f4dc93ea77 {
    font-size: var(----bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height)
}

.d88a1752b4 {
    color: var(--bui_color_foreground_inverted)
}

.cbda34174a {
    color: var(--bui_color_action_foreground_inverted)
}

@media (max-width: 575px) {
    .f4dc93ea77 {
        font-size: var(--bui_font_small_1_font-size);
        line-height: var(--bui_font_small_1_line-height)
    }
}

.d0067394bb {
    width: 100%;
    position: relative
}

    .d0067394bb.e6ed42cd8d {
        background: var(--bui_color_brand_primary_background)
    }

    .d0067394bb.bc47429862 {
        background: var(--bui_color_white)
    }

.bab5979dba {
    max-width: 1110px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: var(--bui_spacing_12x) 5px calc(var(--bui_spacing_12x) + 30px);
    position: relative;
    display: flex;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.aad086e745 {
    min-height: 240px;
    padding-top: var(--bui_spacing_16x)
}

.c3762d3389 {
    margin: auto 0;
    max-width: 890px
}

:root {
    --sectionMaxWidth: 1110px;
    --sectionMinWidth: 375px;
    --contentAreaMaxWidth: 600px;
    --illustrationAreaMaxWidth: 505px;
    --bannerHeight: 434px;
    --searchBoxPadding: 30px
}

.c4f72f5a5f {
    width: 100%;
    position: relative;
    max-height: var(--bannerHeight)
}

    .c4f72f5a5f.fe4c128857 {
        background: var(--bui_color_brand_primary_background)
    }

    .c4f72f5a5f.ff1dc436ba {
        background: var(--bui_color_white)
    }

.d4457b8439 {
    min-height: var(--sectionMinWidth);
    max-width: var(--sectionMaxWidth);
    margin: 0 auto;
    box-sizing: border-box;
    padding: var(--bui_spacing_12x) 5px calc(var(--bui_spacing_12x) + var(--searchBoxPadding));
    position: relative;
    display: flex;
    justify-content: space-between;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.e9198e49d4 {
    margin: auto 0;
    max-width: var(--contentAreaMaxWidth);
    flex-grow: 1;
    padding-right: var(--bui_spacing_6x)
}

.ac1774b484 {
    width: var(--illustrationAreaMaxWidth);
    display: flex
}

    .ac1774b484 img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: auto
    }

.ed4889ffca {
    position: absolute;
    bottom: 48px;
    right: 84px
}

.xpi__content__wrapper.xpi__content_hero_banner {
    background: #fff;
    border: none;
    margin-bottom: var(--bui_spacing_24x)
}

.hero-banner-searchbox {
    position: absolute;
    max-width: 1100px;
    width: calc(100% - 10px);
    left: 50%;
    transform: translate(-50%,-54px);
    z-index: 3
}

@media screen and (max-width: 900px) {
    .xpi__content__wrapper.xpi__content_hero_banner {
        position: relative
    }

    .hero-banner-searchbox {
        bottom: -118px
    }

    .ef9c2fa8a7 {
        padding-bottom: calc(var(--bui_spacing_8x) * 5)
    }
}

.b9d0663aba {
    width: 100%
}

.c846e8d471 {
    padding-top: var(--bui_spacing_1x)
}

.d383f38fb6 {
    padding-left: var(--bui_spacing_4x);
    font-size: var(--bui_font_body_1_font-size)
}