.monthly-yearly-switch-wrapper {
    max-width: 19.319rem;
}

.money-back-checkmark {
    height: 1.875rem;
    width: 2.786rem;
}

.money-back-checkmark img {
    height: 1.375rem;
    width: 1.791rem;
}

.annual-box-radius {
    border-radius: 0.438rem;
}

.nitropack-recommends-container {
    border-radius: 1.563rem 1.563rem 0px 0px;
}

.line-through{
    text-decoration: line-through;
}


#yearly-label, #monthly-label {
    cursor: pointer;
}

.toggle--arrow {
    position: absolute;
}

.switch {
    position: relative;
    display: inline-block;
    width: 5.714rem;
    height: 2.366rem;
    margin: 0;
}

input:checked+.slider:before {
    -webkit-transform: translateX(3.75rem);
    -ms-transform: translateX(3.75rem);
    transform: translateX(3.75rem);
    transform: translateX(3.125rem);
}
.slider:before {
    position: absolute;
    content: "";
    height: 1.786rem;
    width: 1.786rem;
    left: 0.313rem;
    bottom: 0.188rem;
    background-color: #E6FDF9;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider.round {
    border-radius: 2.25rem;
    border: 1.5px
    solid #E7DCFB;
}

/**
 * Card deck
 */
.card-deck-pricing {
    max-width: 86.125rem;
}

.card-deck-pricing .card {
    min-width: 20rem;
    max-width: 20%;
    border-radius: 1.563rem;
    padding-bottom: 3rem;
}

.card-deck-pricing .card.plan-is-paid {
    background-color: #E6FDF9;
}

.card-deck-pricing .card .plan-description {
    font-size: 1.125rem;
    min-height: 3rem;
    overflow: hidden;
}

.card-deck-pricing .card .plan-tax {
    min-height: 3rem;
    overflow: hidden;
}

.card-deck-pricing .card .free-badge-text {
    max-width: 18.75rem;
    margin-left: -0.625rem;
}

.card-deck-pricing .card .optional-resources-header {
    cursor: pointer;
}

.card-deck-pricing .card .optional-resources-header[aria-expanded="true"] .optional-resources-heading:after {
    font-size: 1rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f062";
    position: absolute;
    right: 1.875rem;
    line-height: 1.2;
}

.card-deck-pricing .card .optional-resources-header[aria-expanded="false"] .optional-resources-heading:after {
    font-size: 1rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f063";
    position: absolute;
    right: 1.875rem;
    line-height: 1.2;
}

.card-deck-pricing .card:nth-child(1) {
    order: 3;
}

.card-deck-pricing .card:nth-child(2) {
    order: 2;
}

.card-deck-pricing .card:nth-child(3) {
    order: 1;
}

.card-deck-pricing .card:nth-child(4) {
    order: 3;
}

/**
 * Money Back
 */

.pricing-money-back {
    width: 100%;
}

/**
 * Jumbotron
 */

.pricing-jumbotron {
    position: relative;
    z-index: 1;
    margin-bottom: -8rem;
}

/**
 * Plans scrollbar
 */

.card-deck-pricing::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
}

.card-deck-pricing::-webkit-scrollbar-track {
    background-color: #D9D9D9;
    border-radius: 0.563rem;
}

.card-deck-pricing::-webkit-scrollbar-thumb {
    background-color: #3800A2;
    border-radius: 0.563rem;
}

.special-feature-new {
    font-size: 0.625rem;
    padding: 0.125rem 0.25rem;
}

.empty-row {
    height: 2rem;
}
  
/**
 * Media Queries
 */

@media (min-width: 992px) {
    .monthly-yearly-container {
        max-width: 62rem !important;
    }
    .position-lg-absolute {
        position: absolute;
    }
    .toggle--arrow {
        position: absolute;
        top: -1.5rem;
        right: -6.625rem;
        width: 6.375rem;
        height: 1.75rem;
    }
    .toggle--promo--text--yearly {
        right: 0;
        width: 15.75rem;
        max-width: 15.75rem;
    }
    .toggle--promo--text--monthly {
        right: 1rem;
        width: 14.25rem;
        max-width: 14.25rem;
    }
}

@media (min-width: 1200px) {
    .card-deck-pricing .card {
        min-height: 45rem;
        min-width: 25%;
        border-right: none;
        border-radius: 0;
    }
    .nitropack-recommends-container {
        border-radius: 0;
    }
    .monthly-yearly-container {
        max-width: 73.461rem !important;
    }
    .monthly-yearly-switch-wrapper {
        max-width: 23.75rem;
    }
    .card-deck-pricing .card:last-child {
        border-radius: 0 1.563rem 1.563rem 0;
    }
    .card-deck-pricing .card:nth-child(3) {
        border-radius: 1.563rem 0 0 1.563rem;
    }
    .toggle--arrow {
        position: absolute;
        top: -1.5rem;
        right: -8.25rem;
        width: 8.156rem;
        height: 1.956rem;
    }
    .toggle--promo--text--yearly {
        right: 2.375rem;
    }
    .toggle--promo--text--monthly {
        right: 3rem;
        bottom: -1.875rem;
    }
    .switch {
        width: 7.039rem;
        height: 2.863rem;
    }
    input:checked+.slider:before {
        -webkit-transform: translateX(3.95rem);
        -ms-transform: translateX(3.95rem);
        transform: translateX(3.95rem);
        transform: translateX(3.95rem)
    }
    .slider:before {
        height: 2.2rem;
        width: 2.2rem;
        left: 0.375rem;
        bottom: 0.25rem;
    }
    .money-back-checkmark img {
        height: 1.125rem;
        width: 1.465rem;
    } 
}