@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css?family=Inter');

@font-face {
    font-family:"Lexia";
    src:url("https://use.typekit.net/af/1da891/000000000000000077359d87/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),
    url("https://use.typekit.net/af/1da891/000000000000000077359d87/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),
    url("https://use.typekit.net/af/1da891/000000000000000077359d87/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display:swap;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
    font-family:"Lexia Light";
    src:url("https://use.typekit.net/af/042bd3/000000000000000077359d7f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),
    url("https://use.typekit.net/af/042bd3/000000000000000077359d7f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),
    url("https://use.typekit.net/af/042bd3/000000000000000077359d7f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display:swap;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
    font-family: "Inter Regular";
    src: url("../fonts/Inter-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "Inter Medium";
    src: url("../fonts/Inter-Medium.woff2") format("woff2");
}
label{
    color:#3C4242;
    font-family:Inter;
    font-size:16px;
    font-style: normal;
    font-weight: 700;
    /*line-height: 18px; /* 112.5% */
    line-height: 24px;
    display: flex;
    align-items: flex-start;
    align-self: stretch;
     }

.text-center{
/*display: flex;*/
max-width: 1180px;
padding-top: 40px;
align-items: flex-start;
align-self: stretch;
}

.text-center-consent{
/*display: flex;*/
max-width: 1180px;
align-items: flex-start;
align-self: stretch;
}

.text-center h2{
color: #830051;
text-align: center;
/* Headings/H2 */
font-family: "Lexia VF";
font-size:  46px;
font-style: normal;
font-weight: 400;
line-height: 50px;
}

.text-center-consent h3{
color: #830051;
text-align: center;
/* Headings/H3 */
font-family: "Lexia VF";
font-size:  36px;
font-style: normal;
font-weight: 400;
line-height: 40px; /* 111.111% */
}

.header{
display: flex;
max-width: 1180px;
padding: 16px 0px;
justify-content: center;
align-items: center;
align-self: stretch;
}

.header-text{
color: #3C4242;
text-align: center;
/* Body Inter regular */
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}

.custom-control{
   flex-shrink: 0;
   color: #B2B4B4;
   /* Body Inter regular */
   font-family: Inter;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
     }

.custom-class::placeholder{
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    color: #B2B4B4;
     }
.invalid-feedback{
   /* width: 534px;*/
    height: 20px;
    flex-shrink: 0;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    color: #D0006F;
}

label.error{
   display:none !important;
}
.custom-border{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius:4px;
    border: 0.5px solid #D8DADA !important;
}
html, body
{width: auto!important; overflow-x: hidden!important}

input {
   display: block !important;
}

#registerButton{
/*width: 97px !important;*/
    max-width: fit-content;
    height: 42px !important;
    /*position: absolute;*/
    border-radius: 4px !important;
    border: 1px solid #B2B4B4 !important;
   /*background: #8D8F8F !important;*/
}

#registerButton span{
color: #FFF;
    font-family: Inter;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    align-items:center;
    justify-content:center;
    display:flex;
}

#customButton{
    width: 97px !important;
    height: 42px !important;
    /*position: absolute;*/
    border-radius: 4px !important;
    border: 1px solid #B2B4B4 !important;
   background: #d0006f !important;
}
#customButton span{
    color: #FFF;
    font-family: Inter;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    align-items:center;
    justify-content:center;
    display:flex;
}
.form-control:focus {
   box-shadow:none !important;
   border-color:#none !important;
}

.form-control:invalid{
    background-image:none !important;
    border-color:#dee2e6 !important;
    box-shadow:none !important;
}

.form-control:valid,
.form-control.is-valid{
    background-image:none !important;
    border-color:#dee2e6 !important;
    box-shadow:none !important;
}

.form-select.is-invalid{
    border-color:#dee2e6 !important;
    box-shadow:none !important;
    --bs-form-select-bg-icon: none !important;
}
.form-select:focus{
    border-color:#dee2e6 !important;
    box-shadow:none !important;
}

.form-select.is-valid{
    --bs-form-select-bg-icon: none !important;
     border-color:#dee2e6 !important;
     box-shadow:none !important;
}
input:focus{
    border-color:#dee2e6 !important;
    box-shadow:none !important;
}

.form-switch .form-check-input{
    display: flex;
    width: 40px;
    height: 18px;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 50px;
    background:#B2B4B4;
    appearance:none;
    position:relative;
    transition:background 0.3s ease-in-out;
}

.form-switch .form-check-input:checked{
    background-color:#D0006F;
    border-color:#D0006F;
}
.form-switch .form-check-input::before{
    content:"";
    position:absolute;
    width:16px;
    height:16px;
    border-radius:50%;
    background-color:white;
    transition:0.3s ease-in-out;
    border:#B2B4B4;

}
.form-switch .form-check-input:checked::before{
left:22px;
}
.form-switch .form-check-input:focus {
   box-shadow:none !important;
   border-color:#none !important;
}

.text-end{
display: flex;
justify-content: flex-end;
align-items: flex-start;
gap: 8px;
align-self: stretch;
}

.custom-class{
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
input[type="text"],
input[type="Password"],
input[type="Email"]{
display: flex;
    height: 54px;
    padding: 8px 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #D7DBDB;
    background: #FFF;
    }

select{
    display: flex;
    height: 54px;
    padding: 8px 16px !important;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #D7DBDB;
    background: #FFF;
    }

.form-label{
    margin-bottom:4px !important;
}

.empty-space{
    /*display:block;*/
    height:48px;
    /*visibility:hidden;*/
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.empty-space-div{
    /*display:block;*/
    height:10px;
    /*visibility:hidden;*/
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.extra-space{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 64px;
align-self: stretch;
height:64px;
}
.consent {
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    color:#3C4242;
}

.consent-description{
color: #3C4242;
/* Desktop/Inter/Body Inter regular */
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}

.required:after {
    content:'*';
    color: #D0006F;
}

.requiredbefore:before {
    content: "*";
    color: #cd1a6f;
}

input[type='checkbox'] {
    float: left;
    width: 20px;
}
label a{
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    color:#D0006F;
    padding-left: 10px;
}

p input[type="checkbox"]{
   /* display: flex;*/
	appearance:none;
    /*height: 26px;*/
    border :2px solid black;
    border-radius:2px;
    background-color:white;
    display:inline-block;
    width: 18px !important;
    height: 18px !important;
}
p input[type="checkbox"]:checked{
    background-color:gray !important;
    border:2px solid black;
}
p input[type="checkbox"]:checked:before{
    color:black;
    position:absolute;
    left:3px;
    top:0;
}
 p input[type="checkbox"]:focus{
 box-shadow:none !important;
 outline:none !important;
 border-color:black !important;
 }
p .form-check-input.is-valid{
   border-color:black!important;
}
  /*For registration Success template*/
.custom-registration-success__content{
display: flex;
height: 57px;
padding: 10px 0px;
flex-direction: column;
justify-content: center;
/*align-items: center;*/
align-self: stretch;
border-top: #EBEFEE;
border-bottom: 1px solid #EBEFEE;
background: #FFF;
/*background-color:red;*/
background-color:#white;
width:100%
}

#custom-registration-success__content-message{
display: flex;
max-width: var(--site-max-width, 1180px);
padding-top: var(--Title-space-md, 40px);
align-items: flex-start;
align-self: stretch;
}

#custom-registration-success__content-message h2{
color: #830051;
text-align: center;
/* Headings H2 */
font-family:"Lexia VF";
font-size:  46px;
font-style: normal;
font-weight: 400;
line-height: 50px;
}

.email_text{
color: #3C4242;
text-align: center;
/* Body Inter regular */
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.consent{
color: #3C4242;
font-family:  Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 150% */
align-self: stretch;
}

.consent_desc{
color: #3C4242;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}

.button1,
#button1{
width: max-content !important;
min-height: 42px;
height: auto;
position: relative;
border-radius: 4px;
border: 1px solid #D0006F;
background: #D0006F;
font-weight:600;
white-space: nowrap;
}

.button2,
#button2{
max-width: fit-content;
min-height: 42px;
height: auto;
position: relative;
border-radius: 4px;
border: 1px solid #D0006F;
color:#D0006F;
background:white !important;
white-space: nowrap;
}

.button2 span,
#button2 span{
color: #D0006F;
/*color: #FFF;*/
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 150% */
}

#button3{
max-width: fit-content;
min-height: 42px;
height: auto;
position: relative;
border-radius: 4px;
border: 1px solid #D0006F;
background-color: #D0006F !important;
color: white !important;
}
#button3 span a{
color: #FFF;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}

.button1 span,
#button1 span{
color: #FFF;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
}

#RegisterButton{
/*width: 95px;*/
max-width:fit-content;
height: 42px;
position: relative;
border-radius: 4px;
border: 1px solid #D0006F;
color:#D0006F;
background:white !important;
max-width: fit-content;
}

.custom-body-color{
background: #EBEFEE;
}

.verify_email_content_start{
display: flex;
padding: 40px;
align-items: center;
gap: 10px;
background: #FFF;
}
.custom-justify-content-center{
display: flex;
width: 1440px;
padding: 64px 383px;
flex-direction: column;
align-items: flex-start;
gap: 36px;
}

#email-content{
/*font-family: Inter;*/
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
color: #3C4242;
}
.button-space{
display: flex;
padding: 40px 10px;
align-items: center;
gap: 10px;
background: #FFF;
justify-content:flex-start;
}
#Button{
width: 124px;
height: 42px;
border-radius: 4px;
border: 1px solid #D0006F;
background: #D0006F;
position: absolute;
}

#Button span{
color: #FFF;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
}
.form-type-2{
width: 594px;
color: var(--Colour-Tints-Graphite-100, #3C4242);
/* Desktop/Inter/Body Inter regular */
/*font-family: Inter;*/
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}

/*footer*/

/*.footer-section{
display: flex;
padding: 80px 20px;
flex-direction: column;
justify-content: center;
align-items: center;
align-self: stretch;
border-top: 1px solid #EBEFEE;
background: #FFF;
width:100%;
*//*height:436px;*//*
}*/

.social-icons a {
    color: #000000;
    font-size: 1.5rem;
    margin: 0 10px;
    transition: color 0.3s ease;
    display:flex !important
    flex-wrap:nowrap;
    padding-left:0 !important;
    margin-left: 0 !important;
}

.social-icons a:hover {
    color: #007bff;
}

/*Password reset*/

.custom-password-reset__content{
display: flex;
height: 57px;
padding: 10px 0px;
flex-direction: column;
justify-content: center;
/*align-items: center;*/
align-self: stretch;
border-top: #EBEFEE;
border-bottom: 1px solid #EBEFEE;
background: #FFF;
background-color:#white;
width:100%
border-bottom: 1px solid #EBEFEE;
}

#custom-password-reset__content-message{
display: flex;
max-width: var(--site-max-width, 1180px);
padding-top: var(--Title-space-md, 40px);
align-items: flex-start;
align-self: stretch;
}

#reset_password_email-content{
display: flex;
max-width: 1180px;
/*padding: 16px 0px;*/
padding-top:16px;
justify-content: center;
align-items: center;
align-self: stretch;
}

#reset_password_email-content h3{
color: #3C4242;
text-align: center;
/* Body Inter regular */
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}

#reset_password_email-content1{
display: flex;
max-width: 1180px;
/*padding: 16px 0px;*/
padding-top:16px;
justify-content: center;
align-items: center;
align-self: stretch;
}

#reset_password_email-content1 h3{
color: #3C4242;
text-align: center;
/* Body Inter regular */
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}
.center-box h2{
color: #830051;
text-align: center;
/* Headings/H3 */
font-family:"Lexia VF";
font-size:  46px;
font-style: normal;
font-weight: 400;
line-height: 50px;
}

.reset_password_space{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height:32px;
align-self: stretch;
}

#LoginButton{
width: 95px;
height: 42px;
position: relative;
border-radius: 4px;
border: 1px solid #D0006F;
color:#D0006F;
background:white !important;
}

.custom-link{
padding:10px 15px;
}

.footer{
display: flex;
/*padding: 40px 20px;*/
flex-direction: column;
justify-content: center;
align-items: center;
align-self: stretch;
}

.custom-footer-section{
display: flex;
align-items: flex-start;
align-self: stretch;
}

.CustomCSS{
display: flex;
max-width: 1180px;
flex-direction: column;
align-items: flex-start;
gap: 48px;
align-self: stretch;
}

.footer-logo{
display: flex;
/*width: 441px;*/
/*width: 162px;
height: 38px;*/
padding-bottom: 16px;
flex-direction: column;
align-items: flex-start;

}

.footer-content{
display: flex;
max-width: 300px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;

}

/*Update password */
#custom-update-password__content-header{
display: flex;
max-width: 1180px;
padding-top: 40px;
align-items: flex-start;
align-self: stretch;
}
#custom-update-password__content-header h2{
color: #830051;
text-align: center;
/* Headings/H2 */
font-family: "Lexia VF";
font-size: 46px;
font-style: normal;
font-weight: 400;
line-height: 50px;
overflow-wrap: break-word;
}

.update_password_success{
color: #363B3B;
text-align: center;
/* Body/Body */
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}

.update_password_success span a{
color: #D0006F;
/* Body/Link */
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}

.custom_button{
display: flex;
padding: 32px 0px 40px 0px;
flex-direction: column;
align-items: center;
gap: 10px;
align-self: stretch;

}
.Custom_update_password_forgot_link{
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}

#profile_button{
/*width: 196px;*/
height: 42px;
border-radius: 4px;
border: 1px solid #D0006F;
background: #D0006F;
max-width: fit-content;
font-weight: 600;
font-size: 16px;
font-family: 'Inter';
}

.custom-disabled {
    background-color: #8D8F8F !important; /* Disabled state */
    color: white !important;
    cursor: not-allowed;
}
.custom-enabled {
    background-color: #d0006f !important; /* Enabled state */
    color: white;
    cursor: pointer;
}

.error_msg_feel{
color: #3C4242;
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}

#back-link{
color: #D0006F;
font-weight: 600;
font-family: 'Inter';
font-size: 16px;
font-style: normal;
line-height: 24px;
}

.solid{
border-top: 1px solid #EBEFEE;
padding: 15px;
}

.error-center{
max-width: 1180px;
align-items: flex-start;
align-self: stretch;
height:48px;
text-align:center;
}

.login_labels{
color: #363B3B;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}

#oneAZ_customButton, #oneAZ_customButton_1{
    /*width: 97px !important;*/
   /* height: 42px !important;*/
    /*position: absolute;*/
    border-radius: 4px !important;
    border: 1px solid #B2B4B4 !important;
    width: max-content !important;
    min-height: 42px;
    position: relative;
    font-weight:600;
    white-space: nowrap;
}
#oneAZ_customButton span, #oneAZ_customButton_1 span{
    color: #FFF;
    font-family: Inter;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    align-items:center;
    justify-content:center;
    display:flex;
}

@media only screen and (min-width : 1200px) {
	.text-left{
		text-align:left;
	}
	div.text-left-padding{
		padding-left:100px;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1200px)  {
	.text-left{
		text-align:left;
	}
	div.text-left-padding{
		padding-left:50px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px)  {
	.text-left{
		text-align:left;
	}
	div.text-left-padding{
		padding-left:50px;
	}
}

@media screen and (min-width: 480px) and (max-width: 767px)  {
	.text-left{
		text-align:center;
	}
	div.text-left-padding{
		padding-left:0px;
	}
}

@media screen and (max-width: 479px) {
	.text-left{
		text-align:center;
	}
	div.text-left-padding{
		padding-left:0px;
	}
}

.removeBorderPadding{
border: none !important;
padding-left: 0px !important;

/* Dropdown */
pointer-events: none !important;
/* for Firefox */
-moz-appearance: none !important;
/* for Safari, Chrome, Opera */
-webkit-appearance: none !important;
/* ------- */
}

.consent-button{
width: max-content !important;
padding-left: 16px;
padding-right: 16px;
}

/* =====================================================
   MAGIC LINK PAGE – SCOPED STYLES ONLY
   ===================================================== */

.magic-link-page {
  font-family: "Lexia VF", Arial, sans-serif;
  color: #2b2b2b;
  background-color: #ffffff;
}

/* =========================
   BACKGROUND SECTION
   ========================= */

.magic-link-page .custom-login {
  display: flex;
  background-image: url("/img/backgroundImage.png");
  background-repeat: no-repeat;
  padding: 120px 0;
  background-size: 130% auto;
  background-position: 75% center;
}

/* =========================
   LOGIN CARD
   ========================= */

.magic-link-page .login-box {
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  max-width: 520px;
  width: 100%;
}

/* =========================
   TYPOGRAPHY
   ========================= */

.magic-link-page .login-title {
  font-size: 46px;
  font-weight: 400;
  line-height: 50px;
  color: #830051;
  margin-bottom: 8px;
  font-family: "Lexia VF";
}

.magic-link-page .login-subtitle {
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
  color: #3C4242;
  margin-bottom: 20px;
  font-family: "Inter", Arial, sans-serif;
}

/* =========================
   FORM ELEMENTS (SCOPED)
   ========================= */

.magic-link-page .form-label {
  font-size: 0.85rem;
  font-weight: 600;
  color: #444444;
}

.magic-link-page .form-control {
  border-radius: 4px;
  font-size: 0.9rem;
  padding: 0.55rem 0.65rem;
}

.magic-link-page .form-control:focus {
  border-color: #d0006f;
  box-shadow: 0 0 0 0.15rem rgba(208, 0, 111, 0.25);
}

/* =========================
   BUTTON (STRICTLY SCOPED)
   ========================= */

.magic-link-page .btn-primary {
  background-color: #d0006f;
  border-color: #d0006f;
  color: #ffffff;
  font-weight: 600;
  font-size: 0.9rem;
  padding: 0.5rem 1rem;

  /* Bootstrap variable overrides – scoped */
  --bs-btn-bg: #d0006f;
  --bs-btn-border-color: #d0006f;
  --bs-btn-hover-bg: #b4005e;
  --bs-btn-hover-border-color: #b4005e;
  --bs-btn-active-bg: #b4005e;
  --bs-btn-active-border-color: #b4005e;
  --bs-btn-focus-shadow-rgb: 208, 0, 111;
}

.magic-link-page .btn-primary:hover,
.magic-link-page .btn-primary:focus,
.magic-link-page .btn-primary:focus-visible,
.magic-link-page .btn-primary:active {
  background-color: #b4005e;
  border-color: #b4005e;
  box-shadow: none;
  outline: none;
}

/* =========================
   LINK
   ========================= */

.magic-link-page .login-link {
  font-size: 0.85rem;
  color: #D0006F;
  font-weight: 600;
  text-decoration: underline;
  display: inline-block;
  margin-top: 14px;
}

/* =========================
   ERROR MESSAGE
   ========================= */

.magic-link-page .error_msg_feel {
  display: block;
  font-size: 0.85rem;
  color: #D0006F;
  line-height: 1.4;
  margin-bottom: 14px;
}

/* =========================
   RESPONSIVE
   ========================= */

/* Very large screens */
@media (min-width: 1600px) {
  .magic-link-page .custom-login {
    background-size: 120% auto;
  }
}

/* Medium screens */
@media (max-width: 1200px) {
  .magic-link-page .custom-login {
    background-size: 140% auto;
  }
}

/* Tablets */
@media (max-width: 991px) {
  .magic-link-page .custom-login {
    align-items: flex-start;
    padding-top: 40px;
    background-size: 150% auto;
  }

  .magic-link-page .login-box {
    max-width: 460px;
  }
}

/* Mobile base */
@media (max-width: 767px) {
  .magic-link-page .custom-login {
    background-image: none;
    background-color: #ffffff;
    padding: 0;
    background-position: center;
    display: flex;
    justify-content: center;
  }

  .magic-link-page .login-box {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 32px);
    max-width: 460px;
    box-shadow: none;
    border: 0;
    border-radius: 0;
  }

  /*.magic-link-page .login-title {
    font-size: 22px;
    line-height: 30px;
  }*/
}

/* Constrained layouts: phones, foldables, dual-screen, small landscape */
@media (max-width: 820px) {
  .magic-link-page .button-group,
  .page-center .button-group {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px;
  }

  .magic-link-page #button1,
  .magic-link-page #button2,
  .page-center #button1,
  .page-center #button2 {
    width: 100% !important;
  }
}

/* =========================
   All pages in magic link flow except the above
   ========================= */
.magic-link-progress-page {
  font-family: "Lexia VF", Arial, sans-serif;
  background-color: #ffffff;
  color: #2b2b2b;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Center main content */
.page-center {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 48px 16px;
}

/* Typography */
.page-center .page-title {
  line-height: 50px;
  font-weight: 400;
  color: #830051;
  margin-bottom: 40px;
  font-family: 'Lexia VF';
  text-align: center;
  font-size: 46px;
}

.page-center .page-subtitle {
  font-size: 16px;
  color: #3c4242;
  margin-bottom: 24px;
  font-family: 'Inter';
  line-height: 1.6;
  text-align: center;
}

.page-center .page-hint {
  font-size: 14px;
  color: #6b6b6b;
  margin-top: 16px;
  font-family: 'Inter';
}

.page-center .status-message {
  font-size: 14px;
  color: #7a003d;
  margin-top: 12px;
  font-family: 'Inter';
}

.page-center .fallback-actions {
  margin-bottom: 40px;
  margin-top: 40px;
}

.page-center .dot-loader {
  display: inline-flex;
  gap: 8px;
  margin: 24px 0;
}

.page-center .dot-loader::before,
.page-center .dot-loader::after,
.page-center .dot-loader span {
  content: '';
  width: 10px;
  height: 10px;
  background-color: #d0006f;
  border-radius: 50%;
  animation: dotPulse 1.4s infinite ease-in-out both;
}

.page-center .dot-loader::after {
  animation-delay: -0.16s;
}

.page-center .dot-loader span {
  animation-delay: -0.32s;
}

@keyframes dotPulse {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}

/* Base disabled behavior */
.js-once.is-disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 1 !important;
}

/* Disabled BUTTON */
button.js-once.is-disabled {
  border-color: #bdbdbd !important;
  background-color: #8D8F8F !important; /* Disabled state */
  color: white !important;
}

/* Kill hover/focus states completely */
button.js-once.is-disabled:hover,
button.js-once.is-disabled:focus {
  border-color: #bdbdbd !important;
  background-color: #8D8F8F !important; /* Disabled state */
  color: white !important;
}

.center-box p{
      line-height: 24px;
      font-size:16px;
      font-weight: 400;
      color: #3C4242;
      /*margin-bottom: 40px;*/
      font-family: 'Inter';
      text-align: center;
      margin-bottom:0;
}

@media (max-width: 576px) {
    .button-group {
        width: 100% !important;
        justify-content: stretch !important;
    }

    #button1,
    #button2,
    #oneAZ_customButton_1,
    #oneAZ_customButton,
    #button3,
    #registerButton,
    .button1,
    .button2{
        width: 100% !important;
        max-width: none !important;
    }
}
.consent_desc,
.form-switch {
padding-bottom: 16px;
}

/*.page-center .fallback-actions {
    width: 100%;
    max-width: 400px;
}*/

.page-center .fallback-actions #button1 #button2 {
    width: fit-content;
}