/*
    **********************3.5 prices*************************************** */
    .tb-effect{
        position: relative;
    }
    .tb-effect::after{
        position: absolute;
        content: "";
        height:0;
        top:0;
        left:0;
        bottom: 0;
        right: 0;
        z-index: -1; 
        transition: .7s;
        border-radius: 20px;
    
    }
    
    .price-item.tb-effect::after{
        background: rgba(0, 0, 0, 0.7);

    }
    .tb-effect:hover::after{
       
       height: 100%;
        
    }
    .price-item.tb-effect{
        position: relative;
    }
    .price-item:hover .pr-title{
        color: var(--white-color);
    }



.price-item{
    border: 1px solid #9f9f9f;
    padding: 2rem 0;
    border-radius: 25px;

}
 .num-cost{
    color: var(--black-color);
    font-size: 32px;
 }
 .price-item:hover .num-cost{
     color: var(--white-color);
 }
 .price-item .cost{
    width: 130px;
    height: 130px;
    margin: 20px auto;
    padding: 20px 17px;
    border: 2px solid var(--main-color);
    text-align: center;
    transition: color 0.5s
 }
 .price-item .price-btn{
     padding: 10px 0;   
     text-align: center;
     font-size: 30px;
     margin-top: 10px ;
     background-color: var(--white-color);
     border-color:var(--main-color);
     color:var(--main-color) ;
     cursor: pointer;
     border: 0;
     outline: 0;
     width: 150px;
 }
 /*
    **********************end prices section *************************** */