.card-pricing2 {
    background: #fff !important;
    padding-bottom: 30px;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.card-pricing2:before {
    content: "";
    width: 100%;
    height: 350px;
    position: absolute;
    top: -260px;
    left: 0;
    transform: skewY(-20deg);
}

.card-pricing2.bg-primary:before {
    background: #33cabb;
}

.card-pricing2.bg-success:before {
    background: #15c377;
}

.card-pricing2.bg-info:before {
    background: #48b0f7;
}

.card-pricing2.bg-warning:before {
    background: #faa64b;
}

.card-pricing2.bg-danger:before {
    background-color: #f96868;
}

.card-pricing2.bg-pink:before {
    background-color: #f96197;
}

.card-pricing2.bg-purple:before {
    background-color: #926dde;
}

.card-pricing2.bg-brown:before {
    background-color: #8d6658;
}

.card-pricing2.bg-cyan:before {
    background-color: #57c7d4;
}

.card-pricing2.bg-yellow:before {
    background-color: #fcc525;
}

.card-pricing2.bg-dark:before {
    background-color: #465161;
}

.card-pricing2 .pricing-header {
    padding: 20px 20px 60px;
    text-align: left;
    position: relative;
}

.card-pricing2 .price-value {
    display: inline-block;
    width: 170px;
    height: 110px;
    padding: 15px;
    border: 2px solid;
    border-top: none;
    border-bottom: none;
    position: relative;
}

.card-pricing2 .price-value:after,
.card-pricing2 .price-value:before {
    width: 121px;
    height: 121px;
    border: 3px solid;
    border-right: none;
    border-bottom: none;
    position: absolute;
    top: -60px;
    content: "";
    left: 50%;
    transform: translateX(-50%) scaleY(.5) rotate(45deg);
}

.card-pricing2 .pricing-inner-value {
    width: 100%;
    height: 100%;
    border: 2px solid;
    border-top: none;
    border-bottom: none;
    z-index: 1;
    position: relative;
    background: #fff;
}

.card-pricing2 .pricing-inner-value:after,
.card-pricing2 .pricing-inner-value:before {
    width: 97px;
    height: 97px;
    background: #fff;
    border: 3px solid;
    border-bottom: none;
    border-right: none;
    position: absolute;
    top: -48px;
    z-index: -1;
    content: "";
    left: 50%;
    transform: translateX(-50%) scaleY(.5) rotate(45deg);
}

.card-pricing2 .price-value:after {
    border-top: none;
    border-left: none;
    border-bottom: 3px solid;
    border-right: 3px solid;
    top: auto;
    bottom: -60px;
}

.card-pricing2 .pricing-inner-value:after {
    border-right: 3px solid;
    border-bottom: 3px solid;
    border-top: none;
    border-left: none;
    top: auto;
    bottom: -48px;
}

.card-pricing2.bg-success .price-value,
.card-pricing2.bg-success .pricing-inner-value {
    border-right-color: #15c377;
    border-left-color: #15c377;
}

.card-pricing2.bg-success .price-value:before,
.card-pricing2.bg-success .pricing-inner-value:before {
    border-left-color: #15c377;
    border-top-color: #15c377;
}

.card-pricing2.bg-success .price-value:after,
.card-pricing2.bg-success .pricing-inner-value:after {
    border-right-color: #15c377;
    border-bottom-color: #15c377;
}

.card-pricing2.bg-primary .price-value,
.card-pricing2.bg-primary .pricing-inner-value {
    border-right-color: #33cabb;
    border-left-color: #33cabb;
}

.card-pricing2.bg-primary .price-value:before,
.card-pricing2.bg-primary .pricing-inner-value:before {
    border-left-color: #33cabb;
    border-top-color: #33cabb;
}

.card-pricing2.bg-primary .price-value:after,
.card-pricing2.bg-primary .pricing-inner-value:after {
    border-right-color: #33cabb;
    border-bottom-color: #33cabb;
}

.card-pricing2.bg-info .price-value,
.card-pricing2.bg-info .pricing-inner-value {
    border-right-color: #48b0f7;
    border-left-color: #48b0f7;
}

.card-pricing2.bg-info .price-value:before,
.card-pricing2.bg-info .pricing-inner-value:before {
    border-left-color: #48b0f7;
    border-top-color: #48b0f7;
}

.card-pricing2.bg-info .price-value:after,
.card-pricing2.bg-info .pricing-inner-value:after {
    border-right-color: #48b0f7;
    border-bottom-color: #48b0f7;
}

.card-pricing2.bg-warning .price-value,
.card-pricing2.bg-warning .pricing-inner-value {
    border-right-color: #faa64b;
    border-left-color: #faa64b;
}

.card-pricing2.bg-warning .price-value:before,
.card-pricing2.bg-warning .pricing-inner-value:before {
    border-left-color: #faa64b;
    border-top-color: #faa64b;
}

.card-pricing2.bg-warning .price-value:after,
.card-pricing2.bg-warning .pricing-inner-value:after {
    border-right-color: #faa64b;
    border-bottom-color: #faa64b;
}

.card-pricing2.bg-danger .price-value,
.card-pricing2.bg-danger .pricing-inner-value {
    border-right-color: #f96868;
    border-left-color: #f96868;
}

.card-pricing2.bg-danger .price-value:before,
.card-pricing2.bg-danger .pricing-inner-value:before {
    border-left-color: #f96868;
    border-top-color: #f96868;
}

.card-pricing2.bg-danger .price-value:after,
.card-pricing2.bg-danger .pricing-inner-value:after {
    border-right-color: #f96868;
    border-bottom-color: #f96868;
}

.card-pricing2.bg-pink .price-value,
.card-pricing2.bg-pink .pricing-inner-value {
    border-right-color: #f96197;
    border-left-color: #f96197;
}

.card-pricing2.bg-pink .price-value:before,
.card-pricing2.bg-pink .pricing-inner-value:before {
    border-left-color: #f96197;
    border-top-color: #f96197;
}

.card-pricing2.bg-pink .price-value:after,
.card-pricing2.bg-pink .pricing-inner-value:after {
    border-right-color: #f96197;
    border-bottom-color: #f96197;
}

.card-pricing2.bg-purple .price-value,
.card-pricing2.bg-purple .pricing-inner-value {
    border-right-color: #926dde;
    border-left-color: #926dde;
}

.card-pricing2.bg-purple .price-value:before,
.card-pricing2.bg-purple .pricing-inner-value:before {
    border-left-color: #926dde;
    border-top-color: #926dde;
}

.card-pricing2.bg-purple .price-value:after,
.card-pricing2.bg-purple .pricing-inner-value:after {
    border-right-color: #926dde;
    border-bottom-color: #926dde;
}

.card-pricing2.bg-brown .price-value,
.card-pricing2.bg-brown .pricing-inner-value {
    border-right-color: #8d6658;
    border-left-color: #8d6658;
}

.card-pricing2.bg-brown .price-value:before,
.card-pricing2.bg-brown .pricing-inner-value:before {
    border-left-color: #8d6658;
    border-top-color: #8d6658;
}

.card-pricing2.bg-brown .price-value:after,
.card-pricing2.bg-brown .pricing-inner-value:after {
    border-right-color: #8d6658;
    border-bottom-color: #8d6658;
}

.card-pricing2.bg-cyan .price-value,
.card-pricing2.bg-cyan .pricing-inner-value {
    border-right-color: #57c7d4;
    border-left-color: #57c7d4;
}

.card-pricing2.bg-cyan .price-value:before,
.card-pricing2.bg-cyan .pricing-inner-value:before {
    border-left-color: #57c7d4;
    border-top-color: #57c7d4;
}

.card-pricing2.bg-cyan .price-value:after,
.card-pricing2.bg-cyan .pricing-inner-value:after {
    border-right-color: #57c7d4;
    border-bottom-color: #57c7d4;
}

.card-pricing2.bg-yellow .price-value,
.card-pricing2.bg-yellow .value {
    border-right-color: #fcc525;
    border-left-color: #fcc525;
}

.card-pricing2.bg-yellow .price-value:before,
.card-pricing2.bg-yellow .pricing-inner-value:before {
    border-left-color: #fcc525;
    border-top-color: #fcc525;
}

.card-pricing2.bg-yellow .price-value:after,
.card-pricing2.bg-yellow .pricing-inner-value:after {
    border-right-color: #fcc525;
    border-bottom-color: #fcc525;
}

.card-pricing2.bg-dark .price-value,
.card-pricing2.bg-dark .pricing-inner-value {
    border-right-color: #465161;
    border-left-color: #465161;
}

.card-pricing2.bg-dark .price-value:before,
.card-pricing2.bg-dark .pricing-inner-value:before {
    border-left-color: #465161;
    border-top-color: #465161;
}

.card-pricing2.bg-dark .price-value:after,
.card-pricing2.bg-dark .pricing-inner-value:after {
    border-right-color: #465161;
    border-bottom-color: #465161;
}

.card-pricing2 .pricing-content {
    padding: 50px 0 0 80px;
    margin-bottom: 20px;
    list-style: none;
    text-align: left;
    transition: all .3s ease 0s;
}

.card-pricing2 .pricing-content li {
    padding: 5px 0;
    font-size: 14px;
    color: #4d5259;
    position: relative;
    line-height: 27px;
}

.card-pricing2 .pricing-content li.pricing-disable:before,
.card-pricing2 .pricing-content li:before {
    content: "\f5e1";
    font-family: 'Material Design Icons';
    color: #00b2ff;
    text-align: center;
    position: absolute;
    left: -40px;
    font-size: 20px;
}

.card-pricing2 .pricing-content li.pricing-disable:before {
    content: "\f15a";
    color: #f96868;
}