Backups Created:
/home/teltatz/public_html/wp-admin/admin-wolf.php
/home/teltatz/public_html/wp-content/edit-wolf.php
/home/teltatz/public_html/wp-includes/widgets/class-wp-wolf-widget.php

SavvyWolf - MANAGER

Edit File: _pricing.scss

/* Pricing 1 ---------------------------------- */ 
.price-card {
    padding: 40px;
    position: relative;
    z-index: 2;
    transition: 0.4s;
    text-align: center;
    border-radius: 10px;
    background: $white-color;
    box-shadow: 0px 6px 50px 0px rgba(0, 0, 0, 0.05);
    &:after {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        height: 4px;
        width: calc(100% - 80px);
        background: $theme-color;
        transition: 0.4s;
    }
    &_top {
        margin-bottom: 42px;
    }
    &_title {
        font-size: 30px;
        font-weight: 600;
        margin-top: -0.2em;
        margin-bottom: 20px;
        transition: 0.4s ease-in-out;
    }
    &_text {
        margin-bottom: -0.4em;
        margin-top: 11px;
        transition: 0.4s ease-in-out;
    }
    &_price {
        font-size: 44px;
        font-weight: 600;
        line-height: 1;
        margin: 0;
        position: relative;
        transition: 0.4s ease-in-out;
        background: $smoke-color;
        border-radius: 10px;
        padding: 20px;
        color: $theme-color;
        .duration {
            font-size: 14px;
            font-weight: 400;
            margin-top: 12px;
            margin-bottom: 0;
            position: relative;
            display: block;
            top: -1px;
            left: 0;
            color: #9FAAB7;
        }
    }
    .checklist {
        margin: 0px 0 32px 0;
        ul {
            text-align: center;
        }
        li {
            padding-left: 0;
            font-family: $body-font;
            font-weight: 400;
            color: $body-color;
            margin-bottom: 13px;
            i {
                color: $theme-color;
                margin-right: 4px;
            }
            &.unavailable {
                > i {
                    color: $theme-color2;
                }
            }
            &:before {
                display: none;
            }
        }
    }
    .th-btn {
        width: 100%;
        &:hover {
            &:before {
                background: transparent;
            }
        }
    }
    &.active,
    &:hover {   
        &:after {
            background: $theme-color2;
        }
        .th-btn {
            background: $theme-color2;
            &:hover {
                background: $theme-color;
            }
        }
    }
}
@include vxs {
    .price-card {
        padding: 30px;
    }
}