.procedure-block {
    align-items: center;
}

.procedure-block .title {
    font-size: 3.5em;
    font-weight: 800;
    line-height: 50px;
    text-wrap: nowrap;
}

.procedure-block .subtitle {
    font-size: 2.5em;
    line-height: 34px;
    margin: 0em 0px 1em 0px;
    text-wrap: nowrap;
}

.procedure-block .procedure-block-image {
    /* Стили для изображения */
}

.procedure-block .procedure-block-btns {
    margin-top: 0em;
    text-wrap: nowrap;
}

.procedure-block .procedure-block-btns a {
    padding: 0.3em 3em;
}

.procedure-block .description {
    font-family: var(--commisioner-font);
    line-height: 20px;
    font-size: 18px;
    font-weight: 300;
}

.procedure-block .description .red {
    color: var(--accent-color);
    display: inline;
}

.procedure-block .description .black {
    color: var(--dark-color);
    font-weight: 600;
}

.procedure-block .description pre {
    color: #aab4a2;
    font-family: var(--commisioner-font);
    overflow-y: hidden;
    margin: 0px;
}

.procedure-block .ch-block {
    align-items: baseline;
}

.procedure-block .ch-block b {
    color: var(--accent-color);
    font-size: 1.8em;
}

.procedure-block .ch-block p {
    margin-left: -1.5em;
    font-size: 18px;
    font-weight: 400;
}
@media (max-width: 576px) {
    .procedure-block {
        align-items: center;
    }
    
    .procedure-block .title {
        font-size: 2.0em;
        font-weight: 800;
        line-height: 28px;
        text-wrap: nowrap;
    }
    
    .procedure-block .subtitle {
        font-size: 1.0em;
        line-height: 20px;
        margin: -0.5em 0px 1em 0px;
        text-wrap: nowrap;
    }
    
    .procedure-block .procedure-block-btns {
        display: flex;
        flex-direction: column;
        align-items: start;
        width: 100%;
    }
    
    .procedure-block .procedure-block-btns a {
        font-size: 10px;
        padding: 0.2em 1.8em;
    }
    
    .procedure-block .ch-block {
        align-items: baseline;
    }
    
    .procedure-block .ch-block b {
        color: var(--accent-color);
        font-size: 1.2em;
    }
    
    .procedure-block .ch-block p {
        margin-left: -1.5em;
        font-size: 13px;
        font-weight: 400;
    }
    
    .procedure-block .description {
        font-family: var(--commisioner-font);
        line-height: 20px;
        font-size: 16px;
        font-weight: 300;
    }
}
@media (min-width: 768px) {
    .procedure-block {
        align-items: center;
    }
    
    .procedure-block .title {
        font-size: 3.0em;
        font-weight: 800;
        line-height: 50px;
        text-wrap: nowrap;
    }
    
    .procedure-block .subtitle {
        font-size: 2.0em;
        line-height: 34px;
        margin: 0em 0px 1em 0px;
        text-wrap: nowrap;
    }
    
    .procedure-block .procedure-block-image {
        /* Стили для изображения */
    }
    
    .procedure-block .procedure-block-btns {
        display: flex;
        flex-direction: column;
        align-items: start;
        width: 100%;
    }
    
    .procedure-block .description {
        font-family: var(--commisioner-font);
        line-height: 20px;
        font-size: 18px;
        font-weight: 300;
    }
    
    .procedure-block .description pre {
        color: #aab4a2;
        font-family: var(--commisioner-font);
        overflow-y: hidden;
        margin: 0px;
    }
}
@media (min-width: 992px) {
    .procedure-block {
        align-items: center;
    }
    
    .procedure-block .title {
        font-size: 2.5em;
        font-weight: 800;
        line-height: 50px;
        text-wrap: nowrap;
    }
    
    .procedure-block .subtitle {
        font-size: 1.8em;
        line-height: 34px;
        margin: 0em 0px 1em 0px;
        text-wrap: nowrap;
    }
    
    .procedure-block .procedure-block-image {
        /* Стили для изображения */
    }
    
    .procedure-block .procedure-block-btns {
        display: flex;
        flex-direction: column;
        align-items: start;
        width: 100%;
    }
    
    .procedure-block .description {
        font-family: var(--commisioner-font);
        line-height: 20px;
        font-size: 14px;
        font-weight: 300;
    }
    
    .procedure-block .ch-block {
        align-items: baseline;
    }
    
    .procedure-block .ch-block b {
        color: var(--accent-color);
        font-size: 1.6em;
    }
    
    .procedure-block .ch-block p {
        margin-left: -1.5em;
        font-size: 18px;
        font-weight: 400;
    }
}
@media (min-width: 1200px) {
    .procedure-block {
        align-items: center;
    }
    
    .procedure-block .title {
        font-size: 3.5em;
        font-weight: 800;
        line-height: 50px;
        text-wrap: nowrap;
    }
    
    .procedure-block .subtitle {
        font-size: 2.5em;
        line-height: 34px;
        margin: 0em 0px 1em 0px;
        text-wrap: nowrap;
    }
    
    .procedure-block .procedure-block-image {
        /* Стили для изображения */
    }
    
    .procedure-block .procedure-block-btns {
        display: flex;
        flex-direction: column;
        align-items: start;
        width: 100%;
    }
    
    .procedure-block .description {
        font-family: var(--commisioner-font);
        line-height: 20px;
        font-size: 20px;
        font-weight: 300;
    }
    
    .procedure-block .ch-block {
        align-items: baseline;
    }
    
    .procedure-block .ch-block b {
        color: var(--accent-color);
        font-size: 1.8em;
    }
    
    .procedure-block .ch-block p {
        margin-left: -1.5em;
        font-size: 18px;
        font-weight: 400;
    }
}