.features {
    position: relative;

}

.features::after {
    content: "";
    width: 100%;
    height: 64px;
    z-index: 0;
    background: #273444;
    background: linear-gradient(137deg,rgba(39, 52, 68, 1) 0%, rgba(23, 32, 44, 1) 100%);
    position: absolute;
    top: 0;
    left: 0;
}

.features .container {
    position: relative;
    z-index: 2;
    border-top-left-radius: 48px;
    border-top-right-radius: 48px;

    & > div {
        max-width: 1920px;
    }

    .has-h-4-font-size {
        mark {
            background: var(--wp--preset--gradient--red-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
    }
}

.features__cols {
    gap: 24px !important;
    padding-bottom: 32px;
}

@media only screen and (max-width: 1441px) {
    .features__cols  {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);

        .wp-block-column {
            p {
                br {
                    display: none;
                }
            }
        }
    }
}

@media only screen and (max-width: 1100px) {
    .features__content {
        .features__img {
            padding-bottom: 32px;
            img {
                width: 50%;
            }
        }
    
        .features__txt {
            width: 50%;
            padding-left: 0 !important;

            h2, 
            p {
                margin-left: 0 !important;
            }
        }
        
        .features__cols {
            margin-left: 0 !important;
        }
    }
}

@media only screen and (max-width: 576px) {
    .features .container{
        /* padding-top: 24px !important; */
        padding-left: 24px !important;
        padding-right: 24px !important;

        .features__img {
            padding-bottom: 16px;

            img {
                width: 70%;
                border-radius: 24px !important;
            }
        }

        .has-h-4-font-size {
            padding-bottom: 16px ;
            
            br {
                display: none;
            }
        }

        .features__cols {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            
            p {
                br {
                    display: none;
                }
            }
        }
    }
}