﻿.rs-programs .grid-wrapper {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px
}

.rs-programs .single-item {
    display: flex;
    flex-direction: column;
    transition: var(--transition);
    position: relative;
    height: 100%
}

    .rs-programs .single-item .feature-wrapper, .rs-programs .single-item .p-desc, .rs-programs .single-item .thumb-wrapper, .rs-programs .single-item .title {
        margin-bottom: 10px
    }

    .rs-programs .single-item .thumb-wrapper {
        display: block;
        transition: var(--transition)
    }

        .rs-programs .single-item .thumb-wrapper img {
            border-radius: inherit;
            width: 100%;
            height: auto;
            object-fit: cover;
            object-position: center
        }

    .rs-programs .single-item .content-wrapper {
        display: flex;
        align-items: flex-start;
        gap: 15px;
        transition: var(--transition);
        position: relative;
        z-index: 1
    }

    .rs-programs .single-item .icon-wrapper {
        width: 100px;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: var(--transition)
    }

        .rs-programs .single-item .icon-wrapper img {
            height: 100%;
            width: auto
        }

    .rs-programs .single-item .feature-wrapper {
        padding: 0;
        list-style: none
    }

        .rs-programs .single-item .feature-wrapper li {
            margin: 0;
            display: flex;
            gap: 10px
        }

            .rs-programs .single-item .feature-wrapper li .feature-icon {
                flex-shrink: 0;
                color: var(--primaryColor)
            }
