@import "sections/benefits.css";
@import "sections/reviewers.css";
@import "sections/prefooter.css";
@import "sections/customer-reviews.css";
@import "sections/expert-reviews.css";
@import "sections/mbg-inline.css";
@import "sections/faqs.css";

.h1, h1 {
    font-size: 3.5rem;
}
@media screen and (max-width: 1199px) {
    h1, .h1 {
        font-size: 3rem;
    }
}
@media screen and (max-width: 991px) {
    h1, .h1 {
        font-size: 2.5rem;
    }
    h2, .h2 {
        font-size: 2.5rem;
    }
}
/* Usenet Plans */
.plans {
    padding: 2.5rem 0 5rem;
    text-align: center;
}
.plans h1 {
    margin-bottom: 1rem;
}
.plans .subtitle {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 140%;
}
.plans-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin-top: 2.75rem;
}
.plans-list .features-list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    top: 300px;
    list-style: none;
    border-top: 1px solid #A8A8A8;
}
.plans-list .features-list ul {
    padding: 0;
}
.plans-list .features-list li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding: 1.5rem 1rem 1.5rem 0;
    justify-content: flex-start;
    font-size: 1rem;
    font-weight: 500;
    line-height: 150%;
    border-bottom: 1px solid #A8A8A8;
}
.plans-list .plan {
    border-radius: 1.5rem;
    background: #F7F6F5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    transition: .2s;
    text-decoration: none;
    color: var(--black-text);
}
.plans-list .plan:hover, .plans-list .plan.hover   {
    background: #fff;
    box-shadow: 0 8px 40px 0 rgba(10, 34, 59, 0.32);
    transition: .2s;
    text-decoration: none;
    color: var(--black-text);
    z-index: 1;
}
.plans-list .plan--heading {
    padding: 2rem 2.5rem 1rem;
    height: 300px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
.plans-list .plan--footer {
    padding: 0 1.5rem 1.5rem;
    width: 100%;
    display: flex;
}
.plans-list .plan:first-child {
    margin-left: 0;
}
.plans-list .plan:last-child {
    margin-right: 0;
}
.plan--mbg {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 140%;
}
.plan--mbg:before {
    content:'';
    display: inline-flex;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .25rem;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7454 5.42992C14.3406 3.19654 17.6599 3.19654 19.2553 5.42992L19.5093 5.78548C19.7899 6.17855 20.2614 6.38902 20.7414 6.33568L21.8734 6.2099C24.4211 5.92683 26.5738 8.07951 26.2907 10.6272L26.165 11.7592C26.1117 12.2393 26.3221 12.7106 26.7151 12.9914L27.0707 13.2454C29.3041 14.8406 29.3041 18.1599 27.0707 19.7553L26.7151 20.0093C26.3221 20.2899 26.1117 20.7614 26.165 21.2414L26.2907 22.3734C26.5738 24.9211 24.4211 27.0738 21.8734 26.7907L20.7414 26.665C20.2614 26.6117 19.7899 26.8221 19.5093 27.2151L19.2553 27.5707C17.6599 29.8041 14.3407 29.8041 12.7454 27.5707L12.4914 27.2151C12.2106 26.8221 11.7393 26.6117 11.2592 26.665L10.1272 26.7907C7.57951 27.0738 5.42683 24.9211 5.7099 22.3734L5.83568 21.2414C5.88902 20.7614 5.67855 20.2899 5.28548 20.0093L4.92992 19.7553C2.69654 18.1599 2.69654 14.8407 4.92992 13.2454L5.28548 12.9914C5.67855 12.7106 5.88902 12.2393 5.83568 11.7592L5.7099 10.6272C5.42683 8.07951 7.57951 5.92683 10.1272 6.2099L11.2592 6.33568C11.7393 6.38902 12.2106 6.17855 12.4914 5.78548L12.7454 5.42992ZM20.9431 12.8908C21.4638 13.4115 21.4638 14.2558 20.9431 14.7765L15.8513 19.8683C15.1973 20.5225 14.1367 20.5225 13.4827 19.8683L11.0575 17.4431C10.5368 16.9225 10.5368 16.0782 11.0575 15.5575C11.5782 15.0369 12.4224 15.0369 12.9431 15.5575L14.667 17.2814L19.0575 12.8908C19.5782 12.3701 20.4225 12.3701 20.9431 12.8908Z' fill='%230A223B'/%3E%3C/svg%3E%0A");
    background-size: contain;
}
.plan--features_label {
    display: none;
}
.plan--features ul {
    border-top: 1px solid #A8A8A8;
    padding: 0;
    list-style: none;
    text-align: left;
    margin: 0;
}
.plan--features {
    margin-bottom: 1.5rem;
    width: 100%;
}
.plan--ribbon {
    position: absolute;
    top:-1.25rem;
    padding: 0.5rem;
    width: 60%;
    background: #00B67A;
    border-radius: 0.625rem;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
}
.plan--head {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 135%;
}
.plan--price {
    margin-bottom: 1rem;
}
.plan--price p {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 120%;
    margin-bottom:.5rem;
}
.plan--price strong {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 120%;
    margin-top: .5rem;
}
.plan--price sub {
    font-size: 0.875rem;
    letter-spacing: normal;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.plan--cta {
    width: 100%;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    padding: 1rem;
    border-radius: 0.75rem;
    opacity: 0.4;
}
.plan:hover .plan--cta, .plan.hover .plan--cta {
    opacity: 1;
}
.plan--features li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding: 1.5rem 0;
    justify-content: center;
    font-size: 1rem;
    font-weight: 500;
    line-height: 150%;
    border-bottom: 1px solid #A8A8A8;
}
.plan--features li, .plans-list .features-list li {
    height: 4.5rem;
}

@media screen and (max-width: 1399px) {
    .plans h2 {
        margin-bottom: 4rem
    }
    .plans-list .plan--heading {
        padding: 1rem;
    }
    .plan--features {
        margin-bottom: 1.5rem;
    }
}
@media screen and (max-width: 1199px) {
    .plans-list .plan--heading {
        padding-top: 2.5rem;
    }
    .plan--features li, .plans-list .features-list li {
        font-size: .875rem;
        height: 3.375rem;
        align-items: center;
        padding: 0;
    }
    .plan--features_value svg {
        height: 20px;
    }
    .plan--price strong {
        font-size: 2.5rem;
    }
    .plan--mbg {
        font-size: .675rem;
    }
}
@media screen and (max-width: 991px) {
    .plans {
        padding: 1.5rem 0 3rem;
    }
    .plans h2 {
        margin-bottom: 2.25rem
    }
    .plans-list {
        flex-direction: column-reverse;
        margin-top: 1rem;
    }
    .plans-list .plan {
        margin: .75rem auto;
        max-width: 25rem;
        width: 100%;
    }
    .plan--head {
        font-weight: 800;
    }
    .plans-list .plan--heading {
        flex-wrap: nowrap;
        width: 100%;
        justify-content: center;
    }
    .plans-list .plan:last-child, .plans-list .plan:first-child {
        margin-right: auto;
        margin-left: auto;
    }
    .plans-list .plan.plan-featured {
        order: 1
    }
    .plan--mbg {
        font-size: 1rem;
        width: 100%;
        justify-content: center;
    }
    .plan--price strong {
        font-size: 3.25rem;
        font-weight: 800;
    }
    .plan--features {
        margin-bottom: 0
    }
    .plan--features li, .plans-list .features-list li, .plan--features ul {
        font-size: 1rem;
        border-color: #E9E9E9;
        padding: .75rem;
        height: auto;
    }
    .plan--features li:last-child {
        border-bottom: none;
    }
    .plans-list .features-list {
        display: none;
    }
    .plan--features_label {
        display: flex;
        width: 100%;
        justify-content: center;
        margin-bottom: .25rem;
    }
    .plan--cta {
        font-size: 1.25rem;
        font-weight: 700;
        width: 100%;
        border-radius: 1.25rem;
    }
}
/* Usenet Plans */

/* BENEFITS Section*/
.benefits-list.bg-gray {
    background: #ebebeb;
}
.benefits h2 {
    margin: auto;
}
.benefits h4 {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 140%;
    width: 90%;
    margin: 1.5rem auto 0;
}
.benefits h4 p {
    margin-bottom: 2rem;
}
.benefits--item {
    width: calc(33.333% - 2rem);
    background: #fff;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.benefits--item_text p {
    text-align: center;
    margin-top: 1.5rem;
}
.benefits--item_icon {
    margin: 0;
    padding: 1.25rem;
    border-radius: 1rem;
}
.benefits--item_icon svg {
    width: 2rem;
    height: 2rem;
}
.benefits--cta .cta-btn {
    border-radius: 1rem;
    font-size: 1rem;
    font-weight: 600;
}

@media screen and (max-width: 991px) {
    .benefits {
        border-radius: 2.5rem 2.5rem 0rem 0rem;
    }
    .benefits h2 {
        width: 100%;
    }
    .benefits h4 {
        width: 100%;
    }
    .benefits h4 p {
        font-size: 1.125rem;
        line-height: 155%;
        margin: 0;
    }
    .benefits--item {
        width: 100%;
        margin: .75rem 0;
        padding: 2rem;
    }
    .benefits--item_icon {
        display: initial;
        padding: 1.125rem;
        border-radius: 1rem;
    }
    .benefits--item_desc-mb {
        display: none;
    }
    .benefits--item_desc {
        overflow: auto;
        max-height: initial;
    }
    .benefits--item:after {
        content: none;
    }
    .benefits--item_text h5 {
        width: 100%;
    }
    .benefits--item_icon svg {
        width: 2rem;
        height: 2rem;
    }
    .benefits--cta {
        margin-top: 0;
    }
    .benefits--cta .cta-btn {
        border-radius: 1.25rem;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 120%;
    }
}
/* BENEFITS Section*/

/* Customer Reviews */
.customer-reviews {
    background: #fff;
}
.customer-reviews h2 {
    font-weight: 500;
}
@media screen and (max-width: 1399px) {
    .customer-reviews {
        padding: 3.75rem 0 1rem;
    }
}
@media screen and (max-width: 991px) {
    .customer-reviews {
        padding: 3rem 0;
    }
    .customer-reviews--overall .h2 {
        font-size: 3.25rem;
    }
}
/* Customer Reviews */

/* Expert Reviews*/
.expert-reviews {
    background: #fafafa;
    color: var(--black-text);
    padding-bottom: 2rem;
}
.expert-reviews .carousel-item--review img, .expert-reviews .carousel-item--review svg {
    width: 10rem;
    height: 3rem;
    object-position: left;
    object-fit: contain;
    margin-bottom: .5rem;
}
.expert-reviews .carousel-item--review img.itpro {
    width: 7rem;
}
.expert-reviews .carousel-item--review img.tomsguide {
    width: 14rem;
    height: 3.5rem;
}
.expert-reviews .carousel-item--review p {
    margin-bottom: 0;
}

@media screen and (max-width: 1399px) {
    .expert-reviews {
        padding: 3.75rem 0 2rem;
    }
    .expert-reviews.dark .carousel-item--review {
        height: 27.5rem;
    }
}
@media screen and (max-width: 1199px) {
    .expert-reviews.dark .carousel-item--review {
        padding: 1rem;
        margin: 0 .5rem;
        width: calc(33.33333% - 1rem);
        height: 25.5rem;
    }
}
@media screen and (max-width: 991px) {
    .expert-reviews {
        display: flex;
        padding: 3rem 0;
    }
}
/* Expert Reviews*/

/* MBG Section */
.mbg-section {
    padding-top: 2.5rem;
}
.mbg-section--content {
    border-radius: 2.5rem;
    background: #fff;
    padding: 2.5rem;
    box-shadow: 0 16px 16px 0 rgba(10, 34, 59, 0.04);
}
.mbg-section h2 {
    font-size: 3rem;
    font-weight: 500;
    line-height: 120%;
}
.mbg-section h5 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 135%;
}
.mbg-section p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
}
.mbg-section--text {
    padding-left: 4rem;
}
@media screen and (max-width: 1399px) {
    .mbg-section h2 { font-size: 2.75rem; }
}
@media screen and (max-width: 1199px) {
    .mbg-section h2 { font-size: 2.5rem; }
}
@media screen and (max-width: 991px) {
    .mbg-section--text {
        padding: 0;
    }
    .mbg-section--content {
        padding: 2.5rem 1.5rem;
        border-radius: 2.5rem;
        background: #FFF;
        box-shadow: 0px 4px 12px 0px rgba(10, 34, 59, 0.08);
    }
    .mbg-section h5 {
        font-size: 1.25rem;
    }
}
/* MBG Section */

/* FAQ Section */
@media screen and (max-width: 991px) {
    .faqs-section {
        padding: 3rem 0 .5rem;
    }
    .faqs-accordion__items > h2 {
        padding: 0 .5rem;
    }
    .faqs-section .accordion-item {
        margin: .25rem 0;
    }
    .faqs-section .accordion-body {
        padding: 1rem 1.5rem 0 1.5rem;
        line-height: 160%;
    }
}
/* FAQ Section */

/* Prefooter Section*/
.prefooter {
    background: #fff;
}
.prefooter .col-lg-6 {
    width: calc(50% + 1rem);
    padding-right: 0;
}
.prefooter h2 {
    font-size: 3.25rem;
    font-weight: 500;
    line-height: 120%;
}
.prefooter img {
    left: auto;
    right: 0;
    border-radius: 2.5rem 0 0 2.5rem;
    width: calc(45% - 2rem);
    object-position: left;
}
.prefooter p {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 135%;
}
.prefooter p span {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 140%;
    display: block;
    margin-top: 1rem;
}
.prefooter .cta-btn {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 120%;
    border-radius: 1.25rem;
}
@media screen and (max-width: 1399px) {
    .prefooter h2 {
        font-size: 2.75rem;
    }
}
@media screen and (max-width: 1199px) {
    .prefooter h2 {
        font-size: 2.5rem;
    }
}
@media screen and (max-width: 991px) {
    .prefooter {
        padding: 1rem 0 3rem;
    }
    .prefooter img {
        width: 100%;
        height: auto;
        position: relative;
        top: unset;
        bottom: unset;
        border-radius: 0;
        margin-bottom: 2rem;
    }
    .prefooter .col-lg-6 {
        width: 100%;
        padding: 0 1rem;
    }
    .prefooter p {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 140%;
    }
}
/* Prefooter Section*/