.svg-container img {
    /* Option A: Fixed size */
    width: 4rem; /* 64px */
    height: 4rem; /* 64px */

    /* Option B: Responsive size (fills container width) */
    /* width: 100%; */
    /* height: auto; */
}

/* Zero out padding around main container */
.lwc-6j9an5vbrcd-host.comm-section-container{
    padding:0px!important;
}

flexi_grid-flexi-grid-layout2 > .slds-grid {
  align-items: stretch;
}

.region-SaaSy {
    background-color: #003366;
    
    /* Make the sidebar stick to the top of the viewport */
    position: sticky;
    top: 0;
    z-index: 9002;

    /* Set its height directly to the viewport height */
    height: 100vh;

    /* Keep your internal alignment */
    display: flex;
    flex-direction: column;
}

/* Targets the region named 'Astro' in the Flexi-Grid Layout */
/* --- Mobile-first (default) styles --- */
.region-Astro {
    /* The background image is 'none' by default for all screen sizes */
    background-image: none;
    min-height: 100vh;
}

/* * FIX: This targets the grid layout inside the mobile region and explicitly
 * aligns items to the top (flex-start) to fix the centering issue.
 */
.region-Astro-mobile .slds-grid_vertical-align-center {
    align-items: flex-start !important; /* Changed from 'initial' for clarity and stability */
}

.outer-container {
    /* ... other styles ... */
    
    /* Make the element stretch to fill all available space within the flex parent */
    flex-grow: 1; 
    
    /* ... other styles ... */
}

:host > div {
    height: initial !important; 
    /* height: auto; would also work, but initial is a clearer override intent */
}

/*
 * This targets the main content area of the theme and removes the
 * forced minimum height, which gets rid of the extra white space.
 */
*[part="content"] {
    min-height: initial !important;
}

/*
 * This finds the theme's footer region and hides it completely,
 * removing the empty white space at the bottom of the page.
 */
footer[data-region-name="footer"] {
    display: none !important;
}

/* --- Media query for desktop screens --- */
/* This rule applies only when the screen is 429px or WIDER */
@media (min-width: 429px) {
    .region-Astro {
        /* Add the background image back in for larger screens */
        background-image: url('/sfsites/c/resource/PortalBackground001');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

/* .region-Astro-mobile{ padding: 0px; } */

community_navigation-tile-menu-item-banner > div {
    text-wrap: wrap !important;
    white-space: normal !important;
    word-break: break-word !important;
}
community_navigation-tile-menu-item-unified-layout {
    border-radius: 4px !important;
}
.slds-truncate.textBlock_desktopTabletMobile.dxp-active-tab-text-style {
    white-space: wrap !important;
}
.slds-truncate.textBlock_desktopTabletMobile.dxp-tab-text-style {
    white-space: wrap !important;
}
.dxp-tabs-container.slds-vertical-tabs {
    overflow: visible !important;
}

.desktop-profile {
    position: absolute;
    top: 0.1rem;     /* Adjust as needed for vertical spacing */
    right: 1.5rem; /* Adjust as needed for horizontal spacing */
    z-index: 100;    /* Ensures it appears above other content */
}

h1,h2,h3,h4,h5,h6 {
    color: #003366;
    line-height: 1.6em
}
h1 {
    font-family: "Nunito Sans",sans-serif;
    font-weight: 800;
    font-size: 1.4rem; /* New base size */
    letter-spacing: -0.1pt;
}

h2 {
    font-family: "Nunito Sans",sans-serif;
    font-weight: 800;
    font-size: 1.25rem; /* New size */
    letter-spacing: -0.1pt;
    margin: 16px 0 8px 0; /* Adjusted margin */
}

h3 {
    font-family: "Nunito Sans",sans-serif;
    font-weight: 800;
    font-size: 1.15rem; /* New size */
    margin: 14px 0 6px 0; /* Adjusted margin */
}

h4 {
    font-family: "Nunito Sans",sans-serif;
    font-weight: 800;
    font-size: 1.0rem; /* New size */
    margin: 12px 0 4px 0; /* Adjusted margin */
}

h5 {
    font-family: "Nunito Sans",sans-serif;
    font-weight: 800;
    font-size: 0.9rem; /* New size */
    text-transform: uppercase;
}

h6 {
    font-family: "Nunito Sans",sans-serif;
    font-weight: 800;
    font-size: 0.9rem; /* New size */
    text-transform: uppercase;
}