#wdcmsprice {
    float: right;
    width: 100%;
    margin: 0  0 150px;
}
.box-inner {
    float: right;
    width: 100%;
    border: 1px solid rgba(255,255,255,.1);
    padding: 60px 90px;
    cursor: pointer;
}
.pricing-box {
    float: right;
    width: 100%;
    padding: 10px;
    border: 1px solid #3e3e3e;
    transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
}
.pricing-box:hover{
    border: 1px solid var(--secondary-bg-color);
    transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
}
.pricing-label {
    font: 500 24px/30px var(--secondary-font);
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.7px;
    margin: 0 0 20px;
}
.price {
    font: 500 60px/66px var(--secondary-font);
    color: #fff;
    font-variant-numeric: lining-nums;
}
.price sup {
    font-size: 34px;
}
.price-month {
    font: 300 15px/12px var(--primary-font);
    margin-right: 60px;
    color: #ccc;
    margin-bottom: 30px;
}
.price-des {
    font: 300 15px/25px var(--primary-font);
    color: #ccc;
    text-transform: capitalize;
    margin: 0 0 15px;
}
.pricing-btn.btn {
    background: var(--secondary-bg-color);
    display: inline-block;
    width: auto;
    padding: 14px 30px;
    color: #111;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 40px;
    position: relative;
}

.pricing-btn.btn::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: all 0.3s;
  }
  .pricing-btn.btn:hover::before {
	opacity: 0 ;
	transform: scale(0.5,0.5);
  }
  .pricing-btn.btn::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: all 0.3s;
	border: 1px solid var(--secondary-bg-color);
	transform: scale(1.2,1.4);
  }
  .pricing-btn.btn:hover::after {
	opacity: 1;
	transform: scale(1,1);
  }


  @media(max-width:1500px){
    .box-inner {
        padding: 40px 70px;
    }
  }

  @media(max-width:1199px){
    .box-inner {
        padding: 40px 30px;
    }
    #wdcmsprice {
        margin: 0  0 100px;
    }
    .price {
        font-size: 50px;
        line-height: 56px;
    }
    .pricing-btn.btn {
        padding: 12px 27px;
        font-size: 14px;
        margin-top: 20px;
    }
  }

  @media(max-width:991px){
    #wdcmsprice {
        margin: 0  0 80px;
    }
    .price-des {
        margin: 0 0 10px;
        font-size: 13px;
        line-height: 21px;
    }
    .price {
        font-size: 32px;
        line-height: 36px;
    }
    .price sup {
        font-size: 24px;
    }
    .price-month {
        margin-right: 20px;
        margin-bottom: 20px;
        font-size: 12px;
        line-height: 12px;
    }
    .pricing-label {
        margin: 0 0 20px;
        font-size: 18px;
        line-height: 22px;
    }
    .box-inner {
        padding: 30px 10px;
    }
    .pricing-btn.btn {
        padding: 7px 18px;
        font-size: 11px;
        margin-top: 15px;
    }
  }

@media(max-width:767px){
    #wdcmsprice {
        margin: 0  0 60px;
    }
    .pricing-box {
        padding: 5px;
    }
    .pricing-block .col-sm-4 {
        padding: 0 5px;
    }
    .price-bottom-des.price-des {
        display: none;
    }
    .box-inner {
        padding: 20px 10px;
    }
    .price-month {
        margin-bottom: 15px;
    }
    .pricing-btn.btn {
        padding: 8px 18px;
        font-size: 12px;
        margin-top: 6px;
    }
    .pricing-label {
        margin: 0 0 10px;
        font-size: 16px;
        line-height: 22px;
    }
    .pricing-block {
        float: right;
        width: 100%;
        padding: 0 5px;
    }
}
@media(max-width:543px){
    .price sup {
        top: -3px;
    }
    .pricing-block .col-sm-4 {
        padding: 0 10px;
        margin: 0 0 15px;
        float: none;
        text-align: center;
        width: auto;
        display: inline-block;
    }
    #wdcmsprice {
        margin: 0  0 30px;
    }
}
#wdcmsservices .wdservice {
	direction: rtl;
}