.em2-content-icon-lists{
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    & .em2-content-icon-item{
        width: calc(33.3333% - 24px);
        flex: 0 0 auto;
        padding: 45px 35px;
        background: rgba(255,255,255,.04);
        border: 1px solid rgba(255,255,255,.07);
        border-radius: 2px;
        &:hover{
            border-color: rgba(184, 149, 42, .3);
            transform: translateY(-4px);
        }
    }
    & .em2-title{
        color: var(--white);
        margin-bottom: 10px;
    }
    & .block-content{
        color: rgba(255,255,255,.5);
        font-size: 14px;
        & p:last-child{
            margin: 0px;
        }
    }
    & .thumb{
        font-size: 30px;
    }
    & .tag{
        margin-top: 14px;
        font-size: 12px;
        color: var(--navy);
        background: var(--smoke);
        padding: 10px 14px;
        border-radius: 6px;
    }
}
.em2-content-icon-lists.template-style_1{
    & .em2-content-icon-item{
        background: var(--white);
        border: 1px solid var(--border);
        border-radius: 10px;
        padding: 28px 24px;
        & .thumb{
            margin-bottom: 15px;
        }
        & .em2-title{
            font-family: var(--outfit);
            font-size: 15px;
            font-weight: 600;
            color: var(--navy);
            margin-bottom: 8px;
        }
        & .block-content{
            color: var(--text-mid);
            font-size: 14px;
            & strong{
                font-weight: 500;
                color: var(--wood);
            }
        }
        & .tag{
            border-left: 2px solid var(--wood);
        }
        &:hover{
            border-color: var(--wood);
            box-shadow: 0 6px 24px rgba(139, 94, 60, .1);
        }
    }
}
.em2-content-icon-lists.template-style_2{
    & .em2-content-icon-item{
        background: var(--white);
        border: 1px solid var(--border);
        border-radius: 12px;
        padding: 32px 28px 32px 104px;
        position: relative;
        width: calc((100% - 24px)/2);
        & .thumb{
            position: absolute;
            width: 56px;
            height: 56px;
            top: 32px;
            left: 28px;
            background: var(--navy);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            color: var(--white);
            border-radius: 8px;
        }
        & .em2-title{
            font-family: var(--fraunces);
            font-size: 20px;
            color: var(--navy);
            margin-bottom: 8px;
            font-weight: 400;
        }
        & .block-content{
            font-size: 14px;
            color: var(--text-mid);
            line-height: 1.7;
            & strong{
                color: var(--wood);
                font-weight: 500;
            }
        }
        & .tag{
            font-size: 12px;
            color: var(--wood);
            font-weight: 500;
            margin-top: 12px;
        }
        &:hover{
            border-color: var(--wood);
            box-shadow: 0 8px 32px rgba(139, 94, 60, .1);
        }
    }
}

@media (max-width: 768px){
    .em2-content-icon-lists,
    .em2-content-icon-lists.template-style_2{
        & .em2-content-icon-item{
            width: 100%;
        }
    }
}