.specs {
    display: flex;
    flex-wrap: wrap;
}

.specs__el {
    width: calc((100% - 120px) / 7);
    height: 135px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    margin: 0 20px 20px 0;
}

.specs__el:nth-child(7n) {
    margin: 0 0 20px;
}

.specs__el:nth-child(n+8) {
    display: none;
}

.specs.active .specs__el:nth-child(n+8) {
    display: block;
}

.btn-specs {
    width: 460px;
    max-width: 100%;
    margin: 30px auto 0;
}

.specs__text {
    font-family: 'RobotoBold';
    font-size: 30px;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
}

.specs__text:hover {
    opacity: .8;
}

.how .info {
    height: auto;
    background: none;
    box-shadow: 1px 1px 10px 10px rgb(0 0 0 / 5%);
    padding: 50px;
}

.how .info .inner {
    position: static;
    transform: translateY(0);
}

.team-wrap {
    display: flex;
    justify-content: center;
}

.doc-item a {
    max-width: 300px;
}

.doc-item a img {
    max-width: 100%;
}

@media (max-width: 768px) {

}

@media (max-width: 640px) {
    .specs__el {
        width: calc((100% - 50px) / 5);
        height: 100px;
        margin: 0 10px 10px 0;
    }
    
    .specs__el:nth-child(7n) {
        margin: 0 10px 10px 0;
    }

    .specs__el:nth-child(5n) {
        margin: 0 0 10px;
    }
}

@media (max-width: 480px) {
    .team-wrap {
        display: none;
    }
}