﻿.card {
    transition: .75s transform cubic-bezier(.155,1.105,.295,1.12),.75s box-shadow,.75s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
}

    .card:hover {
        box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
    }

.coming-soon-card {
    transform: scale(0.97);
    background-color: rgb(251, 251, 251);
    color: #515151;
}

.price-card-padding {
    padding: 2rem 2.5rem
}

.font-weight-600 {
    font-weight: 600;
}

ul.pricing-info {
    list-style: none;
}

    ul.pricing-info li:before {
        content: '✓';
        padding-right: 10px;
    }

#pricing-section {
    min-height: 90vh;
    background: url("/images/pricing-background.png");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -6rem;
}

.icon-font {
    font-size: 2rem;
}

.rounded-1rem {
    border-radius: 1rem;
}

.cta-btn {
    color: white;
    background: #28a745;
    font-size: 1.4rem;
    font-weight: 600;
    transition: 0s;
}

    .cta-btn:hover {
        color: white;
        background: linear-gradient(145deg, #24963e, #2bb34a);
    }

    .cta-btn:active {
        color: white;
        background: #28a745;
        box-shadow: inset 5px 5px 21px #1e7c33, inset -5px -5px 21px #32d257;
    }


@media (min-width: 2500px) {
    #pricing-section .inner, #main-section #main-body {
        max-width: 1750px;
        margin: auto;
    }
}

@media (min-width: 1200px) and (max-width: 2499px) {
    #pricing-section .inner, #main-section #main-body {
        max-width: 1400px;
        margin: auto;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #pricing-section .inner, #main-section #main-body {
        max-width: 970px;
        margin: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #pricing-section .inner, #main-section #main-body {
        max-width: 740px;
        margin: auto;
    }
}

#main-section {
    min-height: 90vh;
    background: url("/images/pricing-background.png");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#main-body {
    padding-top: 6rem;
}