.pricingTable {
    text-align: center;
    background: var(--purple-two); 
    box-shadow: 0 0 15px #70458f;
    padding-bottom: 40px;
    border-radius: 10px;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    color: var(--purple-text);
    transform: scale(1);
    transition: all .5s ease 0s
}

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

.pricingTable .pricingTable-header {
    padding: 40px 0;
    background: var(--purple-light);
    border-radius: 10px 10px 50% 50%;
    transition: all .5s ease 0s
}

.pricingTable:hover .pricingTable-header {
    background: #ff9624
}

.pricingTable .pricingTable-header i {
    font-size: 50px;
    color: var(--purple-two) !important;
    margin-bottom: 10px;
    transition: all .5s ease 0s
}

.currency-box span{
    font-size: 20px;
    font-weight: 600; 
    width: 65px;
    height: 65px;
    margin: 5px;
    color: var(--purple-one);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    background-color: var(--purple-two);
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid var(--purple-one);
}
.currency-box span.active, 
.currency-box span.active:hover, 
.currency-box span:hover{ 
    color: var(--purple-five) !important; 
    background-color: var(--purple-four);  
    border: 1px solid var(--purple-four);
}
.currency-box{
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.pricingTable .price-value {
    font-size: 40px;
    color: var(--purple-two) !important;
    transition: all .5s ease 0s;
    position: relative;
    font-weight: 700;
}

.pricingTable .currency-sign {
    display: inline-block;
    font-size: 21px;
    line-height: 1;
    color: var(--purple-three);
    font-weight: 600;
    position: relative;
    right: -5px;
    top: -1px;
}

.pricingTable:hover .month,
.pricingTable:hover .price-value,
.pricingTable:hover .pricingTable-header i {
    color: var(--purple-five)
}

.pricingTable .heading {
    font-size: 24px;
    color: var(--purple-one) !important;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: uppercase
}

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

.pricingTable .pricing-content ul li.addon-title{font-weight: 700; text-align: center; margin-top: 16px; margin-bottom: 5px; font-size: 18px; color: #000;; opacity: 1;}

.pricingTable .pricing-content ul li {
    line-height: 1.4;
    color: #414141;
    padding: 0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
    text-align: left;
}

.pricingTable .pricing-content ul li.addon-block-list{margin-bottom: 10px;}
.pricingTable .pricing-content ul li.addon-block-list:last-child{margin-bottom: 0;}
.pricingTable li.disabled .fa{color: #ff4b4b !important;}
.pricingTable li.disabled .fa:before{content: "\f057" !important}
.pricingTable .pricing-content ul li:last-child{ 
    margin-bottom: 0;
}
.pricingTable-signup a{text-decoration: none}
.pricingTable .addon-block span:first-child{color: #414141 !important}
.pricingTable .fa{color: var(--purple-one) !important}

.addon-block{
    display: flex;
    flex-direction: column;
    max-width: 75%;
}
.addon-block span{
     line-height: 16px;
     text-align: left;
}
.addon-block span:nth-child(2){
     font-size: 13px;
     color: #5f5f5f
}

.pricingTable .pricingTable-signup a {
    display: inline-block;
    font-size: 15px;
    color: var(--purple-five);
    padding: 10px 35px;
    border-radius: 20px;
    background: #ffa442;
    text-transform: uppercase;
    transition: all .3s ease 0s
}

.pricingTable .pricingTable-signup a:hover {
    box-shadow: 0 0 10px #ffa442
}

.pricingTable.blue .heading,
.pricingTable.blue .price-value {
    color: var(--purple-three)
}

.pricingTable.blue .pricingTable-signup a,
.pricingTable.blue:hover .pricingTable-header {
    background: var(--purple-three)
}

.pricingTable.blue .pricingTable-signup a:hover {
    box-shadow: 0 0 10px var(--purple-three)
}

.pricingTable.blue:hover .pricingTable-header .price-value,
.pricingTable.blue:hover .pricingTable-header .fa{
    color: var(--purple-light) !important;
}
.pricingTable.blue:hover .pricingTable-header .currency-sign{
    color: #000 !important;
}

.pricingTable.red .heading,
.pricingTable.red .price-value {
    color: #ff4b4b
}

.pricingTable.red .pricingTable-signup a,
.pricingTable.red:hover .pricingTable-header {
    background: #ff4b4b
}

.pricingTable.red .pricingTable-signup a:hover {
    box-shadow: 0 0 10px #ff4b4b
}

.pricingTable.green .heading,
.pricingTable.green .price-value {
    color: #40c952
}

.pricingTable.green .pricingTable-signup a,
.pricingTable.green:hover .pricingTable-header {
    background: #40c952
}

.pricingTable.green .pricingTable-signup a:hover {
    box-shadow: 0 0 10px #40c952
}

.pricingTable.blue:hover .price-value,
.pricingTable.green:hover .price-value,
.pricingTable.red:hover .price-value {
    color: var(--purple-five)
}

@media screen and (max-width:990px) {
    .pricingTable {
        margin: 0 0 20px
    }
}