.avantages-inconvenients-block {
    margin: 50px 0;
    display: flex;
    gap: 2rem;
}

.avantages-inconvenients-block .col {
    flex: 1;
    padding: 1rem;
    border-radius: 8px;
}

.avantages-inconvenients-block .avantages #avantages, .avantages-inconvenients-block .inconvenients #inconvenients {
    margin: 10px 0 20px;
    font-weight: 700;
}

.avantages-inconvenients-block .avantages ul, .avantages-inconvenients-block .inconvenients ul {
    padding-left: 0;
    list-style-type: none;
}

.avantages-inconvenients-block .avantages ul li::before, .avantages-inconvenients-block .inconvenients ul li::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 7.5px;
    vertical-align: middle;
}

.avantages-inconvenients-block .avantages ul li::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23659571' stroke-width='0.6' viewBox='0 0 24 24'><path fill-rule='evenodd' clip-rule='evenodd' d='M9.9647 14.9617L17.4693 7.44735L18.5307 8.50732L9.96538 17.0837L5.46967 12.588L6.53033 11.5273L9.9647 14.9617Z' fill='%23659571'/></svg>");
    background-color: #d0f1d8;
}

.avantages-inconvenients-block .inconvenients ul li::before {
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%234f4f4f' stroke-width='0.6'><path fill-rule='evenodd' clip-rule='evenodd' d='M12 10.9394L16.9697 5.96961L18.0304 7.03027L13.0606 12L18.0303 16.9697L16.9697 18.0304L12 13.0607L7.03045 18.0302L5.96979 16.9696L10.9393 12L5.96973 7.03042L7.03039 5.96976L12 10.9394Z' fill='%234f4f4f'/></svg>");
    background-color: #dbdbdb;
}

.avantages-inconvenients-block .avantages ul li, .avantages-inconvenients-block .inconvenients ul li {
    margin-bottom: 17px;
    font-size: .95em;
}

@media screen and (max-width: 768px) {
    .avantages-inconvenients-block {
        flex-direction: column;
        gap: 1rem;
    }
}