.sertificates {
    padding-bottom: 48px;
}

.sertificates__header {
    padding: 40px 16px 32px;
}

.sertificates-items {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -ms-flex-wrap:         wrap;
    flex-wrap:             wrap;
    -webkit-box-pack:      start;
    -ms-flex-pack:         start;
    justify-content:       start;
    -webkit-box-align:     start;
    -ms-flex-align:        start;
    align-items:           start;
    padding:               0 16px;
    gap:                   8px;
    margin-bottom:         8px;
}

.sertificates-item {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    width:                 calc(50% - 4px);
    gap:                   8px;
    cursor:                pointer;
}

.sertificates-item__name {
    font-size:     12px;
    line-height:   16px;
    font-family:   var(--inter);
    padding-right: 8px;
}

.show-all {
    padding:            24px;
    display:            -webkit-box;
    display:            -ms-flexbox;
    display:            flex;
    -webkit-box-pack:   center;
    -ms-flex-pack:      center;
    justify-content:    center;
    -webkit-box-align:  center;
    -ms-flex-align:     center;
    align-items:        center;
    background:         var(--bg-secondary);
    border-radius:      var(--br-main);
    margin:             0 16px;
    -webkit-transition: all .3s ease;
    -o-transition:      all .3s ease;
    transition:         all .3s ease;
}

.show-all:hover {
    background: var(--bg-button);
}

.show-all:hover span {
    color:         var(--text-main-contrast);
    border-bottom: 1px dashed var(--border-secondary-contrast);
}

.show-all span {
    font-size:          20px;
    line-height:        28px;
    border-bottom:      1px dashed var(--border-secondary);
    color:              var(--text-main);
    -webkit-transition: all .3s ease;
    -o-transition:      all .3s ease;
    transition:         all .3s ease;
}

@media (min-width: 992px) {
    .sertificates {
        padding-bottom: 24px;
    }

    .sertificates__header {
        padding: 120px 34px 56px;
        width:   80%;
    }

    .sertificates-items {
        padding:       0 34px;
        gap:           4px;
        margin-bottom: 24px;
    }

    .sertificates-item {
        width: calc(25% - 4px);
        gap:   8px;
    }

    .sertificates-item__name {
        font-size:     16px;
        line-height:   24px;
        padding-right: 16px;
    }

    .show-all {
        padding: 81px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin:  0 34px;
    }

    .show-all span {
        font-size:     40px;
        line-height:   48px;
        border-bottom: 1.5px dashed var(--border-secondary);
    }
}