.text-with-icons-section{
    background-color: rgb(var(--color-background));
}
text-with-icons{
    width:100%;
    display: flex;
    flex-direction: column;
    align-items:var(--s-align-items);
}
text-with-icons .text-with-icons-header{
    display: grid;
    gap:20px;
    margin-bottom:60px;
    text-align: var(--text-align);
}

text-with-icons .text-with-icons-body{
    width:100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    column-gap: var(--s-column-gap);
    row-gap: var(--s-row-gap);
}
text-with-icons .text-with-icons-content{
    color:rgba(var(--color-text), 1)
}
text-with-icons .text-with-icon-item{
    padding-top:40px;
    padding-bottom:40px;
    border-top:1px solid rgba(var(--color-entry-line),0.1);
}

text-with-icons .text-with-icon-item-image{
    width:var(--image-width);
}

text-with-icons .text-with-icon-item-box{
    display: grid;
    gap:25px;
}

text-with-icons .text-with-icon-item-content{
    color:rgba(var(--color-text), 0.7)
}

@media (max-width:959px){
    text-with-icons .text-with-icons-body{
        grid-template-columns: 1fr;
    }
    text-with-icons .text-with-icons-header{
        margin-bottom:40px;
    }
    text-with-icons .text-with-icon-item{
        padding-top:30px;
    }
    text-with-icons .text-with-icon-item-box{
        gap:15px;
    }
}

@media (max-width:768px){
    text-with-icons .text-with-icons-header{
        gap: 10px;
    }

    text-with-icons .text-with-icon-item-box{
        gap: 10px;
    }

    text-with-icons .max-w-xs, 
    text-with-icons .max-w-sm {
        max-width: 100%;
    }
}