.iconbox-item {
    display: flex;
    gap: clamp(12px, 2vw, 24px);
    width: 100%;
    padding: 32px;
    position: relative;
    background: #F7F6F2;
    border-radius: 32px;
    flex-direction: column;
    margin-bottom: 24px;
    align-items: self-start;
    text-align: right;
    & .iconbox-icon {
        width: clamp(52px, 5vw, 72px);
        height: clamp(52px, 5vw, 72px);
        flex: 0 0 clamp(52px, 5vw, 72px);
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 1;
        background: var(--color1);
        color: white;
        border-radius: 50%;
        font-size: clamp(24px, 3vw, 36px);
        outline: 4px solid #CE999933;
        img {
            max-width: clamp(24px, 3vw, 36px);
        }
    }
    & .titleI {
        font-size: clamp(18px, 2vw, 22px);
        font-family: var(--SemiBold);
    }
    & .descI {
        font-size: 16px;
        font-family: var(--Regular);
        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;
        }
    }
}