@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");

* {

    border: 0;

    margin: 0;

    padding: 0;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



html,

body {

    height: 100%;

    border: 0;

    margin: 0;

    padding: 0;

    font-family: "Inter", sans-serif;

    font-size: 62.5%;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    text-size-adjust: 100%;

    text-rendering: optimizeLegibility;

    background: #fff;

}



body {

    min-height: 100%;

    font-size: 16px;

    line-height: 22px;

    color: #212b36;

}



button {

    display: inline-block !important;

    padding: 15px 30px !important;

    border-radius: 4px !important;

    font-family: "Inter", sans-serif !important;

    font-weight: 700 !important;

    font-size: 1em !important;

    line-height: 1.133 !important;

    -webkit-font-smoothing: antialiased !important;

    transition: 150ms ease !important;

    transition-property: background-color, border-color, box-shadow, color !important;

    text-align: center !important;

    -webkit-user-select: none !important;

    user-select: none !important;

    -webkit-appearance: none !important;

    -moz-appearance: none !important;

    appearance: none !important;

    cursor: pointer !important;

    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15) !important;

    background-color: #213fd4 !important;

    color: #ffffff !important;

    border-width: 1px !important;

    border-style: solid !important;

    border-color: transparent !important;

    margin: 1.5rem 0 !important;

}



button:hover,

button:focus {

    background-color: #213fd4 !important;

    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25) !important;

}



button:focus {

    box-shadow: 0 0 0.1875em 0.1875em #213fd4 !important;

    text-decoration: none !important;

    outline: 0 !important;

}



a {

    color: #479ccf;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: "EB Garamond", serif;

    text-align: left;

    margin: 0 0 1rem 0;

    color: #31373d;

    font-weight: 700;

}



h1 {

    font-size: 42px;

    line-height: 44px;

    font-weight: 500;

}



h2 {

    font-size: 3.2rem;

    font-weight: 300;

    line-height: 30px;

}



h3 {

    font-size: 17px;

    line-height: 30px;

    position: relative;

    padding-bottom: 18px;

    margin-bottom: 22px;

    font-weight: 400;

}



h3:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    height: 2px;

    width: 76px;

    background: #eaeaea;

}



h4 {

    font-size: 14px;

    margin-bottom: 3px;

}



img {

    max-width: 100%;

}



.logo {

    width: 117px;

    height: 34px;

}



li {

    margin-bottom: 5px;

}



.wrapper {

    box-sizing: border-box;

    max-width: calc(410px + 4rem);

    min-height: calc(100vh - 5rem);

    margin: 0 auto;

    padding: 0 2rem;

    padding-top: 20vh;

    padding-bottom: 6rem;

}



.form-section {

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    margin: -8px -8px 0 -8px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

}



.form-wrapper {

    box-sizing: border-box;

    margin: 0;

    display: flex;

    flex-direction: column;

    padding: 8px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

}



.label-wrapper {

    align-items: baseline;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin: 0 -4px;

}



.label-wrapper label {

    display: block !important;

    font-size: 16px !important;

    line-height: 100% !important;

    margin-bottom: 10px !important;

}



.label-wrapper > * {

    margin: 0 4px 4px 4px;

}



.description {

    color: #6c6c6c;

}



.form-input {

    outline: none !important;

    max-height: 60px !important;

    padding: 15px !important;

    border-color: #8996a3 !important;

    box-shadow: 0 0 0 0.1rem transparent !important;

    min-width: 75px;

    height: auto !important;

    margin: 0;

    border: 1px solid #c4cdd5 !important;

    border-radius: 3px !important;

    text-transform: initial;

    letter-spacing: initial;

    box-sizing: border-box;

    display: block;

    width: 100% !important;

    transition: box-shadow 100ms cubic-bezier(0.64, 0, 0.35, 1), border-color 100ms cubic-bezier(0.64, 0, 0.35, 1), -webkit-box-shadow 100ms cubic-bezier(0.64, 0, 0.35, 1) !important;

    background: transparent !important;

    color: #000 !important;

}



.form-input:focus {

    border-color: #213fd4 !important;

    box-shadow: 0 0 0 0.1rem #213fd4 !important;

    border: 1px solid #213fd4 !important;

    margin-bottom: -0.1px !important;

}



.form-input.with-error {

    background-color: #fbeae5 !important;

    border-color: #bf0711 !important;

}



.form-input.with-error:focus {

    border: 1px solid #98050d !important;

    box-shadow: 0 0 0 0.1rem transparent !important;

}



.error-icon {

    align-self: start;

    -webkit-align-self: flex-start;

    flex-shrink: 0;

    width: 20px;

    height: 20px;

    margin-right: 4px;

    fill: #de3618;

    font-size: 1.5rem;

}



.error-message {

    color: #bf0711;

    font-size: 1.5rem;

}



.error-container {

    margin-top: 0.8rem;

}



.hero {

    margin-bottom: 30px;

}



.content--block {

    position: relative;

    margin-bottom: 32px;

}



.notification {

    display: inline-flex;

}

.rwa-custom-logo {

    display: block;

    max-width: 100px;

    width: 100%;

    height: 100px;

    object-fit: contain;

}

.rwa-notice {

    display: block;

    background-color: #eff2ff;

    padding: 10px;

    border-radius: 5px;

    color: #000;

    text-align: center;

}

.wrapper.rwa-layout-left .content--block h2,
.wrapper.rwa-layout-left .content--block .description,
.wrapper.rwa-layout-left .content--block form,
.wrapper.rwa-layout-left .hero {
    text-align: left !important;
}
.wrapper.rwa-layout-center .content--block h2,
.wrapper.rwa-layout-center .content--block .description,
.wrapper.rwa-layout-center .content--block form,
.wrapper.rwa-layout-center .hero {
    text-align: center !important;
}
.wrapper.rwa-layout-center .hero img {
    margin: auto !important;
}
.wrapper.rwa-layout-right .content--block h2,
.wrapper.rwa-layout-right .content--block .description,
.wrapper.rwa-layout-right .content--block form,
.wrapper.rwa-layout-right .hero {
    text-align: right !important;
}
.wrapper.rwa-layout-right .content--block .label-wrapper {
    justify-content: end !important;
}
.wrapper.rwa-layout-right .hero img {
    margin: 0 0 0 auto !important;
}



@media all and (min-width: 500px) {

    .ico svg {

        width: 40px;

        height: 40px;

        margin-bottom: 0;

    }



    .hero {

        margin-bottom: 70px;

    }

}



@media (max-height: 1024px) and (max-width: 600px) {

    .wrapper {

        padding-top: 2rem;

    }

}