.plan-and-pricing h2{
     font-size: 30px;
     color: #4d4f5c;
}
.plan-and-pricing p{
     font-size: 16px;
     line-height: 26px;
     color: #4d4f5c;
}
.pricing-card {
     border: 1px solid #d7dae2;
     border-radius: 4px;
     transition: transform 0.3s ease;
     height: 100%;
}
.pricing-card:hover {
     transform: translateY(-5px);
     /* box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.1); */
     border: 1px solid #3b86ff;
     cursor: pointer;
}
.pricing-card .plan-header .plan-title {
     font-size: 28px;
     font-weight: 700;
     color: #4d4f5c;
}
.pricing-card .plan-header .plan-subtitle {
     font-size: 13px;
     color: #4d4f5c;
     height: 45px;
     line-height: 18px;
     color: #4d4f5c;
}
.pricing-card .plan-header .plan-price {
     font-size: 24px;
     font-weight: 600;
     color: #3b86ff;
}
.pricing-card .plan-header .plan-price span{
     font-size: 16px;
}
.pricing-card .plan-header .plan-note {
     font-size: 13px;
     line-height: 18px;
     color: #4d4f5c;
}
.pricing-card .plan-header .plan-top {
     height: 157px;
}
.pricing-card .plan-footer h5 {
     font-size: 15px;
    line-height: 18px;
    color: #4d4f5c;
    font-weight: 600;
    text-align: justify;
    height: 85px;
    margin-top: 22px;
}
.pricing-card .plan-footer .feature-list {
     list-style: none;
     padding: 0;
     text-align: left;
     position: relative;
}
.pricing-card .plan-footer .feature-list li {
     margin-bottom: 0.7rem;
     padding-left: 24px;
     line-height: 18px;
     font-size: 14px;
}
.pricing-card .plan-footer .feature-list li::before {
     position: absolute;
     left: 0;
     content: url(../images/check-mark.png);
}
.blue_btn a, .blue_btn a:active, .blue_btn a:hover, .blue_btn a:focus {
     background: #3b86ff;
     border: 1px solid #3b86ff;
     color: #fff;
     text-decoration: none;
     width: 100%;
 }







.recomended-plan{
     border: 1px solid #3b86ff;
}
.recomended-plan .recomendation{
     width: 200px;
    text-align: center;
    padding: 6px;
    background-color: #e9eaef;
    border: 1px solid #d7dae2;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
}




.fold_part {
     background-color: #e9eaef;
     height: 75px;
     position: relative;
     margin-top: 19px;
 }
.fold_part:before {
     content: '';
     background: url(../images/fold_left.png) no-repeat;
     height: 85px;
     width: 17px;
     position: absolute;
     top: 0;
     left: -17px;
 }
.fold_part:after {
     content: '';
     background: url(../images/fold_right.png) no-repeat;
     height: 85px;
     width: 17px;
     position: absolute;
     top: 0;
     right: -17px;
 }
 .fold_part span{
     width: 30px;
     height: 30px;
     display: inline-flex;
     margin-top: 6px;
 }
 .fold_part p{
     font-size: 13px;
    font-weight: 700;
    color: #4d4f5c;
    line-height: 12px;
 }