.body{
    overflow-x: hidden;

}


.mud-palette-background-tertiary {
    background: var(--mud-palette-tertiary) !important;
}
.mud-palette-background-tertiary {
    background: var(mud-palette-primary-lighten) !important;
}



.background-secondary {
    background-color: #4a8361;
}

.background-tertiary {
    background-color: #c8d9d3;
}



.custom-shape-divider-top-1699850328 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

    .custom-shape-divider-top-1699850328 svg {
        position: relative;
        display: block;
        width: calc(224% + 1.3px);
        height: 56px;
        transform: rotateY(180deg);
    }

    .custom-shape-divider-top-1699850328 .shape-fill {
        fill: #C8D9D3;
    }

.footer-background {
    background-color: #c8d9d3
}

.hover-panel {
    transition: background-color 0.3s, color 0.3s;
}

    .hover-panel:hover {
        background-color: #375db6;
        color: white!important;
        font-weight: bold;
    }


.mega-menu-container {
    width: 100%;
    height: 100%;
}

.mega-menu-content-container {
    position: fixed;
    width: 100%;
    z-index: 3;
    top: var(--mud-appbar-height);
    min-height: 200px;
    background-color: lightgrey;
    animation: slidein 0.5s ease 0s 1 normal forwards;
}

.mega-menu-content {
    background-color: whitesmoke;
    width: 100%;
}

.mega-menu-items {
    font-size: 1.3rem;
    color: #375db6;
    height: 100%;
}

.mega-menu-item {
    display: flex;
    align-self: center;
    cursor: pointer;
}

.mega-menu-item-container {
    width: 100%;
}

    .mega-menu-item-container:hover {
        background-color: #375db6;
        cursor: pointer;
        color: white !important;
    }

        .mega-menu-item-container:hover .mud-link {
            color: white !important;
            text-decoration: none !important;
        }

.mega-menu-item.active {
    background-color: #375db6;
    color: white
}

.mega-menu-item-container.active {
    background-color: #375db6;
}


@keyframes slidein {
    0% {
        opacity: 0.3;
        transform: translateY(-250px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.mud-palette-background-grey {
    background: var(--mud-palette-background-grey) !important;
}


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

.text-danger{
    color: red
}
.text-white {
    color: White
}

.min-vh-50{
min-height: 50vh;
}

.min-vh-100 {
    min-height: 100vh;
}


#psychologySeal {
    display: block; /* Ensure it's a block element */
    visibility: visible; /* Make sure it's visible */
    position: relative; /* Set position to relative if needed */
    z-index: 10; /* Bring it to the front if there are layering issues */
    margin: 20px; /* Add margin to ensure it has space */
}

.sx-verified-seal {
    color: inherit; /* Inherit color from parent */
    text-decoration: none; /* Remove underline */
}

/* site.css or MainLayout.razor.css */
.mud-appbar .mud-stack {
    width: 100%;
    justify-content: center !important;
    align-items: center !important;
}

.card-hover {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .card-hover:hover {
        transform: scale(1.03);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    }



.sr-mobile-drawer .sr-mobile-link {
    justify-content: flex-start;
    text-align: left;
    text-transform: none;
    padding: 11px 12px;
    font-weight: 600;
}

.sr-footer {
    background: #f7f9fc;
    border-top: 1px solid rgba(28,46,78,.09);
}

    .sr-footer a {
        text-decoration: none;
    }

        .sr-footer a:hover {
            text-decoration: underline;
        }


/* Desktop navigation links */
.sr-nav-link {
    color: #173653 !important;
    opacity: 1;
}

    .sr-nav-link:hover {
        color: #3278b8 !important;
    }

/* MudBlazor text navigation */
.sr-nav .mud-button-text,
.sr-nav .mud-button-label {
    color: #173653;
}

/* Blazor FocusOnNavigate focuses the page H1 after navigation. */
h1[tabindex="-1"]:focus {
    outline: none;
}