.solid-products__heading {
    mark {
        background: var(--wp--preset--gradient--red-gradient);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

.solid-products__list {
    list-style: none;
    counter-reset: my-awesome-counter;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;

    li {
        display: flex;
        flex-direction: column;
        counter-increment: my-awesome-counter;
        margin-bottom: 40px;

        strong {
            font-size: 24px;
        }

        &::before {
            content: "0" counter(my-awesome-counter);
            font-weight: 500;
            font-size: 18px;
            margin-right: 0.5rem;
            line-height: 1;
            padding: 16px;
            background-color: #646a773f;
            width: fit-content;
            border-radius: 12px;
            margin-bottom: 20px;
            border-top: 1px solid #73787F;
            border-left: 1px solid #575D65;
            border-bottom: 1px solid #3F444E;
            border-right: 1px solid #3E434D;
            background-color: #272E37;
            box-shadow: 8px 4px 16px 0 rgba(0, 0, 0, .05);
            color: white;
        }
    }

}

.solid-products__cols {
    max-width: 1920px !important;
}

@media only screen and (max-width: 1100px) {
    .solid-products__cols {
        gap: 48px !important;
        flex-wrap: wrap !important;

        .solid-products__col {
            flex-basis: 46% !important;
        
            ol {
                padding-left: 0 !important;
                gap: 32px;

                li {
                    width: 48% !important;
                }
            }
        }

        .solid-products__img {
            img {
                width: 400px;
            }
        }

        .solid-products__col:last-child {
            flex-basis: 100% !important;
        }
    }
}

@media only screen and (max-width: 576px) {
    .solid-products {
        padding: 24px !important;

        .solid-products__cols {
            padding: 48px 24px !important;

            .solid-products__col {

                .solid-products__img  {
                    img {
                        width: 100%;
                    }
                }

                p {
                    br {
                        display: none;
                    }
                }

                ol {
                    li {
                        width: 100% !important;
                        margin-bottom: 24px;

                        strong {
                            margin-bottom: 16px;
                        }

                        br {
                            display: none;
                        }
                    }
                }
            }
        }
    }
}