.content-in-columns-with-icons{
    width: 100%;
    max-width: var(--wide-width);
    margin: var(--block-margin) auto;
}

.content-in-columns-with-icons h2{
    margin-bottom: var(--row-gap);
}

.content-in-columns-with-icons h2.animate__animated{
    animation-name: fadeIn;
}

.content-in-columns-with-icons-grid{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}

.content-in-columns-with-icons-grid-item{
    position: relative;
    display: grid;
    grid-template-columns: 7.1rem minmax(0, auto);
    grid-template-rows: repeat(2, minmax(0, auto)) minmax(0, 1fr);
    column-gap: calc(var(--item-column-gap) / 2);
    padding: var(--item-row-gap) 0;
}

.content-in-columns-with-icons-grid-item.animate__animated{
    animation-name: fadeIn;
}

.content-in-columns-with-icons-grid-item-icon{
    grid-column: 1;
    grid-row: span 2;
}

.content-in-columns-with-icons-grid-item-icon + * {
    grid-column: 2;
}

.content-in-columns-with-icons-grid-item h3{
    font: var(--font-headline-6);
    font-weight: 600;
}

.content-in-columns-with-icons-grid-item p{
    font: var(--font-body-small);
    margin-bottom: 0;
}

@media (max-width: 767px){
    .content-in-columns-with-icons-grid-item:not(:last-child)::after{
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 0.1rem solid;
    }
}

@media (min-width: 768px) and (max-width: 1199px){
    .content-in-columns-with-icons-grid:is([data-columns="2"], [data-columns="3"]) .content-in-columns-with-icons-grid-item:nth-child(2n + 1):not(:nth-last-child(1))::before{
        content: '';
        display: block;
        position: absolute;
        top: var(--item-row-gap);
        right: 0;
        height: calc(100% - (var(--item-row-gap) * 2));
        border-left: 0.1rem solid;
    }

    .content-in-columns-with-icons-grid:is([data-columns="2"], [data-columns="3"]) .content-in-columns-with-icons-grid-item:not(:nth-child(2n + 1):nth-last-child(1)):not(:nth-child(2n + 1):nth-last-child(2)):not(:nth-child(2n + 2):nth-last-child(1))::after{
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: var(--item-column-gap);
        width: calc(100% - (var(--item-column-gap) * 2));
        border-bottom: 0.1rem solid;
    }

}

@media (min-width: 768px){
    .content-in-columns-with-icons{
        overflow: hidden;
    }

    .content-in-columns-with-icons-grid{
        margin: 0 calc(var(--item-column-gap) * -1);
    }
    
    .content-in-columns-with-icons-grid:is([data-columns="2"], [data-columns="3"]){
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .content-in-columns-with-icons-grid-item{
        padding: var(--item-row-gap) var(--item-column-gap);
    }

    .content-in-columns-with-icons-grid[data-columns="1"] .content-in-columns-with-icons-grid-item{
        padding: var(--item-row-gap) 0;
    }

    .content-in-columns-with-icons-grid[data-columns="1"] .content-in-columns-with-icons-grid-item:not(:last-child)::after{
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 0.1rem solid;
    }
}

@media (min-width: 1200px){
    .content-in-columns-with-icons-grid[data-columns="3"]{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .content-in-columns-with-icons-grid[data-columns="2"] .content-in-columns-with-icons-grid-item:nth-child(2n + 1):not(:nth-last-child(1))::before,
    .content-in-columns-with-icons-grid[data-columns="3"] .content-in-columns-with-icons-grid-item:is(:nth-child(3n + 1):not(:nth-last-child(1)), :nth-child(3n + 2):not(:nth-last-child(1)))::before{
        content: '';
        display: block;
        position: absolute;
        top: var(--item-row-gap);
        right: 0;
        height: calc(100% - (var(--item-row-gap) * 2));
        border-left: 0.1rem solid;
    }

    .content-in-columns-with-icons-grid[data-columns="2"] .content-in-columns-with-icons-grid-item:not(:nth-child(2n + 1):nth-last-child(1)):not(:nth-child(2n + 1):nth-last-child(2)):not(:nth-child(2n + 2):nth-last-child(1))::after,
    .content-in-columns-with-icons-grid[data-columns="3"] .content-in-columns-with-icons-grid-item:not(:nth-child(3n + 1):nth-last-child(1)):not(:nth-child(3n + 1):nth-last-child(2)):not(:nth-child(3n + 1):nth-last-child(3)):not(:nth-child(3n + 2):nth-last-child(1)):not(:nth-child(3n + 2):nth-last-child(2)):not(:nth-child(3n + 3):nth-last-child(1))::after{
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: var(--item-column-gap);
        width: calc(100% - (var(--item-column-gap) * 2));
        border-bottom: 0.1rem solid;
    }
}