/*==========================================
Packages
==========================================*/

.package-card{

    background:#fff;

    border:2px solid #E5E7EB;

    border-radius:20px;

    padding:35px;

    cursor:pointer;

    transition:.25s;

    height:100%;

}

.package-card.featured{

    border-color:var(--primary);

}

.package-badge{

    display:inline-block;

    padding:6px 14px;

    border-radius:999px;

    background:#EFF6FF;

    color:var(--primary);

    font-size:.8rem;

    font-weight:600;

    margin-bottom:18px;

}

.package-card ul{

    list-style:none;

    padding:0;

    margin-top:25px;

}

.package-card li{

    margin-bottom:7px;

    font-size: 14px;

}

.package-card li i{

    color:#22C55E;

    margin-right:10px;

}

/* new */
.package-upgrade-message {

    margin-top: 12px;

    font-size: 12px;

    color: #718096;

}


.package-recommended {

    display: inline-block;

    padding: 5px 10px;

    border-radius: 20px;

    background: rgba(23, 92, 221, .08);

    color: #175cdd;

    font-weight: 600;

}


.package-card[data-package="starter"] {

    position: relative;

}


.package-card[data-package="starter"]::before {

    content: "RECOMMENDED";

    position: absolute;

    top: 12px;

    right: 12px;

    padding: 5px 9px;

    border-radius: 20px;

    background: #175cdd;

    color: #fff;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1px;

}

.package-upgrade-message {

    min-height: 24px;

    margin-top: 12px;

    font-size: 12px;

    color: #718096;

}


.package-recommended {

    display: inline-block;

    padding: 5px 10px;

    border-radius: 20px;

    background: rgba(23, 92, 221, .08);

    color: #175cdd;

    font-weight: 600;

}


.package-card[data-package="Starter"] {

    position: relative;

}


.package-card[data-package="Starter"]::before {

    content: "RECOMMENDED";

    position: absolute;

    top: 12px;

    right: 12px;

    padding: 5px 9px;

    border-radius: 20px;

    background: #175cdd;

    color: #fff;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1px;

}

@media (max-width:991px){

    .quote-step{

        text-align:center;

    }

    .quote-step h2{

        font-size:1.8rem;

    }

    .quote-step-description{

        font-size:.95rem;

    }

    .package-card{

        padding:24px;

    }

}