/* azure theme version 1 design css */
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap%22');
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap%22');


html {
    overflow: scroll;
}

::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

body { 
    font-family: 'Noto sans',arial,sans-serif !important;
    color : #000000;
    font-size:18px !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     font-family: 'Noto sans',arial,sans-serif;
}
/* -------------------------------------------------------------------------------------
   Common css
-----------------------------------------------------------------------------------------*/
.azure-section{
    /*background-color:#624b99;*/
    /*background-color:#506022 !important;*/
    display: table;
    height: auto;
    width:100%;
}
.azure-section h1,
.azure-section h2,
.azure-section h3,
.azure-section h4,
.azure-section h5,
.azure-section h6,
.azure-section .intro h3,
.azure-section .intro p {
    color: #333;
}

.azure-section h1 {
    font-family: Poppins !important;
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: 0px;
    margin-top: 0px;
}

#mfaTitle {
    margin-bottom: 30px;
}

#customEmailVerify {
    margin-top: 20px;
}

.azure-section .intro p {
    text-align: left;
}
.azure-section .unified_container,.azure-section .self_asserted_container {
    display: block;
    vertical-align: middle;
}
.azure-section .panel{
    margin-bottom:0px;
}
.azure-section .azure-content-section {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}

/* -------------------------------------------------------------------------------------
    Signin page 
-----------------------------------------------------------------------------------------*/
#createAccount{
   /*display: block;
    text-align: center;
    background: #624b99;
    width: 170px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    padding: 12px 10px;
    color: #fff;
    font-weight: 500;
    font-size: 1rem;*/
    color: #2e6ca3
    
}
#updateSecuritySettings,
#confirmEmailbutton,
.azure-section #loginButton,
.azure-section-success #continue ,
.azure-section-mfa-email #readOnlyEmail_ver_but_verify,
.azure-section-mfa-email #readOnlyEmail_ver_but_resend,
.azure-section-reset-email #email_ver_but_verify,
.azure-section-reset-email  #email_ver_but_resend,
.azure-section-mfa-email #readOnlyEmail_ver_but_send,
#signup_custom_button,.azure-custom-button,
button#next,button#next_custom,
#email_ver_but_send,
#email_ver_but_verify,
#btn_review_setting,
#btn_continue_myaccount,
#btn_e_news_subscriptions,
#email_ver_but_resend,
button#continue,
button[id="verifyCode"],
button[id="verifyPhone"]
{
   min-width: 150px;
    height: auto;
    gap: 7px;
    opacity: 1;
    padding: 8px 24px !important;
    background-color: #0964B9;
    box-shadow: 0 4px 0 0 #085093;
    font-family: Noto Sans;
    font-weight: 700;
    font-size: 16px !important;
    line-height: 20px;
    letter-spacing: 0px;
    color: #FFFFFF;
    border: 0px;
}

.back-link-row {
  margin: 30px auto !important;
  max-width: 730px !important;
}

h1 {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: 0px;
    color: #000000;
}

h2 {
    font-family: Noto Sans;
    font-weight: 700;
    font-style: Bold;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0px;
    color: #000000;
}

h3 {
    font-family: Noto Sans;
    font-weight: 700;
    font-style: Bold;
    font-size: 27px;
    line-height: 30px;
    letter-spacing: 0px;
    color: #000000;
}

@media (max-width: 560px) {
    h1 {
        font-family: Poppins;
        font-weight: 700;
        font-size: 32px !important;
        line-height: 37px !important;
        letter-spacing: 0px;
    } 

    h2{
        font-family: Noto sans;
        font-weight: 700;
        line-height: 29px !important;
        letter-spacing: 0px;
        font-size: 26px !important;
    }

    h3 {
        font-family: Noto Sans;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0px;
        font-size: 24px !important;
    }
}

.head-logo {
    float: none !important;
    height: 70px;
    width: 180px;
    margin-top: 0px;
}

@media (max-width: 1023px) {
    .head-logo {
        height: 60px;
        width: 150px;
    }
}

p {
    margin: 0 0 10px;
}

@media (max-width: 549px) {
    .head-logo {
        margin-left: 15px;
    }
}

@media (min-width: 550px) and (max-width: 1440px) {
    .head-logo {
        margin-left: 15px;
    }
}

.site-top .container {
    max-width: 1150px !important;
}

.site-top .brand img {
    margin-left: 0px !important;
}

@media (max-width: 1025px) {
    .site-top .brand img {
        margin-left: 15px !important;
    }
}

.azure-section-signin button[disabled] {
    cursor: default;
    background: #a2a2a2 !important;
}
.azure-section-signin .divider{
	display:none;
}
.azure-section-success #continue{
	width:250px;
	margin-bottom:20px;
}

.azure-section-reset-email #verificationInfoText{
	text-align:center;
}

.field-icon {
  /*  float: right;
    margin-left: -25px;
    margin-top: -50px;
    position: relative;
    z-index: 2;
    background: #624b99;
    color: #fff;
    padding: 5px 10px;
    cursor: pointer;
    min-height: 35px;*/
    background:#eee; border:1px solid #b9c4cf; padding:0 .85rem; font-size:.85rem; font-weight:600; cursor:pointer; transition:background .15s,border-color .15s;
}
/* Todo : add global level class */
.azure-section-reset-email .intro p,.azure-section-close-account .intro p,.azure-section-mfa-email .intro p,.azure-section-signin  .intro h2,.azure-section-self .intro p ,.azure-section-SecuritySettings .intro p,.azure-password-section .intro p ,.azure-section-signup .intro p,.azure-section-mfa .intro p {
    font-size: 1.7rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}
.azure-section-close-account .intro p {
	margin-bottom:0px;
}
.azure-section-self .intro p {
    margin-top:20px;
    margin-bottom: 30px;
}
.azure-section-reset-email .intro p,.azure-section-close-account .intro p,.azure-section-mfa-email .intro p,.azure-section-mfa .intro p,.azure-section-self .intro p ,.azure-section-SecuritySettings .intro p,.azure-password-section .intro p, .azure-section-signup .intro p {
  margin-top:60px;
}
.azure-section-self button:disabled {
    display: none !important;
}
/* Todo : add global level class */
.azure-section .entry-item input ,.attrEntry input,#postCodeFinder input,.azure-section input,#countryCode{
    margin-bottom:20px;
    display: block;
    width: 100% !important;
    height: 40px;
    padding: 6px 15px;
    font-size: 18px;
    line-height: 1.42857143;
    color: #202124;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow:none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.azure-section-signup .dropdown_single,.azure-section-profile .dropdown_single{
width:100%;margin-bottom:15px;
   display: block;padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #202124;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


/* placeholders */
.azure-section ::-webkit-input-placeholder {
	color:transparent;
}
.azure-section :-moz-placeholder { /* Firefox 18- */
	color:transparent; 
}
.azure-section ::-moz-placeholder {  /* Firefox 19+ */
	color:transparent; 
}
.azure-section :-ms-input-placeholder {  
	color:transparent !important;
}

.azure-section ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
.azure-section :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
.azure-section ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
.azure-section :-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #fff;
}

.azure-content-section .panel-body{
	padding: 0px 15px;
}
.entry-item {
	margin-top:18px;
	margin-bottom:10px;
} 

/* change by urvashi
 .entry-item label, #forgotPassword, .robotText label {
    margin-bottom: 10px;
} */

.azure-section .attrEntry #email-helptext,
.azure-section  #email-helptext, 
.azure-section .description.above{
    margin: 0;
    font-style: italic;
    font-size: 14px;
    margin-bottom:5px;
}
.azure-section .error.itemLevel p{
    font-family: Noto Sans;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 27px !important;
    letter-spacing: 0px;
    color: #D5281B !important;
    margin-bottom: 10px;
    max-width: 730px;
}

.description.above.pwd-focus{
    color:#ff0000;
}
   
.azure-section .password-label{
    position: relative;
}
.azure-section #forgotPassword{
    position: absolute;
    top: 100px;
    right: 0;
    color: #624b99;
    text-decoration: underline;
    font-weight: 600;
}
.robotText {
    margin-top: 80px;
    margin-bottom: 15px;
}
.robotText label{font-weight:400;}
.azure-section .create{margin-top:20px;}
/*.azure-section .create p{
    font-size: 1.125rem;
    font-weight: 600;
}*/
.azure-section .create p{
     font-weight: 500 !important;
    font-size: 1rem !important;
}
.create-helptext{
    font-weight: 500 !important;
    font-size: 1rem !important;
    margin-bottom: 15px;
}
.azure-section input:focus{
    box-shadow:none;
}
.azure-section-self a.helpLink.tiny{
	display:none;
}
.azure-section-success ul,.azure-section-reset-email ul,.azure-section-close-account ul,.azure-section-self ul ,.azure-section-profile ul,.azure-section-mfa-email ul{
    padding:0px;
    list-style:none;
}
#email_intro{display: none !important;}
#para3 a{text-decoration:underline;color:#624b99}
#para4{
	margin-top:30px;
	margin-bottom:20px;
}

/*#continue{display:none;}*/
#email_ver_but_send{
	margin-left:auto;
	margin-right:auto;
	display: block;
}
.error.pageLevel{
    background: white;
    border: 2px solid #D5281B;
    position:relative;
}
.customErrorMsg{
    padding-left: 40px;
}
.custom-icon{
    position: absolute;
    left: 11px;
    font-size: 1.875rem;
    color: #D5281B;
    top: 16px
}

.errorMsgText{
    padding: 15px 15px 5px 15px;
}
.errorMsgText h3{    
    font-size: 1rem;
    font-weight: 700;
    color: #D5281B;
    margin: 0;
}

.errorMsgText p {
    margin: 0px 0 10px;
}
.error.pageLevel p[role="alert"]{
    color:#D5281B;
    padding: 15px 15px 15px 50px;
}
.error.pageLevel p[role="alert"]:before{
    font-family: FontAwesome;
    content: "\f06a";
    position: absolute;
    top: 15px;
    left: 8px;
    font-size: 2.625rem;
    color: #D5281B;
}
.error.pageLevel > p{
    color:#D5281B;
    padding: 15px 15px 15px 50px;
}
.error.pageLevel >  p:before{
    font-family: FontAwesome;
    content: "\f06a";
    position: relative;
    font-size: 2rem;
    color: #D5281B;
}
.azure-section-SecuritySettings ul, .azure-section-signup ul,.azure-password-section ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.azure-content-section{
    position: relative;
}

#cancel {
    color: #202124 !important;
    background-color: #F8f9fA !important;
    border-color:  #F8f9fA !important;
    border-bottom-style: outset !important;
    outline : none !important;
}

#biometricSuccess {
    margin-bottom: 30px;
}

.azure-content-section #cancel,.azure-content-section #custom_cancel {
   position: absolute;
    left: 30px;
    top: 115px;
    border: 2px solid #7030a0;
    min-height: 36px;
    padding: 6px 10px 6px 25px;
    background: #fff;
    color: #624b99;
}
.azure-content-section #cancel:before,.azure-content-section #custom_cancel:before {
    font-family: FontAwesome;
    content: "\f053";
    position: absolute;
    top: 5px;
    left: 7px;
    font-size: 1.125rem;
}
.azure-section-SecuritySettings  .entry-item input,.azure-section-SecuritySettings .attrEntry input, .azure-section-profile input{
    width:auto !important;
    box-shadow:none;
    display:inline;
    height: auto;
}
.azure-section-SecuritySettings  .entry-item label,.azure-section-SecuritySettings  .attrEntry label,.azure-section-profile .attrEntry label{
    display:inline ;
}
 .azure-section-SecuritySettings label{
font-weight:500;}
a.helpLink.tiny {
display:none;
}
.azure-section-SecuritySettings li.Readonly {
    display: none;
}
.azure-section-SecuritySettings button#continue,.azure-custom-button,#updateSecuritySettings{
  width:auto;
}
.azure-section-SecuritySettings div#attributeList {
    margin-bottom: 28px;
}
.mfaRegistered h3{
        font-size: 1.25rem;
    text-align: left;
    font-weight: bold;
    margin-bottom: 5px;
}
#mfa-italic-text{
    font-size: 0.875rem;
    font-style: italic;
}
#mfa_custom_button{
display: block;
    text-align: center;
    background: #624b99;
    height: 42px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    height: 44px;
    padding: 12px 5px;
    color: #fff;
    font-size: 1rem;
    border: 0px;
    margin-top:20px;
}

.azure-section-mfa-email #readOnlyEmail_ver_but_verify,
.azure-section-mfa-email #readOnlyEmail_ver_but_resend,
.azure-section-mfa-email #email_ver_but_verify,
.azure-section-reset-email #email_ver_but_verify,
.azure-section-reset-email  #email_ver_but_resend,
.azure-section-mfa-email #email_ver_but_resend,
.azure-section-mfa-email #email_ver_but_verify,
 #confirmEmailbutton,
.azure-section-self  #email_ver_but_verify,
.azure-section-self  #email_ver_but_resend
{
    display: block;
    margin-top: 10px;
    width: 304px;
}
.azure-section-self .emailHeading,
.azure-section-reset-email .emailHeading,
.azure-section-mfa .emailHeading{
    color: #624b99;
    text-decoration: underline;
    font-weight: 600;
    margin-top: 18px
}
.azure-section-self .emailcontent{
    display:none;
}
.azure-section-signup .helpText{display:none;text-align: left;color: #D5281B;}

.azure-section-signup label {
text-align:left;

}
.error.itemLevel.show p{
    color: #D5281B;
}
/* Responsive css */
.azure-section .error.itemLevel , .azure-section-profile .error.itemLevel {
  display: none;
}
.azure-section img{display:block;text-align: left;}

.verificationSuccessText{
  font-size: 1.125rem;
  font-weight: 700;
}
.attrEntry.validate .verificationErrorText ,.attrEntry.validate .verificationSuccessText {
padding-bottom:20px;
}
.attrEntry input:invalid {
    outline: #D5281B solid 0px !important;
}

 .azure-section-profile input{
  width:100% !important;
}

.azure-section .field-icon:hover,
.azure-section button#next:hover,
.azure-section button#next_custom:hover,
.azure-section #email_ver_but_send:hover,
.azure-section #email_ver_but_verify:hover,
.azure-section #email_ver_but_resend:hover,
.azure-section button#continue:hover,.azure-custom-button:hover,
.signup_custom_button:hover,
.azure-section-mfa-email #readOnlyEmail_ver_but_send:hover,
.azure-section-reset-email #email_ver_but_verify:hover,
.azure-section-reset-email  #email_ver_but_resend:hover,
.azure-section-mfa-email #readOnlyEmail_ver_but_verify:hover,
.azure-section-mfa-email #readOnlyEmail_ver_but_resend:hover,
.azure-section-success #continue:hover,
#confirmEmailbutton:hover,
#mfa_custom_button:hover,
#updateSecuritySettings:hover,
button[id="verifyCode"]:hover,
button[id="verifyPhone"]:hover
{
     background-color: #085093;
			box-shadow: 0 4px 0 0 #0964B9;
			text-decoration: none;
}

#continue:focus, #email_ver_but_verify:focus, #email_ver_but_send:focus {
   background-color: #F3EB03 !important;
    color: #000000 !important;
    outline: 3px solid #202124 !important;
    text-decoration: underline;
}

.azure-section #createAccount:hover
{
   

    text-decoration:underline;
    cursor:pointer;
}


.azure-section #forgotPassword:hover{
 color: #472B8A;
}
.emailHeading,#azureCreatePassword{cursor:pointer;color:#472B8A;}
#azureCreatePassword{text-decoration:underline;}
#extension_mfaByPhoneOrEmail_email,#extension_mfaByPhoneOrEmail_phone,#extension_mfaByPhoneOrEmail_call,#extension_mfaByPhoneOrEmail_sms{
    width: 24px !important;
    display: inline;
    margin-right: 25px;
    box-shadow: 0 0 black;
    vertical-align: sub;
    margin-bottom:0px;
    height: 30px;
}
label[for="extension_mfaByPhoneOrEmail_phone"],label[for="extension_mfaByPhoneOrEmail_email"],label[for="extension_mfaByPhoneOrEmail_call"],label[for="extension_mfaByPhoneOrEmail_sms"]{
display: inline-block;
    max-width: 100%;
    font-weight: 700;
    margin-top: 25px;
    vertical-align: super;
}
label[for="extension_manualAddressSelect_manual"],label[for="extension_mfaByPhoneOrEmail"]{font-weight:500;}

/* login page */
.error-red{color:#D5281B;padding-left:5px;}

/* loader icon */

#api .working {
	background: url(data:image/gif;base64,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) no-repeat;
	height: 30px;
	width: auto;
	background-position: center bottom;
    display:none;
}

	#verifyPhone,
	#sendCode {
		min-width: 150px;
		height: auto;
		gap: 7px;
		opacity: 1;
		padding: 8px 24px !important;
		background-color: #0964B9;
		box-shadow: 0 4px 0 0 #085093;
		font-family: Noto Sans;
		font-weight: 700;
		font-size: 16px !important;
		line-height: 20px;
		letter-spacing: 0px;
		color: #FFFFFF;
		border: 0px;
		  
    }

	#verifyPhone:hover,
	#sendCode:hover { 
		background-color: #085093;
    box-shadow: 0 4px 0 0 #0964B9;
    text-decoration: none !important;
	}

	#verifyPhone:focus,
	#sendCode:focus {
		background-color: #F3EB03 !important;
    color: #000000 !important; 
    outline: 3px solid #202124 !important;
    text-decoration: underline !important;
	}
    
div[id="loader"] {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  display: none;
  position: absolute;
  left: 45%;
  top: 75%;
}
.verifying-modal{display:none;margin-top:10px}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.azure-close{margin-bottom:30px;}
.azure-section-profile a:hover, .azure-section-profile a:focus {
    /*2854 - Accessibilty color: #ffffff;*/
    color: #6C43A7;
    text-decoration: underline;
}

.mb-30 {
    margin-bottom: 30px;
}

input#btnClearPostalCode_customeraddress {
    background: #cccccc;
    font-size:1rem;
}

input#btnGetAddresses_customeraddress {
    color: #fff;font-size:1rem;
}

.azure-section input[readonly="readonly"] {
    background-color: #eee !important;
    opacity: 1;
}
li.RadioSingleSelect input[type=checkbox], li.RadioSingleSelect input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    width: auto !important;
    display: inline;
    height: 12px;
}
li.RadioSingleSelect label{
padding: 0px 0px 0px 10px;

}
 
/*li.RadioSingleSelect input[type=checkbox], li.RadioSingleSelect input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    width: auto !important;
    display: inline;
    height: 30px;
}
*/
.robotText input[type=checkbox]{
    width: auto !important;
    display: inline;
    height: 15px;
}
#postcodeError{color:#D5281B;}

/* Register page */
#almost{
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    margin-top: -18px;
}
.emailNotreceived{margin-bottom:30px;}
label[for="email"]{margin-top:20px;}
.verificationErrorText{
   /* background: #d8d8d8;
    border-left: 3px solid #948888;
    position: relative;*/
    color: #D5281B;
    /*padding: 15px 15px 15px 40px;*/
}
/*.verificationErrorText:before{
    font-family: FontAwesome;
    content: "\f06a";
    position: absolute;
    top: 15px;
    left: 7px;
    font-size: 30px;
}*/
.azure-section-signup .errorText{
    background: #d8d8d8 !important;
    border-left: 3px solid #948888 !important;
    position: relative !important;
    border: 0px;
    margin: 10px 0;
    padding: 0px;
}
.azure-section-signup .errorText p{
  color:#000;
}

.azure-section-reset-email .reset-helptext, .azure-section-reset-email .reset-description{
  text-align:center;
}
.azure-section-success .intro  { display:none }
.azure-email-confirmation .intro,.account-deactivation-confirmation .intro {display:block;}
.azure-section-success #userMessage ,.azure-email-confirmation .intro p,.account-deactivation-confirmation .intro p{
    text-align: center;
    font-size: 1.75rem;
    color: #624b99;
    font-weight: 700;
    margin-bottom:0px;
}
.azure-section-success label[for="userMessage1"]{display:none;}
.azure-section-success #userMessage1 ,.azure-email-confirmation #userMessage3 {
    text-align: center;
    font-size: 1.375rem;
    color: #000;
    font-weight: 700;
    margin-bottom:45px;
}
.azure-section-success #userMessage2 {
    text-align: center;
    font-size: 1.125rem;
    color: #000;
    font-weight: 700;
    margin-bottom:45px;
}
.azure-section-success  {
 text-align:center;
}
.azure-section-signup li.Password .error{display:none !important;}

.azure-section-signup #requiredFieldMissing{
    padding: 20px;
    color: #D5281B;}

.azure-section-mfa p#mfa-phone-heading {
    font-weight: bold;
    color: #333;
    font-size: 1.125rem;
}
.azure-section-mfa .mfa-phone {
    margin-bottom: 20px;
}
@media only screen and (min-width: 320px) and (max-width:770px)  {
	.azure-section .azure-content-section {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	} 
}

/* hidden buttons */
#email_ver_but_default{display:none;}
#attributeVerification {text-align:left}
button[id="verifyCode"], button[id="verifyPhone"] {
    margin-bottom: 15px;
}

/* loading icon css */

#verifying_blurb{
    color: #fff;
    background-image: url(https://signinuat.brent.gov.uk/static/img/win8loader.gif);
    background-repeat: no-repeat;
    background-position: center 61px;
    padding-top: -150px;
    height: 170px;
}
.error.pageLevel1 {
    background: #d8d8d8;
    border-left: 3px solid #948888;
    position: relative;
    margin-bottom: 20px;
}
/* Button alignment using calc() */

.azure-section-self #email_ver_but_send,
.azure-section-reset-email #email_ver_but_send,
.azure-section-reset-email #continue,
.azure-password-section #continue,
.azure-section-self #continue,
.azure-section-mfa-email #email_ver_but_send,
.mfa-email-update #continue,
.azure-section-mfa-email #readOnlyEmail_ver_but_send,
.azure-section-mfa-email button#continue{
    margin-left: calc(((100% - 170px) / 2));
    margin-right: calc(((100% - 170px) / 2));
}
.azure-section-mfa-email #readOnlyEmail_ver_but_verify,
.azure-section-mfa-email #readOnlyEmail_ver_but_resend,
.azure-section-reset-email #email_ver_but_verify,
.azure-section-reset-email  #email_ver_but_resend,
.azure-section-mfa-email #email_ver_but_resend,
.azure-section-mfa-email #email_ver_but_verify,
.azure-section-self #email_ver_but_verify,
.azure-section-self #email_ver_but_resend,
#confirmEmailbutton
{
    margin-left: calc(((100% - 304px) / 2));
    margin-right: calc(((100% - 304px) / 2));
}
#updateSecuritySettings{
 margin-left: calc(((100% - 300px) / 2));
 margin-right: calc(((100% - 300px) / 2));
 
}
/* error message content inline to block*/
.azure-section-self #self-verification-text{
    font-weight: 500;
    font-size: 1rem;
    text-align: left;
}
label[for="readOnlyEmail"]{
    margin-top:20px;
}
.mfa-phone-verification{
   font-weight: 500 !important;
    text-align: left !important;
    font-size: 1rem !important;
    margin-top: 0px !important;
}

/* Confirm your Email address  - Self Asserted*/
/*For displaying the error messages*/
.azure-section-self #verificationErrorText{
   color:#fff !important;
}
.anchortag{
	text-decoration:underline;
	color:#624b99;
	font-weight:bold;
    cursor:pointer;
}
.azure-section-mfa .phoneNumber .number{
    margin-bottom: 15px;
    display: block;
    width: 100% !important;
    height: 40px;
    padding: 6px 15px;
    font-size: 0.938rem;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.itemLevel p[role="alert"]{color:#D5281B;font-style:normal;}
.loginCustomErrorMsg{padding-left:20px;}
.loginErrorMsgText{
    margin-top: 0px;
    color: #D5281B;
    font-weight: 700;
    font-size: 1rem;
}

.loginErrorMsgText p{color:#000 !important;font-size: 0.938rem;font-weight: normal;}
.loginErrorMsgText h3{color:#D5281B;margin-top:0px;font-size: 0.938rem;font-weight: 700;}
.loginErrorMsgText #accountlockText,.loginErrorMsgText #securityReasons{margin-top:30px;margin-bottom:0px;font-size: 0.938rem;}
  span.username {
    text-transform: capitalize;
}
.azure-content-section #cancel:hover{text-decoration:underline;}
.entry-item label{    font-size: 1rem;}
.mfa-email-update .error.itemLevel,.azure-section-self .error.itemLevel,.azure-section-profile .error.itemLevel{color:#D5281B;}
.azure-section-profile .customErrorMsg{margin-bottom:20px;}

.azure-section-signin input#password,.azure-section-profile #btnHTMLZipCode_customeraddress,.azure-section-profile #readOnlyEmail,.azure-password-section #newPassword{
  width: 60% !important;
  float:left;
  min-height:32px;
  height:40px;
  
}
.azure-section-signin #show-password,.azure-section-profile #btnGetAddresses_customeraddress,.Readonly .field-icon,.azure-password-section #show-password{
  /*width: 40% !important;*/
  float: right;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom:20px;
  border:0;
  text-align: center;
  height:auto;
}
.azure-password-section .Password label{display:block}
@media only screen and (min-width: 320px) and (max-width:380px)  {
	.azure-section-SecuritySettings button#continue, .azure-custom-button{width:auto;}
}
@media only screen and (min-width: 320px) and (max-width:580px)  {
	.azure-section-profile li.Readonly .field-icon{float: none;
    margin-left: 0px;
    margin-bottom: 20px;
    /* position: unset; */
    width: 100%;
    display: block;
    margin-top: -7px;
    text-align: center;}


    .azure-section-signin input#password,.azure-section-profile #btnHTMLZipCode_customeraddress,.azure-section-profile #readOnlyEmail{
  width: 100% !important;
  float:none;
  min-height:32px;
  height:auto;
  
}
.azure-section-signin #show-password,.azure-section-profile #btnGetAddresses_customeraddress,.Readonly .field-icon{
  width: auto;
  float: none;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom:16px;
  border:0;
  text-align: center;
}

}
@media only screen and (min-width: 320px) and (max-width:400px)  {
	.azure-section .azure-content-section {
		width: 100%;
		padding-left: 5px;
		padding-right: 0px;
	} 
    .azure-content-section .panel-body {
        padding: 20px 15px;
    }
    .robotText {
        margin-top: 55px;
        margin-bottom: 15px;
     }
     .azure-section-mfa-email #readOnlyEmail_ver_but_verify,
.azure-section-mfa-email #readOnlyEmail_ver_but_resend,
.azure-section-reset-email #email_ver_but_verify,
.azure-section-reset-email  #email_ver_but_resend,
.azure-section-mfa-email #email_ver_but_resend,
.azure-section-mfa-email #email_ver_but_verify,#confirmEmailbutton, .azure-section-self #email_ver_but_verify, .azure-section-self #email_ver_but_resend {
        width: 260px;
     }
    .azure-section-mfa-email #readOnlyEmail_ver_but_verify,
.azure-section-mfa-email #readOnlyEmail_ver_but_resend,
.azure-section-reset-email #email_ver_but_verify,
.azure-section-reset-email  #email_ver_but_resend,
.azure-section-mfa-email #email_ver_but_resend,
.azure-section-mfa-email #email_ver_but_verify,
.azure-section-self #email_ver_but_verify,
    .azure-section-self #email_ver_but_resend,
     #confirmEmailbutton
    {
        margin-left: calc(((100% - 260px) / 2));
        margin-right: calc(((100% - 260px) / 2));
    }
}

.mfa-info.text-center {
    font-style: italic;
    margin-top: 25px;
    margin-bottom: 35px;
    font-size: 14px;
}

.password-reset p{
    margin-top:10px;
}
.pwd-specifics p {
    margin-top: 10px;
}
.phoneEntry .number p[role="alert"]{display:none;}

.mb-0 {
    margin-bottom: 0px;
}
/* Accessibility */

a.skipTo {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
    margin-left: 200px;
}
a.skipTo:focus, a.skipTo:active {
    color: #000;
    background-color: #F3EA02;
    left: 1rem;
    top: 1rem;
    width: 176px;
    height: 48px;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    z-index: 999;
    outline-color: #000!important;
	outline-style: solid;
    outline-width:0.25rem!important;
}

@media (max-width: 768px) {
	a.skipTo:focus, a.skipTo:active {width:100%!important;left:0px;top:0px;position:fixed!important;}
}
.weblink  .fa-home{font-size:1.5rem;margin-top:-2px;}
.phoneEntry .number p[role="alert"]{display:none;}
.help-btn{
    position: absolute;
    right: 20px;
    background: #624b99;
    color: #fff;
    padding: 5px 10px;
}
.help-btn a{
    color:#ffffff;
}
@media only screen and (min-width: 320px) and (max-width:400px)  {
 .help-btn{
   top:7px;
 }
}
.alert.alert-success.mr-1 {
    padding: 10px 5px;
    margin-top: 10px;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    font-size: 0.938rem;
}

@media only screen and (min-width: 320px) and (max-width:770px)  {
	.alert.alert-success.mr-1 {
      width: 100%;
    }

    .navbar-static-top.navbar-inverse {
        margin: 0;
    }

    .page-copy {
        padding-left: 0px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 400px) {
    .azure-section .azure-content-section {
        padding-left: 0px;
    }
}

/* Accessbility issues css */
.azure-section a{
 color: #0964B9;
 text-decoration: underline;
}
.azure-section .alert-success p{
color:#112211;
}
.loginErrorMsgText h3 {    
    font-size: 1.25rem;
    color: #E91616;
}
.help-btn a{color:#fff;text-decoration: none;}

.linkbtn{
background-color:transparent;
border-style:none;
}
/* Suresh: Audit Report Fixes: Add btn-close css class to  close button - Begin*/
.btn-cancel {
    color: #202124 !important;
    background-color: #F8f9fA !important;
    border-color:  #F8f9fA !important;
    border-bottom-style: outset !important;
}
.btn-cancel:hover
{
    color: #ffffff !important;
    background-color: #6c6c6e !important;
    border-color: #6c6c6e !important;
  
}

.btn-cancel:focus
{
    background-color: #F3EB03 !important;
    color: #000000 !important;
    outline: 3px solid #202124 !important;
    text-decoration: underline;
}

.btn-cancel:active
{
    color: #202124 !important;
    background-color: #F8F9FA  !important;
      
    border-color : #F3EB03 !important;
}
#cancel:hover
{
    color: #ffffff !important;
    background-color: #6c6c6e !important;
    border-color: #6c6c6e !important;
    outline : none !important;
}

#cancel:focus
{
    background-color: #F3EB03 !important;
    color: #000000 !important;
    outline: 3px solid #202124 !important;
    text-decoration: underline;
}

#cancel:active
{
    color: #202124 !important;
    /* background-color: #F8F9FA  !important;
      
    border-color : #F3EB03 !important;*/
    outline : none !important;
}
/* Suresh: Audit Report Fixes: Add btn-close css class to  close button - End*/
/* Suresh: User Story#3114 : Added CSS for h1 - Begin*/
.h1ResetPwd
{
    margin: 0 0 20px 0;
    text-align: left;
    color: #000 !important;
    font-family: Noto Sans !important;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0px;
}
/* Suresh: User Story#3114 : Added CSS for h1 - End*/
/* Suresh : MFA: Added CSS for h4 - Begin*/
.h4ResetPwd
{
    text-align: center;
    font-style: italic;
    margin-bottom: 10px;
}
/* Suresh: MFA: Added CSS for h4 - End*/
 /* Suresh : MFA changes: Added CSS for pCenter- Begin*/
.pCenter
{
text-align: center;
}

.SubmitNo{
    position: absolute;
    right: 20px;
    background: #624b99;
    color: #fff;
    padding: 5px 10px;
}

@media only screen and (min-width: 320px) and (max-width:400px)  {
 .SubmitNo,#btn_continue_myaccount{
      float: left!important;
position: inherit!important;
 }
}

@media only screen and (min-width: 500px) and (max-width:1024px)  {
 .SubmitNo,#btn_continue_myaccount{

float: right;

 }
}

@media only screen and (min-width: 320px) and (max-width:400px)  {
 #btn_e_news_subscriptions{
      float: center!important;
      right: 10px;
 }
}

@media only screen and (min-width: 320px) and (max-width:400px)  {
  #forgotPassword{
      padding: 20px;
 }
}
/* Suresh : MFA changes: Added CSS for pCenter- End*/

.social{
    order: 2;
    grid-area: second;
}

.localAccount{
     order: 1;
    grid-area: first;
}

/* Azure AD B2C sign-in reordering (visual only) */
#api {
  display: flex;
  flex-direction: column;
}

/* Local above Social */
#localAccountForm { order: 1; }
#social           { order: 2; }

/* Optional spacing & alignment */
#localAccountForm, #social {
  margin-bottom: 16px;
}

@media (max-width: 412px) {
    #brent-footer .bf-main .row {
        padding: 0px 65px;
    }
}

#customcontinue:hover,
#customNext:hover,
#customOTPCheck:hover,
#readOnlyEmail_ver_but_send:hover,
#readOnlyEmail_ver_but_verify:hover,
#readOnlyEmail_ver_but_resend:hover,
#readOnlyEmail_ver_but_default:hover,
#continue:hover,
#fidoRegister:hover {
     background-color: #085093;
			box-shadow: 0 4px 0 0 #0964B9;
			text-decoration: none;
}

#customNext:focus,
#customOTPCheck:focus,
#readOnlyEmail_ver_but_send:focus,
#readOnlyEmail_ver_but_verify:focus,
#readOnlyEmail_ver_but_resend:focus,
#readOnlyEmail_ver_but_default:focus,
#registerBtn:focus,
#continue:focus,
#fidoRegister:focus {
   background-color: #F3EB03;
    color: #000000 !important;
    outline: 3px solid #202124 !important;
    text-decoration: underline;
}

#customcontinue[disabled], #customcontinue.disabled {
    opacity: 50%;
}

.auth-card input[type="email"], .auth-card input[type="password"], .auth-card input[type="text"], .auth-card input[type="tel"], .auth-card input[type="number"] {
    font-size: 18px;
}

.description {
    margin-top: 0px !important;
}

.help-text, .description {
    font-family: Noto Sans !important;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px !important;
    line-height: 20px;
    letter-spacing: 0%;
    color: #4D4E50;
    margin-bottom: 10px !important;
}

 #readOnlyEmail_fail_retry {
		margin-bottom: 10px;
		margin-top: 0px !important;
	 }

body {
    margin: 0;
}

.portal-label, label {
    font-family: Noto Sans;
    font-weight: 400;
    font-style: Regular;
    font-size: 18px !important;
    line-height: 27px;
    letter-spacing: 0px;
    color: #202124;
    margin-bottom: 10px;
}

.btn-primary {
    min-width: 150px;
    height: auto;
    gap: 7px;
    opacity: 1;
    padding: 8px 24px !important;
    background-color: #0964B9;
    box-shadow: 0 4px 0 0 #085093;
    font-family: Noto Sans;
    font-weight: 700;
    font-size: 16px !important;
    line-height: 20px;
    letter-spacing: 0px;
    color: #FFFFFF;
    border:none;
}

.btn-primary:hover, .byb-btn-continue:hover {
    background-color: #085093;
			box-shadow: 0 4px 0 0 #0964B9;
			text-decoration: none;
}

.btn-primary:focus, .byb-btn-continue:focus, .pull-right:focus {
   background-color: #F3EB03 !important;
    color: #000000 !important;
    outline: 3px solid #202124 !important;
    text-decoration: underline;
}

.btn-primary:disabled, .byb-btn-continue:disabled {
    opacity: 50%;
}

.btn-default {
    background-color: #EFF2F5 !important;
    box-shadow: 0 4px 0 0 #6C6C6E;
    color: #202124 !important;
    border: none;
    min-width: 150px;
    height: auto;
    opacity: 1;
    padding: 8px 24px !important;
    font-family: Noto Sans;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;


}

.btn-default:hover {
    background-color: #6C6C6E !important;
    box-shadow: 0 4px 0 0 #6C6C6E;
    color: #ffffff !important;
}

.btn-default:focus {
    outline: 3px solid #202124 !important;
}

.btn-default:disabled {
    opacity: 50%;
}

.large-body-text {
  font-family: Noto Sans;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.portal-para {
    font-family: Noto Sans;
    font-size: 18px;
    color: #202124;
    line-height: 27px;
    font-weight: 400;
}

.portal-para-bold {
    font-family: Noto Sans;
    font-size: 18px;
    color: #202124;
    line-height: 27px;
    font-weight: 700;
}

.error-message, #givenName-validation, #surname-validation {
    font-family: Noto Sans;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 27px !important;
    letter-spacing: 0px;
    color: #D5281B !important;
    margin-bottom: 10px;
    max-width: 730px;
}

.tile-header {
    font-family: Noto Sans;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0%;
    color: #202124;
}

.tile-header:hover {
    color: #0964B9;
    text-decoration: underline;
}

@media (max-width: 560px) {
    .tile-header {
        font-family: Noto Sans;
        font-weight: 700;
        font-size: 21px;
        line-height: 26px;
        letter-spacing: 0%;
        min-width: 175px;
    }
}

.tile-body {
    font-family: Noto Sans;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0px;
    color: #202124;
}

.tile-body-bold {
    font-family: Noto Sans;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0px;
    color: #000000;
}

.tile-body-bold:hover {
    color: #0964B9;
    text-decoration: underline;
}

.header-breadcrumb {
    font-family: Noto Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF
}

.header-body {
    font-family: Noto Sans;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.info {
    padding-bottom: 0px;
}

.breadcrumb>li+li:before {
    padding: 0px 8px !important;
}

.help-strip {
    max-width: 670px !important;
    font-size: 18px !important;
}

#customCodeVerify {
    margin-top: 10px;
    margin-bottom: 30px;
}

#givenName-validation, #surname-validation {
    margin: 0 !important;
}

a:focus {
    outline-offset: 0px !important;
}

.navigation__logo {
    z-index: 1;
    width: 150px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
}

@media (min-width: 1024px) {
    .navigation__logo {
        width: 180px;
        height: 70px;
    }
}

@media (min-width: 1024px) {
    .navigation__logo_desktop {
        display: block;
    }
}


/* Header styles extracted from headerfile.html */
:root{--banner-grad:linear-gradient(90deg,#1a9a6a,#17a469);} 
.site-top{background:#fff;}
.site-top .container{max-width:1920px;width:100%;margin:24px auto;display:flex;align-items:center;justify-content:space-between}
.site-top .brand img{height:70px;width:180px;margin-top:0px;margin-left:165px}
.banner{background:transparent;color:#fff;font-weight:600;font-size:0.95rem;letter-spacing:.15px}
.banner .container{height:49px;max-width:1920px;width:100%;margin:0 auto;padding:15px 0;display:flex;align-items:center;background:var(--banner-grad);box-sizing:border-box}

/* Small helper to ensure header spacing doesn't collide with page content */
.site-top + .page-content{margin-top:1rem}


	@media (max-width: 1025px) {
		.site-top .brand img{margin-left: 20px;}
	}

 /* end of headerCSS.css


    
    /* FooterCSS.css
   Extracted footer styles from FooterWebFile.html
*/
:root{
  --u-15: 15px;      /* half-gutter for tight spots */
  --u-30: 30px;      /* main gutter */
  --u-40: 40px;      /* section padding */
  --footer-grey: #16181b;  /* dark panel behind columns */
  --footer-black:#000;     /* legal bar */
  --footer-text:#f2f2f2;   /* body text */
  --footer-dim:#cfd2d6;    /* subtle text */
}

.main-page-footer {
  width: 100vw;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  position: relative;
  clear: both;
}

.page-footer-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#page_footer_container {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#brent-footer {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#brent-footer .container-fluid {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width:400px) {
	#brent-footer {
		padding-left: 0px !important;
	}
}

#brent-footer .bf-skyline{
  position: relative;
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden;
  background: transparent;
  line-height: 0;
}
#brent-footer .bf-skyline img,
#brent-footer .bf-skyline-img{
  display:block;
  width:100%;
  max-width:1920px;
  height:auto;
  object-fit:cover;
  min-height:120px;
  background:#F8F9FA;
  margin: -2px auto;
  padding:0; /* ensure no horizontal padding */
}
#brent-footer .bf-skyline img:not([src]),
#brent-footer .bf-skyline img[src=""] {
  display: none;
}

#brent-footer .bf-main{
  background: transparent; /* remove full-bleed dark */
  color: var(--footer-text);
  padding: 8px 0; /* ultra-reduced vertical spacing */
  width: 100% !important;
  margin: 0 !important;
}

#brent-footer .bf-main {
  text-align: center !important;
}

#brent-footer .bf-main .container {
	max-width:1920px !important;
	width:100% !important;
	margin:0 auto !important;
	text-align:center !important;
  	background:var(--footer-grey); /* dark panel constrained */
	background-color: #1a1b1f;
	position: relative;
	padding: 0 0 15px;
	z-index: 1;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
	background-blend-mode: soft-light;
	background-attachment: initial;
	background-position: center !important;
	background-size: cover !important;
	background-image: url("/footer-background");
    background-repeat: no-repeat;
}

#brent-footer .bf-main .row {
  	display: flex !important;
	flex-wrap: wrap !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	margin: 0px auto;
	width: 100% !important;
	max-width: 1110px !important;
	gap: 30px !important;
	text-align: left !important;
	box-sizing: border-box;
    padding: 0px 30px;
}

@media (min-width: 736px) {
    #brent-footer .bf-main .row {
        flex-flow: row wrap;
        justify-content: space-between;
    }
}

@media (max-width: 370px) {
    #brent-footer .bf-main .row {
        padding: 0px 50px !important;
    }
}

#brent-footer .col-12.col-md-6.col-lg-3 {
  flex:1 1 0 !important;
  min-width:160px !important;
  width:auto !important;
  padding:0 !important;
  text-align:left !important;
}

#brent-footer .col-12.col-md-6.col-lg-3:first-child {
  min-width: 120px !important;
  text-align: left;
}

#brent-footer .col-12.col-md-6.col-lg-3:nth-child(2),
#brent-footer .col-12.col-md-6.col-lg-3:nth-child(3)
 {
  min-width: 120px !important;
  text-align: center !important;
}

#brent-footer .col-12.col-md-6.col-lg-3:last-child {
  min-width: 160px !important;
  text-align: center !important;
}

#brent-footer .bf-heading {
margin-top: 30px;
font-size: 18px !important;
  text-align: left !important;
  color: #fff !important;
  font-weight: 700 !important;
  margin-bottom: 15px !important; /* reduce gap under headings */
  font-family: Noto Sans !important;
}

@media (max-width: 545px) {
	#brent-footer .bf-heading, #brent-footer .bf-link {
		text-align: center !important;
	}
}

#brent-footer .bf-social {
  justify-content: flex-start !important;
  display: flex !important;
  gap: 14px !important;
}

@media (min-width: 560px ) and (max-width: 991.98px) {
  #brent-footer .col-12.col-md-6.col-lg-3 {
    max-width: 50% !important;
  }

  #brent-footer .bf-main .row {
	padding: 0px 30px;
  }

  #brent-footer .col-12.col-md-6.col-lg-3:first-child {
	text-align: left !important;
  }
  
  #brent-footer .col-12.col-md-6.col-lg-3:nth-child(2),
  #brent-footer .col-12.col-md-6.col-lg-3:nth-child(3) {
    padding-left: 15px !important;
  }

  #brent-footer .bf-social {
	gap: 2px !important;
  }

  #brent-footer .bf-main .row {
	gap: 0px !important;
  }
}

@media (max-width: 419px) {
	#brent-footer .col-12.col-md-6.col-lg-3:nth-child(2),
  #brent-footer .col-12.col-md-6.col-lg-3:nth-child(3) {
    padding-left: 0px !important;
  }

  .list-inline>li {
	padding-left: 0px;
	padding-right: 0px;
  }
}

@media (max-width: 412px) {

  #brent-footer .bf-main .row {
	padding: 0px 65px;
  }
}

@media (max-width: 767.98px) {
  #brent-footer .col-12.col-md-6.col-lg-3 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }
  
  #brent-footer .bf-social {
	justify-content: center !important;
  }
}

#brent-footer .bf-logo{
  max-height: 64px;
  width:auto;
  display:inline-block;
  margin-bottom: 0;
  margin-right: 12px;
  vertical-align: middle;
  margin-top: 30px;
}

#brent-footer .bf-heading{
  color:#fff;
  font-weight:700;
  font-size:1rem;
  margin-bottom:.35rem; /* align with tighter heading spacing */
}
#brent-footer .bf-link {
	margin-left: 0px;
	font-size: 16px !important;
  color: #FFFFFF;
  text-decoration:none;
  display:block;
  line-height:1.35; /* ultra-tight line height */
  word-wrap:break-word;
  text-align:left;
  font-weight: 500 !important;
}
#brent-footer .bf-link:hover{ color:#fff; text-decoration:underline; }
#brent-footer .list-unstyled{ margin:0; padding:0; list-style:none; }
#brent-footer ul{ list-style:none; padding-left:0; margin:0; }
#brent-footer .list-unstyled li{
  margin-bottom: 15px; /* ultra-tight item spacing */
  text-align:left;
}

#brent-footer .bf-social{ display:flex; gap:10px; padding: 0px;}
#brent-footer .bf-social .bi{ font-size:1.125rem; }

#brent-footer .bf-legal{
  background: transparent; /* remove full-bleed black */
  color: var(--footer-dim);
  padding: 4px 0; /* ultra-tight vertical spacing */
  width:100% !important;
  margin:0 !important;
}
#brent-footer .bf-legal a{ color: #FFFFFF; text-decoration:none; }
#brent-footer .bf-legal a:hover{ color:#fff; text-decoration:underline; }
#brent-footer .bf-legal {
  text-align: center !important;
}

#brent-footer .bf-legal .container {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  text-align:center;
  max-width:1920px !important;
  width:100% !important;
  margin:0 auto !important;
  background:var(--footer-black); /* black bar constrained */
  box-sizing:border-box;
  color: #fff;
	background-color: #000;
	position: relative;
	padding: 0 30px;
	font-size: calc(16 / 10 * 1rem);
	line-height: calc(20 / 10 * 1rem);
	font-weight: 500;
}

@media (min-width: 1024px) {
    #brent-footer .bf-legal .container {
        font-size: calc(16 / 10 * 1rem);
        line-height: calc(20 / 10 * 1rem);
    }
}

#brent-footer .bf-legal .row {
  width:100% !important;
  max-width:1110px !important;
  margin:0 auto !important;
  display:flex !important;
  flex-direction:column !important; /* stack items */
  justify-content:center !important;
  align-items:center !important;
  gap:6px !important; /* further minimal spacing */
  flex-wrap:nowrap !important;
  padding: 30px 0;
}

#brent-footer .bf-legal .col-12.col-lg {
  flex: 0 0 auto !important;
  width: 100% !important; /* full width for links */
  max-width: 100% !important;
  text-align:center !important;
}

#brent-footer .bf-legal .col-12.col-lg-auto {
  flex: 0 0 auto !important;
  width: 100% !important; /* full width for copyright line */
  max-width: 100% !important;
  text-align:center !important;
  margin-top: 30px;
}

#brent-footer .bf-legal .list-inline {
  display:flex;
  flex-wrap:wrap;
  margin:0;
  justify-content:center;
}

#brent-footer .bf-legal .list-inline-item {
  display: inline-block;
	margin: 12px;
	text-decoration: underline;
}
 
#brent-footer .bf-legal p {
  margin:0;
  color:#ffffff;
  text-align:center;
  font-size: 16px !important
}

@media (max-width: 991.98px){
  #brent-footer .bf-skyline img{ width:150%; transform: translateX(-16%); }
  #brent-footer .bf-logo{ margin-bottom: var(--u-15); }
  #brent-footer .bf-social{ margin-top: .5rem; }
}
@media (max-width: 575.98px){
  #brent-footer .bf-skyline img{ width:135%; transform: translateX(-16%); }
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}
 /* end of footerCSS




  /* Brent Green Hero + Breadcrumb (Profile details) */
      /* Full-bleed green banner: background #288560, text #FFFFFF */
      .ma-hero-wrap {
        background: #288560;
        color: #ffffff;
        padding: 15px 15px;

        /* Make the banner span full viewport width even inside a fixed-width container */
        position: relative;
      }

      .navbar-brand {
        height: auto;
      }

      /* Keep inner content aligned with site container */
      .ma-hero-inner {
        max-width: 1170px;
        margin: 0 auto;
        padding: 0 15px;
      }

      /* Breadcrumb line (show only parent visually) */
      .ma-hero-breadcrumb-nav .brent-hero-breadcrumb {
        padding: 0 !important;
        margin: 0 0 20px 0 !important;
      }

      .ma-hero-breadcrumb-nav .brent-hero-breadcrumb > li {
        display: inline;
        color: #ffffff !important;
      }

      .ma-hero-breadcrumb-nav .brent-hero-breadcrumb > li > a {
        color: #ffffff !important;
        text-decoration: none;
      }

      .ma-hero-breadcrumb-nav .brent-hero-breadcrumb > li > a:hover,
      .ma-hero-breadcrumb-nav .brent-hero-breadcrumb > li > a:focus {
        color: #ffffff !important;
        text-decoration: underline;
        opacity: 0.9;
      }

      /* No separators at all */
      .ma-hero-breadcrumb-nav .brent-hero-breadcrumb > li + li:before,
      .ma-hero-breadcrumb-nav .brent-hero-breadcrumb > li + li::before,
      .breadcrumb > li + li:before,
      .breadcrumb > li + li::before {
        content: '';
        padding: 0 !important;
        margin: 0 !important;
      }

      /* Hide current page crumb visually (H1 shows the title), keep for screen readers */
      .ma-hero-breadcrumb-nav .brent-hero-breadcrumb .breadcrumb-current {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
      }

      /* Big page title */
      .ma-hero-heading {
        margin: 0;
        color: #ffffff;
        font-family:Poppins;
        font-size: 48px;
        line-height: 56px;
        font-weight: 700;
        margin-bottom: 30px;
        margin-top: 20px;
      }

      @media (max-width: 767px) {
        .ma-hero-wrap { padding: 15px 5px; }
        .ma-hero-heading { font-size: 36px; line-height: 40px; }
      }


      .dropdown-menu>li>a {
    padding: 10px 20px !important;
  }

  .dropdown-menu>li>a:hover {
    color: #ffffff;
    background-color: #0964B9;
  }


  			.bf-social-icon{width:18px;height:18px;vertical-align:middle;}


.back-link {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .95rem;
    color: #202124 !important;
    text-decoration: none !important;
    font-weight: 500;
    padding: 0 !important;
    border-radius: .15rem;
    letter-spacing: .15px;
}

.back-link .arrow {
    font-size: 1rem;
    line-height: 1;
    font-weight: 600;
    margin-right: 0;
    color: #202124 !important;
    text-decoration: none !important;
}

.back-link .back-text {
    display: inline-block;
    color: #202124 !important;
    text-decoration: underline;
    font-family: Noto Sans;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0px;
    text-decoration-style: solid;
}

.step-progress .step-segment {
    background: #B1B4B6 !important;
}

.step-progress .step-segment.is-active {
    background: #0964B9 !important;
}

#customVerifyCode{
    margin-top: 10px !important;
}
/* end of Brent Green Hero + Breadcrumb (Profile details) */