.srv__left
{
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    gap: 2rem;
}
.srv__nav
{
    padding-bottom: 2rem;

    border-bottom: .1rem solid var(--color-blue4);
}
.srvNav
{
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
    flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    gap: 2rem;
}
.srvNav__item
{
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;

    padding: 0 1rem 0 0;

    cursor: pointer;
    -webkit-transition: .32s;
    transition: .32s;

    color: var(--color-blue0);

    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 1rem;
}
.srvNav__item:after
{
    display: block;

    width: 2rem;
    height: 2rem;

    content: '';
    -webkit-transition: .32s;
    transition: .32s;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);

    opacity: 0;
    background: url('../images/ico_arr.svg');
}
.srvNav__item.active
{
    padding: 0;

    color: var(--color-wh);

    gap: 2rem;
}
.srvNav__item.active:after
{
    opacity: 1;
}
.srvMenu
{
    flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    gap: 2rem;
}
.srvMenu__title
{
    font-size: min(-webkit-calc(1.4rem + 1.04vw), 3.4rem);
    font-size: min(calc(1.4rem + 1.04vw), 3.4rem);
    font-weight: 700;
    line-height: 1.3;
}
.srvMenu__list
{
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
    flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    gap: 1.5rem;
}
.srvMenu__link
{
    font-size: min(-webkit-calc(1.4rem + .52vw), 2.4rem);
    font-size: min(calc(1.4rem + .52vw), 2.4rem);
    font-weight: 600;

    padding-left: 2rem;
}
@media (min-width: 420px) {
    .srv__left {
        flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
    }
    .srv__nav
    {
        padding-bottom: 0;
        border-right: .1rem solid var(--color-blue4);
        border-bottom: 0;
    }
    .srvMenu__link
    {
        padding-left: 0;
    }
}
@media (hover: hover) and (min-width: 992px)
{
    .srvMenu__link,
    .srvMenu__title
    {
        -webkit-transition: .32s;
        transition: .32s;
    }
    .srvMenu__link:hover,
    .srvMenu__title:hover
    {
        color: var(--color-blue2);
    }
}
@media (min-width: 992px) {
    .srv__left {
        gap: 9%;
    }
    .srv__nav
    {
        width: 35%;
    }
    .srvNav__item:after
    {
        -webkit-transform: none;
        transform: none;
    }
    .srvMenu
    {
        gap: 3rem;
    }
    .srvMenu__title
    {
        font-size: min(-webkit-calc(1.4rem + .73vw), 2.8rem);
        font-size: min(calc(1.4rem + .73vw), 2.8rem);
    }
    .srvMenu__link
    {
        font-size: min(-webkit-calc(1.4rem + .31vw), 2rem);
        font-size: min(calc(1.4rem + .31vw), 2rem);
    }
}