html {
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box
}

body,
html {
    height: 100%
}

body {
    margin: 0
}

*,
:after,
:before {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: inherit
}

h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    margin: 0
}

ol,
ul {
    list-style: none;
    padding: 0
}

main {
    display: block
}

a {
    background-color: transparent
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

figure,
form {
    margin: 0
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: inherit;
    border: 0;
    -webkit-box-shadow: none;
    transition: background-color 5000s ease-in-out 0s
}

.defaultLink {
    background-color: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    display: var(--defaultLinkDisplay, inline);
    font-size: 14px;
    font-weight: 500;
    line-height: var(--defaultLinkLineHeight, 1.14);
    padding: 0;
    position: relative;
    text-decoration: none
}

.defaultLink_small {
    font-size: 12px
}

.defaultLink_yellow:before {
    background-color: #fadb14;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transition: transform .3s ease;
    width: 100%
}

.defaultLink_yellow:hover:before {
    transform: scaleX(1)
}

.defaultLink_orange:before {
    background-color: #227faa;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transition: transform .3s ease;
    width: 100%
}

.defaultLink_orange:hover:before {
    transform: scaleX(1)
}

.defaultLink_black {
    color: #222
}

.defaultLink_black:before {
    background-color: #227faa;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transition: transform .3s ease;
    width: 100%
}

.defaultLink_black:hover:before {
    transform: scaleX(1)
}

.defaultLink_deepBlack {
    color: #000
}

.defaultLink_deepBlack:before {
    background-color: #103b4f;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transition: transform .3s ease;
    width: 100%
}

.defaultLink_deepBlack:hover:before {
    transform: scaleX(1)
}

.defaultLink_blue {
    color: #103b4f
}

.defaultLink_blue:before {
    background-color: #103b4f;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transition: transform .3s ease;
    width: 100%
}

.defaultLink_blue:hover:before {
    transform: scaleX(1)
}

.defaultLink_greySimpleHover {
    color: #909090;
    text-decoration: underline;
    transition: color .3s ease
}

.defaultLink_greySimpleHover:hover {
    color: #103b4f
}

.logo {
    --logoDisplay: flex;
    --logoWidth: 100%;
    --logoHeight: auto
}

.logo__container {
    display: var(--logoDisplay)
}

.logo__img {
    height: var(--logoHeight);
    width: var(--logoWidth)
}

.header {
    background-color: #103b4f;
    background-image: url(633e38b77f6a7c83c337.svg);
    background-position: top 30px center;
    background-repeat: no-repeat;
    background-size: 667px 324px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100)
}

@media (min-width: 375px) {
    .header {
        background-position: top;
        background-size: 900px auto
    }
}

@media (min-width: 768px) and (min-height:420px) {
    .header {
        background-image: url(96da435f64db0ba1e0b0.svg);
        background-position: bottom;
        background-size: auto 90%;
        min-height: 550px
    }
}

@media (min-width: 1680px) and (min-height:420px) {
    .header {
        background-size: auto 96%
    }
}

@media (min-height: 800px) {
    .header {
        min-height: auto
    }
}

@media (min-width: 1024px) {
    .header {
        min-height: 560px
    }
}

@media (min-width: 1366px) {
    .header {
        min-height: 575px
    }
}

@media (min-width: 1024px) {
    .header_hasBubble {
        min-height: 550px
    }
}

.header__container {
    align-items: center;
    position: relative
}

.header__container,
.header__wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.header__wrapper {
    padding: env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);
    width: 100%
}

.header__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center
}

@media (min-width: 768px) and (min-height:420px) {
    .header__content {
        padding-bottom: 86px;
        padding-top: 50px
    }
}

@media (min-width: 992px) and (min-height:420px) {
    .header__content {
        padding-bottom: 105px;
        padding-top: 68px
    }
}

@media (min-width: 1366px) and (min-height:420px) {
    .header__content {
        padding-bottom: 68px
    }
}

@media (min-width: 1680px) and (min-height:420px) {
    .header__content {
        padding-bottom: 100px;
        padding-top: 55px
    }
}

@media (min-width: 768px) and (min-height:420px) {
    .header__content_hasBubble {
        padding-bottom: 60px;
        padding-top: 145px
    }
}

@media (min-width: 992px) and (min-height:420px) {
    .header__content_hasBubble {
        padding-top: 130px
    }
}

@media (min-width: 320px) and (max-width:1024px) and (max-height:520px) {
    .landscape .header__content_hasBubble {
        padding-top: 50px
    }
}

.header__title {
    color: #fff;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.17;
    margin: auto 0;
    max-width: 100%;
    text-align: center
}

@media (min-width: 375px) {
    .header__title {
        margin: 0 0 20px
    }
}

@media (min-width: 375px) and (min-height:560px) {
    .header__title {
        font-size: 27px;
        line-height: 1.22
    }
}

@media (min-width: 768px) {
    .header__title {
        margin-bottom: 32px;
        max-width: 376px
    }
}

@media (min-width: 992px) {
    .header__title {
        max-width: 490px
    }
}

@media (min-width: 1112px) {
    .header__title {
        max-width: 532px
    }
}

@media (min-width: 1366px) {
    .header__title {
        font-size: 35px;
        line-height: 1.37;
        max-width: 660px
    }
}

@media (min-width: 1440px) {
    .header__title {
        max-width: 700px
    }
}

@media (min-width: 375px) {
    .header__title_hasBubble {
        margin: 0 0 10px
    }
}

.header__navigation {
    padding-top: 4px
}

@media (min-width: 768px) {
    .header__navigation {
        padding-top: 9px
    }
}

.header__mascotContainer {
    display: none;
    flex-direction: column;
    flex-grow: 1;
    pointer-events: none;
    position: relative;
    width: 100%
}

@media (min-width: 350px) {
    .header__mascotContainer {
        display: flex;
        padding-left: 40px;
        padding-top: 70px
    }
}

@media (min-width: 768px) {
    .header__mascotContainer {
        padding-left: 0;
        padding-top: 0;
        position: absolute;
        right: -15px;
        top: 44px;
        width: auto
    }
}

@media (min-width: 1024px) {
    .header__mascotContainer {
        right: 20px
    }
}

@media (min-width: 320px) and (max-width:1024px) and (max-height:520px) {
    .landscape .header__mascotContainer {
        display: none
    }
}

@media (min-height: 660px) and (max-height:799px) and (max-width:767px) {
    .portrait .header__mascotContainer {
        padding-top: 35%
    }
}

.header__mascotContainer:after {
    background-image: linear-gradient(0deg, #103b4f, rgba(51, 90, 232, 0) 72.71%);
    bottom: 0;
    content: "";
    display: none;
    height: 62px;
    left: 0;
    position: absolute;
    right: 0
}

@media (min-width: 350px) and (max-width:767px) {
    .header__mascotContainer:after {
        display: block
    }
}

@media (min-width: 350px) {
    .header__mascot {
        background-image: url(9d49176e282b1f2947c7.svg);
        background-position: 0 100%;
        background-repeat: no-repeat;
        background-size: contain;
        flex-grow: 1;
        position: relative
    }
}

@media (min-width: 350px) and (min-height:760px) {
    .header__mascot {
        height: 195px
    }
}

@media (min-width: 768px) {
    .header__mascot {
        background-image: url(1a1ba2641251c0638efc.svg);
        background-position: 50%;
        height: 410px;
        width: 347px
    }
}

@media (min-width: 1024px) {
    .header__mascot {
        height: 446px;
        width: 370px
    }
}

.header__bubble {
    background-image: url(e9a098d764a989228127.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: none;
    height: 145px;
    left: 18%;
    position: absolute;
    top: 0;
    width: 271px
}

@media (min-width: 350px) and (max-width:767px) {
    .header__bubble {
        display: block
    }
}

@media (min-height: 600px) {
    .header__bubble {
        left: 23%
    }
}

@media (min-height: 660px) and (max-height:799px) and (min-width:450px) and (max-width:767px) {
    .portrait .header__bubble {
        top: 12%
    }
}

.header__img {
    display: none;
    flex-grow: 1;
    margin-bottom: 16px;
    pointer-events: none;
    width: 100%
}

@media (min-width: 350px) {
    .header__img {
        background-image: url(../img/handy.png);
        background-position: 50%;
        background-repeat: no-repeat;
        -webkit-background-size: 100%;
        background-size: contain;
        display: block
    }
}

@media (min-height: 760px) {
    .header__img {
        height: 378px
    }
}

@media (min-width: 768px) {
    .header__img {
        bottom: 0;
        height: 368px;
        margin-bottom: 0;
        position: absolute;
        right: 0;
        width: 172px
    }
}

@media (min-width: 1024px) {
    .header__img {
        height: 422px;
        right: 20px;
        width: 198px
    }
}

.header__logo {
    --logoWidth: 162px;
    --logoHeight: 34px
}

@media (min-width: 768px) {
    .header__logo {
        --logoWidth: 202px;
        --logoHeight: 40px
    }

    .header__logo .logo__img_small {
        display: none
    }
}

.header__logo .logo__img_medium {
    display: none
}

@media (min-width: 768px) {
    .header__logo .logo__img_medium {
        display: block
    }
}

.header__zipTitle {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    margin-bottom: 16px;
    text-align: center
}

@media (min-width: 1366px) {
    .header__zipTitle {
        font-size: 23px;
        line-height: 1.39
    }
}

@media (min-width: 320px) and (max-width:1024px) and (max-height:520px) {
    .landscape .header__container {
        margin-top: 4px;
        max-width: 100%
    }

    .landscape .header__logo {
        margin-bottom: 4px
    }

    .landscape .header__img {
        display: none
    }

    .landscape .header__title {
        margin-bottom: 12px
    }
}

@media (min-width: 700px) and (max-width:930px) and (max-height:520px) {
    .landscape .header__title {
        font-size: 27px;
        line-height: 1.22;
        max-width: 100%
    }
}

.defaultSlider {
    --prevBtnIndent: -58px;
    --nextBtnIndent: -58px;
    --maxWidth: none;
    --paginationBottomIndent: -24px;
    --paginationColor: #227faa;
    max-width: var(--maxWidth);
    width: 100%
}

@media (min-width: 576px) {
    .defaultSlider {
        --maxWidth: 540px
    }
}

@media (min-width: 768px) {
    .defaultSlider {
        --maxWidth: 720px
    }
}

@media (min-width: 992px) {
    .defaultSlider {
        --maxWidth: 960px
    }
}

@media (min-width: 1200px) {
    .defaultSlider {
        --maxWidth: 1140px
    }
}

.defaultSlider .splide__arrows {
    display: none
}

@media (min-width: 1320px) {
    .defaultSlider .splide__arrows {
        display: block
    }
}

.defaultSlider .splide__arrow {
    background-color: transparent;
    border-radius: 0;
    height: 32px;
    opacity: 1;
    width: 32px
}

.defaultSlider .splide__arrow:hover {
    opacity: .7
}

.defaultSlider .splide__arrow--prev {
    left: var(--prevBtnIndent)
}

.defaultSlider .splide__arrow--next {
    right: var(--nextBtnIndent)
}

.defaultSlider .splide__arrowImg {
    height: 100%;
    width: 100%
}

.defaultSlider .splide__pagination {
    bottom: var(--paginationBottomIndent)
}

.defaultSlider .splide__pagination__page {
    background-color: transparent;
    display: block;
    height: 14px;
    margin: 0 1px;
    opacity: 1;
    position: relative;
    width: 14px
}

.defaultSlider .splide__pagination__page:before {
    background-color: #000;
    border-radius: 99px;
    content: "";
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6px
}

.defaultSlider .splide__pagination__page.is-active {
    transform: scale(1)
}

.defaultSlider .splide__pagination__page.is-active:before {
    background-color: var(--paginationColor)
}

.defaultSlider .splide__pagination__page.is-active:after {
    border: 1px solid #222;
    border-radius: 100%;
    content: "";
    height: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 14px
}

.photoGallery__slider {
    --prevBtnIndent: -68px;
    --nextBtnIndent: -68px;
    --paginationBottomIndent: -40px
}

@media (min-width: 1200px) {
    .photoGallery__slider {
        --maxWidth: 1170px
    }
}

@media (min-width: 992px) {
    .photoGallery__track {
        border-radius: 16px
    }
}

.galleryCard {
    --paddings: 0 16px;
    max-width: 712px;
    padding: var(--paddings);
    width: 100%
}

@media (min-width: 576px) {
    .galleryCard {
        --paddings: 0 8px
    }
}

.galleryCard__img {
    aspect-ratio: 1.776/1;
    background-color: #e6e6e6;
    border-radius: 8px;
    min-height: 1px;
    object-fit: cover;
    position: relative
}

@media (min-width: 992px) {
    .galleryCard__img {
        border-radius: 0
    }
}

.reviewCard {
    --paddings: 16px;
    padding: var(--paddings)
}

@media (min-width: 992px) {
    .reviewCard {
        --paddings: 16px 25px
    }
}

.reviewCard__inner {
    border-radius: 16px;
    box-shadow: 0 4px 15px rgba(47, 84, 235, .15);
    padding: 16px
}

.reviewCard__info {
    height: auto;
    max-width: 740px;
    transition: max-height .3s linear
}

@media (min-width: 768px) {
    .reviewCard__info {
        height: auto
    }
}

.reviewCard__info_collapsed {
    height: 316px;
    overflow: hidden;
    position: relative
}

@media (min-width: 768px) {
    .reviewCard__info_collapsed {
        height: auto
    }
}

.reviewCard__info_collapsed:after {
    background-color: #fff;
    bottom: 0;
    content: "...";
    height: 16px;
    left: 0;
    position: absolute;
    width: 100%
}

@media (min-width: 768px) {
    .reviewCard__info_collapsed:after {
        content: none
    }
}

.reviewCard__collapseBtn {
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    border: 1px solid #c1ccf9;
    border-radius: 4px;
    color: #103b4f;
    cursor: pointer;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.5;
    outline: none;
    padding: 6px 24px;
    text-decoration: none
}

@media (min-width: 768px) {
    .reviewCard__collapseBtn {
        display: none
    }
}

.reviewCard__collapseBtn_open .reviewCard__collapseBtnInner:before {
    transform: rotate(-45deg)
}

.reviewCard__collapseBtn_open .reviewCard__collapseBtnInner:after {
    transform: rotate(45deg)
}

.reviewCard__collapseMore {
    display: inline
}

.reviewCard__collapseBtn_open .reviewCard__collapseMore,
.reviewCard__collapseLess {
    display: none
}

.reviewCard__collapseBtn_open .reviewCard__collapseLess {
    display: inline
}

.reviewCard__collapseBtnInner {
    display: block;
    padding-left: 28px;
    position: relative
}

.reviewCard__collapseBtnInner:before {
    left: 3px;
    transform: rotate(45deg)
}

.reviewCard__collapseBtnInner:after,
.reviewCard__collapseBtnInner:before {
    background-color: #103b4f;
    content: "";
    height: 2px;
    position: absolute;
    top: 10px;
    width: 11px
}

.reviewCard__collapseBtnInner:after {
    left: 10px;
    transform: rotate(-45deg)
}

.customButton {
    --btnFontWeight: 500;
    --btnFontSize: 16px;
    --btnLineHeight: 1.5;
    --btnTextColor: #222;
    --btnPaddingHorizontal: 24px;
    --btnPaddingVertical: 16px;
    --btnBorderWidth: 1px;
    --btnBorderColor: transparent;
    --btnOutlineWidth: 4px;
    --btnOutlineColor: transparent;
    --btnRadius: 4px;
    --btnAnimationTime: 0.2s;
    --btnBackgroundColor: #e9e9e9;
    --btnIconSize: 20px;
    background-color: var(--btnBackgroundColor);
    border: 0;
    border-radius: var(--btnRadius);
    box-shadow: 0 0 0 var(--btnBorderWidth) var(--btnBorderColor) inset;
    color: var(--btnTextColor);
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: var(--btnFontSize);
    font-weight: var(--btnFontWeight);
    line-height: var(--btnLineHeight);
    margin: 0;
    outline: var(--btnOutlineWidth) solid var(--btnOutlineColor);
    outline-offset: 0;
    padding: var(--btnPaddingVertical) var(--btnPaddingHorizontal);
    text-align: center;
    transition: color var(--btnAnimationTime), outline-color var(--btnAnimationTime), background-color var(--btnAnimationTime), box-shadow var(--btnAnimationTime)
}

.customButton_small {
    --btnFontSize: 14px;
    --btnLineHeight: 1.43;
    --btnPaddingHorizontal: 16px;
    --btnPaddingVertical: 8px
}

.customButton_medium {
    --btnFontSize: 16px;
    --btnLineHeight: 1.5;
    --btnPaddingHorizontal: 20px;
    --btnPaddingVertical: 8px
}

.customButton_large {
    --btnFontSize: 16px;
    --btnLineHeight: 1.5;
    --btnPaddingHorizontal: 24px;
    --btnPaddingVertical: 16px
}

.customButton_primary {
    --btnTextColor: #fff;
    --btnBorderWidth: 1px;
    --btnBorderColor: transparent;
    --btnOutlineColor: transparent;
    --btnBackgroundColor: #227faa
}

@media not all and (hover: none) {
    .customButton_primary:hover {
        --btnBorderWidth: 2px;
        --btnBackgroundColor: #227faa
    }
}

.customButton_primary:focus-visible,
.customButton_primary[data-state=focus] {
    --btnBorderWidth: 2px;
    --btnOutlineColor: #feddb9;
    --btnBackgroundColor: #227faa
}

.customButton_primary:active,
.customButton_primary[data-state=active] {
    --btnBorderWidth: 2px;
    --btnBackgroundColor: #e16803
}

.customButton_primary:disabled,
.customButton_primary[data-state=disabled],
.customButton_primary[disabled] {
    --btnBackgroundColor: #fcc58a
}

.customButton_secondary {
    --btnTextColor: #103b4f;
    --btnBorderWidth: 1px;
    --btnBorderColor: #c1ccf9;
    --btnOutlineColor: transparent;
    --btnBackgroundColor: #fff
}

@media not all and (hover: none) {
    .customButton_secondary:hover {
        --btnBorderWidth: 2px;
        --btnBorderColor: #6d87f1
    }
}

.customButton_secondary:focus-visible,
.customButton_secondary[data-state=focus] {
    --btnBorderWidth: 2px;
    --btnBorderColor: #6d87f1;
    --btnOutlineColor: #d5ddfb
}

.customButton_secondary:active,
.customButton_secondary[data-state=active] {
    --btnBorderWidth: 2px;
    --btnBorderColor: #103b4f
}

.customButton_secondary:disabled,
.customButton_secondary[data-state=disabled],
.customButton_secondary[disabled] {
    --btnTextColor: #6d87f1;
    --btnBorderColor: #e9e9e9
}

.customButton_clear {
    --btnTextColor: #103b4f;
    --btnBorderWidth: 1px;
    --btnBorderColor: transparent;
    --btnOutlineColor: transparent;
    --btnBackgroundColor: #fff
}

@media not all and (hover: none) {
    .customButton_clear:hover {
        --btnBorderWidth: 2px;
        --btnBackgroundColor: #f5f6fe
    }
}

.customButton_clear:focus-visible,
.customButton_clear[data-state=focus] {
    --btnBorderWidth: 2px;
    --btnBackgroundColor: #f5f6fe
}

.customButton_clear:active,
.customButton_clear[data-state=active] {
    --btnTextColor: #2548d6;
    --btnBorderWidth: 2px;
    --btnBackgroundColor: #c1ccf9
}

.customButton_clear:disabled,
.customButton_clear[data-state=disabled],
.customButton_clear[disabled] {
    --btnTextColor: #c1ccf9
}

.customButton [disabled],
.customButton:disabled {
    cursor: not-allowed;
    pointer-events: none
}

.customButton__inner {
    align-items: center;
    display: flex;
    justify-content: center;
    pointer-events: none;
    white-space: nowrap
}

.customButton__icon {
    display: flex;
    height: var(--btnIconSize);
    justify-content: center;
    width: var(--btnIconSize)
}

.customButton__icon svg {
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.customButton__icon_processing {
    opacity: 0;
    position: absolute;
    transition: opacity var(--btnAnimationTime);
    user-select: none
}

[data-state=processing] .customButton__icon_processing {
    opacity: 1
}

[data-state=processing] .customButton__icon:not(.customButton__icon_processing) {
    opacity: 0;
    user-select: none
}

.customButton__text {
    opacity: 1;
    transition: opacity var(--btnAnimationTime)
}

[data-state=processing] .customButton__text {
    opacity: 0;
    user-select: none
}

.customInput {
    --inputWidth: 100%;
    --inputMaxWidth: var(--inputWidth);
    --inputFontWeight: 500;
    --inputFontSize: 14px;
    --inputLineHeight: 1.43;
    --inputPaddingHorizontal: 16px;
    --inputPaddingVertical: 12px;
    --inputOutlineWidth: 1px;
    --inputOutlineHoverWidth: var(--inputOutlineWidth);
    --inputOutlineFocusWidth: 4px;
    --inputOpacity: 1;
    --inputRadius: 4px;
    --inputAnimationTime: 0.2s;
    --inputColor: #222;
    --inputBackgroundColor: #f5f5f5;
    --inputOutlineColor: #868686;
    --inputOutlineHoverColor: #646464;
    --inputOutlineFocusColor: #e2e2e2;
    --caretColor: #000;
    --placeholderColor: #646464;
    --labelFontWeight: 500;
    --labelFontSize: 11px;
    --labelLineHeight: 1.24;
    --labelPaddingVertical: 24px;
    --labelVerticalOffset: -1px;
    --labelColor: #222;
    --helperFontWeight: 500;
    --helperFontSize: 12px;
    --helperLineHeight: 1.33;
    --helperHorizontalOffset: var(--inputPaddingHorizontal);
    --helperVerticalOffset: 4px;
    --helperColor: #646464;
    --inputIconSize: 20px;
    --inputIconPadding: 8px;
    --inputIconColor: var(--inputColor);
    max-width: var(--inputMaxWidth);
    width: var(--inputWidth)
}

.customInput_small {
    --inputPaddingVertical: 8px;
    --labelPaddingVertical: var(--inputPaddingVertical)
}

.customInput_small .customInput__input::placeholder {
    transition: none
}

.customInput_small :not(input:placeholder-shown)~.customInput__label,
.customInput_small :not(input[value=""]):focus~.customInput__label {
    display: none
}

.customInput_medium {
    --labelPaddingVertical: var(--inputPaddingVertical)
}

.customInput_medium .customInput__input::placeholder {
    transition: none
}

.customInput_medium :not(input:placeholder-shown)~.customInput__label,
.customInput_medium :not(input[value=""]):focus~.customInput__label {
    display: none
}

.customInput_primary {
    --inputBackgroundColor: #f5f6fe;
    --inputOutlineColor: #103b4f;
    --inputOutlineHoverColor: #6d87f1;
    --inputOutlineFocusColor: #c1ccf9;
    --inputIconColor: #227faa;
    --caretColor: #103b4f
}

.customInput_secondary {
    --inputBackgroundColor: #fefaf5;
    --inputOutlineColor: #227faa;
    --inputOutlineHoverColor: #f1b86d;
    --inputOutlineFocusColor: #fee8d0;
    --inputIconColor: #103b4f;
    --caretColor: #227faa
}

.customInput_clear {
    --inputBackgroundColor: #fbfbfb;
    --inputOutlineColor: #103b4f;
    --inputOutlineHoverColor: #6d87f1;
    --inputOutlineFocusColor: #c1ccf9;
    --inputIconColor: #103b4f;
    --caretColor: #103b4f
}

.customInput[data-status=valid] {
    --validColor: #0b0;
    --caretColor: var(--validColor);
    --helperColor: var(--validColor);
    --inputOutlineColor: var(--validColor)
}

.customInput[data-status=invalid] {
    --invalidColor: #b00;
    --caretColor: var(--invalidColor);
    --helperColor: var(--invalidColor);
    --inputOutlineColor: var(--invalidColor)
}

.customInput__group {
    background-color: var(--inputBackgroundColor);
    border-radius: var(--inputRadius);
    box-shadow: inset 0 0 0 0 transparent;
    display: flex;
    font-family: inherit;
    opacity: var(--inputOpacity);
    text-align: center;
    transition: color var(--inputAnimationTime), background-color var(--inputAnimationTime), box-shadow var(--inputAnimationTime), opacity var(--inputAnimationTime)
}

@media not all and (hover: none) {
    .customInput__group:hover {
        --labelColor: var(--inputOutlineColor);
        box-shadow: 0 0 0 var(--inputOutlineHoverWidth) var(--inputOutlineHoverColor) inset
    }
}

[data-status=invalid] .customInput__group,
[data-status=valid] .customInput__group {
    box-shadow: 0 0 0 var(--inputOutlineWidth) var(--inputOutlineColor) inset
}

[data-state=focus] .customInput__group {
    box-shadow: 0 0 0 var(--inputOutlineWidth) var(--inputOutlineColor) inset, 0 0 0 var(--inputOutlineFocusWidth) var(--inputOutlineFocusColor)
}

[data-state=disabled] .customInput__group {
    --inputOpacity: 0.5;
    cursor: not-allowed;
    pointer-events: none
}

.customInput__module {
    display: flex
}

.customInput__area,
.customInput__module {
    align-items: center;
    justify-content: center
}

.customInput__area {
    cursor: text;
    display: inline-flex;
    flex-grow: 1;
    padding-left: var(--inputPaddingHorizontal);
    padding-right: var(--inputPaddingHorizontal);
    position: relative;
    white-space: nowrap
}

.customInput__field,
.customInput__input {
    position: relative;
    width: 100%
}

.customInput__input {
    background-color: transparent;
    border: 0;
    caret-color: var(--caretColor);
    color: var(--inputColor);
    font-size: var(--inputFontSize);
    font-weight: var(--inputFontWeight);
    line-height: var(--inputLineHeight);
    padding: var(--labelPaddingVertical) 0 var(--inputPaddingVertical) 0;
    z-index: 2
}

.customInput__input::placeholder {
    opacity: 0;
    padding-left: 8px;
    transition: opacity var(--inputAnimationTime)
}

.customInput__input:focus {
    outline: none
}

.customInput__input:focus::placeholder {
    color: var(--placeholderColor);
    opacity: 1
}

.customInput__label {
    align-items: center;
    bottom: 0;
    color: var(--labelColor);
    cursor: inherit;
    display: inline-flex;
    font-size: var(--inputFontSize);
    font-weight: var(--inputFontWeight);
    left: 0;
    line-height: var(--inputLineHeight);
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transition: all var(--inputAnimationTime);
    z-index: 1
}

:not(input[value=""]):focus~.customInput__label {
    --labelColor: var(--inputOutlineColor)
}

:not(input:placeholder-shown)~.customInput__label {
    --labelColor: var(--placeholderColor)
}

@media not all and (hover: none) {
    .customInput__group:hover :not(input:placeholder-shown)~.customInput__label {
        --labelColor: var(--inputOutlineColor)
    }
}

:not(input:placeholder-shown)~.customInput__label,
:not(input[value=""]):focus~.customInput__label {
    bottom: var(--labelPaddingVertical);
    font-size: var(--labelFontSize);
    font-weight: var(--labelFontWeight);
    line-height: var(--labelLineHeight)
}

.customInput__icon {
    color: var(--inputIconColor);
    display: flex;
    height: var(--inputIconSize);
    justify-content: center;
    width: var(--inputIconSize)
}

.customInput__icon svg {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.customInput__icon:first-child {
    margin-right: var(--inputIconPadding)
}

.customInput__icon:last-child {
    margin-left: var(--inputIconPadding)
}

.customInput__message {
    color: var(--helperColor);
    font-size: var(--helperFontSize);
    font-weight: var(--helperFontWeight);
    line-height: var(--helperLineHeight);
    margin-left: var(--helperHorizontalOffset);
    margin-top: var(--helperVerticalOffset)
}

.customInput__message_primary {
    --helperColor: #227faa
}

.customInput__message_secondary {
    --helperColor: #103b4f
}

.customInput__message_valid {
    --helperColor: #0b0
}

.customInput__message_invalid {
    --helperColor: #b00
}

.customInput__message_default {
    color: inherit;
    margin-left: 0
}

.customInput__message[data-visibility=hidden] {
    display: none
}

.customInput__message[data-visibility=invisible] {
    color: transparent;
    opacity: 0
}

.advantages {
    --advantages-display: grid;
    --advantages-grid-gap: 24px;
    --advantages-grid-template-columns: initial;
    --advantages-grid-template-rows: initial;
    --advantages-icon-width: auto;
    --advantages-icon-height: auto
}

.advantages__list {
    grid-gap: var(--advantages-grid-gap);
    display: var(--advantages-display);
    grid-template-columns: var(--advantages-grid-template-columns);
    grid-template-rows: var(--advantages-grid-template-rows)
}

@media (min-width: 768px) {
    .advantages__list {
        --advantages-grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width: 992px) {
    .advantages__list {
        --advantages-grid-gap: 24px 76px;
        --advantages-grid-template-columns: repeat(3, 1fr)
    }
}

.advantages__img {
    height: var(--advantages-icon-height);
    width: var(--advantages-icon-width)
}

.advantages__img_portrait {
    height: 32px;
    width: auto
}

@media (min-width: 992px) {
    .advantages__img_portrait {
        height: 36px
    }
}

.advantages__txt {
    width: 100%
}

@media (min-width: 768px) {
    .checkList_surpriseBlock {
        --colsCount: repeat(2, 1fr)
    }
}

@media (min-width: 992px) {
    .checkList_surpriseBlock {
        --colsCount: auto
    }
}

.checkList__accentGreenText {
    background-color: #d1ffbb;
    border-radius: 4px
}

.surpriseBlock__inner {
    grid-gap: 24px 16px;
    align-items: center;
    display: grid
}

@media (min-width: 992px) {
    .surpriseBlock__inner {
        grid-template-columns: auto 600px
    }
}

@media (min-width: 1200px) {
    .surpriseBlock__inner {
        grid-template-columns: auto 696px;
    }
}

.surpriseBlock__list {
    display: grid;
    row-gap: 16px
}

@media (min-width: 768px) {
    .surpriseBlock__list {
        column-gap: 16px;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width: 992px) {
    .surpriseBlock__list {
        grid-template-columns: auto
    }
}

.surpriseBlock__mediaWrap_ratioHeight {
    overflow: hidden;
    padding-bottom: 55.945%;
    position: relative
}

@media (min-width: 1200px) {
    .surpriseBlock__mediaWrap_ratioHeight {
        padding-bottom: 56.323%
    }
}

.surpriseBlock__media_absoluteFit {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.surpriseBlock__img {
    aspect-ratio: 1.7862/1;
    object-fit: cover
}

@media (min-width: 576px) {
    .surpriseBlock__img {
        aspect-ratio: 1.7755/1
    }
}

.howItWorks__list {
    grid-gap: 96px;
    counter-reset: section;
    display: grid
}

@media (min-width: 768px) {
    .howItWorks__list {
        grid-gap: 48px;
        grid-template-columns: repeat(3, 1fr);
        max-width: none
    }
}

@media (min-width: 1200px) {
    .howItWorks__list {
        grid-gap: 50px
    }
}

@media (min-width: 768px) {
    .howItWorks__list_withoutArrow {
        grid-gap: 28px
    }
}

@media (min-width: 1200px) {
    .howItWorks__list_withoutArrow {
        grid-gap: 22px
    }
}

@media (min-width: 768px) {
    .howItWorks__list_withoutArrow .howItWorks__item:not(:last-child):after {
        content: none
    }
}

.howItWorks__item {
    position: relative
}

.howItWorks__item:not(:last-child):after {
    background-image: url(c2b96d581f4495f8af27.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    bottom: -65px;
    content: "";
    height: 18px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 67px
}

@media (min-width: 768px) {
    .howItWorks__item:not(:last-child):after {
        bottom: auto;
        left: auto;
        right: -58px;
        top: 50%;
        transform: translateX(0) translateY(-50%) rotate(-90deg)
    }
}

.howItWorks__itemHdr {
    padding-top: 32px;
    position: relative
}

@media (min-width: 768px) {
    .howItWorks__itemHdr {
        min-height: 80px
    }
}

@media (min-width: 1200px) {
    .howItWorks__itemHdr {
        min-height: auto;
        padding-left: 32px;
        padding-top: 0
    }
}

.howItWorks__itemHdr:before {
    background-color: #227faa;
    border-radius: 100%;
    color: #fff;
    content: counter(section);
    counter-increment: section;
    font-weight: 600;
    height: 24px;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 0;
    transform: translateX(-50%);
    width: 24px
}

@media (min-width: 1200px) {
    .howItWorks__itemHdr:before {
        left: 0;
        transform: none
    }
}

.trustUs__list {
    grid-gap: 40px;
    display: grid;
    max-width: 940px
}

@media (min-width: 768px) {
    .trustUs__list {
        grid-gap: 56px;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width: 992px) {
    .trustUs__list {
        grid-gap: 80px
    }
}

.trustUs__count {
    font-size: 35px;
    line-height: 1.2
}

@media (min-width: 768px) {
    .trustUs__count {
        font-size: 48px;
        line-height: 1.33
    }
}

.trustUs__txt {
    font-size: 16px;
    line-height: 1.5
}

.featureAvailability {
    color: #646464;
    font-size: 12px;
    line-height: 16px
}

.featureAvailability__list {
    counter-reset: section
}

@media (min-width: 992px) {
    .featureAvailability__list {
        width: 65%
    }
}

.featureAvailability__listItem {
    padding-left: 1em
}

.featureAvailability__listItem:before {
    content: counter(section) ". ";
    counter-increment: section;
    margin-left: -1em;
    position: absolute
}

.featureAvailability__link {
    font-size: 12px
}

.commonMediaBlock__img {
    aspect-ratio: 1.8143/1;
    object-fit: cover
}

@media (min-width: 576px) {
    .commonMediaBlock__img {
        aspect-ratio: 1.8111/1
    }
}

.roofingBenefits__grid {
    grid-gap: 16px;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media (min-width: 768px) {
    .roofingBenefits__grid {
        grid-gap: 32px
    }
}

@media (min-width: 992px) {
    .roofingBenefits__grid {
        column-gap: 92px
    }
}

.roofingBenefits__benefitsGrid {
    grid-gap: 16px;
    display: grid
}

@media (min-width: 992px) {
    .roofingBenefits__benefitsGrid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width: 1200px) {
    .roofingBenefits__benefitsGrid {
        grid-gap: 76px
    }
}

.roofingBenefits__img {
    aspect-ratio: 1.9294/1;
    object-fit: cover
}

.roofingServices__grid {
    grid-gap: 16px;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media (min-width: 768px) {
    .roofingServices__grid {
        grid-gap: 32px
    }
}

@media (min-width: 992px) {
    .roofingServices__grid {
        column-gap: 92px
    }
}

.roofingServices__txt {
    font-size: 14px;
    line-height: 1.42
}

@media (min-width: 992px) {
    .roofingServices__txt {
        font-size: 16px;
        line-height: 1.5
    }
}

.roofingServices__img {
    aspect-ratio: 1.9294/1;
    object-fit: cover
}

.anythingOnRoofStep__list {
    grid-gap: 8px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 311px
}

@media (min-width: 768px) {
    .anythingOnRoofStep__list {
        grid-gap: 16px;
        grid-template-columns: repeat(3, 1fr);
        max-width: 536px
    }
}

.chimneysOrSkylightsStep__list,
.roofConditionStep__list,
.whatYouNeedStep__list {
    grid-gap: 8px;
    display: grid;
    max-width: 265px
}

@media (min-width: 768px) {

    .chimneysOrSkylightsStep__list,
    .roofConditionStep__list,
    .whatYouNeedStep__list {
        grid-gap: 16px;
        grid-template-columns: repeat(4, 1fr);
        max-width: 720px
    }
}

.doYouHaveAtticStep__list,
.typeOfPropertyStep__list,
.typeOfRoofStep__list {
    display: grid;
    max-width: 265px;
    row-gap: 8px
}

@media (min-width: 768px) {

    .doYouHaveAtticStep__list,
    .typeOfPropertyStep__list,
    .typeOfRoofStep__list {
        grid-gap: 16px;
        grid-template-columns: repeat(3, 1fr);
        max-width: 536px
    }
}

.roofingMaterialStep__list {
    grid-gap: 8px;
    display: grid;
    max-width: 265px
}

@media (min-width: 768px) {
    .roofingMaterialStep__list {
        grid-gap: 16px;
        grid-template-columns: repeat(24, 1fr);
        max-width: 536px
    }
}

.roofingMaterialStep__item {
    grid-column: span 8
}

@media (min-width: 768px) {
    .roofingMaterialStep__item:nth-child(4) {
        grid-column: 5/13
    }
}

.areYouHomeOwnerStep__list,
.internalMobileHomeStep__list {
    display: grid;
    max-width: 265px;
    row-gap: 8px
}

@media (min-width: 768px) {

    .areYouHomeOwnerStep__list,
    .internalMobileHomeStep__list {
        column-gap: 16px;
        grid-template-columns: repeat(2, 1fr);
        max-width: 352px;
        row-gap: 0
    }
}

.howLargeRoofCnt {
    max-width: 250px
}

.roofingMaterialStepReselling__list {
    grid-gap: 8px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 311px
}

@media (min-width: 768px) {
    .roofingMaterialStepReselling__list {
        grid-gap: 16px;
        grid-template-columns: repeat(4, 1fr);
        max-width: 720px
    }
}

.loaderStep {
    align-items: center;
    display: flex;
    height: 212px;
    justify-content: center
}

.loaderStep__processBar {
    background-color: #f5f6fe;
    border-radius: 16px;
    height: 24px;
    max-width: 367px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.loaderStep__processBarInner {
    background-color: #103b4f;
    border-radius: 16px;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 100%;
    left: 0;
    line-height: 1.334;
    position: absolute;
    top: 0
}

.loaderStep__processBarValue {
    display: inline-block;
    min-width: 30px;
    padding-left: 2px
}

.loaderStep__processBarSubtitle {
    color: #8b8c90
}

.loaderStep__loader {
    display: block;
    height: 48px;
    width: 48px
}

.consentStep {
    padding: 24px 16px
}

@media (min-width: 768px) {
    .consentStep {
        padding: 24px 21px
    }
}

.consentStep__list {
    grid-gap: 8px 24px;
    border-bottom: 1px solid #e9e9e9;
    display: grid;
    grid-template-columns: 1fr;
    margin: auto;
    padding-bottom: 16px
}

@media (min-width: 768px) {
    .consentStep__list {
        grid-template-columns: repeat(2, 1fr);
        max-width: 646px;
        padding-bottom: 24px
    }
}

.consentStep__disclaimer {
    color: #909090;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.27;
    margin-bottom: 16px;
    margin-top: 16px;
    max-width: 646px
}

@media (min-width: 768px) {
    .consentStep__disclaimer {
        margin-bottom: 24px
    }
}

.consentStep__bodyWrapper {
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    margin: 32px auto 0;
    max-width: 800px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 2
}

@media (min-width: 768px) {
    .consentStep__bodyWrapper {
        margin: 64px auto 0
    }
}

@media (min-width: 1200px) {
    .consentStep__bodyWrapper {
        background-color: hsla(0, 0%, 100%, .97)
    }
}

.FNzX6Ek7kQO2WFLNEga9 {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.FNzX6Ek7kQO2WFLNEga9 progress[value] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    height: 4px;
    width: inherit
}

.FNzX6Ek7kQO2WFLNEga9 progress[value]::-webkit-progress-bar {
    background-color: #fff
}

.FNzX6Ek7kQO2WFLNEga9 progress[value]::-webkit-progress-value {
    background-color: #52c41a;
    -webkit-transition: width .75s ease;
    transition: width .75s ease
}

.FNzX6Ek7kQO2WFLNEga9 progress[value]::-moz-progress-bar {
    background-color: #52c41a
}

.sQ9_sN77mOawGRXnIGDf {
    background-color: transparent;
    border: none;
    color: #bdbdbd;
    cursor: pointer;
    outline: none;
    padding: 0;
    transition: color .2s
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .sQ9_sN77mOawGRXnIGDf:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none'%3E%3Cpath fill='%23BDBDBD' d='m11.25 12.2 4.05 4.05 1.2-1.2L12.45 11l4.05-4.05-1.2-1.2-4.05 4.05L7.2 5.75 6 6.95 10.05 11 6 15.05l1.2 1.2 4.05-4.05Z'/%3E%3Cpath fill='%23BDBDBD' fill-rule='evenodd' d='M.75 11C.75 5.15 5.4.5 11.25.5s10.5 4.65 10.5 10.5-4.65 10.5-10.5 10.5S.75 16.85.75 11Zm1.5 0c0 4.95 4.05 9 9 9s9-4.05 9-9-4.05-9-9-9-9 4.05-9 9Z' clip-rule='evenodd'/%3E%3C/svg%3E");
        background-size: 21px 21px;
        content: " ";
        display: block;
        height: 21px;
        width: 21px
    }
}

@media (min-width: 1200px) {
    .sQ9_sN77mOawGRXnIGDf {
        margin-right: 16px
    }
}

@media (min-width: 1400px) {
    .sQ9_sN77mOawGRXnIGDf {
        margin-right: 0;
        position: absolute;
        right: -56px;
        top: 17px
    }
}

@media not all and (hover: none) {
    .sQ9_sN77mOawGRXnIGDf:hover {
        color: #909090
    }
}

.cHtnVmyWbPoxFAhzPSDU {
    pointer-events: none
}

.l11EvMyiLBNsgRvl3k1W {
    color: #f5222d;
    margin-top: 4px;
    padding-left: 16px
}

:root {
    --wizardSelectBorderWidth: 2px;
    --wizardSelectBorderColor: #227faa
}

.QWb89qL6CSRSH4U1BmAQ {
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.lUcKrHMqSjpheeCVQE0W {
    height: 32px;
    width: 32px
}

@media (min-width: 768px) {
    .lUcKrHMqSjpheeCVQE0W {
        height: 56px;
        width: 56px
    }
}

.LBG0AiT85WXMV6zqVu65 {
    flex-shrink: 0;
    height: 40px;
    width: 40px
}

@media (min-width: 768px) {
    .LBG0AiT85WXMV6zqVu65 {
        height: 56px;
        width: 56px
    }
}

.KUG9_L5_0hYiLLVaC2JE {
    height: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    width: 0
}

.KUG9_L5_0hYiLLVaC2JE:checked~.rzFupZ8NWXujFtl7GxdV {
    box-shadow: inset 0 0 0 var(--wizardSelectBorderWidth) var(--wizardSelectBorderColor)
}

@media (hover: hover) and (pointer:fine) {
    .KUG9_L5_0hYiLLVaC2JE:hover~.rzFupZ8NWXujFtl7GxdV {
        box-shadow: inset 0 0 0 var(--wizardSelectBorderWidth) var(--wizardSelectBorderColor)
    }
}

.rzFupZ8NWXujFtl7GxdV {
    border-radius: 8px;
    box-shadow: inset 0 0 0 2px #f5f6fe;
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    letter-spacing: -.1px;
    width: 100%
}

@media (min-width: 768px) {
    .rzFupZ8NWXujFtl7GxdV {
        border-radius: 16px
    }
}

.zILQ4uEUEZVy6FwDKXuR {
    font-size: 25px;
    line-height: 1.6;
    margin: 0 16px 0 0;
    min-width: 78px
}

@media (min-width: 768px) {
    .zILQ4uEUEZVy6FwDKXuR {
        font-size: 35px;
        margin: 0 0 8px;
        max-width: none
    }
}

.hvSvz8DHcqXJo7RCr6Sk {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.33;
    min-height: 18px;
    padding-left: 26px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.hvSvz8DHcqXJo7RCr6Sk:before {
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    content: "";
    height: 18px;
    left: 0;
    position: absolute;
    top: 0;
    width: 18px
}

.hvSvz8DHcqXJo7RCr6Sk:after {
    border-bottom: 2px solid #227faa;
    border-right: 2px solid #227faa;
    content: none;
    height: 10px;
    left: 6px;
    position: absolute;
    top: 2px;
    transform: rotate(45deg);
    width: 6px
}

.oOdVFlhG3AsYBjPa_Ufg {
    clip: rect(0 0 0 0);
    border: none;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.oOdVFlhG3AsYBjPa_Ufg:checked+.hvSvz8DHcqXJo7RCr6Sk:after {
    content: ""
}

.faVIG4HPqLcMa5Vt66Iw {
    background: #f5f6fe
}

@media (min-width: 992px) {
    .faVIG4HPqLcMa5Vt66Iw {
        padding-bottom: 120px !important
    }
}

.ShQl9ff0OZy04Bcv9zwr {
    margin-left: auto;
    margin-right: auto;
    max-width: 250px
}

.ggbK8fRkAe8WOhjJF3OQ {
    max-width: 100%
}

.YXBr8wzxm5CI_Yc_7i8_ {
    width: 250px
}

@media (min-width: 576px) {
    .YXBr8wzxm5CI_Yc_7i8_ {
        width: 310px
    }
}

.rNZMTqvIil86s3CS19so {
    margin-top: 9px
}

@media (min-width: 992px) {
    .rNZMTqvIil86s3CS19so {
        margin-top: 48px
    }
}

.HF6yRcyfvJ2jrv7YWBDr {
    color: #222;
    font-size: 23px;
    font-weight: 500;
    margin-top: 8px;
    text-align: center
}

@media (max-width: 767.98px) {
    .HF6yRcyfvJ2jrv7YWBDr {
        font-size: 16px;
        font-weight: 600;
        margin-top: 5px
    }
}

.m0OpVdQMGaOM5XryB0nO {
    color: #8b8c90;
    font-size: 14px;
    font-weight: 500;
    margin-top: 13px;
    text-align: center
}

@media (max-width: 767.98px) {
    .m0OpVdQMGaOM5XryB0nO {
        line-height: 20px;
        margin-top: 7px
    }
}

.rxQGIItER2BAJyVi1BpZ {
    border-top: 1px solid #e9e9e9;
    color: #8b8c90
}

@media (min-width: 992px) {
    .rxQGIItER2BAJyVi1BpZ {
        max-width: 688px
    }
}

.AnOrE0tOIQGaTH60niZQ>div {
    cursor: pointer;
    text-decoration: underline
}

.HX7e0U4ZPkYuSDsH1v17 {
    margin-left: auto;
    margin-right: auto;
    max-width: 250px
}

.GL1dC4IrBydlhYxDMCWa {
    max-width: 250px
}

.EszAAY67UynWTvaY2ppw {
    margin: 0 auto;
    width: 250px
}

@media (min-width: 768px) {
    .EszAAY67UynWTvaY2ppw {
        width: auto
    }
}

@media (max-width: 767.98px) {
    .EszAAY67UynWTvaY2ppw button {
        width: 100%
    }
}

.yIVo0P_ck5eFFTctTJal {
    max-width: 250px;
    width: 100%
}

.VDeJD2t1ZzY4D3niR6g3 {
    min-height: 22px
}

.ep_oPhzCO52xb4KHNhnA {
    margin-right: 8px
}

.EDZrlTseoy2cG9AQXQmr {
    border: none;
    margin: 0
}

.m5ja2LowFhODJpj521J3>:not([id=root]) {
    display: none
}

.Oo9ZFRiIklpFi8x_LGCQ {
    --btnFontWeight: 500;
    --btnFontSize: 16px;
    --btnLineHeight: 1.5;
    --btnTextColor: #222;
    --btnPaddingHorizontal: 24px;
    --btnPaddingVertical: 16px;
    --btnBorderWidth: 1px;
    --btnBorderColor: transparent;
    --btnOutlineWidth: 4px;
    --btnOutlineColor: transparent;
    --btnRadius: 4px;
    --btnAnimationTime: 0.2s;
    --btnBackgroundColor: #e9e9e9;
    --btnIconSize: 20px;
    background-color: var(--btnBackgroundColor);
    border: 0;
    border-radius: var(--btnRadius);
    box-shadow: 0 0 0 var(--btnBorderWidth) var(--btnBorderColor) inset;
    color: var(--btnTextColor);
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: var(--btnFontSize);
    font-weight: var(--btnFontWeight);
    line-height: var(--btnLineHeight);
    margin: 0;
    outline: var(--btnOutlineWidth) solid var(--btnOutlineColor);
    outline-offset: 0;
    padding: var(--btnPaddingVertical) var(--btnPaddingHorizontal);
    text-align: center;
    transition: color var(--btnAnimationTime), outline-color var(--btnAnimationTime), background-color var(--btnAnimationTime), box-shadow var(--btnAnimationTime)
}

.dygqmkPZybOzwnDOaNOg {
    --btnFontSize: 14px;
    --btnLineHeight: 1.43;
    --btnPaddingHorizontal: 16px;
    --btnPaddingVertical: 8px
}

.Ni1ucVarCHdP6KYHIRUa {
    --btnFontSize: 16px;
    --btnLineHeight: 1.5;
    --btnPaddingHorizontal: 20px;
    --btnPaddingVertical: 8px
}

.wfM0gpSxxV8dukIOsXE6 {
    --btnFontSize: 16px;
    --btnLineHeight: 1.5;
    --btnPaddingHorizontal: 24px;
    --btnPaddingVertical: 16px
}

.aUO1FcPWdpSBuC4tODQZ {
    --btnTextColor: #fff;
    --btnBorderWidth: 1px;
    --btnBorderColor: transparent;
    --btnOutlineColor: transparent;
    --btnBackgroundColor: #227faa
}

@media not all and (hover: none) {
    .aUO1FcPWdpSBuC4tODQZ:hover {
        --btnBorderWidth: 2px;
        --btnBackgroundColor: #227faa
    }
}

.aUO1FcPWdpSBuC4tODQZ:focus-visible,
.aUO1FcPWdpSBuC4tODQZ[data-state=focus] {
    --btnBorderWidth: 2px;
    --btnOutlineColor: #feddb9;
    --btnBackgroundColor: #227faa
}

.aUO1FcPWdpSBuC4tODQZ:active,
.aUO1FcPWdpSBuC4tODQZ[data-state=active] {
    --btnBorderWidth: 2px;
    --btnBackgroundColor: #e16803
}

.aUO1FcPWdpSBuC4tODQZ:disabled,
.aUO1FcPWdpSBuC4tODQZ[data-state=disabled],
.aUO1FcPWdpSBuC4tODQZ[disabled] {
    --btnBackgroundColor: #fcc58a
}

.otb7M1ytnHQolh9AAuhL {
    --btnTextColor: #103b4f;
    --btnBorderWidth: 1px;
    --btnBorderColor: #c1ccf9;
    --btnOutlineColor: transparent;
    --btnBackgroundColor: #fff
}

@media not all and (hover: none) {
    .otb7M1ytnHQolh9AAuhL:hover {
        --btnBorderWidth: 2px;
        --btnBorderColor: #6d87f1
    }
}

.otb7M1ytnHQolh9AAuhL:focus-visible,
.otb7M1ytnHQolh9AAuhL[data-state=focus] {
    --btnBorderWidth: 2px;
    --btnBorderColor: #6d87f1;
    --btnOutlineColor: #d5ddfb
}

.otb7M1ytnHQolh9AAuhL:active,
.otb7M1ytnHQolh9AAuhL[data-state=active] {
    --btnBorderWidth: 2px;
    --btnBorderColor: #103b4f
}

.otb7M1ytnHQolh9AAuhL:disabled,
.otb7M1ytnHQolh9AAuhL[data-state=disabled],
.otb7M1ytnHQolh9AAuhL[disabled] {
    --btnTextColor: #6d87f1;
    --btnBorderColor: #e9e9e9
}

.IVbQlRUkM3_NdouQvvWj {
    --btnTextColor: #103b4f;
    --btnBorderWidth: 1px;
    --btnBorderColor: transparent;
    --btnOutlineColor: transparent;
    --btnBackgroundColor: #fff
}

@media not all and (hover: none) {
    .IVbQlRUkM3_NdouQvvWj:hover {
        --btnBorderWidth: 2px;
        --btnBackgroundColor: #f5f6fe
    }
}

.IVbQlRUkM3_NdouQvvWj:focus-visible,
.IVbQlRUkM3_NdouQvvWj[data-state=focus] {
    --btnBorderWidth: 2px;
    --btnBackgroundColor: #f5f6fe
}

.IVbQlRUkM3_NdouQvvWj:active,
.IVbQlRUkM3_NdouQvvWj[data-state=active] {
    --btnTextColor: #2548d6;
    --btnBorderWidth: 2px;
    --btnBackgroundColor: #c1ccf9
}

.IVbQlRUkM3_NdouQvvWj:disabled,
.IVbQlRUkM3_NdouQvvWj[data-state=disabled],
.IVbQlRUkM3_NdouQvvWj[disabled] {
    --btnTextColor: #c1ccf9
}

.Oo9ZFRiIklpFi8x_LGCQ [disabled],
.Oo9ZFRiIklpFi8x_LGCQ:disabled {
    cursor: not-allowed;
    pointer-events: none
}

.PuXA6_kdugyDXJquyLXl {
    align-items: center;
    display: flex;
    justify-content: center;
    pointer-events: none;
    white-space: nowrap
}

.YrMWkYzBKY40ZmgpbWei {
    display: flex;
    height: var(--btnIconSize);
    justify-content: center;
    width: var(--btnIconSize)
}

.YrMWkYzBKY40ZmgpbWei svg {
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.S29VbBqfSmsLF7PeAsWh {
    opacity: 0;
    position: absolute;
    transition: opacity var(--btnAnimationTime);
    user-select: none
}

[data-state=processing] .S29VbBqfSmsLF7PeAsWh {
    opacity: 1
}

[data-state=processing] .YrMWkYzBKY40ZmgpbWei:not(.S29VbBqfSmsLF7PeAsWh) {
    opacity: 0;
    user-select: none
}

.I6gt8u0JPopdFVcSK80x {
    opacity: 1;
    transition: opacity var(--btnAnimationTime)
}

[data-state=processing] .I6gt8u0JPopdFVcSK80x {
    opacity: 0;
    user-select: none
}

.d4whChUdPmkfqFuR6rF5 {
    --logoDisplay: flex;
    --logoWidth: 100%;
    --logoHeight: auto
}

.kFDrXRilmea10HNOsfvR {
    display: var(--logoDisplay)
}

.Xs59L0SvqwhhAnVXEb8X {
    height: var(--logoHeight);
    width: var(--logoWidth)
}

.d4whChUdPmkfqFuR6rF5 {
    --logoWidth: 162px;
    --logoHeight: 34px
}

@media (min-width: 768px) {
    .d4whChUdPmkfqFuR6rF5 {
        --logoWidth: 202px;
        --logoHeight: 40px
    }

    .d4whChUdPmkfqFuR6rF5 .IF8Nzjl664KF8hztyy7s {
        display: none
    }
}

.d4whChUdPmkfqFuR6rF5 .aRjmjRwFOkIHtbfn5Jvy {
    display: none
}

@media (min-width: 768px) {
    .d4whChUdPmkfqFuR6rF5 .aRjmjRwFOkIHtbfn5Jvy {
        display: block
    }
}

.VyY8eGgTh7wWSJAfXBtb {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    margin: 158px auto 0;
    max-width: 800px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 2
}

@media (min-width: 1200px) {
    .VyY8eGgTh7wWSJAfXBtb {
        background: hsla(0, 0%, 100%, .97);
        margin: 192px auto 0
    }
}

.WPa6DCFo1CfJ4IGANPIV {
    padding-bottom: 33px
}

@media (max-width: 767.98px) {
    .WPa6DCFo1CfJ4IGANPIV {
        padding-bottom: 64px
    }
}

.wuBFdYxawj7_I4IgZgGP {
    max-width: 1169px !important;
    overflow: inherit;
    padding: 91px 16px 24px
}

@media (min-width: 768px) {
    .wuBFdYxawj7_I4IgZgGP {
        padding: 115px 64px 46px
    }
}

.lKV9uhxHTpLnptT7akWt {
    background-color: transparent;
    border: none;
    color: #bdbdbd;
    cursor: pointer;
    outline: none;
    padding: 0;
    transition: color .2s
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .lKV9uhxHTpLnptT7akWt:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none'%3E%3Cpath fill='%23BDBDBD' d='m11.25 12.2 4.05 4.05 1.2-1.2L12.45 11l4.05-4.05-1.2-1.2-4.05 4.05L7.2 5.75 6 6.95 10.05 11 6 15.05l1.2 1.2 4.05-4.05Z'/%3E%3Cpath fill='%23BDBDBD' fill-rule='evenodd' d='M.75 11C.75 5.15 5.4.5 11.25.5s10.5 4.65 10.5 10.5-4.65 10.5-10.5 10.5S.75 16.85.75 11Zm1.5 0c0 4.95 4.05 9 9 9s9-4.05 9-9-4.05-9-9-9-9 4.05-9 9Z' clip-rule='evenodd'/%3E%3C/svg%3E");
        background-size: 21px 21px;
        content: " ";
        display: block;
        height: 21px;
        width: 21px
    }
}

@media (min-width: 1200px) {
    .lKV9uhxHTpLnptT7akWt {
        margin-right: 16px
    }
}

@media (min-width: 1400px) {
    .lKV9uhxHTpLnptT7akWt {
        margin-right: 0;
        position: absolute;
        right: -56px;
        top: 17px
    }
}

@media not all and (hover: none) {
    .lKV9uhxHTpLnptT7akWt:hover {
        color: #909090
    }
}

.tuf7baqg1NWmH0kYmP7d {
    pointer-events: none
}

.XhV9EtqKErq40itFe96B {
    color: #909090;
    z-index: 2
}

.fxtDj9DbXL1Whkq5yvRD {
    display: block;
    margin-right: 8px
}

.fxtDj9DbXL1Whkq5yvRD path {
    fill: #909090
}

.PJ6LXLSF3RKl6cssbgzE {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.PJ6LXLSF3RKl6cssbgzE progress[value] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    height: 4px;
    width: inherit
}

.PJ6LXLSF3RKl6cssbgzE progress[value]::-webkit-progress-bar {
    background-color: #fff
}

.PJ6LXLSF3RKl6cssbgzE progress[value]::-webkit-progress-value {
    background-color: #52c41a;
    -webkit-transition: width .75s ease;
    transition: width .75s ease
}

.PJ6LXLSF3RKl6cssbgzE progress[value]::-moz-progress-bar {
    background-color: #52c41a
}

.Rq4nmEv04jaJSNTqewz4 {
    grid-row-gap: 8px;
    display: grid;
    max-width: 190px
}

@media (min-width: 768px) {
    .Rq4nmEv04jaJSNTqewz4 {
        grid-column-gap: 16px;
        grid-auto-rows: min-content;
        grid-template-areas: "cancel return";
        grid-template-columns: repeat(2, auto);
        justify-content: center;
        max-width: none
    }

    .aNkF1EyZLUppsa7lzog1 {
        grid-area: cancel
    }

    .SvaPecxKtY3xp5zgbMGY {
        grid-area: return
    }
}

.h_rtLR1aG0JptgYyD8sr {
    left: -187px;
    position: absolute;
    top: 21px
}

@media (min-width: 1200px) {
    .h_rtLR1aG0JptgYyD8sr {
        height: 152px;
        left: -284px;
        top: 0
    }
}

.NU6lMRXgkJMDj8pkP85g {
    top: 16px
}

@media (min-width: 1200px) {
    .NU6lMRXgkJMDj8pkP85g {
        top: 18px
    }
}

.d41V05DCCRzeyiILtC39 {
    left: -208px
}

@media (min-width: 1200px) {
    .d41V05DCCRzeyiILtC39 {
        left: -286px
    }
}

.EpFtGAf2RQsjbaSpMEPr {
    align-items: center;
    animation-duration: 1ms;
    animation-fill-mode: forwards;
    animation-name: xH1kDzQJ_KS2sNXO8O0O;
    animation-timing-function: linear;
    bottom: 0;
    display: flex;
    height: 105px;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding-bottom: 1px;
    padding-right: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.KbYg8hg0APlgAGDLler8 {
    height: 113px
}

@media (min-width: 1200px) {
    .EpFtGAf2RQsjbaSpMEPr {
        height: 126px
    }

    .KbYg8hg0APlgAGDLler8 {
        height: 130px
    }
}

.Ae3Rybz7nmzyzAaIJ4AC {
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
    margin: 0
}

@media (min-width: 1200px) {
    .Ae3Rybz7nmzyzAaIJ4AC {
        font-size: 16px
    }
}

.ftAE7N4KX1lYo9r7jsCV {
    display: block
}

.ftAE7N4KX1lYo9r7jsCV:nth-child(2) {
    padding-left: 1.2em
}

.ftAE7N4KX1lYo9r7jsCV:nth-child(3),
.hE2YS15lKinv5mzfLdLb:nth-child(2) {
    padding-left: 2.4em
}

.hE2YS15lKinv5mzfLdLb:nth-child(3) {
    padding-left: 4.8em
}

._yhaFFhLL8VCc4mMbDCj {
    display: block;
    height: 127px
}

@media (min-width: 1200px) {
    ._yhaFFhLL8VCc4mMbDCj {
        height: 152px
    }
}

.__WrkzgRNXGOmafArPTS {
    margin-left: -1.3em
}

.V5sP6qhayWUsi8fd1YYT {
    padding-left: 1.2em
}

@keyframes xH1kDzQJ_KS2sNXO8O0O {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.W_9uWmkIWaUaIeT4Jg40 {
    position: absolute;
    right: -25px;
    top: 58px;
    width: 185px;
    z-index: 2
}

@media (min-width: 1200px) {
    .W_9uWmkIWaUaIeT4Jg40 {
        right: -83px;
        top: 40px;
        width: auto
    }
}

.W_9uWmkIWaUaIeT4Jg40.qVvsJMXMQknS5G8lliS7 {
    display: none
}

@media (min-width: 1200px) {
    .W_9uWmkIWaUaIeT4Jg40.qVvsJMXMQknS5G8lliS7 {
        display: block;
        right: -157px;
        top: 11px
    }
}

.zZky3qzX4YXJ6yblErup {
    left: -187px;
    position: absolute;
    top: 21px
}

@media (min-width: 1200px) {
    .zZky3qzX4YXJ6yblErup {
        height: 152px;
        left: -284px;
        top: 0
    }
}

.dCrBBbIp5zz8rRN9SpxY {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.dUcST9UVBlbhMyzV6Rw0 {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin: -7.5% 0 0
}

.dUcST9UVBlbhMyzV6Rw0 b {
    font-weight: 600
}

.dUcST9UVBlbhMyzV6Rw0 span:nth-child(2) {
    padding-left: 1.2em
}

.dUcST9UVBlbhMyzV6Rw0 span:nth-child(3) {
    padding-left: 2.4em
}

.BljFXqPygPX030B_v7Qs {
    height: 127px
}

@media (min-width: 1200px) {
    .BljFXqPygPX030B_v7Qs {
        height: 152px
    }
}

.rnv5WgfKhW9OVNxrLR9v {
    height: 127px
}

@media (min-width: 1200px) {
    .rnv5WgfKhW9OVNxrLR9v {
        height: 152px
    }
}

.AP2MkG9n5RFAW5sntijJ {
    height: 408px;
    position: relative;
    width: 192px;
    z-index: 2
}

@media (min-width: 1200px) {
    .AP2MkG9n5RFAW5sntijJ {
        height: 100%;
        width: auto
    }
}

.j5k54As4BeOwlZti5k2b {
    display: none
}

@media (min-width: 1200px) {
    .j5k54As4BeOwlZti5k2b {
        display: initial;
        position: absolute;
        right: -148px;
        top: 12px
    }
}

.xcnaGZ9rGCcVLELvjuSP {
    height: 630px;
    width: auto;
    z-index: 2
}

.z5RMmp9S_OA2oUElpv41 {
    display: none;
    position: absolute
}

@media (min-width: 1200px) {
    .z5RMmp9S_OA2oUElpv41 {
        display: block;
        right: -67px;
        top: 10px
    }
}

.S8kaj4Wo_8f8kxlBpnfk {
    display: block;
    height: 394px;
    position: absolute;
    right: -68px;
    top: 58px;
    width: 205px
}

@media (min-width: 1200px) {
    .S8kaj4Wo_8f8kxlBpnfk {
        display: none
    }
}

.KNQoxhU9HlYhNRM7rCB4 {
    height: 127px;
    left: -236px;
    position: absolute;
    top: 16px
}

@media (min-width: 1200px) {
    .KNQoxhU9HlYhNRM7rCB4 {
        display: none
    }
}

.kH7DIvUwhgwHqddZ0VDa {
    display: none
}

@media (min-width: 1200px) {
    .kH7DIvUwhgwHqddZ0VDa {
        display: block;
        height: 152px;
        left: -285px;
        position: absolute;
        top: 18px
    }
}

.MxJrFwYCJ2GmI3B9T5K0 {
    height: 408px;
    position: relative;
    width: 192px
}

@media (min-width: 1200px) {
    .MxJrFwYCJ2GmI3B9T5K0 {
        height: 590px;
        width: auto
    }
}

@media (min-width: 768px) {
    .localPartnerStep__name {
        max-width: 327px
    }
}

.h27HVFrHo3feuU6uNI0s {
    font-size: 16px;
    line-height: 1.5
}

.rtTwREtzNqmZB_uZblKa {
    filter: drop-shadow(0 1px 8px rgba(0, 0, 0, .15));
    height: 119px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -66px;
    transform: translateZ(0);
    width: 119px
}

@media (min-width: 768px) {
    .rtTwREtzNqmZB_uZblKa {
        height: 183px;
        top: -90px;
        width: 183px
    }
}

.YAJ_2LvadZsPAhfcVSM3 {
    display: grid;
    max-width: 265px;
    row-gap: 8px
}

@media (min-width: 768px) {
    .YAJ_2LvadZsPAhfcVSM3 {
        -moz-column-gap: 16px;
        column-gap: 16px;
        grid-template-columns: repeat(2, 1fr);
        max-width: 352px;
        row-gap: 0
    }
}

.YPUufcmz12EtCTr1U0am {
    width: 20px
}

.i9xTQFCLw8OclHmITtRv {
    width: 101px
}

.oPWU1QZp4bHIpGDKsOdA {
    display: grid;
    max-width: 263px;
    row-gap: 8px
}

@media (min-width: 768px) {
    .oPWU1QZp4bHIpGDKsOdA {
        grid-gap: 16px;
        grid-template-columns: 1fr 216px 1fr;
        max-width: 584px
    }
}

.inputAutocompleteAddress {
    position: relative
}

.inputAutocompleteAddress__list {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(47, 84, 235, .3);
    display: none;
    max-height: 160px;
    overflow: auto;
    padding: 8px 0;
    position: absolute;
    scrollbar-color: #e2e6e9 #fff;
    scrollbar-width: thin;
    top: 60px;
    width: 100%;
    z-index: 10
}

.inputAutocompleteAddress__list::-webkit-scrollbar {
    width: 4px
}

.inputAutocompleteAddress__list::-webkit-scrollbar-track {
    background: #fff
}

.inputAutocompleteAddress__list::-webkit-scrollbar-thumb {
    background-color: #e2e6e9;
    border-radius: 4px
}

.inputAutocompleteAddress__icon {
    background-color: transparent;
    border: none;
    margin: 0;
    outline: none;
    padding: 0
}

.inputAutocompleteAddress .customInput__icon {
    cursor: pointer;
    display: none
}

.inputAutocompleteAddress__button {
    background-color: #fff;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
    outline: none;
    padding: 8px 16px;
    text-align: left
}

.inputAutocompleteAddress__button:hover {
    background-color: #f6f7fe
}

.inputAutocompleteAddress_open .customInput__icon,
.inputAutocompleteAddress_open .inputAutocompleteAddress__list {
    display: block
}

.projectAddressStep__label {
    border-radius: 4px;
    display: block;
    height: 56px;
    overflow: hidden;
    position: relative;
    width: 250px
}

.projectAddressStep__input {
    align-items: center;
    background-color: #f9fafe;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    line-height: 1.4;
    overflow: hidden;
    padding: 10px 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.projectAddressStep__input_withPin {
    padding-left: 44px
}

.projectAddressStep__input:disabled {
    color: #909090
}

.projectAddressStep__pin {
    background-image: url(46e534be9da1ba99d7fd.svg);
    background-repeat: no-repeat;
    height: 20px;
    left: 16px;
    position: absolute;
    top: 18px;
    width: 20px;
    z-index: 3
}

.stepper {
    grid-row-gap: 24px;
    display: grid
}

.stepper__navigation {
    grid-column-gap: 8px;
    display: grid;
    grid-template-columns: 1fr 1fr
}

.stepper__select {
    font-size: 16px;
    line-height: 1.5;
    width: 100%
}

.stepper__selectInput {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(287d2692679a68a951b4.svg);
    background-position: right 16px center;
    background-repeat: no-repeat;
    background-size: 17px 17px;
    border: 1px solid #c1ccf9;
    border-radius: 4px;
    box-sizing: border-box;
    color: #222;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 56px;
    line-height: 1.43;
    outline: 0;
    padding: 16px;
    width: 100%
}

.t8gMue25j_o6gXASFsPA {
    color: #909090;
    z-index: 2
}

.Gul8f5sxtwbuoxQG2LRw {
    display: block;
    margin-right: 8px
}

.Gul8f5sxtwbuoxQG2LRw path {
    fill: #909090
}

.JMDqkptMe8CombMkUHF2 {
    cursor: pointer
}

.RID0Rcm_R5ZQLdR4UzLn {
    align-items: center;
    border: 2px solid #f5f6fe;
    border-radius: 8px;
    display: flex;
    gap: 8px;
    padding: 14px 24px
}

.RID0Rcm_R5ZQLdR4UzLn:has(.mGVyeAXpfMw1YUASs2JE:checked) {
    border-color: #227faa
}

.mGVyeAXpfMw1YUASs2JE {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    display: grid;
    height: 16px;
    place-content: center;
    width: 16px
}

.mGVyeAXpfMw1YUASs2JE:before {
    background-image: url(df22c5ce7325b0ddb899.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 12px;
    transform: scale(0);
    transition: transform .12s ease-in-out;
    width: 12px
}

.mGVyeAXpfMw1YUASs2JE:checked:before {
    transform: scale(1)
}

.ZBW2PRe8yj53KoiRqHdX {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.rLqCujdS9iConO_zFECZ {
    grid-row-gap: 8px;
    display: grid;
    max-width: 190px
}

@media (min-width: 768px) {
    .rLqCujdS9iConO_zFECZ {
        grid-column-gap: 16px;
        grid-auto-rows: min-content;
        grid-template-areas: "cancel return";
        grid-template-columns: repeat(2, auto);
        justify-content: center;
        max-width: none
    }

    .gyBOTvemmFZ1eWdJUy8Z {
        grid-area: cancel
    }

    .lZdp3I1htsvcWXyNFLXG {
        grid-area: return
    }
}

.BGqh5fmo1j8fpsyerLXA {
    display: none;
    position: absolute
}

@media (min-width: 1200px) {
    .BGqh5fmo1j8fpsyerLXA {
        display: block;
        right: -67px;
        top: 10px
    }
}

.plerzeNxqBxWTpqFR7Zf {
    display: block;
    height: 394px;
    position: absolute;
    right: -68px;
    top: 58px;
    width: 205px
}

@media (min-width: 1200px) {
    .plerzeNxqBxWTpqFR7Zf {
        display: none
    }
}

.BxuzWn03jeDLzG6LcfWg {
    height: 127px;
    left: -236px;
    position: absolute;
    top: 16px
}

@media (min-width: 1200px) {
    .BxuzWn03jeDLzG6LcfWg {
        display: none
    }
}

.jQ34l0CODHw1oSmibgQE {
    display: none
}

@media (min-width: 1200px) {
    .jQ34l0CODHw1oSmibgQE {
        display: block;
        height: 152px;
        left: -285px;
        position: absolute;
        top: 18px
    }
}

.gY91Jz2K0OsshT1x3FB1 {
    height: 408px;
    position: relative;
    width: 192px
}

@media (min-width: 1200px) {
    .gY91Jz2K0OsshT1x3FB1 {
        height: 590px;
        width: auto
    }
}

.d4N1ho4k5O15yeZUEgFa {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    margin: 158px auto 0;
    max-width: 800px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 2
}

@media (min-width: 1200px) {
    .d4N1ho4k5O15yeZUEgFa {
        background: hsla(0, 0%, 100%, .97);
        margin: 192px auto 0
    }
}

.kjd3YVOXMXR7VbuU5hDL {
    padding-bottom: 33px
}

@media (max-width: 767.98px) {
    .kjd3YVOXMXR7VbuU5hDL {
        padding-bottom: 64px
    }
}

._7AGjxjgCOUSHSzFXuzZ {
    max-width: 1169px !important;
    overflow: inherit;
    padding: 91px 16px 24px
}

@media (min-width: 768px) {
    ._7AGjxjgCOUSHSzFXuzZ {
        padding: 115px 64px 46px
    }
}

.cZXqzM2V54kD9TMo1uKE {
    --btnFontWeight: 500;
    --btnFontSize: 16px;
    --btnLineHeight: 1.5;
    --btnTextColor: #222;
    --btnPaddingHorizontal: 24px;
    --btnPaddingVertical: 16px;
    --btnBorderWidth: 1px;
    --btnBorderColor: transparent;
    --btnOutlineWidth: 4px;
    --btnOutlineColor: transparent;
    --btnRadius: 4px;
    --btnAnimationTime: 0.2s;
    --btnBackgroundColor: #e9e9e9;
    --btnIconSize: 20px;
    background-color: var(--btnBackgroundColor);
    border: 0;
    border-radius: var(--btnRadius);
    box-shadow: 0 0 0 var(--btnBorderWidth) var(--btnBorderColor) inset;
    color: var(--btnTextColor);
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: var(--btnFontSize);
    font-weight: var(--btnFontWeight);
    line-height: var(--btnLineHeight);
    margin: 0;
    outline: var(--btnOutlineWidth) solid var(--btnOutlineColor);
    outline-offset: 0;
    padding: var(--btnPaddingVertical) var(--btnPaddingHorizontal);
    text-align: center;
    transition: color var(--btnAnimationTime), outline-color var(--btnAnimationTime), background-color var(--btnAnimationTime), box-shadow var(--btnAnimationTime)
}

.ymhtxz6mdumnPA2x4EuE {
    --btnFontSize: 14px;
    --btnLineHeight: 1.43;
    --btnPaddingHorizontal: 16px;
    --btnPaddingVertical: 8px
}

.PDzm39t3Cl16kROJNnW7 {
    --btnFontSize: 16px;
    --btnLineHeight: 1.5;
    --btnPaddingHorizontal: 20px;
    --btnPaddingVertical: 8px
}

.ARFrYhUnYyXeH7XALeMO {
    --btnFontSize: 16px;
    --btnLineHeight: 1.5;
    --btnPaddingHorizontal: 24px;
    --btnPaddingVertical: 16px
}

.AoHs1exdBbmtMkJXStH4 {
    --btnTextColor: #fff;
    --btnBorderWidth: 1px;
    --btnBorderColor: transparent;
    --btnOutlineColor: transparent;
    --btnBackgroundColor: #227faa
}

@media not all and (hover: none) {
    .AoHs1exdBbmtMkJXStH4:hover {
        --btnBorderWidth: 2px;
        --btnBackgroundColor: #227faa
    }
}

.AoHs1exdBbmtMkJXStH4:focus-visible,
.AoHs1exdBbmtMkJXStH4[data-state=focus] {
    --btnBorderWidth: 2px;
    --btnOutlineColor: #feddb9;
    --btnBackgroundColor: #227faa
}

.AoHs1exdBbmtMkJXStH4:active,
.AoHs1exdBbmtMkJXStH4[data-state=active] {
    --btnBorderWidth: 2px;
    --btnBackgroundColor: #e16803
}

.AoHs1exdBbmtMkJXStH4:disabled,
.AoHs1exdBbmtMkJXStH4[data-state=disabled],
.AoHs1exdBbmtMkJXStH4[disabled] {
    --btnBackgroundColor: #fcc58a
}

.ZfVDEwSQP0c8KyoOMzhT {
    --btnTextColor: #103b4f;
    --btnBorderWidth: 1px;
    --btnBorderColor: #c1ccf9;
    --btnOutlineColor: transparent;
    --btnBackgroundColor: #fff
}

@media not all and (hover: none) {
    .ZfVDEwSQP0c8KyoOMzhT:hover {
        --btnBorderWidth: 2px;
        --btnBorderColor: #6d87f1
    }
}

.ZfVDEwSQP0c8KyoOMzhT:focus-visible,
.ZfVDEwSQP0c8KyoOMzhT[data-state=focus] {
    --btnBorderWidth: 2px;
    --btnBorderColor: #6d87f1;
    --btnOutlineColor: #d5ddfb
}

.ZfVDEwSQP0c8KyoOMzhT:active,
.ZfVDEwSQP0c8KyoOMzhT[data-state=active] {
    --btnBorderWidth: 2px;
    --btnBorderColor: #103b4f
}

.ZfVDEwSQP0c8KyoOMzhT:disabled,
.ZfVDEwSQP0c8KyoOMzhT[data-state=disabled],
.ZfVDEwSQP0c8KyoOMzhT[disabled] {
    --btnTextColor: #6d87f1;
    --btnBorderColor: #e9e9e9
}

.t4Z3cct7Vlz9ewVvUqvz {
    --btnTextColor: #103b4f;
    --btnBorderWidth: 1px;
    --btnBorderColor: transparent;
    --btnOutlineColor: transparent;
    --btnBackgroundColor: #fff
}

@media not all and (hover: none) {
    .t4Z3cct7Vlz9ewVvUqvz:hover {
        --btnBorderWidth: 2px;
        --btnBackgroundColor: #f5f6fe
    }
}

.t4Z3cct7Vlz9ewVvUqvz:focus-visible,
.t4Z3cct7Vlz9ewVvUqvz[data-state=focus] {
    --btnBorderWidth: 2px;
    --btnBackgroundColor: #f5f6fe
}

.t4Z3cct7Vlz9ewVvUqvz:active,
.t4Z3cct7Vlz9ewVvUqvz[data-state=active] {
    --btnTextColor: #2548d6;
    --btnBorderWidth: 2px;
    --btnBackgroundColor: #c1ccf9
}

.t4Z3cct7Vlz9ewVvUqvz:disabled,
.t4Z3cct7Vlz9ewVvUqvz[data-state=disabled],
.t4Z3cct7Vlz9ewVvUqvz[disabled] {
    --btnTextColor: #c1ccf9
}

.cZXqzM2V54kD9TMo1uKE [disabled],
.cZXqzM2V54kD9TMo1uKE:disabled {
    cursor: not-allowed;
    pointer-events: none
}

.AQkx2pwq5zUh6y3OZoIe {
    align-items: center;
    display: flex;
    justify-content: center;
    pointer-events: none;
    white-space: nowrap
}

.HJu7cb2fIv4oV3ve8SOm {
    display: flex;
    height: var(--btnIconSize);
    justify-content: center;
    width: var(--btnIconSize)
}

.HJu7cb2fIv4oV3ve8SOm svg {
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.wzb8H6WQKaOw7Qi47ISQ {
    opacity: 0;
    position: absolute;
    transition: opacity var(--btnAnimationTime);
    user-select: none
}

[data-state=processing] .wzb8H6WQKaOw7Qi47ISQ {
    opacity: 1
}

[data-state=processing] .HJu7cb2fIv4oV3ve8SOm:not(.wzb8H6WQKaOw7Qi47ISQ) {
    opacity: 0;
    user-select: none
}

.asXMWjMpBswOgkCkT95e {
    opacity: 1;
    transition: opacity var(--btnAnimationTime)
}

[data-state=processing] .asXMWjMpBswOgkCkT95e {
    opacity: 0;
    user-select: none
}

.RyqxB9G4zpAS6JJUCev0 {
    --logoDisplay: flex;
    --logoWidth: 100%;
    --logoHeight: auto
}

.Dp4CGMEqDLUJcaOd6fA0 {
    display: var(--logoDisplay)
}

.OXXHKJZQfVIqJbfg4sjA {
    height: var(--logoHeight);
    width: var(--logoWidth)
}

.RyqxB9G4zpAS6JJUCev0 {
    --logoWidth: 162px;
    --logoHeight: 34px
}

@media (min-width: 768px) {
    .RyqxB9G4zpAS6JJUCev0 {
        --logoWidth: 202px;
        --logoHeight: 40px
    }

    .RyqxB9G4zpAS6JJUCev0 .wpNjDZjF8aL5g72TzTGQ {
        display: none
    }
}

.RyqxB9G4zpAS6JJUCev0 .Nqhj7PzkdlYgTTlkZ3TS {
    display: none
}

@media (min-width: 768px) {
    .RyqxB9G4zpAS6JJUCev0 .Nqhj7PzkdlYgTTlkZ3TS {
        display: block
    }
}

.vHeVgXHWCr_AUpbzEiC7 {
    display: none;
    position: absolute
}

@media (min-width: 1200px) {
    .vHeVgXHWCr_AUpbzEiC7 {
        display: block;
        right: -67px;
        top: 10px
    }
}

.atnfHqOHT8c8qZDy6fi6 {
    display: block;
    height: 394px;
    position: absolute;
    right: -68px;
    top: 58px;
    width: 205px
}

@media (min-width: 1200px) {
    .atnfHqOHT8c8qZDy6fi6 {
        display: none
    }
}

.I1xcqzAtHwzSuwfQgA4o {
    height: 127px;
    left: -236px;
    position: absolute;
    top: 16px
}

@media (min-width: 1200px) {
    .I1xcqzAtHwzSuwfQgA4o {
        display: none
    }
}

.tEiPM19KfR6gxryEzJtw {
    display: none
}

@media (min-width: 1200px) {
    .tEiPM19KfR6gxryEzJtw {
        display: block;
        height: 152px;
        left: -285px;
        position: absolute;
        top: 18px
    }
}

.wBgkqNPuit8rW6DkCJ7g {
    height: 408px;
    position: relative;
    width: 192px
}

@media (min-width: 1200px) {
    .wBgkqNPuit8rW6DkCJ7g {
        height: 590px;
        width: auto
    }
}

.y7wbaMQFLTJxBeGQue5k {
    grid-row-gap: 8px;
    display: grid;
    max-width: 190px
}

@media (min-width: 768px) {
    .y7wbaMQFLTJxBeGQue5k {
        grid-column-gap: 16px;
        grid-auto-rows: min-content;
        grid-template-areas: "cancel return";
        grid-template-columns: repeat(2, auto);
        justify-content: center;
        max-width: none
    }

    .OBsQ0J0bUaSv_SEogseA {
        grid-area: cancel
    }

    .Xolu9QwlqgXY9Hm9s5A8 {
        grid-area: return
    }
}

.sZXBPG8p28hHBCJDdJAd {
    border: none;
    margin: 0
}

.g5n0RB5VSMnoyo4c5wzz>:not([id=root]) {
    display: none
}