.iconbox-item {
    display: flex;
    align-items: center;
    gap: clamp(16px, 2vw, 24px);
    width: 100%;
    padding: 24px 48px 36px;
    position: relative;
    background: var(--nature2);
    border-radius: 32px;
    text-align: center;
    flex-direction: column;
    margin-bottom: 16px;
    & .iconbox-head {
        display: flex;
        align-items: center;
        gap: clamp(8px, 1vw, 16px);
        flex-direction: column;
        & .iconbox-icon {
            width: 48px;
            height: 48px;
            flex: 0 0 48px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            z-index: 1;
            color: var(--color2);
            background: white;
            border-radius: 50%;
            font-size: 24px;
            img {
                max-width: 24px;
            }
        }
        & .titleI {
            font-size: clamp(14px, 2vw, 18px);
        }
    }
    & .descI {
        font-size: 16px;
        font-family: var(--Medium);
        color: var(--gray);
        line-height: 32px;
    }
}
@media only screen and (min-width: 992px) {
    .iconbox-item {
        align-items: self-start;
        padding: 32px;
        text-align: right;
        margin-bottom: 0;
        & .iconbox-head {
            flex-direction: row;
        }
    }
}