.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: #a39a92;
}

.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: #058ed9ff;
        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: #058ed9ff;
    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: #058ed9ff;
        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: #058ed9ff;
    color: white
}

.mega-menu-item-container.active {
    background-color: #058ed9ff;
}


@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 */
}


/* CSS HEX */
--van-dyke: #483d3fff;
--celestial-blue: #058ed9ff;
--eggshell: #f4ebd9ff;
--battleship-gray: #a39a92ff;
--umber: #77685dff;
/* CSS HSL */
--van-dyke: hsla(349, 8%, 26%, 1);
--celestial-blue: hsla(201, 95%, 44%, 1);
--eggshell: hsla(40, 55%, 90%, 1);
--battleship-gray: hsla(28, 8%, 61%, 1);
--umber: hsla(25, 12%, 42%, 1);
/* SCSS HEX */
$van-dyke: #483d3fff;
$celestial-blue: #058ed9ff;
$eggshell: #f4ebd9ff;
$battleship-gray: #a39a92ff;
$umber: #77685dff;
/* SCSS HSL */
$van-dyke: hsla(349, 8%, 26%, 1);
$celestial-blue: hsla(201, 95%, 44%, 1);
$eggshell: hsla(40, 55%, 90%, 1);
$battleship-gray: hsla(28, 8%, 61%, 1);
$umber: hsla(25, 12%, 42%, 1);
/* SCSS RGB */
$van-dyke: rgba(72, 61, 63, 1);
$celestial-blue: rgba(5, 142, 217, 1);
$eggshell: rgba(244, 235, 217, 1);
$battleship-gray: rgba(163, 154, 146, 1);
$umber: rgba(119, 104, 93, 1);
/* SCSS Gradient */
$gradient-top: linear-gradient(0deg, #483d3fff, #058ed9ff, #f4ebd9ff, #a39a92ff, #77685dff);
$gradient-right: linear-gradient(90deg, #483d3fff, #058ed9ff, #f4ebd9ff, #a39a92ff, #77685dff);
$gradient-bottom: linear-gradient(180deg, #483d3fff, #058ed9ff, #f4ebd9ff, #a39a92ff, #77685dff);
$gradient-left: linear-gradient(270deg, #483d3fff, #058ed9ff, #f4ebd9ff, #a39a92ff, #77685dff);
$gradient-top-right: linear-gradient(45deg, #483d3fff, #058ed9ff, #f4ebd9ff, #a39a92ff, #77685dff);
$gradient-bottom-right: linear-gradient(135deg, #483d3fff, #058ed9ff, #f4ebd9ff, #a39a92ff, #77685dff);
$gradient-top-left: linear-gradient(225deg, #483d3fff, #058ed9ff, #f4ebd9ff, #a39a92ff, #77685dff);
$gradient-bottom-left: linear-gradient(315deg, #483d3fff, #058ed9ff, #f4ebd9ff, #a39a92ff, #77685dff);
$gradient-radial: radial-gradient(#483d3fff, #058ed9ff, #f4ebd9ff, #a39a92ff, #77685dff);
