.info-card-wrapper {
    .card-wrapper {
        height: 100%;
        display: block;
        background-color: $primary;
        padding: 2rem 1.5rem;
        color: #fff;

        h6,
        h5 {
            color: #fff;
        }
    }
}

.course-card-wrapper {
    .card-wrapper {
        height: 100%;
        display: block;
        background-color: #fff;
        @include transition();
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .text-content-wrapper {
            padding: 2rem 1.25rem;
        }

        cursor: pointer;

        h5 {
            @extend .mb-40;
        }

        p {
            color: #625E5E;
        }

        span {
            font-weight: 500;
            color: #1D1B1B;
        }

        img {
            width: 100%;
            max-height: 200px;
            object-fit: cover;
        }

        &:hover {
            transform: translateY(-6px);
            box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
        }
    }
}

.blog-card-wrapper {
    .card-wrapper {
        height: 100%;
        background-color: #fff;
        cursor: pointer;
        display: block;
        @include transition();

        .img-div {
            img {
                max-height: 250px;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        .text-content {
            padding: 1.5rem 1.25rem;

            h6 {
                margin-bottom: .8rem;
            }

            span {
                font-size: .875rem;
                font-weight: 500;
                color: #ADADAD;
                display: block;
                margin-bottom: .5rem;
            }

            p {
                color: #747474;
            }

            .btn-text {
                color: #625E5E;
            }


        }

        &:hover {
            .text-content {
                .btn-text {
                    color: $primary;
                    text-decoration: underline;
                }
            }

            @extend .box-shadow-1;
        }
    }
}

.blog-card-wrapper-type-two {
    .card-wrapper {
        height: 100%;
        background: rgba(243, 245, 247, 0.5);
        cursor: pointer;
        display: block;
        @include transition();

        .img-div {
            img {
                max-height: 250px;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        .text-content {
            padding: 1.5rem 1.25rem;
            font-size: 1rem;

            h6 {
                margin-bottom: .8rem;
            }

            span {
                font-size: .875rem;
                font-weight: 500;
                color: #ADADAD;
                display: block;
                margin-bottom: .5rem;
            }

            p {
                color: #747474;
            }

            .btn-text {
                color: #625E5E;
            }


        }

        &:hover {
            .text-content {
                .btn-text {
                    color: $primary;
                    text-decoration: underline;
                }
            }

            @extend .box-shadow-1;
        }
    }
}