.list-with-image__wrapper {
    background: #202029;
    display: flex;
    gap: 83px;
    padding: 0;
    border-radius: 42px;
    overflow: hidden;
}

.list-with-image-second-style .list-with-image__wrapper {
    flex-direction: row-reverse;
}

.list-with-image__list * {
    margin-bottom: 0;
}

.list-with-image__list ul {
    display: flex;
    flex-direction: column;
    gap: 24px;
    list-style: none;
}

.list-with-image__list ul strong {
    color: #FFF;
}

.list-with-image__list li {
    position: relative;
    padding-left: 30px;
}

.list-with-image__list li  {
    color: #FFF;
}

.list-with-image__list li::before {
  content: '';
    position: absolute;
    left: 0;
    top: 4px;
    background: #FF5A46;
    display: block;
    width: 17px;
    height: 17px;
    border-radius: 100%;
}

.list-with-image-second-style .list-with-image__list li::before {
    top: 5px;
}

.list-with-image__heading {
    margin-bottom: 30px;
}

.list-with-image__left {
    padding: 80px 0 80px 80px;
    flex-basis: 720px;
}

.list-with-image-second-style .list-with-image__left {
    padding: 80px 80px 80px 0;
}

.list-with-image__right {
    flex-basis: 557px;
    display: flex;
}

.list-with-image__image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 42px;
}

@media screen and (max-width: 1199.98px) {
    .list-with-image__left {
        padding: 40px 0 40px 40px;
        border-radius: 30px;
    }

    .list-with-image-second-style .list-with-image__left {
        padding: 40px 40px 40px 0;
    }


    .list-with-image__wrapper {
        gap: 40px;
    }
}

@media screen and (max-width: 1023.98px) {
    .list-with-image__left,
    .list-with-image-second-style .list-with-image__left {
        flex-basis: fit-content;
        padding: 0 25px;
    }

    .list-with-image__right {
        flex-basis: fit-content;
    }

    .list-with-image__wrapper {
        flex-direction: column-reverse;
        gap: 40px;
        padding-bottom: 40px;
        border-radius: 20px;
    }

    .list-with-image-second-style .list-with-image__wrapper {
        flex-direction: column-reverse;
    }

    .list-with-image__image {
        border-radius: 20px;
    }

    .list-with-image__heading {
        margin-bottom: 20px;
    }

    .list-with-image__list ul {
        gap: 20px;
    }

    .list-with-image__image {
        max-height: 600px;
    }

    .list-with-image__list li {
        padding-left: 25px;
    }

    .list-with-image__list li::before {
        top: 4.5px;
        width: 15px;
        height: 15px;
    }

    .list-with-image-second-style .list-with-image__list li::before {
        top: 4px;
    }
}

@media screen and (max-width: 599.98px) {
    .list-with-image__image {
        height: 350px;
    }
}