/* Start:/bitrix/templates/.default/components/bitrix/news/bilder/bitrix/news.list/.default/style.css?17561858967320*/
:root {
    --font-family: "Inter", sans-serif;
    --second-family: "IBM Plex Mono", sans-serif;
    --third-family: "Nunito Sans", sans-serif;
    --font3: "IBM Plex Sans", sans-serif;
    --font4: "Roboto", sans-serif;
}
.recovery_banner{
    background: url("/bitrix/templates/.default/components/bitrix/news/bilder/bitrix/news.list/.default/./img/banner.png");
    height: 600px;
}

.maxwidth-theme:has(.recovery_banner){
    max-width: 100%;
    padding: 0;
}

.container_onelab{
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1402px;
    max-width: var(--theme-page-width);
    max-width: calc(var(--theme-page-width) + calc(2 * var(--theme-page-width-padding)));
    width: 100%;
    padding-left: var(--theme-page-width-padding);
    padding-right: var(--theme-page-width-padding);
}

.col-6{
    max-width: calc((6 / 12) * 100%);
}

.recovery_banner h4{
    font-family: var(--third-family);
    font-weight: 600;
    font-size: 56px;
    line-height: 118%;
    color: #fff;
    margin-bottom: 60px;
}
.recovery_banner ul{
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 60px;
}
.recovery_banner ul li{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 162%;
    color: rgba(255, 255, 255, 0.8);
    display: flex;
}
.recovery_banner ul li:before{
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background:rgba(255, 255, 255, 0.8);
    border-radius: 50%;
}
.recovery_banner{
    display: flex;
    align-items: center;
    margin-bottom: 60px;
}

.btn-default.btn-light{
    background: #fff !important;
    color: #009f53 !important;
    border-color: #fff !important;
}
.recovery_banner .btns{
    display: flex;
    align-items: center;
    gap: 20px;
}

.tabs_list{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 9px;
    border-bottom: 1px solid  #d9d9d9;
}
.tabs_list .tab_item{
    position: relative;
    font-family: var(--third-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    color: #222;
    transition: 0.3s all;
    cursor: pointer;
}
.tabs_list .tab_item:before{
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    width: 100%;
    height: 1px;
    background: transparent;
    transition: 0.3s all;
    transform: scaleX(0);
    opacity: 0;
}
.tabs_list .tab_item.active{
    color: #009f53;
}
.tabs_list .tab_item.active:before{
    opacity: 1;
    background: #009f53;
    transform: scaleX(1);
}

.section_items{
    transition: 0.3s all;
    transform: translateX(200%);
    opacity: 0;
    display: none;
    width: 100%;
    grid-template-columns: repeat(4,1fr);
    gap: 72px;
}

.section_items.active{
    transform: translateX(0%);
    opacity: 1;
    display: grid;
}

.tabs_content{
    display: block;
    overflow-x: hidden;
    padding-top: 60px;
}

.tabs_content .section_items .item a{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #222;
}
.tabs_content .section_items h5{
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 135%;
    text-align: left;
    color: #222;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d9d9d9;
}
.tabs_content .section_items h5 span{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    text-align: center;
    color: #666;
    border: 1px solid #dadada;
    border-radius: 4px;
    padding: 4px 6px;

    height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.subgroup.with_gpu{
    margin-top: 40px;
}

.topic__heading #pagetitle{
    display: none !important;
}

@media(max-width: 1440px){
    .recovery_banner{
        background-size: cover;
        background-repeat: no-repeat;
        height: 400px;
        padding: 60px 0;
    }
    .recovery_banner h4{
        font-size: 42px;
        line-height: 110%;
        margin-bottom: 30px;
    }
    .recovery_banner ul li{
        font-size: 14px;
    }

    .recovery_banner .col-6{
        width: 100%;
        max-width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }
    .recovery_banner .col-6 h4{ grid-area: 1 / 1 / 2 / 2; }
    .recovery_banner .col-6 ul { grid-area: 2 / 1 / 3 / 2; }
    .recovery_banner .col-6 .btns { grid-area: 2 / 2 / 3 / 3; }
}
@media(max-width: 1023px){
    /*.tabs_list{*/
    /*    flex-direction: column;*/
    /*    align-items: flex-start;*/
    /*}*/
    /*.tabs_list .tab_item.active:before{*/
    /*    display: none;*/
    /*}*/
    /*.tabs_list .tab_item{*/
    /*    width: 100%;*/
    /*}*/
    .section_items{
        grid-template-columns: repeat(3,1fr);
    }
}
.mobile_banner{
    display: none;
}
@media(max-width: 800px){
    .mobile_banner{
        display: block;
    }
    .tabs_list{
        flex-direction: column;
        align-items: flex-start;
        border-bottom: none;
    }
    .tabs_list .tab_item.active:before{
        display: none;
    }
    .tabs_list .tab_item{
        width: 100%;
        padding: 10px 0;
        border-bottom: 1px solid #DADADA;
    }
    .section_items{
        grid-template-columns: 1fr;
    }
    .tabs_content{
        display: none;
    }

    .recovery_banner{
        box-sizing: border-box;
        background: none;
        display: flex;
        flex-direction: column;
        padding-top: 0;
        height: auto;
        padding-bottom: 0px;
        margin-bottom: 24px;
    }
    .recovery_banner img{
        height: 200px;
        width: 100%;
        object-fit: cover;
        margin-bottom: 24px;
    }
    .recovery_banner .col-6{
        display: flex;
        flex-direction: column;


    }
    .recovery_banner .col-6 h4,
    .recovery_banner .col-6 ul,
    .recovery_banner .col-6 div{
        grid-area: auto;
    }
    .recovery_banner .col-6 h4{
        font-weight: 600;
        font-size: 26px;
        line-height: 123%;
        text-align: center;
        color: #222;
        margin-bottom: 24px;
    }
    .recovery_banner .col-6 ul{

    }
    .recovery_banner ul li{
        width: 100%;
        font-weight: 400;
        font-size: 13px;
        line-height: 177%;
        text-align: center;
        color: #555;
        display: block;
    }
    .recovery_banner ul {
        margin-bottom: 24px;
    }
    .recovery_banner .btns{
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px;
        padding: 0 16px;
    }
    .recovery_banner .btns a,
    .recovery_banner .btns button{
        width: 100%;
        height: 48px;
    }
    #conf_list{
        padding: 0 16px;
    }
}
.tab_item .section_items{
    padding-top: 20px;
    border-top: 1px solid #009F53;
    margin-top: 20px;
}
.tab_item .section_items .item a{
    font-size: 14px;
    color: #222222;
}
.tab_item.active{
    border-bottom: none;
}
.tab_item.active  .section_items{
    display: grid;
    transform: translate(0);
    opacity: 1;
}
.tab_item .section_items  h5{
    font-weight: bold;
    border-bottom: 1px solid #DADADA;
    margin-bottom: 0;
    padding-bottom: 10px;
}
.tab_item .section_items{
    gap: 20px;
}
/* End */
/* /bitrix/templates/.default/components/bitrix/news/bilder/bitrix/news.list/.default/style.css?17561858967320 */