/* Start:/local/templates/klp/components/bitrix/news/devade_services_new/style.css?17866048835869*/
.breadcrumbs {
    margin: 24px auto !important;
}

h2 {
    margin-bottom: 30px !important;
    font-size: 36px !important;
}

.banner-new__title {
    margin-bottom: 40px !important;
}

.blog-container {
    max-width: 1440px;
    margin: 0 auto;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

.blog-content {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 14px;
}

.blog-posts-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
}

.blog-sidebar {
    position: sticky;
    top: 176px;
    height: fit-content;
}

.blog-popular {
    background: #F5F5F5;
    padding: 24px;
}
.blog-popular-title {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 20px;
    color: #000;
}
.blog-popular-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.blog-popular-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #1A7A6B;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
    padding: 8px 0;
}
.blog-popular-link:hover {
    color: #0f4d45;
}
.blog-popular-link:hover svg {
    opacity: 1;
    transform: translateX(0);
}
.blog-popular-link svg {
    flex-shrink: 0;
    opacity: 0;
    transform: translateX(-4px);
    transition: all 0.3s ease;
}

.banner-new {
    display: block !important;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
}
.banner-new__image {
    max-width: unset !important;
    width: 100% !important;
}
.banner-new__image-mob {
    max-width: 100% !important;
}
.banner-new__content {
    width: 100% !important;
    max-width: 100% !important;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.service-detail__order {
    display: flex;
    gap: 0;
    flex-direction: column;
}

.services-disputes, .services-disputes__content {
    margin-bottom: 0 !important;
}

.services-disputes__content {
    max-width: 100% !important;
}

.service-detail__order {
    display: flex;
     gap: 0 !important;
}

.service-detail__order .order__list {
    gap: 22px !important;
}

.service-section__advantages, .service-section__faq, .service-section__belief {
    margin-bottom: 30px !important;
}

.services__title {
    margin-bottom: 20px !important;
}
.service-sectionn .articles, .service-detail .articles {
    padding: 0;
    margin: 20px 0 !important;
}

.articles .container {
    width: 100% !important;
}
.articles__item {
    width: calc(33% - 24px) !important;
}

.team {
    margin-top: 60px;
}
.team__wrapper {
    grid-template-columns: repeat(auto-fill, minmax(232px, 1fr)) !important;
}
.team__item figure {
    margin: 0 0 0 !important;
}
.team__item .team__item-text {
    padding: 25px 25px 22px !important;
}

.service-section__cases {
    margin-bottom: 0;
    margin-top: 60px;
}




.articles__item@media (max-width: 420px) {
    .articles__list {
        gap: 20px 40px !important;
    }
    .articles__item {
        width: 100% !important;
    }
}




.typo_disputes .quote, .quote {
    position: relative;
    background: #f3f3f3 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 140% !important;
    letter-spacing: 0 !important;
    color: #333333 !important;
    padding: 20px 20px 20px 45px !important;
    border-radius: 6px;
}
.quote::after {
    content: "";
    position: absolute;
    top: 16px;
    left: 8px;
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23065751' viewBox='0 0 16 16'%3E%3Cpath d='M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.7;
}
.typo_disputes .quote p, .quote p {
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 140% !important;
    letter-spacing: 0% !important;
    margin-bottom: 10px;
}
.quote p:first-child {
    margin-top: 0;
}
.quote p:last-child {
    margin-bottom: 0;
}


/* Responsive */
@media (max-width: 1200px) {
    .blog-content {
        grid-template-columns: 1fr;
    }

    .blog-sidebar {
        position: static;
    }
}

@media (max-width: 768px) {
    .blog-header {
        flex-direction: column;
    }

    .blog-title {
        font-size: 36px;
    }

    .blog-controls {
        width: 100%;
        flex-direction: column;
    }

    .blog-search,
    .blog-categories {
        width: 100%;
    }

    .blog-posts-grid {
        grid-template-columns: 1fr;
    }

    .blog-container {
        padding: 20px 16px;
    }
}

@media (max-width: 420px) {
    .service-detail__advantages .advantages__header {
        padding: 0 !important;
    }
    .service-detail__advantages .advantages__card .card__title {
        font-size: 20px !important;
    }
    .articles__list {
        gap: 30px 40px !important;
    }
    .articles__item {
        width: 100% !important;
    }
}
/* End */


/* Start:/local/templates/klp/components/bitrix/breadcrumb/devade_breadcrumbs/style.css?1786606434587*/
@media (max-width: 440px) {
    .breadcrumbs {
        padding-top: 0 !important;
        margin: 20px auto !important;
    }
    .breadcrumbs-body {
        display: flex !important;
        gap: 0.6rem 36px !important;
        padding: 0 14px !important;
    }
    .breadcrumbs-block {
        width: fit-content;
    }
    .breadcrumbs-block:last-of-type .breadcrumbs-block__item {
        width: 100% !important;
        white-space: break-spaces !important;
        line-height: 1.6;
    }
    .breadcrumbs-block:after {
        right: -25px !important;
    }
}
/* End */
/* /local/templates/klp/components/bitrix/news/devade_services_new/style.css?17866048835869 */
/* /local/templates/klp/components/bitrix/breadcrumb/devade_breadcrumbs/style.css?1786606434587 */