.counterparties {
    max-width: 1520px;
    width: 100%;
    
    margin-inline: auto;
    padding-block: 5rem;
}

.counterparties__title {
    margin-bottom: 2.5rem;
}

.counterparties__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    
    gap: 1.25rem;
    
    margin-bottom: 1.25rem;
}

.counterparties__interlude {
    background-color: var(--blue);
    border-radius: 9px;
    box-shadow: 0px 3.75px 22.5px 0px rgba(0, 0, 0, 0.16);
    
    padding: 3rem 2.5rem;
    
    flex: 0 0 50%;
    width: 100%;
}

.counterparties__subtitle {
    color: var(--white);
    font-size: var(--text1-size);
    font-weight: 600;
    text-transform: uppercase;
    
    margin-top: 0;
    margin-bottom: 1.75rem;
}

.counterparties__text {
    color: var(--black);
    font-weight: 500;
    
    margin-bottom: 0;
}

.counterparties__text--light {
    color: var(--white);
}

.counterparties__body {
    box-shadow: 0px 3.75px 22.5px 0px rgba(0, 0, 0, 0.16);
    border-radius: 9px;
    
    padding-block: 2rem;
    padding-inline: 2.5rem;
    
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.counterparties__body-decor {
    flex: 0 0 50%;
    
    text-align: center;
}
.counterparties__content {
    flex: 0 0 48%;
}

.counterparties__list {
    display: grid;
    gap: 1rem;
    
    margin-top: 1.75rem;
    margin-bottom: 2.5rem;
}

.counterparties__item {
    margin: 0;
    padding: 0;
    
    display: flex;
    align-items: center;
    gap: 10px;
    
    color: var(--black);
    font-size: var(--text5-size);
    font-weight: 500;
}

.counterparties__item:before {
    display: none;
}

.counterparties__item-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M10.8564 0.048193C9.50906 0.16621 8.0158 0.5877 6.74148 1.2115C4.27704 2.42539 2.43012 4.27432 1.21755 6.74144C-1.66792 12.631 0.75161 19.7964 6.61236 22.7412C7.77441 23.3256 8.94207 23.6965 10.2613 23.8988C11.1427 24.0337 12.8492 24.0337 13.7418 23.8988C17.7276 23.2863 21.0172 20.8697 22.7856 17.273C24.8458 13.0638 24.2508 8.01152 21.2586 4.353C18.7661 1.30704 14.8702 -0.305857 10.8564 0.048193ZM17.3795 8.61847C17.8904 8.9107 18.0981 9.57946 17.8399 10.1021C17.7557 10.2707 16.7732 11.2991 14.6232 13.4515C11.4233 16.6549 11.283 16.7785 10.8507 16.7841C10.3623 16.7841 10.3343 16.7673 8.24596 14.6879C6.93796 13.3785 6.22501 12.631 6.15765 12.4849C5.80398 11.7206 6.39904 10.8214 7.25794 10.8271C7.63407 10.8327 7.86423 11.0181 9.30696 12.4793C10.0873 13.2717 10.7553 13.918 10.789 13.918C10.8227 13.918 12.024 12.7378 13.4611 11.2991C14.8983 9.86045 16.1501 8.64095 16.2399 8.59599C16.6329 8.38243 16.9866 8.39367 17.3795 8.61847Z' fill='%2383BBCE'/%3e%3c/svg%3e");
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    
    width: 1.5rem;
    height: 1.5rem;
}



@media(max-width: 1536px) {
    .counterparties {
        width: auto;
        
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

@media(max-width: 1024px) {
    .counterparties__header {
        flex-wrap: wrap;
    }
    
    .counterparties__interlude {
        flex: 0 0 100%;
    }
    
    .counterparties__header-decor > img {
        width: 100%;
        height: auto;
    }
    
    .counterparties__body {
        flex-wrap: wrap;
        gap: 1.25rem;
    }
    
    .counterparties__body-decor,
    .counterparties__content {
        flex: 0 0 100%;
    }
    
    .counterparties__body-decor {
        order: 2;
    }
}

@media(max-width: 767px) {
    .counterparties__body {
        padding-inline: 1.5rem;
    }
}