.sitemap {
    background: #DBE8ED;
    padding: 1.5rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.site-menu,
.site-main-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    margin-bottom: 50px;
}

.site-title {
    color: #4E4460;
    text-align: center;
    font-family: Mongoose;
    font-size: 48px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.site-menu .header-title,
.site-main-menu .header-title {
    text-align: center;
    font-family: Mongoose;
    font-size: 28px;
    text-transform: uppercase;
    color: var(--white, #FFF);
    background: #9aa8b7;
    border-radius: 6px;
    width: 200px;
    height: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.menu-group {
    display: flex;
    gap: 15px;
    position: relative;
}

.main-sub-menu-group {
    display: flex;
    gap: 15px;
    position: relative;
    flex-direction: column;
}

.menu-group .site-menu-item,
.main-sub-menu-group .main-menu-item {
    border-radius: 6px;
    background: #F8F8F8;
    width: 200px;
    height: 40px;
    flex-shrink: 0;
    border: 0;
    color: #4E4460;
    text-align: center;
    font-family: Manrope;
    font-size: 14px;
    font-weight: 600;
    align-items: center;
    display: flex;
    justify-content: center;
}

.main-sub-menu-group .main-menu-item {
    background: #A2BCC6;
    color: white;
}

.main-menu-group {
    display: flex;
    gap: 22px;
    height: 400px;
}

.main-menu-sub-group .main-menu-sub-item {
    border-radius: 6px;
    background: #F8F8F8;
    width: 200px;
    height: 40px;
    flex-shrink: 0;
    border: 0;
    color: #4E4460;
    text-align: center;
    font-family: Manrope;
    font-size: 14px;
    font-weight: 600;
    align-items: center;
    display: flex;
    justify-content: center;
}

.main-menu-sub-group {
    /* position: absolute;
    top: 50px;
    left: 0; */
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.main-sub-menu-group:first-child .main-menu-sub-group {
    position: relative;
    left: -70px;
    top: 40px;
}

.main-sub-menu-group:nth-child(2) .main-menu-sub-group {
    position: relative;
    left: -36px;
    top: 40px;
}

.main-sub-menu-group:nth-child(3) .main-menu-sub-group {
    position: relative;
    left: 0px;
    top: 40px;
}

.main-sub-menu-group:nth-child(3) .main-menu-sub-group.left-subMenu {
    left: -260px;
    top: -170px;
}

.main-sub-menu-group:nth-child(4) .main-menu-sub-group {
    position: relative;
    left: 0px;
    top: 40px;
}

.main-sub-menu-group:nth-child(5) .main-menu-sub-group {
    position: relative;
    left: 42px;
    top: 40px;
}

.main-sub-menu-group:first-child .menu-path {
    position: absolute;
    left: -100px;
    top: 45px;
}

.main-sub-menu-group:nth-child(2) .menu-path {
    position: absolute;
    left: -65px;
    top: 45px;
}

.main-sub-menu-group:nth-child(3) .menu-path {
    /* position: absolute;
    left: -30px;
    top: 45px; */
    position: absolute;
    left: -57px;
    top: 45px;
    margin-right: 100px;
}

.main-sub-menu-group:nth-child(4) .menu-path {
    position: absolute;
    left: 100px;
    top: 45px;
}

.main-sub-menu-group:nth-child(5) .menu-path {
    position: absolute;
    left: 100px;
    top: 45px;
}

.site-main-menu .main-menu-path {}