/*fonts*/

@font-face {
    font-family: 'Gilroy-Medium';
    src: url('https://www.bnc.ca/etc.clientlibs/web-sites-bncr/clientlibs/clientlib-site/theme/resources/fonts/Gilroy/Gilroy-Medium.eot');
    src: url('https://www.bnc.ca/etc.clientlibs/web-sites-bncr/clientlibs/clientlib-site/theme/resources/fonts/Gilroy/Gilroy-Medium.eot?#iefix') format('embedded-opentype'), url('https://www.bnc.ca/etc.clientlibs/web-sites-bncr/clientlibs/clientlib-site/theme/resources/fonts/Gilroy/Gilroy-Medium.woff2') format('woff2'), url('https://www.bnc.ca/etc.clientlibs/web-sites-bncr/clientlibs/clientlib-site/theme/resources/fonts/Gilroy/Gilroy-Medium.woff') format('woff'), url('https://www.bnc.ca/etc.clientlibs/web-sites-bncr/clientlibs/clientlib-site/theme/resources/fonts/Gilroy/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal
}


@font-face {
    font-family: 'Gilroy-Bold';
    src: url('https://www.bnc.ca/etc.clientlibs/web-sites-bncr/clientlibs/clientlib-site/theme/resources/fonts/Gilroy/Gilroy-Bold.eot');
    src: url('https://www.bnc.ca/etc.clientlibs/web-sites-bncr/clientlibs/clientlib-site/theme/resources/fonts/Gilroy/Gilroy-Bold.eot?#iefix') format('embedded-opentype'), url('https://www.bnc.ca/etc.clientlibs/web-sites-bncr/clientlibs/clientlib-site/theme/resources/fonts/Gilroy/Gilroy-Bold.woff2') format('woff2'), url('https://www.bnc.ca/etc.clientlibs/web-sites-bncr/clientlibs/clientlib-site/theme/resources/fonts/Gilroy/Gilroy-Bold.woff') format('woff'), url('https://www.bnc.ca/etc.clientlibs/web-sites-bncr/clientlibs/clientlib-site/theme/resources/fonts/Gilroy/Gilroy-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal
}


@font-face {
    font-family: 'Gilroy-SemiBold';
    src: url('https://www.bnc.ca/etc.clientlibs/web-sites-bncr/clientlibs/clientlib-site/theme/resources/fonts/Gilroy/Gilroy-SemiBold.eot');
    src: url('https://www.bnc.ca/etc.clientlibs/web-sites-bncr/clientlibs/clientlib-site/theme/resources/fonts/Gilroy/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'), url('https://www.bnc.ca/etc.clientlibs/web-sites-bncr/clientlibs/clientlib-site/theme/resources/fonts/Gilroy/Gilroy-SemiBold.woff2') format('woff2'), url('https://www.bnc.ca/etc.clientlibs/web-sites-bncr/clientlibs/clientlib-site/theme/resources/fonts/Gilroy/Gilroy-SemiBold.woff') format('woff'), url('https://www.bnc.ca/etc.clientlibs/web-sites-bncr/clientlibs/clientlib-site/theme/resources/fonts/Gilroy/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal
}


@font-face {
    font-family: 'Gilroy-Regular';
    src: url('https://www.bnc.ca/etc.clientlibs/web-sites-bncr/clientlibs/clientlib-site/theme/resources/fonts/Gilroy/Gilroy-Regular.eot');
    src: url('https://www.bnc.ca/etc.clientlibs/web-sites-bncr/clientlibs/clientlib-site/theme/resources/fonts/Gilroy/Gilroy-Regular.eot?#iefix') format('embedded-opentype'), url('https://www.bnc.ca/etc.clientlibs/web-sites-bncr/clientlibs/clientlib-site/theme/resources/fonts/Gilroy/Gilroy-Regular.woff2') format('woff2'), url('https://www.bnc.ca/etc.clientlibs/web-sites-bncr/clientlibs/clientlib-site/theme/resources/fonts/Gilroy/Gilroy-Regular.woff') format('woff'), url('https://www.bnc.ca/etc.clientlibs/web-sites-bncr/clientlibs/clientlib-site/theme/resources/fonts/Gilroy/Gilroy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

/*general settings*/
@-ms-viewport {
    width: device-width;
}

a {
    color: #1572c5;
    text-decoration: none;
}

body {
    background-color: #eef6fb;
    color: #000000;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    margin: 0 auto !important;
    max-width: 100% !important;
    min-width: 100% !important;
    overflow: hidden;
    padding: 0 !important;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

div,
p,
span {
    color: rgb(0, 0, 0);
    font-family: system-ui, "Gilroy-Regular";
}

td,
h1,
h2,
h3,
p,
span {
    mso-line-height-rule: exactly;
}

p {
    margin: 0;
}

.ta-c {
    text-align: center;
}

/*containers*/
.blue-bg-container {
    background-color: #e1f1ff;
    border-radius: 8px;
    margin-bottom: 32px;
}

.flex-container {
    align-items: stretch;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 960px;
}

.flow-button-container {
    display: flex;
    justify-content: center;
}

.form-container {
    background-color: #fff;
    border-radius: 8px;
}

.full-page {
    box-sizing: border-box;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 50px;
    padding-top: 65px;
    width: 100vw;
}

.language-container {
    display: flex;
    flex-direction: row;
    column-gap: 64px;
}

.personal-info-screen-buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 48px;
    width: 100%;
}

.recaptcha-container {
    margin: 32px 0;
}

.returning-customer-container {
    background-color: #e1f1ff;
    column-gap: 32px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.small-container {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 80px 32px 32px 32px;
    row-gap: 12px;
    max-width: 716px;
}

.text-input-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex: 1;
}

/*buttons*/

.back-button img {
    display: none;
}

.black-button {
    background-color: transparent;
    border: 1px solid #2b2d31;
    color: #2b2d31;
}

.black-button p {
    color: #2b2d31;
}

.blue-button {
    align-items: center;
    background-color: #1572c5;
    color: white;
    display: flex;
    justify-content: center;
    padding: 8px 3;
}

.blue-button a {
    color: #fff;
}

.blue-button:hover {
    background-color: #105797;
}

button {
    border: solid 1px #1572c5;
    border-radius: 24px;
    cursor:pointer;
    letter-spacing: normal;
    line-height: normal;
    font-family: 'Gilroy-Medium';
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 600;
    line-height: 1.5;
    padding: 8px 32px;
}

.button-nobg {
    align-items: center;
    align-self: center;
    background-color: transparent;
    border: solid 1px #1572c5;
    border-radius: 24px;
    color: #1572c5;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 4px 24px;
}

.button-top-mobile {
    background-color: #eef6fb;
    border: 0;
    border-collapse: separate;
    border-radius: 50%;
    display: none;
    outline: none;
    padding: 8px;
}

#error-container .blue-button,
#return-button {
    margin-top: 16px;
}

#close-email-address-not-found-modal {
    margin-top: 40px;
}

.white-button,
.white-button p {
    background-color: transparent;
    color: #1572c5;
}

.white-button:hover,
.white-button:hover p,
.button-nobg:hover {
    background-color: #1572c5;
    color: #fff;
}

/*checkboxes*/

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid #999ea7;
    border-radius: 50%;
}

.checkbox-container {
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.checkbox-desc {
    display: flex;
    flex-direction: column;
}

.checkbox-details {
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    margin-top: 10px;
}

input {
    text-indent: 10px;
}

input[type=checkbox] {
    display: none;
}

input[type=checkbox]:not(:checked)+label {
    border: solid 2px #999ea7;
    border-radius: 4px;
    box-sizing: border-box;
    height: 24px;
    padding: 0 0 0 0px;
    width: 24px;
}

input[type=checkbox]:not(:checked)+label>.checkbox-img {
    display: none;
}

input[type=checkbox]:checked+label {
    background: #1572c5;
    height: 24px;
    width: 24px;
    padding: 0 0 0 0px;
    border-radius: 4px;
    border: none;
}

.input-checkbox {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    border: solid 1px #bbbbbb;
    background-color: #ffffff;
}

.list-container {
    display: flex;
    column-gap: 10%;
    flex-wrap: wrap;
}

.list-element, .list-element.pb-medium {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding-bottom: 16px;
    width: 45%;
}

/*texts*/
.blue-text {
    color: #1572c5;
    margin: 32px 0px;
}

.consents-clause p {
    color: #386c93;
    font-weight: 500;
}

.footer p {
    color: #50545d;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    margin: 0;
}

h1 {
    font-family: 'Gilroy-SemiBold';
    font-size: 37px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
}

h1.header-confirmation {
    font-family: 'Gilroy-SemiBold';
}

h3 {
    font-family: 'Gilroy-SemiBold';
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2;
}

h4 {
    font-family: 'Gilroy-SemiBold';
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
}

h6 {
    font-family: 'Gilroy-SemiBold';
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
}

.header-confirmation {
    color: #048037;
    text-align: center;
}

.subheader {
    color: #000000;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    max-width: 600px;
    text-align: center;
}

.text-confirmation {
    font-size: 16px;
    line-height: 1.5;
    padding: 0 44px;
}

.text-error-link {
    color: #105797;
    font-family: system-ui, "Gilroy-Regular";
    font-size: 14px;
    line-height: 1.5;
    margin-top: 4px;
    text-align: left;
    text-decoration: underline;
}

.text-md-semibold {
    font-family: system-ui, "Gilroy-Regular";
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    text-align: left;
}

.text-medium {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    color: var(--black);
}

.text-large {
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
}

.text-small {
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
}

.title {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.two-line-text {

    display: flex;
    flex-direction: column;
    gap: 6px;
    line-height: 1.5;
}


/*errors*/

.error {
    align-items: flex-start;
    color: #c00011;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    gap: 6px;
    letter-spacing: normal;
    line-height: normal;
    margin-top: 5px;
    scroll-margin-top: 30vh;
    text-align: left;
}

.error>p {
    color: #c00011;
}

.error-alert-container {
    align-items: flex-start;
    background-color: #ffccd1;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: flex-start;
    max-width: 960px;
    margin: 48px auto 0;
    padding: 16px 12px 16px 16px;
    scroll-margin-top: 30vh;
}

#error-container {
    align-items: center;
    background-color: #eef6fb;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-items: flex-start;
    margin: 0 auto;
    max-width: 650px;
    padding-top: 145px;
}


h4.error-header {
    color: #c00011;
    font-family: 'Gilroy-SemiBold';
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
}

/*images */
.big-error-icon {
    width: 64px;
}

.checkbox-img {
    height: 16px;
    width: 16px;
}

.consents-clause img {
    height: 11px;
    margin-top: 5px;
    width: 11px;
}

.error-icon {
    margin-top: 4px;
    width: 12px;
    height: 12px;
}

.img-logo {
    display: block;
}

.img-logo-mob {
    display: none;
}

.success-icon {
    width: 64px;
}

/*sections*/

#consents-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.consents-clause {
    display: flex;
    flex-direction: row;
    gap: 6px;
    justify-content: flex-start;
}

.footer {
    background-color: white;
    border-top: solid 1px #d5d5d5;
    bottom: 0;
    box-sizing: border-box;
    column-gap: 5px;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    justify-content: center;
    padding: 17px;
    position: fixed;
    text-align: center;
    width: 100vw;
    z-index: 10;
}

#form {
    scroll-margin-top: 150px;
}

.header {
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #d5d5d5;
    display: flex;
    justify-content: space-between;
    /*test*/
    position: fixed;
    width: 100vw;
    box-sizing: border-box;
    z-index: 10;
}

.main {
    align-items: center;
    background-color: #eef6fb;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

#newsletter-preferences-by-brand {
    display: flex;
    row-gap: 8px;
}

#personal-info-screen {
    align-items: center;
    flex-direction: column;
    justify-items: center;
}

/* radio buttons  */

.radio-container {
    cursor: pointer;
    display: block;
    font-family: system-ui, "Gilroy-Regular";
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
    position: relative;
    padding-left: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.radio-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.radio-container input:checked~.checkmark:after {
    display: block;
}

.radio-container .checkmark:after {
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #1572c5;
}


/*text inputs*/
.input-text {
    background-color: #ffffff;
    border: solid 1px #bbbbbb;
    border-radius: 6px;
    color: #000000;
    font-size: 14px;
    letter-spacing: normal;
    line-height: 1.5;
    height: 40px;
}

.text-input-container {
    align-content: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 8px;
}

.text-input-container>label {
    text-align: left;
    font-weight: 500;
}

.text-input-container>input {
    width: 100%;
}

.input-text-list-container {
    display: flex;
    column-gap: 24px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.input-text-list-container .list-element {
    padding-bottom: 16px;
    width: calc(50% - 12px);
}

/*margins */

.mb-large {
    margin-bottom: 32px
}

.mb-xlarge {
    margin-bottom: 48px
}

.mt-xlarge {
    margin-top: 48px;
}

/*paddings */


.p-medium {
    padding: 24px;
}

.p-large {
    padding: 32px;
}

.pb-medium {
    padding-bottom: 24px;
}

.pb-large {
    padding-bottom: 32px;
}

.pb-xlarge {
    padding-bottom: 48px;
}

.pb-xsmall {
    padding-bottom: 8px;
}

.plr-xlarge {
    padding-left: 48px;
    padding-right: 48px;
}

.pt-medium {
    padding-top: 24px;
}

.pt-large {
    padding-top: 32px;
}

.pt-xsmall {
    padding-top: 8px;
}

.ptb-normal {
    padding-bottom: 16px;
    padding-top: 16px;
}

.ptb-medium {
    padding-bottom: 24px;
    padding-top: 24px;
}

.ptb-xlarge {
    padding-bottom: 48px;
    padding-top: 48px;
}

.ptb-xsmall {
    padding-bottom: 8px;
    padding-top: 8px;
}

.text-large-extra-padding {
    padding: 24px 44px;
}

/*modals*/
.personalized-email-container {
    align-items: stretch;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    max-width: 592px;
    text-align: center;
    width: 80%;
}

.personalized-email-container .close {
    align-self: self-end;
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
}

.personalized-email-container .close:hover,
.personalized-email-container .close:focus {
    color: black;
    cursor: pointer;
    text-decoration: none;
}

.personalized-email-footer {
    background-color: #f5f6f7;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 16px 32px;
    display: flex;
    justify-content: space-between;
    margin-top: auto;
}

.personalized-email-header {
    align-items: center;
    border-bottom: solid 1px #d5d5d5;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 24px 24px 24px 32px;
}

.personalized-email-header h3 {
    font-family: 'Gilroy-Medium';
}

.personalized-email-main {
    padding: 24px;
    text-align: left;
}

.personalized-email-modal-bg {
    align-items: center;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
}

.personalized-email-not-found {
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 auto;
    max-width: 500px;
    padding: 48px;
    row-gap: 8px;
}

.personalized-email-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #1572c5;
    border-collapse: separate;
    border-radius: 20px;
    border-width: 0px;
    color: #ffffff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    line-height: normal;
    max-width: fit-content;
    opacity: 1;
    outline: none;
    padding: 10px 20px;
    text-align: center;
    text-indent: 0px;
    width: auto;
}

.personalized-email-button:hover {
    background-color: #065091;
}

#personalized-email-form,
#personalized-email-adress-not-found {
    align-items: stretch;
    background-color: #fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
}

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

    #consents-box.extra-margin-mobile {
        margin: 0 16px;
        width: calc(100vw - 32px);
    }

    .flex-container {
        width: 100%;
    }

    #newsletter-pref-screen {
        padding: 0 16px;
    }

    #personal-info-screen {
        padding: 0 16px;
        width: 100vw;
    }
}

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

    #already-subscribed-button {
        align-self: flex-start;
        margin-top: 16px;
    }

    .back-button {
        align-items: center;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        padding: 8px;
    }

    .back-button>img {
        display: flex;
        width: 24px;
    }

    .back-button>p {
        display: none;
    }

    .big-error-icon {
        width: 64px;
    }

    .button-top {
        display: none;
    }

    .button-top-mobile {
        display: flex;
    }

    .button-top-mobile:hover {
        cursor: pointer;
    }

    .captcha-cont {
        box-sizing: border-box;
        max-width: 278px;
        padding: 20px;
    }

    #consents-box {
        align-items: flex-end;
    }


    .desktop-only {
        display: none;
    }

    #email-confirmation-container .text-large {
        font-size: 16px;
        line-height: 1.5;
    }

    .email-inputs-already-subscribed {
        display: flex;
        flex-direction: column;
    }

    .error-alert-container {
        margin-top: 0;
    }

    #error-container {
        gap: 8px;
        padding: 135px 64px 24px;
    }

    .flow-button-container {
        display: flex;
        justify-content: flex-end;
    }

    .form-container h3,
    .form-container h4,
    .form-container h6 {
        font-family: 'Gilroy-Bold';
    }

    .form-container h3 {
        font-size: 24px;
    }

    .form-container h4 {
        font-size: 21px;
    }

    .form-container h6 {
        font-size: 16px;
    }

    .footer {
        flex-direction: column;
        gap: 4px;
    }

    .full-page {
        padding-bottom: 100px;
    }

    .g-recaptcha {
        transform-origin: left top;
        -webkit-transform-origin: left top;
        -moz-transform: scale(0.90);
        -ms-transform: scale(0.90);
        -o-transform: scale(0.90);
        -moz-transform-origin: 0;
        -ms-transform-origin: 0;
        -o-transform-origin: 0;
        -webkit-transform: scale(0.90);
        transform: scale(0.90);
        -webkit-transform-origin: 0 0;
        transform-origin: 0;
        filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.90, M12=0, M21=0, M22=0.90, SizingMethod='auto expand');
    }

    h1,
    h2,
    h5 {
        font-family: 'Gilroy-Bold';
    }

    h1 {
        font-size: 32px;
    }

    h1.header-confirmation {
        font-size: 24px;
        line-height: 1.2;
    }

    h4.error-header {
        font-size: 24px;
        line-height: 1.2;
    }

    h4.newsletter-group {
        font-family: 'Gilroy-Bold';
        font-size: 21px;
    }

    .image-desk {
        display: none;
    }

    .img-logo {
        display: none;
    }

    .img-logo-mob {
        display: block;
    }

    .input-text-list-container .list-element {
        width: 100%;
    }

    .language-container {
        column-gap: 10%;
    }

    .list-element,.list-element.pb-medium {
        width: 100%;
    }

    .logo {
        width: 48px;
        height: 48px;
    }

    .main {
        box-sizing: border-box;
    }

    #personalized-email-form h3 {
        font-size: 24px;
    }

    .personalized-email-container {
        width: 100%;
        max-width: 100%;
    }

    #personalized-email-form {
        border-radius: 0;
        box-sizing: border-box;
        min-height: 100vh;
        position: absolute;
        top: 0;
        width: 100vw;
    }

    .personalized-email-container .text-large {
        text-align: left;
    }



    .personalized-email-footer {
        /* bottom: 0;*/
        box-sizing: border-box;
        /* position: fixed;*/
        padding: 16px;
        width: 100%;
    }

    .personalized-email-header {
        padding: 10px 8px 10px 16px;
    }

    .personalized-email-main {
        padding: 40px;
        text-align: left;
    }

    .personalized-email-not-found {
       max-width: calc(100vw - 40px);
        padding: 48px 16px;
    }

    #personal-info-screen .form-container h3 {
        font-family: 'Gilroy-SemiBold';
        font-size: 28px;
    }

    .personal-info-screen-buttons {
        margin-bottom: 24px;
    }

    .pb-xlarge {
        padding-bottom: 24px;
    }

    .plr-xlarge {
        padding-left: 16px;
        padding-right: 16px;
    }

    .ptb-xlarge {
        padding-bottom: 32px;
        padding-top: 32px;
    }

    .returning-customer-container {
        flex-direction: column;
    }

    .returning-customer-container h6 {
        font-family: 'Gilroy-Bold'
    }

    .small-container {
        gap: 8px;
        max-width: 500px;
        padding: 72px 16px 24px;
    }

    .success-icon {
        width: 64px;
    }

    .text-confirmation {
        font-size: 16px;
        padding: 0;
        text-align: center;
    }

    .text-large-extra-padding {
        padding: 8px 0px;
    }

}