

/* Start:/local/templates/.default/components/bitrix/system.pagenavigation/.default/style.css?16671682331818*/
.page-link,
.page-link:hover {
    color : var(--theme-color-primary);
}

.page-item.active .page-link {
    color            : var(--theme-b-tx-primary);
    background-color : var(--theme-color-primary);
    border-color     : var(--theme-color-primary);
}

.page-link:focus {
    box-shadow : 0 0 0 0.2rem var(--theme-b-sd-primary);
}


.pagination {
    display         : flex;
    justify-content : space-between;
    align-items     : flex-start;
    margin-bottom   : 30px;
}

.pagination a, .page-text span {
    padding        : 0 10px;
    padding-bottom : 6px;
}

.pagination a:hover {
    color : #f39600;
}

.page-text, .page-text a {
    font-size       : 13px;
    font-weight     : normal;
    color           : #505050;
    text-decoration : none;
}

.number {
    font-weight : bold !important;
}

.active {
    color         : #f39600;
    border-bottom : 1.8px solid #f39600;
}

.items {
    padding-right : 40px;
}

.items span {
    padding : 0 4px;
}

.items_number {
    position         : relative;
    height           : 1.8px;
    width            : 90%;
    background-color : #dddddd;
    margin           : 0 auto;
    margin-top       : 6px;
}

.items_on_page {
    position         : absolute;
    top              : 0;
    left             : 0;
    height           : 1.8px;
    background-color : #f39600;
}

@media screen and (max-width : 700px) {
    .pagination {
        flex-direction  : row-reverse;
        flex-wrap       : wrap;
        justify-content : center;

    }

    .items {
        padding-left  : 7px;
        margin-top    : 30px;
        padding-right : 0;
        margin-right  : 0;
    }
}

@media screen and (max-width : 479px) {
    .navigate {
        display : none;
    }

    .page-text {
        margin-left  : 40px;
        margin-right : 40px;
    }
}
/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/faq/style.css?17521340072409*/
.faq__wrapper {}

.faq__description {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #000000;
    margin-bottom: 35px;
    margin-top: 20px;
}

.faq__description span {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #000000;
}


.faq__accordion {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    border: 1px solid #696969;
}

.faq__accordion-item {
    box-sizing: border-box;
    padding: 20px 25px;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    font-family: 'Varton-Medium', sans-serif;
}

.faq__accordion-item:not(:last-child) {
    border-bottom: 1px solid #696969;
}

.faq__accordion-button {
    cursor: pointer;
    position: relative;
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 30px;
    gap: 30px;
}

.faq__accordion-button svg {
    width: 30px;
    height: 30px;
}

.faq__accordion-button svg path:first-child {
    stroke: transparent;
    stroke-width: 3px;
    fill: transparent;
}
.faq__accordion-button svg:hover path:first-child {
    fill: #e8e8e8;
}


.faq__accordion-button svg:hover path:last-child {
    fill: #000;
}

.faq__accordion-button svg path:last-child {
    fill: #696969;
    transform: rotate(0);
    /* transition: transform 0.3s ease-in-out; */
    transform-origin: center;
    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    transform-box: border-box;
}

.faq__accordion-button.faq__active svg{
    
}

.faq__accordion-button.faq__active svg path:first-child {
    stroke: transparent;
    fill: #e8e8e8;
}

.faq__accordion-button.faq__active svg path:last-child {
    fill: #f7941d;
    transform: rotate(180deg);
}

.faq__accordion-content {
    margin-top: 0px;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease-out;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: #000000;
}

.faq__accordion-button.faq__active+.faq__accordion-content {
    margin-top: 35px;
}

.faq__accordion-content p {
    margin-top: 0;
    margin-bottom: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: #000000;
    font-family: 'FF Good Pro', sans-serif;
}
/* End */
/* /local/templates/.default/components/bitrix/system.pagenavigation/.default/style.css?16671682331818 */
/* /local/templates/.default/components/bitrix/news.list/faq/style.css?17521340072409 */
