
.faq-container{
    display: flex;
    flex-direction: row-reverse;
}
.faq-container__right {
    width: calc(100% - 523px);
}
.faq-container__left {
    padding-right: 40px;
    width: 523px;
    flex-shrink: 0;
}



.faq-container .item-accordion-wr {
    border-radius: 14px;
    background: #FFF;
    margin-bottom: 24px;
}
.faq-container .accordion {
    background: transparent;
}
.faq-container .accordion-head svg{
    position: absolute;
    right: 32px;
}
.faq-container .accordion-head{
    color: #333F48;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    padding: 30px;
    display: flex;
    align-items: center;
}
.faq-container .item-accordion-wr{
    border-top: 4px solid transparent;
    border-radius: 14px;
    background: rgb(242, 245, 248);
}
.faq-container .accordion-head.accordion-open svg{
    transform: rotate(180deg);
}
.faq-container .item-accordion-wr.opened{
    border-top: 4px solid #1e6bc9;
    box-shadow: 0 2px 34px 0 rgba(162, 161, 210, 0.2);
    background: rgb(255, 255, 255);
}
.faq-container .accordion-body {
    margin: 0 32px;
    padding: 32px 0 !important;
    border-top: 1px solid #B3D2F5;
}
.faq-container .accordion-body p{
    color: #5B7389;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}

.faq-container__left .nav>li>a:focus, .faq-container__left .nav>li>a:hover{
    background-color: unset;
}
.faq-container__left a{
    color: #333F48;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    padding: 24px 0 !important;
}
.faq-container__left .active a{
    color: #1e6bc9;
}
.faq-container__left .nav.nav-list.side-menu {
    padding: 16px 40px;
}
.faq-select{
    display: none;
}
@media (max-width: 1400px) {
    .faq-container .accordion-head {
        padding: 15px 40px 15px 15px;
        font-size: 16px;
    }
    .faq-container .accordion-head svg {
        max-width: 18px;
        right: 15px;
    }
    .faq-container .accordion-body p {
        font-size: 14px;
    }
    .faq-container .accordion-body {
        margin: 0 15px;
        padding: 15px 0 !important;
    }
    .faq-container__left a {
        font-size: 16px;
        padding: 12px 0 !important;
    }
    .faq-container__left .nav.nav-list.side-menu {
        padding: 16px 20px;
    }
    .faq-container__left {
        width: 370px;
    }
    .faq-container__right {
        width: calc(100% - 370px);
    }
}
@media (max-width: 1000px) {
    .faq-select{
        display: block;
        width: 100%;
        height: 60px;
        border: 1px solid rgb(172, 181, 193);
        border-radius: 12px;
        appearance: none;
        background-image: url('/bitrix/templates/aspro-allcorp3medc/components/bitrix/news.list/faq-accordion-new/img/faq_arrow.svg');
        background-repeat: no-repeat;
        background-position: calc(100% - 20px) 50%;
        padding: 5px 40px 5px 15px;
        color: rgb(84, 142, 244);
        font-size: 16px;
        font-weight: 600;
    }
    .faq-container__right {
        width: 100%;
    }
    .faq-container {
        flex-direction: column-reverse;
    }
    .faq-container__left {
        width: 100%;
        padding-right: 0;
    }
    .faq-container__left .nav.nav-list{
        display: none;
    }
    .sticky-block{
        display: contents;
    }
}