.demo10 {
    background: #f7f7f7;
    padding: 7em 0;
    text-align: center;
}

.pricingTable10 {
    text-align: center
}

    .pricingTable10 .pricingTable-header {
        padding: 30px 0;
        background: #4d4d4d;
        position: relative;
        transition: all .3s ease 0s
    }

    .pricingTable10:hover .pricingTable-header {
        background: #EFA52C
    }

    .pricingTable10 .pricingTable-header:after, .pricingTable10 .pricingTable-header:before {
        content: "";
        width: 16px;
        height: 16px;
        border-radius: 50%;
        border: 1px solid #d9d9d8;
        position: absolute;
        bottom: 12px
    }

    .pricingTable10 .pricingTable-header:before {
        left: 40px
    }

    .pricingTable10 .pricingTable-header:after {
        right: 40px
    }

    .pricingTable10 .heading {
        font-size: 20px;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-top: 0
    }

    .pricingTable10 .price-value {
        display: inline-block;
        position: relative;
        font-size: 55px;
        font-weight: 700;
        color: #EFA52C;
        transition: all .3s ease 0s
    }

    .pricingTable10:hover .price-value {
        color: #fff
    }

    .pricingTable10 .currency {
        font-size: 30px;
        font-weight: 700;
        position: absolute;
        top: 6px;
        left: -19px
    }

    .pricingTable10 .month {
        font-size: 16px;
        color: #fff;
        position: absolute;
        bottom: 15px;
        right: -30px;
        text-transform: uppercase
    }

    .pricingTable10 .pricing-content {
        padding-top: 50px;
        background: #fff;
        position: relative
    }

        .pricingTable10 .pricing-content:after, .pricingTable10 .pricing-content:before {
            content: "";
            width: 16px;
            height: 16px;
            border-radius: 50%;
            border: 1px solid #7c7c7c;
            position: absolute;
            top: 12px
        }

        .pricingTable10 .pricing-content:before {
            left: 40px
        }

        .pricingTable10 .pricing-content:after {
            right: 40px
        }

        .pricingTable10 .pricing-content ul {
            padding: 0 20px;
            margin: 0;
            list-style: none
        }

            .pricingTable10 .pricing-content ul:after, .pricingTable10 .pricing-content ul:before {
                content: "";
                width: 8px;
                height: 46px;
                border-radius: 3px;
                background: linear-gradient(to bottom,#818282 50%,#727373 50%);
                position: absolute;
                top: -22px;
                z-index: 1;
                box-shadow: 0 0 5px #707070;
                transition: all .3s ease 0s
            }

    .pricingTable10:hover .pricing-content ul:after, .pricingTable10:hover .pricing-content ul:before {
        background: linear-gradient(to bottom,#FFC04D 50%,#EFA52C 50%)
    }

    .pricingTable10 .pricing-content ul:before {
        left: 44px
    }

    .pricingTable10 .pricing-content ul:after {
        right: 44px
    }

    .pricingTable10 .pricing-content ul li {
        font-size: 15px;
        font-weight: 700;
        color: #777473;
        padding: 10px 0;
        border-bottom: 1px solid #d9d9d8
    }

        .pricingTable10 .pricing-content ul li:last-child {
            border-bottom: none
        }

    .pricingTable10 .read {
        display: inline-block;
        font-size: 16px;
        color: #fff;
        text-transform: uppercase;
        background: #d9d9d8;
        padding: 8px 25px;
        margin: 30px 0;
        transition: all .3s ease 0s
    }

        .pricingTable10 .read:hover {
            text-decoration: none
        }

    .pricingTable10:hover .read {
        background: #EFA52C
    }

@media screen and (max-width:990px) {
    .pricingTable10 {
        margin-bottom: 25px
    }
}
/* Credit to https://bootsnipp.com/snippets/92erW */
.btn-block {
    display: block;
    width: 100%;
}

.btn-primary {
    color: #fff;
    background-color: #EFA52C;
    border-color: #EFA52C;
    width: 8em;
    margin: 0px 0 0 10px !important;
}

.p-2 {
    padding: .5rem !important;
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}