.pricing-table {
    text-align: center;
    background: #fff;
    margin: 0 -15px;
    box-shadow: 0 0 10px #ababab;
    padding-bottom: 40px;
    border-radius: 10px;
    color: #cad0de;
    transform: scale(1);
    transition: all .5s ease 0s
}

.pricing-table:hover {
    transform: scale(1.05);
    z-index: 1
}

 .pricing-table-header {
    padding: 20px 0;
    background-color: #f5f6f9 !important;
    border-radius: 10px 10px 50% 50%;
    transition: all .5s ease 0s
}

.pricing-table:hover .pricing-table-header {
    background: var(--price-color)
}

.pricing-table .pricing-table-header i {
    font-size: 50px;
    color: #858c9a;
    margin-bottom: 10px;
    transition: all .5s ease 0s
}

.pricing-table .price-value {
    font-size: 35px;
    color: #ff9624;
    transition: all .5s ease 0s
}

.pricing-table .month {
    display: block;
    font-size: 14px;
    color: #cad0de
}

.pricing-table:hover .heading,
.pricing-table:hover .month,
.pricing-table:hover .price-value,
.pricing-table:hover .pricing-table-header i {
    color: #fff !important
}

.pricing-table .heading {
    font-size: 24px;
    color: #ff9624;
    margin-bottom: 20px;
    text-transform: uppercase
}

.pricing-table .pricing-content ul {
    list-style: none;
    padding: 0;
    margin-bottom: 30px
}

.pricing-table .pricing-content ul li {
    line-height: 30px;
    color: #a7a8aa
}

 .pricing-table-signup a {
    display: inline-block;
    font-size: 15px;
    color: #fff;
    padding: 10px 35px;
    border-radius: 20px;
    text-transform: uppercase;
    transition: all .3s ease 0s
}

 .pricing-table-signup a:hover {
    box-shadow: 0 0 10px var(--price-color)
}

@media (min-width: 992px) {
    .pricing-container .col-lg-3 {
        width: 20%;
    }
}