.header--top-menu {position: relative;flex: 1 auto}
.header--top-menu li a{transition: .4s;font-family: 'Inter';font-weight: 500;font-size: 15px;line-height: 140%;color:#07262699;text-decoration: none;border-bottom: 1px dashed transparent}
.header--top-menu li a:hover{color:var(--main);text-decoration: none;border-bottom: 1px dashed var(--main)}

.is--parent {position: relative;cursor:pointer}
.is--parent .a{color:#07262699;}

.is--parent:hover .menu--wrap {transition: .4s ease-in-out;display: flex;opacity: 1;visibility: visible}
.menu--wrap {display: none;flex-direction: column;position: absolute;top:100%;left:0;width:240px;height: auto;padding:20px;box-shadow: 0px 7px 10px 0px #0000001C;background-color: #fff;border-radius: 12px;gap:8px;opacity: 0;visibility: hidden;z-index: 3}
#list .menu--wrap .li {padding: 0}
#list .menu--wrap .li a{padding: 0;}

#list {width: 100%;padding: 0;margin: 0;white-space: nowrap;font-size: 0;text-align: left;}
#list .li {
    display: inline-block;
    padding: 5px 6px;
    font-size: 16px;
    margin: 0;font-weight: 500;
}
#menu-toggler {
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9f9fa;
    border: none;
    outline: none;
    z-index: 7;
}

.header--top-menu .menu {
    height: 1px;
    margin: -1px;
    position: absolute;
    width: 1px;
    right: 0;
    top: 40px;
    z-index: 3;
    background-color: #fff;
    padding: 0;
}

.header--top-menu .menu.menu--open {
    height: auto;
    margin: 0;
    width: 200px;
    padding: 15px;
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.header--top-menu #menu-list .li {
    display: block;
    width: 100%;
}
.header--top-menu #menu-list .li:last-child {
    margin-bottom: 0;
}

#menu-toggler[hidden="true"] {display: none}

#list::-webkit-scrollbar {
    width: 0; /* ширина для вертикального скролла */
    height: 0; /* высота для горизонтального скролла */
    background-color: transparent;
}
/* ползунок скроллбара */
#list::-webkit-scrollbar-thumb {
    background-color: var(--main);
    border-radius: 0;
    box-shadow: none;
}
#list::-webkit-scrollbar-thumb:hover {
    background-color: var(--main);
}

/* Стрелки */
#list::-webkit-scrollbar-button:vertical:start:decrement {
    display: none
}
#list::-webkit-scrollbar-button:vertical:end:increment {
    display: none
}
#list::-webkit-scrollbar-button:horizontal:start:decrement {
    display: none
}
#list::-webkit-scrollbar-button:horizontal:end:increment {
    display: none
}

@media all and (max-width: 1440px) {
    #list .li {font-size: 14px}
}

@media all and (max-width: 1300px) {
    .header--top-menu li a {font-size: 14px}
}
