.features2-item {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    min-width: 370px;
    max-width: 430px;
    background: rgb(var(--uicolor-code) / 4%);
    padding: 32px;
    flex: 1;
    border-radius: var(
    --largeradius);
    position: relative;
    transition: 300ms all ease;
    border: solid 1px rgb(var(--uicolor-code)/3%);
    --wl: 8px;
}

.features2-item:hover {
    border-color: var(--uicolor);
    background: rgb(var(--uicolor-code)/11%);
}

.features2-item::before {
    content: "";
    background: white;
    border-radius: 11px;
    transition: 300ms all ease;
    position: absolute;
    padding: var(--wl);
    top: var(--wl);
    bottom: var(--wl);
    right: var(--wl);
    left: var(--wl);
    border: solid 1px rgb(var(--uicolor-code)/6%);
}

.features2-rows {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
}
.fetur2-info>h3 {
    display: block;
    margin: 0 0 5px;
    font-weight: 500;
    line-height: var(--lheight);
    position: relative;
    z-index: 1;
    font-size: var(--title-size);
    overflow: hidden;
    color: var(--box-text-color);
    transition: 180ms;
    --title-size: 22px;
}
.fetur2-info {
    position: relative;
}
.fetur2-info > .p-content {
    text-align: start;
    max-width: 100%;
}
.fetur2-thum {
    margin-bottom: 20px;
    position: relative;
}