.two-columns__wrapper {
    background: #FFFFFF;
    display: flex;
    gap: 40px;
}

.two-columns__column {
    border-radius: 30px;
    background: #F1F4F9;
    padding: 40px;
    flex-basis: 50%;
    flex-grow: 1;
}

.two-columns__heading {
    margin-bottom: 31px;
}

.two-columns__heading *{
    color: #202020;
    font-weight: 500;
}
.two-columns__heading strong {
    font-weight: 500;
    color: #FF5A46;
}

.two-columns__list p:last-child {
    margin-bottom: 0;
}


.two-columns__list ul {
    list-style: none;
   margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.two-columns__list li {
    color: #202029;
    position: relative;
    padding-left: 28px;
}

.two-columns__list li::before {
    content: '';
    display: flex;
    width: 17px;
    position: absolute;
    left: 0;
    top: 4.5px;
    height: 17px;
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%228.5%22%20cy%3D%228.5%22%20r%3D%228.5%22%20fill%3D%22%23535353%22%20%2F%3E%3Cpath%20d%3D%22M5%208.5H12%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20%2F%3E%3C%2Fsvg%3E');
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
}

.two-columns__item {
    position: relative;
}

.two-columns__item:has(.two-columns__item-icon) {
    padding-left: 48px;
}

.two-columns__item-icon {
    position: absolute;
    left: 0;
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.two-columns__item:not(:last-child) {
    margin-bottom: 20px;
}

.two-columns__item-text p {
    margin-bottom: 0;
}

@media screen and (max-width: 1199.98px) {
    .two-columns__wrapper {
        gap: 20px;
    }

    .two-columns__heading {
        margin-bottom: 25px;
    }

    .two-columns__column {
        gap: 30px;
        padding: 30px;
    }


}

@media screen and (max-width: 1199.98px) and (min-width: 1024px) {
    .two-columns__wrapper {
        padding: 40px;
    }
}

@media screen and (max-width: 1023.98px) {
    .two-columns__wrapper {
        flex-direction: column;
        gap: 20px;
    }
    .two-columns__list li::before {
        top: 3.5px;
    }

    .two-columns__column {
        flex-basis: 100%;
        border-radius: 20px;
        padding: 30px 15px;
    }

    .two-columns__item-icon {
        width: 24px;
        height: 24px;
    }

    .two-columns__item:has(.two-columns__item-icon) {
        padding-left: 36px;
    }

    .two-columns__heading {
        margin-bottom: 20px;
    }

}