@media screen and (min-width: 84rem){
    [data-state=black-header] .header-nav li a,[data-state=black-header] .header-btns-worktime span:first-child,[data-state=black-header] .btn-header.btn-black span, [data-state=black-header] .header-btns-call a:first-child,
    div.header-btns-call a:last-child:hover{
        color: #000;
    }
    [data-state=black-header] .header-btns-worktime span:last-child{
        color: rgba(0, 0, 0, 0.6);
    }
    [data-state=black-header] .btn-header.btn-black{
        background-color: transparent;
    }
    [data-state=black-header] .header-nav li a:hover{
        color: var(--oranzhevyy);
    }
}

.container-text-page{
    background-color: var(--svetlo-seryy);
    padding-bottom: 120px;
}

.container-text-page h1{
    margin-bottom: 50px;
}

.text-content{
    margin-bottom: 25px;
}

.text-content p,.text-content h2,.text-content h3,.text-content h4,.text-content ul, .text-content ol{
    margin-bottom: 7px;
}

.text-content table, .text-content .table{
    margin-bottom: 15px;   
}

.text-content .table,.text-content .tr{
    display: grid;
}

.text-content .table, .text-content .tr{
    gap: 2px;
}

.text-content .tr{
    grid-template-columns: 350px 1fr;
}

.text-content a,.text-content a:link,.text-content a:visited{
    color: var(--oranzhevyy);
    text-decoration: underline;
}

.text-content a:hover{
    text-decoration: none;
}

.text-content table,.text-content .table{
    background-color: var(--oranzhevyy);
}

.text-content table td,.text-content .table .td{
    padding: 7px 7px 7px 15px;
    background: var(--svetlo-seryy);
}

.text-content table th,.text-content  .table .th{
    padding: 7px 7px 7px 15px;
    color: #fff;
}

.text-content ul, .text-content ol{
    margin-left: 20px;
}

.text-content .table .td.name_row{
    background-color: var(--oranzhevyy);
    color: #fff;
}

.text-content ul li{
    list-style-type: disc;
}

/*
.text-content .table .td.name_row{
    grid-template-columns: 1fr;
}*/

@media screen and (max-width: 95rem) and (min-width: 42.0625rem) {
    .container-text-page {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

@media screen and (max-width: 60rem) {
    .text-content .tr{
        grid-template-columns: 1fr;
    }
    .text-content .table .td.name_row-mobile{
        background-color: var(--oranzhevyy);
        color: #fff;
    }
    .text-content .table .th{
        border-bottom: 3px solid;
    }
}

@media screen and (max-width: 42rem) {
    .container-text-page{
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
}

@media screen and (max-width: 30rem){
    .container-text-page h1{
        margin-top: 2rem;
    }
}