.s-category {
    display: flex;
    gap: clamp(12px, 2vw, 20px);
    transition: 0.4s;
    box-shadow: 0px 6px 20px -4px #0000001A;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 24px;
    flex-direction: row;
    text-align: right;
    .s-icon {
        width: clamp(48px, 5vw, 64px);
        height: clamp(48px, 5vw, 64px);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: clamp(20px, 2vw, 28px);
        border-radius: 16px;
        transition: 0.4s;
        color: var(--color1);
    }
    .s-item {
        display: flex;
        flex-direction: column;
        gap: 8px;
        .item-title {
            font-size: clamp(16px, 2vw, 18px);
            line-height: 30px;
            color: var(--black);
            transition: 0.4s;
            font-family: var(--SemiBold);
        }
        .item-desc {
            font-size: clamp(12px, 1vw, 14px);
            color: var(--black);
            line-height: 24px;
            font-family: var(--Medium);
        }
    }
    &:hover {
        box-shadow: 0px 6px 30px -4px #16095933;
        .s-icon {
            background: var(--color1);
            color: var(--white);
        }
        .item-title {
            color: var(--color2);
        }
    }
}
.col-12.col-lg-4:nth-last-child(1) .s-category {
    margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
    .s-category {
        margin-bottom: 0;
    }
}