.single-feature .image-wrapper {
    display: flex;
    width: 68px;
    height: 68px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    background-color: #6639e4;
    transition: 0.3s;
    cursor: pointer;
}

.single-feature {
    vertical-align: middle;
}

.single-feature div:nth-child(2) {}

.single-feature h3 {
    margin-left: 10px;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 17px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.single-plan {
    position: relative;
    z-index: 1;
}

.single-plan:hover {
    transform: translateY(0);
    box-shadow:
        inset 0 0 60px whitesmoke,
        inset 20px 0 80px #f0f,
        inset -20px 0 80px #0ff,
        inset 20px 0 300px #f0f,
        inset -20px 0 300px #0ff,
        0 0 50px #fff,
        -10px 0 80px #f0f,
        10px 0 80px #0ff;
}

.single-plan-top {
    transition: 0.5s;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.single-plan-top:hover {
    transform: translate3d(0px, 0px, 0px) scale3d(0.95, 0.95, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.single-plan .plan-title {
    color: white;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 1.286em;
    font-weight: 600;
    letter-spacing: 0.1em;
}

.single-plan .card-price {
    margin-top: 10px;
    margin-bottom: 5px;
    color: #fff;
    font-size: 38px;
    line-height: 1.31em;
    font-weight: 700;
    letter-spacing: -0.01px;
}

.single-plan .plan-desc {
    color: #e0dff1;
    font-size: 17px;
    line-height: 1.778em;
}

.single-plan .card-features {
    margin-top: 40px;
}

.single-plan .card-features .features-title {
    color: #fff;
    font-size: 18px;
    line-height: 1.444em;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.single-plan .card-features .features {
    color: #e0dff1;
    font-size: 17px;
    line-height: 1.778em;
}

@media only screen and (max-width:786px) {
    .pricing-features .col-md-3 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .pricing-features .col-md-3:nth-child(1),
    .pricing-features .col-md-3:nth-child(2) {
        margin-bottom: 20px;
    }


    .single-feature {
        padding-left: 15px !important;
        padding-right: 15px !important;
        float: left;
    }

    .single-feature div:nth-child(2) {
        width: 100%;
        margin: 0px;
        margin-top: 10px;
    }

    .single-feature div:nth-child(2) h3 {
        margin: 0px;
    }
}