*,
*::before,
*::after {
    box-sizing: border-box;
    font-family: 'Belfius21', Arial, Helvetica, sans-serif;
}

body {
    padding: 0;
    margin: 0;
}

header {
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 100;
    display: block;
    background: #E80953;
    height: 92px;
}

h1 {
    font-size: 1.75rem;
    line-height: 2rem;
    font-weight: 400;
    text-align: center;
}

h2 {
    font-size: 1.5rem;
    line-height: 1.7rem;
    font-weight: 400;
    text-align: center;
}


header nav.navbar div.navbar-container {
    display: flex;
    max-width: 58.33%;
    margin: 0px auto;
    position: absolute;
    top: 0;
    width: calc(100% - 40px);
    left: 0;
    right: 0;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}

    header nav.navbar div.navbar-container a.navbar-brand {
        display: block;
        background-size: 100%;
        width: 113px;
        height: 58px;
        background-repeat: no-repeat;
        position: relative;
    }

    header nav.navbar div.navbar-container a.navbar-brand {
        background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22Layer_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20349.6%20178.63%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Layer_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M92.57%2C3.81h18.99c9.67%2C0%2C15.01%2C4.15%2C15.01%2C10.8%2C0%2C4.33-2.2%2C7.48-5.34%2C9.14%2C4.45%2C1.36%2C7.48%2C4.87%2C7.48%2C10.33%2C0%2C7.12-5.4%2C11.27-15.96%2C11.27h-20.18V3.81h0ZM110.84%2C21.61c5.76%2C0%2C9.02-2.08%2C9.02-6.17s-3.26-6.23-9.02-6.23h-11.63v12.4h11.63ZM112.39%2C39.95c6.23%2C0%2C9.61-1.96%2C9.61-6.47s-3.38-6.47-9.61-6.47h-13.17v12.94h13.17Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M133.98%2C29.56c0-9.38%2C6.82-16.14%2C16.08-16.14s15.73%2C6.59%2C15.73%2C16.38c0%2C.53-.06%2C1.36-.12%2C1.96h-25.28c.83%2C5.04%2C5.04%2C8.37%2C10.98%2C8.37%2C3.62%2C0%2C6.59-1.19%2C8.84-3.68l3.5%2C4.15c-2.85%2C3.32-7.24%2C5.1-12.52%2C5.1-10.38%2C0-17.21-6.71-17.21-16.14h0ZM159.68%2C27.19c-.59-4.93-4.45-8.31-9.61-8.31s-8.96%2C3.32-9.67%2C8.31h19.29-.01Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M173.38%2C1.31h6.41v44.03h-6.41V1.31Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M189.07%2C13.78v-2.31c0-6.35%2C3.86-10.5%2C10.86-10.5%2C2.49%2C0%2C4.87.53%2C6.47%2C1.72l-1.9%2C4.93c-1.13-.83-2.61-1.42-4.21-1.42-3.26%2C0-4.93%2C1.84-4.93%2C5.34v2.25h8.96v5.28h-8.84v26.29h-6.41V13.79h0ZM215.81%2C0c2.37%2C0%2C4.21%2C1.72%2C4.21%2C3.92%2C0%2C2.37-1.78%2C4.15-4.21%2C4.15s-4.21-1.72-4.21-4.04c0-2.2%2C1.84-4.04%2C4.21-4.04h0ZM212.61%2C13.78h6.41v31.57h-6.41V13.78Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M228.1%2C31.87V13.77h6.41v17.39c0%2C5.88%2C2.91%2C8.84%2C8.01%2C8.84%2C5.64%2C0%2C9.32-3.44%2C9.32-10.03V13.77h6.41v31.57h-6.11v-4.21c-2.37%2C2.97-6.17%2C4.57-10.38%2C4.57-8.19%2C0-13.65-4.39-13.65-13.83h-.01Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M265.77%2C42.14l2.67-5.1c2.73%2C1.84%2C7%2C3.2%2C11.04%2C3.2%2C4.92%2C0%2C7.06-1.48%2C7.06-3.92%2C0-6.53-19.76-.59-19.76-13.17%2C0-5.93%2C5.34-9.73%2C13.47-9.73%2C4.15%2C0%2C8.9%2C1.07%2C11.69%2C2.85l-2.73%2C5.04c-2.91-1.78-5.99-2.37-9.02-2.37-4.69%2C0-7.06%2C1.6-7.06%2C3.92%2C0%2C6.88%2C19.76%2C1.01%2C19.76%2C13.35%2C0%2C5.88-5.46%2C9.49-13.89%2C9.49-5.28%2C0-10.5-1.54-13.23-3.56h0Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M0%2C97.52c0-21.45%2C14.91-35.57%2C35.44-35.57%2C9.15%2C0%2C17.39%2C3.27%2C23.15%2C9.94v-36.62h14.12v97.04h-13.47v-9.81c-5.62%2C7.19-14.12%2C10.59-23.8%2C10.59C14.91%2C133.09%2C0%2C118.97%2C0%2C97.52h0ZM36.62%2C120.8c12.56%2C0%2C22.23-9.16%2C22.23-23.28s-9.68-23.15-22.23-23.15-22.36%2C9.02-22.36%2C23.15%2C9.68%2C23.28%2C22.36%2C23.28Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M90.63%2C62.73h14.12v69.58h-14.12V62.73Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M120.62%2C62.73h13.47v10.72c4.58-7.59%2C13.21-11.51%2C24.98-11.51v13.73c-1.18-.13-2.22-.13-3.27-.13-12.95%2C0-21.06%2C7.72-21.06%2C22.63v34.13h-14.12V62.72h0Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M162.26%2C105.65c-3.72-20.33%2C8.38-37.7%2C28.45-41.38%2C19.94-3.65%2C36.71%2C8.03%2C40.59%2C29.26.21%2C1.16.41%2C2.98.52%2C4.29l-54.8%2C10.04c3.8%2C10.6%2C12.2%2C15.16%2C25.28%2C15.16%2C6.53%2C0%2C14.71-3.35%2C17.55-8.45l7.61%2C9.16c-8.83%2C6.82-14.11%2C9.36-21.49%2C10.08-22.78%2C2.21-39.97-7.7-43.72-28.16h.01ZM217.02%2C90.3c-3.24-10.44-12.95-16.24-24.14-14.19s-18.11%2C10.76-17.67%2C21.85l41.81-7.66h0Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M236.69%2C97.52c0-20.79%2C15.56-35.57%2C37.14-35.57%2C12.95%2C0%2C23.54%2C5.36%2C28.9%2C15.56l-10.85%2C6.67c-4.32-6.67-10.86-9.81-18.18-9.81-12.95%2C0-22.76%2C8.89-22.76%2C23.15s9.81%2C23.28%2C22.76%2C23.28c7.32%2C0%2C13.86-3.01%2C18.18-9.81l10.85%2C6.67c-5.36%2C9.94-15.96%2C15.43-28.9%2C15.43-21.58%2C0-37.14-14.78-37.14-35.57h0Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M310.95%2C62.73v-15.3h14.12v15.3h19.49v11.64h-19.49v35.83c0%2C7.06%2C3.79%2C11.12%2C10.46%2C11.12%2C3.53%2C0%2C6.93-1.18%2C9.42-3.14l4.32%2C10.2c-3.92%2C3.14-9.68%2C4.71-15.43%2C4.71-14.52%2C0-22.89-7.85-22.89-22.5v-47.87h0Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M2.51%2C150.64h3.17l10.63%2C24.11%2C10.71-24.11h2.97l-12.29%2C27.76h-2.9l-12.29-27.76h0Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M53.63%2C175.86v2.54h-19.63v-27.76h19.04v2.54h-16.1v9.88h14.36v2.5h-14.36v10.31h16.7%2C0Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M60.54%2C150.64h10.39c7.06%2C0%2C11.34%2C3.57%2C11.34%2C9.52%2C0%2C4.36-2.3%2C7.42-6.35%2C8.72l6.78%2C9.52h-3.21l-6.34-8.92c-.71.08-1.43.12-2.22.12h-7.46v8.8h-2.93v-27.76h0ZM70.85%2C167.09c5.55%2C0%2C8.49-2.58%2C8.49-6.94s-2.94-6.98-8.49-6.98h-7.38v13.92h7.38Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M86.48%2C176.37l18.4-23.2h-18.12v-2.54h22.01v2.02l-18.36%2C23.2h18.84v2.54h-22.76v-2.02h-.01Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M134.67%2C175.86v2.54h-19.63v-27.76h19.04v2.54h-16.1v9.88h14.36v2.5h-14.36v10.31h16.7-.01Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M141.57%2C150.64h2.93v16.78l16.3-16.78h3.37l-12.02%2C12.57%2C12.85%2C15.19h-3.49l-11.34-13.05-5.67%2C5.75v7.3h-2.93v-27.76Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M189.4%2C175.86v2.54h-19.63v-27.76h19.04v2.54h-16.1v9.88h14.36v2.5h-14.36v10.31h16.7-.01Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M196.31%2C150.64h10.39c7.06%2C0%2C11.34%2C3.57%2C11.34%2C9.52%2C0%2C4.36-2.3%2C7.42-6.34%2C8.72l6.78%2C9.52h-3.21l-6.35-8.92c-.71.08-1.43.12-2.22.12h-7.46v8.8h-2.94v-27.76h0ZM206.62%2C167.09c5.55%2C0%2C8.49-2.58%2C8.49-6.94s-2.93-6.98-8.49-6.98h-7.38v13.92h7.38Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M224.98%2C150.64h2.94v27.76h-2.94v-27.76Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M236.96%2C150.64h2.42l17.88%2C22.53v-22.53h2.9v27.76h-2.42l-17.85-22.53v22.53h-2.94v-27.76h.01Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M266.75%2C164.52c0-8.13%2C6.19-14.12%2C14.67-14.12%2C4.2%2C0%2C7.85%2C1.35%2C10.31%2C4l-1.82%2C1.86c-2.34-2.3-5.12-3.25-8.37-3.25-6.86%2C0-11.9%2C4.88-11.9%2C11.5s5.04%2C11.5%2C11.86%2C11.5c2.66%2C0%2C5.12-.59%2C7.26-2.14v-9.36h2.82v10.59c-2.62%2C2.34-6.34%2C3.53-10.19%2C3.53-8.45%2C0-14.63-5.99-14.63-14.12h-.01Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M319.5%2C175.86v2.54h-19.63v-27.76h19.04v2.54h-16.1v9.88h14.36v2.5h-14.36v10.31h16.7-.01Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M326.4%2C150.64h2.42l17.88%2C22.53v-22.53h2.9v27.76h-2.42l-17.85-22.53v22.53h-2.94v-27.76h0Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    }



header div.navbar .nav-link {
    text-decoration: underline;
    padding: 0.5rem 2rem;
    display: none;
}


.hide {
    visibility: hidden;
}

.navbar-phone {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.5rem;
}

    .navbar-phone:before {
        content: '';
        width: 17px;
        height: 17px;
        display: block;
        position: absolute;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192.19 192'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23fff;%7d%3c/style%3e%3c/defs%3e%3cg id='Layer_1-2'%3e%3cpath class='cls-1' d='m52,0c6.25,2.34,9.49,7.22,11.82,13.2,3.86,9.89,8.09,19.63,12.14,29.45,3.9,9.45,2.28,15.54-5.72,21.94-4.41,3.53-8.75,7.16-13.19,10.66-1.96,1.54-2.48,2.87-1.26,5.43,11.46,24.03,34.41,46.48,58.94,57.12,4.44-5.39,8.9-10.94,13.5-16.36,6.54-7.69,11.95-9.03,21.17-5.26,10.6,4.33,21.18,8.71,31.72,13.18,9.66,4.1,12.84,10.69,10.17,20.8-2.5,9.46-5.13,18.89-7.62,28.35-1.8,6.81-6.01,11.27-12.66,13.48h-16c-7.81-1.36-15.77-2.18-23.42-4.15C65.21,170.76,22.75,129.21,5.03,62.9c-2.6-9.72-3.4-19.92-5.03-29.9,0-3.67,0-7.33,0-11C2.63,13.55,8.72,9.59,17.11,7.66,25.87,5.64,34.38,2.6,43,0c3,0,6,0,9,0Z'/%3e%3c/g%3e%3c/svg%3e");
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: -27px;
    }

    .navbar-phone span span {
        display: block;
        font-weight: 500;
    }

    .navbar-phone span a {
        display: block;
        color: #fff;
        cursor: pointer;
    }

        .navbar-phone span a:hover {
            text-decoration: underline;
        }


main {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 130px 0px 00px 0px;
    margin: 0px auto;
    max-width: 58.33%;
}

.funnel-title {
    width: calc(100% - 20%);
    max-width: 1170px;
    margin: 0px auto;
    font-weight: 700;
    text-align: center;
    word-break: break-word;
    margin-bottom: 20px;
    font-family: 'Belfius21', Helvetica, Arial sans-serif;
    font-size: 2.1rem;
    line-height: 2.4rem;
}

h5 {
    max-width: 1210px;
    margin: 40px auto 0px auto;
    text-align: center;
    word-break: break-word;
    font-family: "Belfius21", Helvetica, arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    padding: 0px 30px;
}

h6 {
    max-width: 1210px;
    margin: 40px auto 0px auto;
    text-align: center;
    word-break: break-word;
    font-family: "Belfius21", Helvetica, arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    padding: 0px 30px;
}

ul {
    font-family: "Belfius21", Helvetica, arial, sans-serif;
    font-size: 1rem;
}

    ul li {
        margin-bottom: 10px;
    }

.sms__container {
    width: calc(100% - 40px);
    max-width: 410px;
    margin: 30px auto;
}

.sms__container-input input {
    min-height: 50px;
    font-size: 1.3rem;
    line-height: 1.3rem;
    border: 2px solid rgba(29, 41, 72, 0.0778792);
    border-radius: 12px;
    padding: 15px 20px 15px 20px;
    width: 100%;
    margin: 0px auto 20px auto;
    box-shadow: 0px 15px 44px rgb(29 41 72 / 8%);
    font-family: "Belfius21", Helvetica, arial, sans-serif;
}

    .sms__container-input input#code {
        padding: 15px 20px;
        margin: 0px auto 20px auto;
    }

    .sms__container-input input:-webkit-autofill,
    .sms__container-input input:-webkit-autofill:hover,
    .sms__container-input input:-webkit-autofill:focus {
        -webkit-text-fill-color: #000000;
        -webkit-box-shadow: 0 0 0px 40rem #ffff inset;
    }

    .sms__container-input input:focus {
        outline: 1px solid #d60f3c;
        /* outline: none; */
    }

    .sms__container-input input.is-invalid {
        color: #d60f3c;
    }

.sms__container label {
    max-width: 400px;
    margin: 20px auto 10px auto;
    font-size: 1rem;
    line-height: 1.3rem;
    color: #333333;
    font-weight: 600;
    display: block;
}

.sms__container a {
    font-family: "Belfius21", Helvetica, arial, sans-serif;
    max-width: 400px;
    line-height: 1.5rem;
    color: #333333;
    font-weight: bold;
    cursor: pointer;
}

    .sms__container a:hover {
        text-decoration: underline;
    }

.sms__container button {
    background: #C30045;
    border: none;
    border-radius: 26px;
    min-height: 44px;
    padding: 0px 35px;
    font-weight: 600;
    line-height: 1rem;
    color: #ffffff;
    height: fit-content;
    margin-left: auto;
    width: 100%;
    cursor: pointer;
}

    .sms__container button:hover {
        background: linear-gradient(180deg, #b0003e 7.75%, #b0003e 82.69%);
    }

    .sms__container button:disabled {
        background: grey;
        cursor: default;
    }

#emailErrorMessage {
    color: red;
    margin: 15px 0px 0px 0px;
}

#codeErrorMessage {
    color: red;
}

#step2 p {
    font-family: "Belfius21", Helvetica, arial, sans-serif;
    font-size: 1rem;
}

.d-none {
    display: none;
}

#infoText,
#mobileNotFound {
    text-align: center;
}

    #infoText p,
    #pageDescription p {
        font-size: 1rem;
        line-height: 1.3rem;
        text-align: center;
    }

#backBtn {
    align-self: flex-start;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDEzIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2MzMDA0NTt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IkxheWVyXzEtMiI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNi41LDEzYy0uMzgsMC0uNzctLjE1LTEuMDYtLjQ0TC40NCw3LjU2Yy0uNTktLjU5LS41OS0xLjU0LDAtMi4xMkw1LjQ0LjQ0Yy41OS0uNTksMS41NC0uNTksMi4xMiwwLC41OS41OS41OSwxLjU0LDAsMi4xMmwtMy45NCwzLjk0LDMuOTQsMy45NGMuNTkuNTkuNTksMS41NCwwLDIuMTItLjI5LjI5LS42OC40NC0xLjA2LjQ0WiIvPjwvZz48L3N2Zz4=);
    min-width: 10px;
    height: 17px;
    background-color: transparent;
    border: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
    font-size: 1rem;
    margin-bottom: 40px;
    cursor: pointer;
}

#nocode {
    font-size: 1.5rem;
}

#delay {
    font-weight: bold;
}

.info-button {
    position: absolute;
    display: inline-block;
    cursor: pointer;
    background: transparent;
    color: red;
    border: 2px solid red;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 18px;
    margin-left: 10px;
    margin-top: 3px;
}

.tooltip {
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
    color: #000;
    text-align: center;
    border-radius: 5px;
    padding: 6px 8px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    transition: opacity 0.2s ease;
    font-size: 13px;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.info-button:hover .tooltip {
    visibility: visible;
    opacity: 1;
}

.tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
}

.sms__container-input-separate {
    display: flex;
    justify-content: space-between;
    margin: 10px 0px 30px 0px;
}

    .sms__container-input-separate input {
        width: 14%;
        border-radius: 10px;
        background: transparent;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 60px;
        text-align: center;
        font-size: 1.5rem;
        border: 2px solid #D1D5DB;
        outline: 1px solid black;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMSIgdmlld0JveD0iMCAwIDMzIDEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxsaW5lIHkxPSIwLjUiIHgyPSIzMyIgeTI9IjAuNSIgc3Ryb2tlPSIjRDFENURCIi8+Cjwvc3ZnPgo=");
        background-repeat: no-repeat;
        background-size: 70%;
        background-position: center 80%;
        -moz-appearance: textfield;
    }

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

        .sms__container-input-separate input:disabled {
            outline: none;
        }

@media screen and (max-width: 768px) {

    header nav.navbar div.navbar-container {
        max-width: calc(100% - 30px);
    }

    .funnel-title {
        font-size: 1.5rem;
        line-height: 1.7rem;
        margin: 30px auto 0px auto;
    }

    main {
        max-width: calc(100% - 30px);
    }

    .sms__container h5 {
        margin: 30px auto 20px auto;
        font-size: 1.3rem;
        line-height: 1.8rem;
    }

    .sms__container label, .sms__container a {
        font-size: 1.2rem;
        line-height: 1.4rem;
    }
}

@media screen and (max-width: 640px) {
    header {
        position: absolute;
    }

    main {
        padding: 170px 0px 0px 0px !important;
    }
}