.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);
    }