@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
body, h1, h2, h3, h4, h5, h6, p, span, i, div, input, select, .uiButton {
   font-family: "Mulish", sans-serif !important;   
}
html:before {
    display: none;
}
body, h1, h2, h3, h4, h5, h6 {
  color: rgba(45, 62, 80, 1);  
}

p {
  font-size: 18px;
  font-weight: 400; 
}
body .themeHeaderTopRow {
    background-color: #ffffff;
	height: 88px;
}
body .forceCommunityThemeLogo .logoImage {
    background-position: 0 center;
    height: 49px !important;
    width: 285px !important;
}
body.comm-page-login-home .body.isPageWidthFixed-true,  body.comm-page-login-home .custom-main-content {
    background-image: url('/sfsites/c/resource/frameworksPortalAssets/login-bg.png');
    width: 100% !important;
    height: 100%;
    background-size: cover; 
    background-position:center;   
    position: relative;
}
body .forceCommunityThemeHeaderStacked .themeHeaderTopRowInner, 
body.comm-page-login-home .body.isPageWidthFixed-true .siteforceContentArea,
body .forceCommunityThemeHeaderStacked .themeHeaderBottomRowInner, 
body .footer .community-custom-footer, body .section-container, 
body .section-container, body .nav-container, 
body.comm-page-login-home .siteforceContentArea .slds-grid.slds-wrap.slds-medium-nowrap,
.program-information-wrapper lightning-tab-bar, 
body.comm-page-usersettings .forceCommunityUserSettingsCustomizable {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1480px !important;
    margin: auto;
    
}
body .section-container p {
    color: #2D3E50;
    line-height: 29px;
}

body.comm-page-login-home .siteforceContentArea .slds-grid.slds-wrap.slds-medium-nowrap{
    justify-content: flex-end;
    display: flex;
    padding: 40px 20px;
    min-height: calc(100dvh - 40px);
}
body.comm-page-login-home .siteforceContentArea .slds-grid.slds-wrap.slds-medium-nowrap .slds-large-size--6-of-12:last-child {
    justify-content: flex-end;
    display: flex;
    position: relative;
}
body .forceCommunityThemeProfileMenu.lpiInnerHeader.profile-loginButton, 
body .forceCommunityThemeProfileMenu.lpiInnerHeader.profile-loginButton:hover,  
body .forceCommunityThemeProfileMenu.lpiInnerHeader.profile-loginButton:focus, 
body .forceCommunityThemeProfileMenu.lpiInnerHeader.profile-loginButton:active, 
body .login-btn, body .login-btn:hover, body .login-btn:focus, body .login-btn:active{
    box-shadow: none;
    min-width: 90px;
    height: 40px;
    border: 1px solid #466e9f;
    border-radius: 4px;
    background-color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    color: #466e9f!important;
}
/**navigation css **/           
body .forceCommunityThemeNav ul.themeNav-align-left {
    /*justify-content: space-between;
    width: 100%;*/
}
body .forceCommunityThemeNav.lpiInnerHeader .mainNavItem .linkBtn:hover {
   /* background: transparent;*/
}
body .forceCommunityThemeNav .mainNavItem {
    /*padding-left: 30px;
    line-height: 38px;
    min-height: 38px;*/
}
body .forceCommunityThemeNav .mainNavItem .linkBtn,
body .forceCommunityThemeNav .mainNavItem .linkBtn:hover, 
body  .forceCommunityThemeNav.lpiInnerHeader .mainNavItem .linkBtn:hover{
    /*font-size: 16px;
    font-weight: 500;
    background-color:transparent!important;*/
}
body .forceCommunityThemeNav.lpiInnerHeader .mainNavItem .subMenu, 
body .forceCommunityThemeNav.lpiInnerHeader .mainNavItem .subMenu .uiMenuItem,
body .forceCommunityThemeNav.lpiInnerHeader .mainNavItem .subMenu .uiMenuItem a{
     /*background: #ffffff;
     color: #466e9f;*/
}
body .forceCommunityThemeNav.lpiInnerHeader .mainNavItem .subMenu .uiMenuItem a {
    /*border-bottom-color: #ccc;*/
}


.body.isPageWidthFixed-true .siteforceContentArea {
    position: relative;
    min-height: 80vh;
    height: 100%;
    width: 100%;
    max-width: 100%;
}
body.comm-page-login-home  .hero {
    /*display: none;*/
}

body.comm-page-login-home .slds-medium-size--6-of-12:last-child  > div[data-region-name="sidebar"] {
    width: 400px;
    box-shadow: 0 2px 4px 0 rgba(206, 206, 206, 0.5);
    border-radius: 21px;
    background-color: rgba(255, 255, 255, 1);
    padding: 35px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: auto;
    right:0;
}
body.comm-page-login-home .forceCommunityRichText h1 {
margin-top: -15px;
}
body.comm-page-login-home .forceCommunityRichText h1, 
body.comm-page-login-home .forceCommunityRichText h1 span {
    font-size: 42px!important;
    font-weight: 900;
    color: #2D3E50!important;
    background: transparent !important;
}
body.comm-page-login-home .forceCommunityRichText h2, 
body.comm-page-login-home .forceCommunityRichText h2 span {
    font-size: 26px!important;
    font-weight: 400;
    color: #2D3E50!important;
    background: transparent !important;
    text-align: center !important;
}
body.comm-page-login-home .forceCommunityRichText h2 span > img {
    display: none;
}
body.comm-page-login-home .forceCommunityRichText h2 {
    margin-bottom: 46px;
}
body.comm-page-login-home .ui-widget:nth-child(2) .forceCommunityRichText.forceCommunityRichTextInline {
   display: none; 
}

body.comm-page-login-home .forceCommunityRichText.forceCommunityHtmlBlock {
    position: relative;
}
body .salesforceIdentityLoginForm2 label.uiLabel-hidden .assistiveText {
 overflow: visible;
	clip: unset;   
}
body .salesforceIdentityLoginForm2 label.uiLabel-hidden {
    font-family: 'Mulish', sans-serif; 
    font-size: 16px;
    font-weight: 400;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 6px 16px 8px;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out;
    color: rgba(0, 0, 0, 0.6);
    width: 90px;
    height: 22px;
}

body  .salesforceIdentityLoginForm2 .inputBox:focus~label.uiLabel-hidden, 
body .salesforceIdentityLoginForm2 .inputBox:not(:placeholder-shown)~label.uiLabel-hidden 
{
   	transform: scale(0.85) translateY(-.8rem) translateX(.8rem);
    background-color: #fff;
    padding: 0 8px;
}
body .salesforceIdentityLoginForm2 .inputContainer {
    padding: 0;
    height: 40px;
    border: 1px solid rgba(241, 241, 241, 1);
    border-radius: 4px;
    background-color: #fff;
    font-family: 'Mulish', sans-serif;
    position:relative;
    margin-bottom: 40px;
}
body .salesforceIdentityLoginForm2 .inputContainer input {
    font-family: 'Mulish', sans-serif; 
    font-size: 16px;
    font-weight: 400;
	width: 100%;
    height: 100%;
    margin: 0;
    padding: 8px 16px;
    border: 1px solid rgba(170, 170, 170, 1);
}
body .salesforceIdentityLoginForm2 .inputContainer input::placeholder {
 color: transparent;           
}        
body .salesforceIdentityLoginForm2 .uiButton  {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-top: 2px;  
    margin-bottom:90px; 
}

body .siteforceLpiLayoutStarter>.body.isPageWidthFixed-true, 
body .siteforceThemeLayoutStarter>.body.isPageWidthFixed-true {
   	min-height: calc(100dvh - 190px);
    padding-top: 40px;
    width: 100% !important;
    max-width: 100%;
}
 body .salesforceIdentityLoginForm2 .inputIcon {
    display: none;
}
 body.comm-page-login-home .selfRegister {
    float: unset;
    display: block;
    text-align: center;
} 
 body.comm-page-login-home .selfRegister a.inverseTextColor,  
 body.comm-page-login-home .selfRegister a.inverseTextColor:hover,
 body.comm-page-login-home .forgot-links a, 
 body.comm-page-login-home .forgot-links a:hover{
    color: #466E9F;
    font-size: 12px;
    font-family: 'Mulish', sans-serif;
    font-weight: 600;
    z-index: 99;
}  
 body.comm-page-login-home .selfRegister a.inverseTextColor,  
 body.comm-page-login-home .selfRegister a.inverseTextColor:hover {
  font-size: 18px;
}        
 body.comm-page-login-home .login-bottom-text {
    color:#2D3E50;
    font-size: 18px;
    font-weight:400;
    position: absolute;
    left: 0;
    right: 0;
    top: -56px;
}
 body.comm-page-login-home .forgot-username,    
body.comm-page-login-home .forgot-password {
   position: absolute;
   right:0;         
}
 body.comm-page-login-home .forgot-username {
    top:46px;        
}        
 body.comm-page-login-home .forgot-password {
    top:126px;  
}

        
/**footer css starts from here**/
body .footer {
   	width: 100%;
    height: 140px;
    padding: 20px 0 10px;
    background-color: #2D3A50;
    margin-bottom: 32px;
    position: relative;       
}
body .footer .logo {
    width: 344px;
    height: 78px;
}    
body .footer .bodyContent {
   display: flex; 
   flex-wrap: wrap;         
   justify-content: space-between;
   align-items:center;
   color: #ffffff;
}        
body .footer p, body .footer a {
  font-size: 18px;
  font-weight: 400;
            
 }
body .footer a {
    color: #B9D4F5;
    font-weight: 600;
   	z-index: 2;
    position: relative;         
}
body .footer .footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 6px;            
} 
body .footer .footer-links li {
  position:relative;
  z-index: 2;  
}
body .footer .footer-links li:not(:last-child):after {
    border-right: 1px solid #B9D4F5;
    content: '';
    position: absolute;
    right: -12px;
    top: 8px;
    height: 15px;
    bottom: 0;
    left: 0;
    z-index: 1;        
 }  
 body .footer .footer-bottom-section {
   width: 416px;
    height: 38px;
    border-radius: 20px;
    background-color: #466E9F;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -18px;
    margin: auto;
    font-size: 14px;
    font-weight: 500;
} 
body .footer .footer-bottom-section ul li {
  display: flex;
  flex-wrap: wrap;                
  align-items: center;
  gap: 4px;
  position: relative;
  top: -1px;         
}        
      
body .footer .footer-bottom-section ul {
    display: flex;
    flex-wrap: wrap;              
    align-items: center;
    gap: 24px;
}
body .footer .footer-bottom-section ul a {
 font-size: 14px;
 font-weight: 500;           
 color: #ffffff;           
}        
body .footer .footer-bottom-section ul  img {
   width: 28px;
   height:28px;         
 } 
        
  body .forceCommunityThemeHeroBase.lpiInnerHero  .contentContainer {
    max-width: 1480px;
    margin: auto;
    padding-top: 32px;        
}
  body .forceCommunityThemeHeroBase.lpiInnerHero .content  {
      margin:0;
      padding: 0 20px;
      background: transparent;
}       
 body .forceCommunityThemeHeroBase.lpiInnerHero .content h1 {
    font-family: 'Mulish', sans-serif!important;
    font-weight: 900 !important;
    font-size: 34px !important;      
} 
 body .forceCommunityThemeHeroBase.lpiInnerHero .content h2.contentTitle {
    font-family: 'Mulish', sans-serif!important;
    font-weight: 900 !important;
    font-size: 56px !important;   
    margin-top:0;        
} 
 body .forceCommunityThemeHeroBase.lpiInnerHero .content p {
    font-weight: 400 !important;
    font-size: 21px !important;      
}    
body .forceCommunityThemeHeroBase.lpiInnerHero .ctaBtnOne,
body .forceCommunityThemeHeroBase.lpiInnerHero  .ctaBtnOne:hover,
body .forceCommunityThemeHeroBase.lpiInnerHero  .ctaBtnOne:focus {
    font-size: 16px !important;   
    font-weight: 600 !important;
    border: none;
    height: 40px;
}  
.white-bg {
 background: #ffffff;           
}
.section-container .page-section-heading        {
    font-size: 42px;
    font-weight: 900;
    margin-bottom: 10px;
    margin-top: -16px;        
}
.section-container .section-sub-heading {
   font-size: 18px;
    font-weight: 400;
    text-align: center;
    line-height: 29px; 
    max-width: 1200px;
    margin: 0 auto 34px;            
}        
.section-container {
padding: 80px 0;
}  
.section-container h4 {
 font-size: 21px;
font-weight: 700;
display: flex;
align-items: center;            
} 
.section-container h4.slds-card-title { 
  margin-bottom: 6px;  
}
.section-container .slds-card {
 box-shadow: 0 1px 8px 0 rgba(229, 229, 229, 0.5);
border-radius: 4px;
background-color: rgba(255, 255, 255, 1);  
border:none;            
 }  
.section-container .slds-card p {
font-size: 18px;
font-weight: 400;
line-height: 29px;            
}
.section-container .slds-card .slds-card-body {
 padding: 16px;           
 } 
.primary-button, .primary-button:focus, .primary-button:hover, 
.primary-button:active, body .forceCommunityContactSupportForm .contactSupportButton, body .forceCommunityContactSupportForm .contactSupportButton:hover,
body .forceCommunityContactSupportForm .contactSupportButton:focus, body .forceCommunityContactSupportForm .contactSupportButton:active,
 .btn-block .slds-button, .btn-block .slds-button:hover,  .btn-block .slds-button:focus,  .btn-block .slds-button:active,
 body .forceCommunityContactSupportForm .slds-button,  body .forceCommunityContactSupportForm .slds-button:hover,
 body .forceCommunityContactSupportForm .slds-button:focus, body .forceCommunityContactSupportForm .slds-button:active {
   background: #466E9F;
   border-radius: 4px!important;
   height: 40px;  
   padding:0 24px;
   width: auto; 
   font-size: 16px;
   font-weight: 600; 
   min-width: auto;
   border: 0;
   box-shadow:none; 
   color: #fff;         
}    
body .bold-700 {
font-weight: 700;            
}
.normal-text {
font-weight: 400;              
}

.blue-bg{
background: #f7faff;            
}     
.icon-image {
    width: 24px;
    display: inline-block;
    height: 24px;
    margin-right: 4px;
    position: relative;
    top: -3px;
} 
.comm-content-footer.comm-layout-column {
   display: none;
} 
.custom-grid .slds-form-element label {
    font-family: 'Mulish', sans-serif; 
    font-size: 16px;
    font-weight: 400;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 6px 10px 0.1px 16px;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out;
    color: rgba(0, 0, 0, 1);
    width: auto;
    /* height: 22px; */
}

.custom-grid .slds-form-element .slds-input:focus~label, 
.custom-grid .slds-form-element .slds-input:not(:placeholder-shown)~label 
{
   	transform: scale(0.85) translateY(-.8rem) translateX(.8rem);
    background-color: #fff;
    padding: 0 8px;
} 

body .slds-form-element__control .slds-input, body .slds-form-element__control .slds-textarea, 
body .slds-form-element__control .slds-combobox__input, body .slds-form-element .uiInput--input .input, body .slds-form-element  .uiInput--input.input,
body .slds-form-element .uiInput--select .uiPopupTrigger a, body .slds-form-element .uiInput--textarea .textarea, 
body .slds-form-element .uiInput--textarea.textarea,
body.comm-page-usersettings input, body.comm-page-usersettings .settingsEmail, 
body.comm-page-usersettings .slds-modal .userInput {
    border: 1px solid rgba(170, 170, 170, 1);
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 1); 
    padding: 4px 30px 6px 16px;  
    color: #000000;
    font-size: 16px;
    box-shadow: none;
    min-height: 40px;
    /*border: 1px solid #4b5563;*/
}
body .slds-form-element__control .slds-input, body .slds-form-element__control .slds-combobox__input,
body .slds-form-element .uiInput--select .uiPopupTrigger a {
height: 40px;                    
}                             
body .slds-form-element  .slds-form-element__label, body .slds-form-element .slds-form-element__legend,
body .slds-form-element .form-element__label, body.comm-page-usersettings .sectionbox label  {
   position: absolute;
    top: 0;
    z-index: 1;
    width: auto; 
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);                   
}
.slds-has-error .slds-input__icon {
 display: none;                   
 }                
body .slds-form-element_address .slds-form-element__group .slds-form-element .slds-form-element__label{
padding-top: 6px;
}
body .slds-form-element_address legend.slds-form-element__label {
  padding-left: 16px;
  padding-top: 6px;                  
}
body .slds-form-element_address .slds-textarea,body .slds-form-element_address .slds-textarea:focus {
height: 40px;
resize: none;                    
}
.comm-page-custom-support .slds-form-element .slds-form-element__label, .volunteer-service .slds-form-element .slds-form-element__label,
.comm-page-custom-support .slds-form-element .form-element__label {
padding:6px 10px 8px 16px;
}                 
body .input-is-focused .slds-form-element__label,
body .slds-form-element_address .slds-form-element__group .slds-form-element:focus-within .slds-form-element__label,
body .slds-form-element_address:focus-within legend.slds-form-element__legend, 
body .floating-label.has-value  .slds-form-element__label, body .slds-form-element div[populated] > .slds-form-element__label, 
body lightning-combobox:has(.slds-combobox__input-value)  .slds-form-element__label, 
body lightning-input-address:has(.slds-combobox__input-value) > .slds-form-element__label,
body .sfdc_username_container:focus-within  .slds-form-element__label,
body.comm-page-custom-support .input-text:focus-within  .slds-form-element__label,
body.comm-page-custom-support  .slds-form-element:focus-within .slds-form-element__label,
.volunteer-service .slds-form-element:focus-within .slds-form-element__label,
body.comm-page-custom-support .slds-form-element:focus-within .form-element__label,
body.comm-page-custom-support .slds-form-element .form-element__label,
body.comm-page-usersettings .sectionbox label, 
body.comm-page-custom-support .slds-form-element:has([aria-invalid="false"]) .slds-form-element__label               
{
    transform: scale(0.85) translateY(-0.8rem) translateX(0.8rem);
    background-color: #fff;
    padding: 0 8px;
    font-size: 12px;
    font-weight: 400;                
    transition: transform 0.2s ease, background-color 0.2s ease;                 
}
body.comm-page-custom-support .slds-form-element input:empty ~ label {
       transform: none;             
}                   
body.comm-page-custom-support lightning-combobox:has(.slds-combobox__input-value)  .slds-form-element__label {
    padding: 2px 8px !important;                
}                
body.comm-page-custom-support .slds-form_stacked {
   display: flex;
   flex-direction: column;
   gap: 10px;                 
}
body.comm-page-custom-support .slds-form_stacked .slds-gutters_small .slds-col {
 padding: 0;
}
body .slds-form-element__label .slds-required, body .form-element__label .required  {
    position: static;
    color: rgba(0, 0, 0, 0.6);
    right:0;                
}                
body .slds-form-element lightning-helptext {
    position: static;
    right: 12px;
    top: 8px;                            
} 
body .slds-form-element button.slds-button.slds-button_icon.slds-button_icon-bare {
position: static;                    
}
body .slds-form-element button.slds-button.slds-button_icon.slds-button_icon-bare,                
body .slds-form-element button.slds-button.slds-button_icon.slds-button_icon-bare:focus,
body .slds-form-element button.slds-button.slds-button_icon.slds-button_icon-bare:active {
 box-shadow:none;  
 border: none;                   
}                
body .custom-registration-form .slds-form-element button.slds-button.slds-button_icon.slds-button_icon-bare:after {
    content: '';
    background: url(/sfsites/c/resource/frameworksPortalAssets/info-icon.png);
    background-size: contain;
    background-repeat: no-repeat;                
    width: 16px;
    height: 16px;
    position: absolute;
    right: -13px;               
    top: -22px;
    z-index: 1;                
}
body .custom-registration-form .slds-combobox__form-element .slds-input__icon-group_right:after,
body .forceCommunityContactSupportForm .slds-combobox__form-element .slds-input__icon-group_right:after,
.volunteer-service .slds-combobox__form-element .slds-input__icon-group_right:after, .comm-page-custom-support .uiInput--select .uiPopupTrigger a:after,
.comm-page-usersettings .slds-combobox__form-element .slds-input__icon-group_right:after {
    content: '';
    background: url(/sfsites/c/resource/frameworksPortalAssets/dropdown-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 10px;
    top: -1px;
    z-index: 1;               
}
.comm-page-custom-support .uiInput--select .uiPopupTrigger a {
  background-image: none;
  position: relative;                  
}
.comm-page-custom-support .uiInput--select .uiPopupTrigger a:after {
   top: 9px;                 
}                
body .custom-registration-form .password-control .password-icon.slds-icon:after
 {
  content: '';
  background: url(/sfsites/c/resource/frameworksPortalAssets/eye-icon.png);
   background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 0;
    top: 16px;
    z-index: 1;                  
} 
body .custom-registration-form .slds-form-element.password button.slds-button.slds-button_icon.slds-button_icon-bare:after {
   right: -13px;                   
}                
body .custom-registration-form lightning-combobox.slds-form-element button.slds-button.slds-button_icon.slds-button_icon-bare:after {
 right: -13px;                   
}                
body .custom-registration-form .slds-form-element button.slds-button.slds-button_icon.slds-button_icon-bare lightning-primitive-icon,
.custom-registration-form .slds-input-has-icon lightning-primitive-icon, 
.unsNotificationsCounter .headerButtonBody lightning-primitive-icon, 
.profile-icon-button .slds-icon-utility-user lightning-primitive-icon,
body .forceCommunityContactSupportForm .slds-combobox__form-element lightning-primitive-icon,
.volunteer-service .slds-combobox__form-element lightning-primitive-icon,
.comm-page-usersettings .slds-combobox__form-element lightning-primitive-icon, body .slds-theme--success .toastIcon  lightning-primitive-icon,
body .slds-theme--error .toastIcon  lightning-primitive-icon {
display: none;                    
} 
body .slds-form-element lightning-combobox select option[value=""] {
    display: none;
}
.error-msg, body .slds-has-error .slds-form-element__help, .errcls {
 font-size: 12px;
 font-weight: 400;                   
 color: #F40606;                   
}
.slds-combobox__input:focus, .slds-combobox__input.slds-has-focus,
body .slds-form-element .uiInput--input .input:focus, 
body .slds-form-element .uiInput--input.input:focus,
body .slds-form-element .uiInput--select .uiPopupTrigger a:focus,  
body .slds-form-element .uiInput--textarea .textarea:focus, 
body .slds-form-element .uiInput--textarea.textarea:focus, 
.comm-page-forgot-password .salesforceIdentityForgotPassword2 .inputContainer:focus, 
.comm-page-forgot-password .salesforceIdentityForgotPassword2 .inputContainer:focus-within,
.slds-combobox__input:active,
body .slds-form-element .uiInput--input .input:active, 
body .slds-form-element .uiInput--input.input:active,
body .slds-form-element .uiInput--select .uiPopupTrigger a:active,  
body .slds-form-element .uiInput--textarea .textarea:active, 
body .slds-form-element .uiInput--textarea.textarea:active, 
.comm-page-forgot-password .salesforceIdentityForgotPassword2 .inputContainer:active,
body.comm-page-usersettings .sectionbox .uiInput--input.input:focus, 
body.comm-page-usersettings .sectionbox .uiInput--input .input:focus, 
body.comm-page-usersettings .sectionbox .uiInput--input.input:active, 
body.comm-page-usersettings .sectionbox .uiInput--input .input:active,
body.comm-page-usersettings .sectionbox .slds-combobox__input:focus {
    box-shadow: none!important;
    border:2px solid #466E9F;                         
    outline: 0;
}
.comm-page-forgot-password .salesforceIdentityForgotPassword2 .inputContainer input:focus, 
.comm-page-forgot-password .salesforceIdentityForgotPassword2 .inputContainer :focus-within,
.comm-page-forgot-password .salesforceIdentityForgotPassword2 .inputContainer :focus-visible  {
   border: none;
   box-shadow: none; 
outline: none;
}                
.custom-registration-form .slds-form-element_address .slds-form-element__group {
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    gap:16px 24px;                
} 
.custom-registration-form .slds-form-element_address .slds-form-element__group .slds-form-element__row {
     width: calc(25% - 8px);
     flex-grow: unset;               
} 
.custom-registration-form .slds-form-element_address .slds-form-element__group .slds-form-element__row:nth-child(4),
.custom-registration-form .slds-form-element_address .slds-form-element__group .slds-form-element__row:nth-child(5)  {
      width: calc(50% - 24px);
      column-gap: 16px;              
}
.custom-registration-form .slds-form-element_address .slds-form-element__group .slds-form-element__row:nth-child(5) {
    width: calc(50% - 16px);                
}                
.custom-registration-form .slds-form-element_address .slds-form-element__group .slds-form-element__row:nth-child(4) .slds-size_4-of-6,
.custom-registration-form .slds-form-element_address .slds-form-element__group .slds-form-element__row:nth-child(4) .slds-size_2-of-6,
.custom-registration-form .slds-form-element_address .slds-form-element__group .slds-form-element__row:nth-child(5) .slds-size_4-of-6,
.custom-registration-form .slds-form-element_address .slds-form-element__group .slds-form-element__row:nth-child(5) .slds-size_2-of-6{
    width: 50%;
           
}
.comm-page-custom-forgot-username .forgot-username-wrapper, 
.comm-page-forgot-password .salesforceIdentityForgotPassword2 {
max-width: 340px;
    margin: auto;
    display: block;
    text-align: center;
    padding-top: 30px;
}
.comm-page-custom-forgot-username .ui-widget:last-child .forceCommunityRichText,
.comm-page-forgot-password .ui-widget:last-child .forceCommunityRichText {
   font-size: 18px;
    font-weight: 600;
    color: #466E9F; 
    max-width: 210px;
    margin:0 auto 100px;
    position:relative;
    z-index: 2;
}
.comm-page-custom-forgot-username .ui-widget:last-child .forceCommunityRichText a,
.comm-page-forgot-password .ui-widget:last-child .forceCommunityRichText a,
.comm-page-custom-forgot-username .ui-widget:last-child .forceCommunityRichText a:hover,
.comm-page-forgot-password .ui-widget:last-child .forceCommunityRichText a:hover {
padding-left: 30px;
position: relative;
color: #466E9F!important;
background: transparent!important;                   
}                
.comm-page-custom-forgot-username .ui-widget:last-child .forceCommunityRichText a:before,
.comm-page-forgot-password .ui-widget:last-child .forceCommunityRichText a:before {
   content: '';
    background: url(/sfsites/c/resource/frameworksPortalAssets/back-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 1px;
    top: 0;
    z-index: 1;                 
}
.comm-page-forgot-password .ui-widget:first-child .forceCommunityRichText,
.comm-page-custom-forgot-username .ui-widget:first-child .forceCommunityRichText {
  	max-width: 420px;
    margin: auto;
    color: #2D3E50;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    font-family: 'Mulish', sans-serif;
    padding-top: 30px;
}
.comm-page-custom-forgot-username .ui-widget:first-child .forceCommunityRichText {
 max-width: 360px;   
 margin-bottom: -24px;                   
}
.comm-page-forgot-password .ui-widget .forceCommunityRichText  span,
.comm-page-custom-forgot-username .ui-widget .forceCommunityRichText span {
background: transparent !important;
color: #466E9F !important;
font-size: 18px !important;                    
}                
.comm-page-forgot-password .salesforceIdentityForgotPassword2 .uiButton,
.comm-page-forgot-password .salesforceIdentityForgotPassword2 .uiButton:hover, 
.comm-page-forgot-password .salesforceIdentityForgotPassword2 .uiButton:focus {
    width: auto;
    margin-top: 34px;
    margin-bottom: 12px;
    padding: 6px 12px;
    font-size: 16px;
    font-family: 'Mulish', sans-serif;
    font-weight: 600;
    line-height: normal;
    border-radius: 4px;
    min-width: 102px;
    height: 40px;
}  
.comm-page-forgot-password  .salesforceIdentityForgotPassword2 .inputContainer {
    margin-bottom: 0;
    padding: 6px 16px;
    background-color: #ffffff;
    border: 1px solid rgba(241, 241, 241, 1);
    border-radius: 4px;
    z-index: 9;
    position: relative;
    height: 40px;
}
body .sfdc_username_container:focus-within  .slds-form-element__label,
body.comm-page-custom-forgot-username .slds-form-element div[populated] > .slds-form-element__label,
body.comm-page-usersettings .sectionbox label {
	transform: scale(0.85) translateY(-0.6rem) translateX(0.8rem); 
    padding: 0 8px !important;
    line-height: normal;               
}                
                
.comm-page-forgot-password  .salesforceIdentityForgotPassword2 .inputContainer::before {
  content: 'Username*'; 
  background: #ffffff;
  position: absolute;
  top: 5px;
  left:7px;
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  padding: 0 8px;
  pointer-events: none;                  
  transition: transform 0.2s ease, background-color 0.2s ease;
   z-index: 1;                 
}
.comm-page-forgot-password  .salesforceIdentityForgotPassword2 .inputContainer:focus-within::before,                
.comm-page-forgot-password  .salesforceIdentityForgotPassword2 .inputContainer:has(input:not(:placeholder-shown))::before            
{
    transform: scale(0.85) translateY(-0.8rem) translateX(0.8rem);
    font-size: 12px;                        
    background-color: #ffffff;
    padding: 0 8px;
    left: -7px;
    top: 1px; 
   pointer-events: auto;                    
}                
                
.comm-page-forgot-password  .salesforceIdentityForgotPassword2 lightning-icon {
display: none;                    
} 
.comm-page-forgot-password .salesforceIdentityForgotPassword2 .inputBox {
  width: 100%;
  margin-left: 0;
  font-size: 16px;
  font-family: 'Mulish', sans-serif;
  font-weight: 400;
  color: #000;
  box-shadow: none;
  margin-top: 3px;                
}
.comm-page-forgot-password .salesforceIdentityForgotPassword2 .inputBox::placeholder {
  color: rgba(0, 0, 0, 0.6);               
}
.custom-tabs h2 {
  font-size: 26px;
  font-weight: 400;
  color: #2D3E50;
  margin-bottom: 20px;                  
}
.custom-tabs .slds-tabs_default .slds-tabs_default__item {
    font-size: 18px;
    font-weight: 400;
    color: #2D3E50;
    height: 42px;
    padding: 0 60px;
}
.custom-tabs .slds-tabs_default__item:hover:after, .custom-tabs .slds-tabs--default__item:hover:after {
    background-color: #2D3A50;
}                
.custom-tabs .slds-tabs_default .slds-tabs_default__item.slds-is-active {
  background: #2D3A50;
  color: #fff;
  border-radius: 4px 4px 0 0;
}
.custom-tabs .slds-tabs_default__nav {
 border-bottom: 2px solid rgba(70, 110, 159, 1);                  
} 
.custom-tabs .slds-tabs_default__content {
padding-top: 32px; 
padding-bottom: 0;                    
}
.bold-600, .custom-tabs  .bold-600 {
 font-weight: 600;                   
}
.custom-tabs .slds-table th, .custom-tabs .slds-table td{
  white-space: normal; 
  padding: 0;                  
} 
.custom-tabs .slds-table:not(.slds-no-row-hover) tbody tr:hover>td, .custom-tabs .slds-table:not(.slds-no-row-hover) tbody tr:hover>th, 
.custom-tabs .slds-table:not(.slds-no-row-hover) tbody tr:focus>td, .custom-tabs .slds-table:not(.slds-no-row-hover) tbody tr:focus>th {
    background-color: transparent;
}
.unsNotificationsCounter .headerButtonBody .slds-icon-utility-notification, 
.profile-icon-button .slds-icon-utility-user {
position: relative;
margin-right: 12px                    
}
.unsNotificationsCounter,  .profile-icon-button {
 	width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;                  
}
.unsNotificationsCounter {
margin-right: 18px;                    
}                
.unsNotificationsCounter .headerButtonBody .slds-icon-utility-notification:after,
.profile-icon-button .slds-icon-utility-user {
   	content: '';
  	background: url(/sfsites/c/resource/frameworksPortalAssets/notification.png);
   	background-size: contain;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 0;
    left: 0;                
    top: -5px;
    z-index: 1;                     
}
.profile-icon-button .slds-icon-utility-user  {
 background: url(/sfsites/c/resource/frameworksPortalAssets/User-img.png);
 background-size: contain;
 background-repeat: no-repeat;                   
} 
.comm-page-custom-support .forceCommunityContactSupportForm {
 	max-width: 580px;
    margin: auto;
    padding: 50px 0 70px;                  
}
.comm-page-custom-support .forceCommunityContactSupportForm .slds-textarea, .comm-page-custom-support  .uiInput--textarea.textarea,
.comm-page-custom-support  .uiInput--textarea .textarea {
   height:100px;
   resize:none;                 
}
.comm-page-custom-support .forceCommunityContactSupportForm .contactSupportButton {
  margin-top: 12px!important;                 
}
.section-container ul.disc-list, .section-container ol.ordered-list  {
	padding-left: 20px;
	margin-bottom: 20px;
}
.section-container .disc-list li,   .section-container .ordered-list  li {
  	font-size: 18px;
	font-weight: 400;
    line-height: 29px;                
}            
.section-container .disc-list li {
	list-style-type: disc;
}
.section-container .ordered-list li {
   list-style-type: decimal;                 
}                
.section-container .link-txt {
	font-size: 18px;
	color: #466E9F;
	font-weight: 600;
    word-wrap: break-word;
}
.comm-page-custom-draft-lender-info-master c-framework-pageheader, .comm-page-custom-faq-1 c-framework-pageheader {
 background: #f7faff;
 width: 100%;
 display: block;                   
}  
.comm-page-custom-draft-lender-info-master c-framework-pageheader .page-banner-container,
.comm-page-custom-faq-1 c-framework-pageheader .page-banner-container {
    max-width: 1440px;
    margin: auto;
    padding: 0 !important;
                    
}
.comm-page-custom-draft-lender-info-master c-framework-pageheader .page-banner-container {
 background-size: 384px !important;
 background-position: top right !important;                   
}                
.comm-page-custom-draft-lender-info-master  c-framework-pageheader .section-container,
.comm-page-custom-faq-1  c-framework-pageheader .section-container {
  padding: 0;                  
}
 
.comm-page-custom-support .slds-combobox__input > span, .volunteer-service .slds-combobox__input > span
 {
   display:none;                 
}
.comm-page-custom-support .slds-combobox__input.slds-combobox__input-value > span, 
.volunteer-service .slds-combobox__input.slds-combobox__input-value > span {                
   display:block;                 
}
.comm-page-custom-support .supportQuickActionLayout .list li:not(:last-child) {
  margin-bottom: 12px;                  
}
.comm-page-custom-support .supportQuickActionLayout:has(.inputEmail)  .list li:nth-child(2), 
.comm-page-custom-support .supportQuickActionLayout:has(.inputEmail)  .list li:nth-child(4) {
  margin-right: 10px;                  
}
.comm-page-custom-support .supportQuickActionLayout:has(.inputEmail)  .list li:nth-child(3), 
.comm-page-custom-support .supportQuickActionLayout:has(.inputEmail)  .list li:nth-child(5) {
  margin-left: 10px;                  
}                
.comm-page-custom-support .supportQuickActionLayout:has(.inputEmail)  .inputText,  
.comm-page-custom-support .supportQuickActionLayout:has(.inputEmail)  .inputEmail {
display: inline-flex;
width: calc(50% - 10px);
flex-direction:row;                    
}
.comm-page-custom-support .supportQuickActionLayout .inputText .slds-form-element_edit ,  
.comm-page-custom-support .supportQuickActionLayout .inputEmail .slds-form-element_edit {
  width: 100%;                  
}
.comm-page-home .custom-main-content .comm-content-header.comm-layout-column {
   display: none;                 
}
.comm-page-custom-faq-1 .slds-accordion__list-item {
  border: none;
  margin-bottom: 24px; 
  background: #F7FAFF;
  border-radius: 4px;                  
}
.comm-page-custom-faq-1 .slds-accordion__list-item .slds-accordion__section, .comm-page-custom-faq-1 .blue-box {
   background: #F7FAFF;
   padding: 16px;
   border-radius: 4px;                 
}
.comm-page-custom-faq-1 .slds-accordion__summary-heading {
margin-bottom:0;                    
}
.comm-page-custom-faq-1 .slds-accordion__list-item .slds-accordion__summary-action,
.comm-page-custom-faq-1 .slds-accordion__list-item .slds-accordion__summary-heading .slds-button:focus {
 padding: 16px; 
 box-shadow: none;                   
} 
.comm-page-custom-faq-1 .slds-accordion__list-item .slds-accordion__summary-content{
font-size: 21px;
font-weight: 400;
color:#2D3E50;
overflow: visible;
text-overflow: unset;
white-space: normal;
line-height: 29px;                  
}
.comm-page-custom-faq-1 .slds-accordion__list-item .slds-accordion__summary-action lightning-primitive-icon {
 position: absolute;
 right: 8px;
 transform: rotate(90deg);  
 top: 20px;                   
}
.comm-page-custom-faq-1 .slds-accordion__section.slds-is-open .slds-accordion__summary-action lightning-primitive-icon {
 transform: rotate(180deg);
 right: 12px;                    
}                
.comm-page-custom-faq-1 .slds-accordion__list-item .slds-accordion__summary-action svg {
width: 14px;
fill: #2D3E50;                    
} 
.comm-page-custom-faq-1 .slds-accordion__list-item .slds-accordion__content {
 padding-top: 2px;                   
} 
.two-col-layout {
 margin-bottom: 70px;                   
}
.two-col-layout h2 {
 	font-size: 26px;
 	font-weight: 400;
	color: #2D3E50;
    margin-bottom: 10px;
}
.two-col-layout h2.top-margin {
  margin-top: 20px;                  
}
.list-with-pipe {
	display: flex;
	gap: 20px;               
}

.list-with-pipe li:not(:last-child) a:after {
	content: '';
    border-right: 2px solid #466E9F;
    position: absolute;
    top: 5px;
    height: 15px;
    right: -10px;
}
.list-with-pipe {
	margin: 20px 0;
}
.list-with-pipe li a, .list-with-pipe li a:hover {
	font-size: 18px;
	font-weight: 600;
	color: #466E9F;
	line-height: 20px;
	position: relative;
} 
.heading-with-icon {
	font-size: 21px;
	font-weight: 700;
	color:#2D3E50;
	display: flex;
    align-items: center;
	margin-bottom: 20px;
}
.program-information-wrapper lightning-tab-bar {
    display: block;
    padding-top:80px;                
}              
.program-information-wrapper .reimburstment-section {
   padding:60px 0;
   background: url(/sfsites/c/resource/frameworksPortalAssets2/reimburment-banner.jpg) no-repeat center right;
  background-size: cover;                 
}

.program-information-wrapper .reimburstment-section h2 {
	font-size: 42px;
    font-weight: 900;
    color: #2D3E50;
    margin-bottom: -2px;
    align-items: center;
    display: flex;
    margin-left: -2px;
}
.program-information-wrapper .reimburstment-section .section-container .section-sub-heading {
    font-size: 26px; 
    font-weight: 400;                
    max-width: 650px;
    margin: 24px 0 20px;
    text-align: left;
    line-height: 38px;                
}
                                   
.program-information-wrapper .reimburstment-section .icon-image,
.program-information-wrapper .reimburstment-section .icon-image img {
	height: 55px;
}
.program-information-wrapper .reimburstment-section .icon-image {
	display: inline-flex;
    height: 55px;
    width: auto;
    align-items: center;
}
.program-information-wrapper .reimburstment-section .primary-button {
	margin-bottom: 5px;
}
.program-information-wrapper .reimburstment-section .disc-list {
    max-width: 650px;
}
.program-information-wrapper  .dental-reimburstment-section  .disc-list li {
 margin-top: 24px;
}
.program-information-wrapper  .information-section .section-container,
.program-information-wrapper .reimburstment-section .section-container {
   padding:0 20px;                 
}
.program-information-wrapper .hpsa-verify-section {
   position: relative;                 
}                
.program-information-wrapper .hpsa-verify-section:after  {
  background: url('/sfsites/c/resource/frameworksPortalAssets/banner-image-new.jpg') no-repeat bottom right;
  background-size: cover;
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40%;
  height: 100%;
}
.program-information-wrapper .hpsa-verify-section .page-section-heading,
.program-information-wrapper .eligibility-section .page-section-heading  {
  margin-bottom: 30px;                  
}
.program-information-wrapper .hpsa-verify-section .section-container,
 .program-information-wrapper .eligibility-section .section-container{
  padding: 70px 20px;                  
}                
.program-information-wrapper .hpsa-verify-section .steps {
  display: flex;
  gap: 32px 48px;
  justify-content: center;
  flex-wrap: wrap;
  padding-left: 24px;
  width: 60%;
}

.program-information-wrapper .hpsa-verify-section .step {
  display: flex;
  align-items: center;
  background: white;
  border-radius: 46px;
	background-color: rgba(255, 255, 255, 1);
  padding: 16px 38px;
  text-align: center;
  box-shadow: 0 2px 4px 0 rgba(242, 249, 255, 1);
  position: relative;
  width: 100%;
}
.program-information-wrapper .hpsa-verify-section .step:nth-child(2), .program-information-wrapper .hpsa-verify-section .step:nth-child(3) {
width: calc(50% - 24px);
gap: 24px;
}
.program-information-wrapper .hpsa-verify-section .step-number {
  background-color: #3FABAF;
  color: white;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  font-size: 18px;
  font-weight: 900;
  display: inline-block;
  line-height: 48px;
  position: absolute;
  left:-24px;
}
.program-information-wrapper .hpsa-verify-section .step-number.top-align {
    top: 4px;                
}
.program-information-wrapper .hpsa-verify-section .step-content {
  display: flex;
  flex-direction: column;
}

.program-information-wrapper .hpsa-verify-section .step-title {
  font-size: 18px;
    font-weight: 400;
    line-height: 29px;
    text-align: left;
    margin-bottom: 0;                
}

.program-information-wrapper .hpsa-verify-section .step-link {
  font-size: 18px;
  font-weight: 600;
  color: #466E9F;
  text-decoration: none;
  text-align: left;
  position: relative;
}
.program-information-wrapper .hpsa-verify-section .inline-list li:not(:last-child) .step-link:after {
border-right: 1px solid #466E9F;
    content: '';
    position: absolute;
    right: -11px;
    top: 5px;
    height: 14px;
}

.program-information-wrapper .hpsa-verify-section .step-link:focus,
.program-information-wrapper .hpsa-verify-section .step-link:hover {
  text-decoration: underline;
  outline-offset: 2px;
}
.program-information-wrapper .list-with-pipe li {
  	font-size: 18px;
	color: #2D3E50; 
    line-height: 20px;                   
} 
.program-information-wrapper .hpsa-verify-section .disc-list {
      margin-bottom: 0;              
}
.program-information-wrapper .hpsa-verify-section .disc-list li {
 text-align: left;
 line-height: 30px;                   
}                
.margin-top-30 {
margin-top: 30px;                    
}
.margin-bottom-12 {
margin-bottom: 12px;                    
}                
.program-information-wrapper .hpsa-info .disc-list {
  margin-top: 12px;
}
.program-information-wrapper .notes-section .heading-with-icon .icon-image {
 height: 34px;
 width: auto;
 margin-right: 10px;
 position: relative;
 top: -1px;                   
}
.program-information-wrapper .notes-section .heading-with-icon {
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 10px;
}
.program-information-wrapper .two-col-layout {
    margin-bottom: 80px;
}
.program-information-wrapper .eligibility-section {
 background: url('/sfsites/c/resource/frameworksPortalAssets2/primary-care-eligibility-banner.jpg') no-repeat top right;
  background-size: cover;                   
}
.program-information-wrapper .eligibility-section.dental-eligibility-section {
  background: url('/sfsites/c/resource/frameworksPortalAssets2/dental-eligibility-bg.jpg') no-repeat top right;    
  background-size: cover;                          
}                 
.program-information-wrapper .eligibility-section .slds-badge {
    font-size: 18px;
	color: #2D3E50; 
    line-height: 29px;
    background: #fff;
    border-radius: 46px; 
    width: 100%;
    padding: 18px 30px;
    font-weight: 400;
    display:block;
    margin-bottom: 20px;
    text-align: left;
    margin-left:0;                                 
}
 .program-information-wrapper .eligibility-section .slds-badge.radius-md { 
    border-radius: 26px;                   
}
 .program-information-wrapper .eligibility-grid {
   max-width: 1050px;
}
 .program-information-wrapper .mental-eligibility-grid {
   max-width: 570px;
}
 .program-information-wrapper .dental-eligibility-grid {
   max-width: 270px;
}                 
.program-information-wrapper .eligibility-section h3 {
   margin-top: -20px;
    margin-bottom: 30px;
    max-width: 690px;
    font-size: 26px;
    font-weight: 400;
}                
.program-information-wrapper .eligibility-section .slds-badge.radius-md .disc-list {
  margin-bottom: 0;
  margin-top: 4px;
}
.program-information-wrapper .forms-section {
  position:relative;                  
}
.program-information-wrapper .forms-section:after  {
  background: url('/sfsites/c/resource/frameworksPortalAssets2/form-bg.png') no-repeat bottom right;
  background-size: contain;
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 300px;
  height: 100%;
} 
.program-information-wrapper .forms-tab h3 {
font-size: 21px;
font-weight: 700;                    
color:#2D3E50; 
margin-bottom: 4px;                    
}
.program-information-wrapper .forms-section .slds-card {
  background: #ffffff;
  border-radius: 8px; 
  padding: 20px; 
  box-shadow: none;                  
}
.program-information-wrapper .forms-section h3 {
  margin-bottom: 16px;
}
.program-information-wrapper .forms-section .download-link {
margin-top: 20px;                    
}                
.program-information-wrapper .forms-section .download-link .link-txt {
  display: flex;
  align-items: center;                  
}                
.program-information-wrapper .forms-section .download-link img {
 height: 24px;
 width: auto;
 margin-right:4px;                   
} 
.program-information-wrapper .forms-section .disc-list {
 margin-top: 12px;
}
 .program-information-wrapper .forms-section .page-section-heading {
  margin-bottom: 30px;                  
 }
.slds-dropdown-trigger_click .slds-dropdown, 
.slds-dropdown-trigger_click:hover .slds-dropdown, 
.slds-dropdown-trigger--click .slds-dropdown, .slds-dropdown-trigger--click:hover .slds-dropdown,
.select-options.uiMenuList--default {
    font-size: 16px;
    padding: 0;
    box-shadow: 0 1px 8px 0 rgba(229, 229, 229, 0.5);
    border: none;
    border-radius: 4px;
}
.select-options.uiMenuList--default  li a {
   font-size: 16px;                             
}
.select-options.uiMenuList--default .uiMenuItem>a:hover, .select-options.uiMenuList--default .uiMenuItem>span:hover {
  background: #f7faff;                              
}
.slds-dropdown .slds-listbox__option:focus {
  box-shadow: none;                              
}
.two-col-layout {
column-gap: 32px;                    
}                
.two-col-layout .img-section{
   width: 460px;                 
 }  
.two-col-layout .content-section{
   width: calc(100% - 494px);                 
 } 
body.comm-page-usersettings .forceCommunityUserSettingsInternal  .row.slds-m-top--medium,
body.comm-page-usersettings .forceCommunityUserSettingsCustomizable > div >  .row {
 display: none;                   
}
body.comm-page-usersettings .forceCommunityUserSettingsInternal {
  padding: 30px 0;
}                
body.comm-page-usersettings .forceCommunityUserSettingsCustomizable .row {
 border-bottom: none !important;   
 background: #F7FAFF;
 margin: 0;
 padding: 32px 16px 0;
 border-radius: 4px;                   
}
body.comm-page-usersettings fieldset .slds-grid {
   column-gap: 24px;                 
}                
body.comm-page-usersettings .forceCommunityUserSettingsCustomizable .locationSection {
 padding-top: 0;
 margin-top: -26px;
}                
body.comm-page-usersettings .forceCommunityUserSettingsCustomizable .texttitle {
    font-family: 'Mulish', sans-serif;
    font-weight: 700;
    font-size: 21px;
    color: #2D3E50;
    position: relative;
    top: 28px;
    margin-bottom: 18px;
} 
body.comm-page-usersettings .forceCommunityUserSettingsCustomizable .lastRow {
    padding-right: 0;
    margin-top: 48px;
}
body.comm-page-usersettings .forceCommunityUserSettingsCustomizable .savecancelbuttoncontainer {
   min-width: 100%;
   display: flex;
   align-items: center;
   gap: 8px;
   justify-content: center;
}
body.comm-page-usersettings .slds-button,
body.comm-page-usersettings .slds-button:hover, body.comm-page-usersettings .slds-button:focus, 
body.comm-page-usersettings .slds-button:active {
    height: 40px;
    font-size: 16px;
    font-weight: 600;
    min-width: 100px;
    box-shadow: none;
    outline: none;                
}
body.comm-page-usersettings .changepassword {
  font-size: 16px;
  font-weight: 600;
  color: #466E9F;
  position: absolute;
  bottom: 64px;
  left: 16px; 
  z-index: 1; 
  width: auto;
  min-width: 164px;                
}
body.comm-page-usersettings .changepassword:before {
    content:'';
    background: url(/sfsites/c/resource/frameworksPortalAssets2/open-link-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 2;              
}
body.comm-page-usersettings fieldset .sectionbox {
  width: calc(50% - 12px);
  margin-bottom: 16px;
  margin-right: 0;                  
  padding-bottom: 10px;                  
}                
body.comm-page-usersettings .forceCommunityUserSettingsInternal > div,
body.comm-page-usersettings  fieldset .sectionbox:nth-child(2) {
  position: relative;                  
}                
body.comm-page-usersettings  .accountSection .sectionbox:last-child {
  margin-bottom: 0;                  
}                
body.comm-page-usersettings  fieldset.accountSection .sectionbox:last-child .settingsLabel,
body.comm-page-usersettings  fieldset.accountSection .sectionbox:first-child .settingsLabel {
  display: none;                  
}
.comm-page-usersettings .settingsData.username {
    background: #F7F7F7;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Mulish', sans-serif;
    padding: 4px 16px;
    min-height: 40px;
    color: color: rgba(0, 0, 0, 0.38);
    color: rgba(0, 0, 0, 0.38);
}
.comm-page-usersettings.siteforce-Modal-Open .uiModal--medium .modal-container {
    width: 100%;
    max-width: 500px;
    min-width: auto;
    border-radius: 4px;
}
.comm-page-usersettings.siteforce-Modal-Open .slds-modal__header {
 text-align: left;
    color: #2D3E50;
    font-size: 21px;
    font-weight: 700;
    border-bottom: 1px solid #F1F1F1; 
    position: relative;                
}
.comm-page-usersettings.siteforce-Modal-Open .slds-modal__footer {
 border-top: 1px solid #F1F1F1;
 padding: 16px;                   
}
.comm-page-usersettings.siteforce-Modal-Open .forceCommunityChangePassword .settingsData {
     width: 100%;  
     margin-left: 0;               
}
.comm-page-usersettings.siteforce-Modal-Open  .slds-modal__close, .comm-page-usersettings.siteforce-Modal-Open .slds-modal__close:hover {
    position: absolute;
    right: 12px;
    top: 9px;
    min-width: auto;
    box-shadow: none;            
 }
 .comm-page-usersettings.siteforce-Modal-Open  .slds-modal__close  .slds-button__icon{
    width: 16px;
    height: 16px;
    fill: #466E9F;                
}
 .comm-page-usersettings.siteforce-Modal-Open  .forceCommunityChangePassword .row:first-child .sectionbox {
    background: #E7F8F9;
    border-radius: 7px;
    padding: 16px;
    line-height: 23px;
    font-size: 14px;
    font-weight: 400;
    color: #2D3E50;
    margin-top: -10px;
    margin-bottom:0;                
}
 .comm-page-usersettings.siteforce-Modal-Open .forceCommunityChangePassword .passwordRules {
 font-weight: 400;
    color: #2D3E50; 
    padding:0;
    margin:0;
    width: 100%;                
}
.comm-page-usersettings.siteforce-Modal-Open .forceCommunityChangePassword ul.passwordRules {
  margin-top: -12px;
}
 .comm-page-usersettings.siteforce-Modal-Open  .forceCommunityChangePassword .sectionbox {
    margin-bottom: 20px;
    position: relative;
    overflow: visible;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
 .comm-page-usersettings.siteforce-Modal-Open  .slds-modal__content {
   padding-bottom:0;
}
 .comm-page-usersettings .toastClose {
  	top: -13px;
    width: auto;
    min-width: auto !important;               
}
body .slds-theme_success, body .slds-theme--success {
 background-color: rgba(51, 144, 152, 1);                   
}
body  .slds-theme--error {
 background-color: #BC0303;                   
}                
body .slds-theme_success, body .slds-theme--success,
body  .slds-theme--error{
    min-height: 45px;
    position: relative;
    padding: 8px 40px 8px 16px;
    top: 120px;
    min-width: auto;
    max-width: 600px;             
}
body .slds-theme--success .toastIcon, 
body .slds-theme--error .toastIcon {
  position: relative; 
  margin-right: 24px;
  width: auto;                  
}
body .slds-theme--error .toastIcon:after,
body .slds-theme--success .toastIcon:after {
  width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 4px;
    z-index: 1;                     
}                
body .slds-theme--success .toastIcon:after {
    content: '';
    background: url(/sfsites/c/resource/frameworksPortalAssets2/success-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
                       
}
body .slds-theme--error .toastIcon:after {
    content: '';
    background: url(/sfsites/c/resource/frameworksPortalAssets2/error-icon.png);
    background-size: contain;
    background-repeat: no-repeat;                
}                
body .slds-notify--toast .toastMessage {
    font-size: 14px;
    font-weight: 400;                   
}
.comm-page-custom-support .slds-p-horizontal_medium, .comm-page-custom-support  .slds-p-horizontal--medium {
  padding: 0;
}
body.comm-page-custom-support .slds-form_stacked {
 gap: 16px;                   
}
body .uiPanel--notificationsPanel {
 box-shadow: 0 0 4px 0 rgba(206, 206, 206, 0.5);
 border: none;                   
}
body .uiPanel--notificationsPanel.uiPanel>.pointer {
    z-index: 9001;
    width: 14px;
    height: 14px;
    border-top: 1px solid rgba(206, 206, 206, 0.5);
    border-left: 1px solid rgba(206, 206, 206, 0.5);
    left: 8!important;
    top: -8px !important;
}
body .unsNotificationsPanel .titleContainer {
   padding: 16px;
   border-color: rgba(241, 241, 241, 1);
}
body .uiPanel--notificationsPanel .unsNotificationsPanel .titleName {
	font-weight: 700;
    font-size: 21px;
    color: #2D3E50;                    
}
body .unsNotificationsPanel .noNotifications {
    color: #2D3E50;
    padding: 16px;
    font-size: 14px;
}
.uiPanel--notificationsPanel .container .closeBtn:focus, .uiPanel--notificationsPanel .container .closeBtn:hover {
  box-shadow: none;                  
}                
/**----media qurery for tab and destop---**/        
@media only screen and (min-width: 768px) {
    body .forceCommunityThemeHeroBase.lpiInnerHero .bgImage, 
    body .forceCommunityThemeHeroBase.lpiInnerHero .bgOverlay {
      height: 460px;
    }
    body .custom-nav .nav-header {
        display: none !important;
    }             
}

/**----media qurery for mobile---**/           
@media only screen and (max-width:1024px) {
body .forceCommunityThemeHeaderStacked .themeHeaderTopRowInner, 
body.comm-page-login-home .body.isPageWidthFixed-true .siteforceContentArea,
body .forceCommunityThemeHeaderStacked .themeHeaderBottomRowInner, 
body .footer .community-custom-footer, body .section-container, 
body .section-container, body .nav-container, 
body.comm-page-login-home .siteforceContentArea .slds-grid.slds-wrap.slds-medium-nowrap,
.program-information-wrapper lightning-tab-bar,
body.comm-page-usersettings .forceCommunityUserSettingsCustomizable {
        padding-left: 16px;
        padding-right: 16px;
        max-width: 100% !important;
        margin: auto;
	}
   body .footer {
    padding: 16px 0 0;
    height: auto;
    margin: 0;              
}   
body .footer .bodyContent {
    flex-direction: row;
    row-gap: 20px;
    padding-bottom: 20px;
}
body .footer .footer-links {
   gap: 4px 24px;
   margin-top: 16px;         
 }
body .footer .footer-bottom-section {
    font-size: 13px;            
    height: auto;
    border-radius: 0;
    width: calc(100% + 32px);
    margin-left: -16px;
    flex-wrap: wrap;
    padding: 16px; 
    position: relative;
    bottom: 0;            
}          
body .footer .footer-bottom-section ul {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
}
.slds-gutters .slds-col {
    width: 100%;
} 
.inline-list {
  flex-wrap: wrap;              
}   

.section-container .section-sub-heading, .section-container .slds-card p {
    font-size: 14px;
    line-height: 22px;
}
.section-container {
    padding: 40px 0;
}            
.section-container h4 {
    font-size: 18px;
} 
 
.section-container .page-section-heading {
    font-size: 24px;
}
body .footer p, body .footer a, body p {
    font-size: 14px;
}
body .footer .footer-links li:not(:last-child):after {
    top: 6px;
    height: 12px;
}  
body .footer .logo {
    width: 210px;
    height: 40px;
}
body .footer .footer-bottom-section ul a {
 font-size:13px;
} 
body .footer .footer-bottom-section ul img {
    width: 20px;
    height: 20px;
}
body.comm-page-login-home .slds-medium-size--6-of-12:last-child > div[data-region-name="sidebar"] {
    left: 0;
    right: 0;
    width: 100%;
    max-width: 400px; 
    margin: auto;                    
}
body.comm-page-login-home .forceCommunityRichText h1, body.comm-page-login-home .forceCommunityRichText h1 span {
    font-size: 34px !important;
} 
body.comm-page-login-home .forceCommunityRichText h2, body.comm-page-login-home .forceCommunityRichText h2 span {
    font-size: 22px !important;
}
body .unsNotificationsCounter {
    margin-right: 8px;
}  
 body .nav-container {
  padding-right: 54px;                      
} 
body .unsNotificationsCounter .headerButtonBody .slds-icon-utility-notification:after, 
body .profile-icon-button .slds-icon-utility-user {
    width: 24px;
    height: 24px;
    position: absolute;
    top: -3px;
}
body .forceCommunityThemeProfileMenu.lpiInnerHeader.profile-loginButton,
body .forceCommunityThemeProfileMenu.lpiInnerHeader.profile-loginButton:hover, 
body .forceCommunityThemeProfileMenu.lpiInnerHeader.profile-loginButton:focus, 
body .forceCommunityThemeProfileMenu.lpiInnerHeader.profile-loginButton:active, 
body .login-btn, body .login-btn:hover, body .login-btn:focus, body .login-btn:active {
    min-width: 80px;
    height: 36px;
    font-size: 14px;
} 
body .footer .footer-bottom-section ul li {
    display: flex;
    flex-wrap: unset;
    align-items: flex-start;
}
.primary-button, .primary-button:focus, 
.primary-button:hover, .primary-button:active, 
body .forceCommunityContactSupportForm .contactSupportButton, 
body .forceCommunityContactSupportForm .contactSupportButton:hover,
body .forceCommunityContactSupportForm .contactSupportButton:focus, 
body .forceCommunityContactSupportForm .contactSupportButton:active, 
.btn-block .slds-button, .btn-block .slds-button:hover, 
.btn-block .slds-button:focus, .btn-block .slds-button:active, 
 body .forceCommunityContactSupportForm .slds-button,  body .forceCommunityContactSupportForm .slds-button:hover,
 body .forceCommunityContactSupportForm .slds-button:focus, body .forceCommunityContactSupportForm .slds-button:active {
    height: 36px;
    padding: 0 16px;
    width: auto;
    font-size: 14px;
} 
.program-information-wrapper lightning-tab-bar {
    padding-top: 40px;
}
.custom-tabs .slds-tabs_default .slds-tabs_default__item {
    font-size: 14px;
    height: 40px;
    padding: 0 20px;
}
.custom-tabs .slds-tabs_default__content {
    padding-top: 24px;
}
.two-col-layout h2 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.section-container .disc-list li, .section-container .ordered-list li {
    font-size: 14px;
    line-height: 22px!important;
    margin-bottom: 8px;
} 
.program-information-wrapper .two-col-layout {
    margin-bottom: 40px;
}
body.comm-page-login-home .siteforceContentArea .slds-grid.slds-wrap.slds-medium-nowrap .slds-large-size--6-of-12:last-child {
    height: calc(100dvh - 160px);
}
.comm-page-custom-faq-1 .slds-accordion__list-item .slds-accordion__summary-content {
    font-size: 16px;
    line-height: 26px;
} 
.section-container .link-txt, .link-txt {
   font-size: 14px;                     
}
.custom-tabs .slds-dropdown {
    font-size: 14px;
    border-radius: 4px;
    color:#2D3E50;
    padding: 0;
    box-shadow: 0 1px 8px 0 rgba(229, 229, 229, 0.5);
    border: none;
    min-width: 150px;                    
}
.custom-tabs .slds-dropdown__item > a {
    box-shadow: none;
    padding: 8px 16px;
    font-size: 14px;
    color:#2D3E50;                    
} 
.comm-page-custom-faq-1 .slds-accordion__list-item .slds-accordion__summary-action, 
.comm-page-custom-faq-1 .slds-accordion__list-item .slds-accordion__summary-heading .slds-button:focus {
    padding: 16px 38px 16px 16px;
} 
.comm-page-custom-faq-1 .slds-accordion__list-item .slds-accordion__summary-action lightning-primitive-icon {
    top: 18px;
} 
.comm-page-custom-faq-1 .slds-accordion__list-item {
    margin-bottom: 16px;
}
body .section-container p, .program-information-wrapper .hpsa-verify-section .step-link,
.program-information-wrapper .hpsa-verify-section .step-title, 
.program-information-wrapper .notes-section .list-with-pipe li  {
    font-size: 14px;
    line-height: 22px;
}
.list-with-pipe li a, .list-with-pipe li a:hover {
    font-size: 14px;
    line-height: 18px;
}
.two-col-layout {
    row-gap: 16px;
}
.two-col-layout .content-section {
    order: 2;
} 
.two-col-layout {
    margin-bottom: 50px;
}
body.comm-page-custom-draft-lender-info-master c-framework-pageheader .page-banner-container {
background-size: 120px !important;
background-position: calc(100% - 12px) bottom !important;                       
}
body.comm-page-custom-faq-1 c-framework-pageheader .page-banner-container {
 background-size: 102px !important;                       
}                
.comm-page-custom-draft-lender-info-master c-framework-pageheader .page-banner-container:after,
.comm-page-custom-faq-1 c-framework-pageheader .page-banner-container:after {
 display: none;                       
}
body.comm-page-custom-support section.page-banner-container,
body.comm-page-forgot-password section.page-banner-container,
body.comm-page-custom-forgot-username section.page-banner-container,
body.comm-page-self-register section.page-banner-container, 
body.comm-page-usersettings  section.page-banner-container {
 background-size: contain !important;
}
.comm-page-custom-support .forceCommunityContactSupportForm {
    padding: 10px 0 50px;
    width: calc(100% - 32px);
} 
.comm-page-custom-support .supportQuickActionLayout:has(.inputEmail) .inputText, 
.comm-page-custom-support .supportQuickActionLayout:has(.inputEmail) .inputEmail{
 width: 100%;                       
}
.comm-page-custom-support .supportQuickActionLayout:has(.inputEmail) .list li:nth-child(2), 
.comm-page-custom-support .supportQuickActionLayout:has(.inputEmail) .list li:nth-child(4) {
    margin-right: 0;
}
.comm-page-custom-support .supportQuickActionLayout:has(.inputEmail) .list li:nth-child(3), 
.comm-page-custom-support .supportQuickActionLayout:has(.inputEmail) .list li:nth-child(5) {
    margin-left: 0;
}
.program-information-wrapper .reimburstment-section,
.program-information-wrapper .eligibility-section {
    padding: 40px 0;
    position: relative;
}
.program-information-wrapper .reimburstment-section:after,
.program-information-wrapper .eligibility-section:after,
.comm-page-custom-additional-programs section.page-banner-container:after{
  content: '';
    background: rgba(247, 250, 255, 0.9);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;                      
}
.program-information-wrapper .eligibility-section:after {
  background: rgba(247, 250, 255, 0.4);                      
}
.program-information-wrapper .reimburstment-section .section-container,
.program-information-wrapper .eligibility-section   .section-container {
  position: relative;
  z-index: 4;
}
.program-information-wrapper .reimburstment-section h2 {
    font-size: 24px;
}
.program-information-wrapper .reimburstment-section .icon-image, .program-information-wrapper .reimburstment-section .icon-image img {
    height: 40px;
    min-width: 32px;
}
.program-information-wrapper .reimburstment-section .section-container .section-sub-heading {
    font-size: 20px;
    margin: 10px 0 16px;
    line-height: 24px;
}
.program-information-wrapper .hpsa-verify-section:after {
 display: none;
}
.program-information-wrapper .hpsa-verify-section .section-container{
    padding: 40px 16px;
}
.program-information-wrapper .eligibility-section .section-container { 
  padding: 10px 16px;
}
.program-information-wrapper .hpsa-verify-section:after {
 display: none;                       
}
.program-information-wrapper .hpsa-verify-section .steps {
    gap: 16px;
    width: 100%;
} 
.program-information-wrapper .hpsa-verify-section .step {
    padding: 16px 16px 16px 38px;
}
.program-information-wrapper .hpsa-verify-section .step:nth-child(2), .program-information-wrapper .hpsa-verify-section .step:nth-child(3) {
    width: 100%;
    gap: 16px;
}
.program-information-wrapper .hpsa-verify-section .step-number {
    width: 42px;
    height: 42px;
    font-size: 16px;
    line-height: 40px;
    left: -18px;
}
.program-information-wrapper .notes-section .heading-with-icon {
    font-size: 20px;
}
.program-information-wrapper .notes-section .heading-with-icon .icon-image {
    height: 24px;
    margin-right: 8px;
}
.program-information-wrapper .notes-section .list-with-pipe {
  flex-wrap: wrap; 
  row-gap: 8px;                      
}
                    
.program-information-wrapper .notes-section .list-with-pipe li:first-child {
    width: 100%;                    
}
.list-with-pipe li:not(:last-child) a:after {
    top: 5px;
    height: 10px;
    right: -10px;
}
.program-information-wrapper .eligibility-section .slds-badge {
    font-size: 14px;
    padding: 12px 16px;
    margin-bottom: 16px;
    white-space: normal;
    line-height: 20px;                    
} 
.program-information-wrapper .forms-tab h3 {
    font-size: 18px;
    margin-bottom: 8px;
}
.program-information-wrapper .forms-section:after {
  display: none;                      
}
.custom-tabs h2 {
    font-size: 20px;
} 
body .custom-registration-form .custom-grid {
    row-gap: 12px;
}
body .custom-registration-form .custom-grid .slds-size_3-of-12,
body .custom-registration-form .slds-form-element_address .slds-form-element__group .slds-form-element__row:nth-child(5),
body .custom-registration-form .slds-form-element_address .slds-form-element__group .slds-form-element__row,
.custom-registration-form .slds-form-element_address .slds-form-element__group .slds-form-element__row:nth-child(4) .slds-size_4-of-6, 
.custom-registration-form .slds-form-element_address .slds-form-element__group .slds-form-element__row:nth-child(4) .slds-size_2-of-6, 
.custom-registration-form .slds-form-element_address .slds-form-element__group .slds-form-element__row:nth-child(5) .slds-size_4-of-6,
.custom-registration-form .slds-form-element_address .slds-form-element__group .slds-form-element__row:nth-child(5) .slds-size_2-of-6,
.custom-registration-form .practice-info-section .custom-grid .slds-col {
    width: 100%!important;
}
.custom-registration-form .slds-form-element_address .slds-form-element__group .slds-form-element__row:nth-child(4),
.custom-registration-form .slds-form-element_address .slds-form-element__group .slds-form-element__row:nth-child(5) {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 0;
}
.custom-registration-form .slds-form-element_compound .slds-form-element__row {
   margin: 0;                     
}
.custom-registration-form .slds-form-element_compound .slds-form-element {
  padding: 0;                      
}                    
.custom-registration-form h2 {
    font-size: 18px !important;
}
.forms-grid {
  row-gap: 16px;                      
}
body .slds-form-element .slds-form-element__label, body .slds-form-element .slds-form-element__legend {
    font-size: 14px;
}
.comm-page-custom-support .slds-form-element .slds-form-element__label, .volunteer-service .slds-form-element .slds-form-element__label {
    padding: 10px 10px 8px 16px;
}
.slds-has-error .slds-input__icon {
  display: none;                      
}
.slds-dropdown-trigger_click .slds-dropdown, 
.slds-dropdown-trigger_click:hover .slds-dropdown, 
.slds-dropdown-trigger--click .slds-dropdown, .slds-dropdown-trigger--click:hover .slds-dropdown {
    font-size: 14px;
}
.comm-page-forgot-password .ui-widget .forceCommunityRichText span,
.comm-page-custom-forgot-username .ui-widget .forceCommunityRichText span {
  font-size: 16px!important;
  line-height: 22px!important;
}                   
.comm-page-custom-forgot-username .contentRegion.comm-layout-column,
.comm-page-forgot-password .contentRegion.comm-layout-column {
  padding: 0 16px!important;                    
}
.comm-page-forgot-password  .custom-grid .slds-form-element label,
.comm-page-custom-forgot-username  .custom-grid .slds-form-element label {
    padding: 9px 10px 8px 16px;
}
body .custom-registration-form .slds-form-element button.slds-button.slds-button_icon.slds-button_icon-bare:after {
    width: 14px;
    height: 14px;
}
body .custom-registration-form .slds-combobox__form-element .slds-input__icon-group_right:after,
body .forceCommunityContactSupportForm .slds-combobox__form-element .slds-input__icon-group_right:after, 
.volunteer-service .slds-combobox__form-element .slds-input__icon-group_right:after, .comm-page-custom-support .uiInput--select .uiPopupTrigger a:after {
    width: 16px;
    height: 16px;
}
.comm-page-forgot-password .salesforceIdentityForgotPassword2 .inputBox {
    font-size: 14px;
}
.comm-page-forgot-password .salesforceIdentityForgotPassword2 .inputContainer::before {
    top: 8px;
    font-size: 14px;
}
body .slds-form-element__control .slds-input, body .slds-form-element__control .slds-textarea, 
body .slds-form-element__control .slds-combobox__input, body .slds-form-element .uiInput--input .input, 
body .slds-form-element .uiInput--input.input, body .slds-form-element .uiInput--select .uiPopupTrigger a,
body .slds-form-element .uiInput--textarea .textarea, body .slds-form-element .uiInput--textarea.textarea {
  font-size: 14px;                      
}
body.comm-page-usersettings .slds-button,
body.comm-page-usersettings .slds-button:hover, body.comm-page-usersettings .slds-button:focus, 
body.comm-page-usersettings .slds-button:active {
   height: 36px;
   font-size: 14px;
  
}
body.comm-page-login-home .siteforceContentArea .slds-grid.slds-wrap.slds-medium-nowrap{
    min-height: calc(100dvh - 256px);
}
body.comm-page-usersettings fieldset .sectionbox {
  width: 100%;                      
}
body.comm-page-usersettings .forceCommunityUserSettingsCustomizable .savecancelbuttoncontainer {
    justify-content: flex-end;
    margin-top: -1px;
    position: relative;
    top: 8px;
} 
body.comm-page-usersettings .changepassword {
    bottom: 68px;
    width: auto;
    min-width: 148px;
}
body.comm-page-usersettings .forceCommunityUserSettingsCustomizable .texttitle {
 font-size: 18px;                             
}
body.comm-page-usersettings .changepassword, body.comm-page-usersettings input, 
body.comm-page-usersettings .settingsEmail, body.comm-page-usersettings .slds-modal .userInput,
.comm-page-usersettings .settingsData.username {
  font-size: 14px;                      
}                    
body.comm-page-usersettings .forceCommunityUserSettingsCustomizable .locationSection {
    width: 100%;
    min-width: auto;
}
body.comm-page-usersettings .forceMobileOverlay .panel-content {
    padding: 9px;
}
body.comm-page-usersettings .panel-content, body.comm-page-usersettings .panel-header, body.comm-page-usersettings .panel-header .title {
  color: #2D3E50;                      
}
 body.comm-page-usersettings .panel-header .title {
 font-weight: 700;                       
}
.forceMobileOverlay .panel-header{
 padding: 16px;                       
}                    
.forceMobileOverlay .panel-header button{
    min-width: auto;
    color: #466E9F;
} 
body .slds-theme_success, body .slds-theme--success, body .slds-theme--error {
    padding-right: 30px;
    top: 68px;
}
.forceCommunityContactSupportForm .contactSupportButton {
    margin: 0!important;
}
#submitButton {
   justify-content: flex-end;                     
}                    
}
@media only screen and (max-width: 1200px) {                
    body .footer .logo {
        width: 200px;
        height: 46px;                
    }
}