@import "sections/reviewers.css";
@import "sections/plans.css";
@import "sections/benefits.css";
@import "sections/prefooter.css";
@import "sections/customer-reviews.css";
@import "sections/expert-reviews.css";

/* Hero Section*/
.hero {
    border-radius: 2.5rem 2.5rem 0 0;
    background-color: var(--black-text);
    background-image: url("/images/redesign/home/hero-bg.jpg");
    background-repeat: no-repeat;
    background-position-x: 60%;
    background-size: cover;
    padding: 6rem 0;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.hero img {
    width: auto;
}

.hero h1 {
    margin-bottom: 1.5rem;
}

.hero__cta-group {
    margin: 1.5rem 0;
}

.hero__cta-group img {
    margin-left: 1.5rem;
}

.hero .mbg-text {
    margin: .75rem 0 0;
}

.hero .hero-foreground {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    object-fit: cover;
    height: 100%;
    padding: 0;
}

@media screen and (max-width: 1399px) {
    .hero {
        padding: 4rem 0;
    }
}
@media screen and (max-width: 1199px) {
    .hero {
        padding: 3rem 0;
    }
    .hero .hero-foreground {
        width: 45%;
        object-position: 45%;
    }
    .hero__cta-group {
        margin: 1rem 0
    }
    .hero__cta-group img {
        margin-left: 1rem;
    }
    .hero .col-6 {
        width: 56%;
    }
}

@media screen and (max-width: 991px) {
    .hero .hero-foreground {
        display: none;
    }
    .hero .col-6 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .hero h1, .hero h5 {
        text-align: center;
    }
    .hero__cta-group {
        display: flex;
        flex-direction: column;
    }
    .hero__cta-group img {
        height: 5rem;
        margin: 1.5rem 0 0;
    }
}

/* Hero Section*/

/* Features Accordion Section*/
.features-accordion {
    padding: 7.5rem 0;
    border-radius: 2.5rem 2.5rem 0 0;
    background: linear-gradient(180deg, #E9E9E9 0%, rgba(233, 233, 233, 0.00) 84.06%);
}
.features-accordion h2 {
    text-align: center;
    margin: 0;
}
.features-accordion .cta-btn {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
}

.features-accordion img {
    margin: 2rem 0 2.5rem;
    border-radius: 2.5rem;
}

.features-accordion__img-block {
    display: flex;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 0 3.5rem;
}
.features-accordion .accordion-button, .features-accordion .accordion-item {
    background: none;
    outline: none;
    box-shadow:none;
}
.features-accordion .accordion-item {
    border: .0625rem solid rgba(10, 34, 59, 0.10);
    border-right: 0;
    border-left: 0;
}
.features-accordion .accordion-item:first-child {
    border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.features-accordion .accordion-item:not(:first-of-type) {
    border-top: 0;
}
.features-accordion .accordion-item:last-child {
    border-bottom: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.features-accordion .accordion-button {
    padding: 1.5rem 0;
    line-height: 1;
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--black-text);
}
.features-accordion .accordion-body {
    padding: 0 0 1.5rem 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
}
.features-accordion .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 2C4.23858 2 2 4.23858 2 7V17C2 19.7614 4.23858 22 7 22H17C19.7614 22 22 19.7614 22 17V7C22 4.23858 19.7614 2 17 2H7ZM12 7C12.5523 7 13 7.44772 13 8V11H16C16.5523 11 17 11.4477 17 12C17 12.5523 16.5523 13 16 13H13V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V13H8C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11H11V8C11 7.44772 11.4477 7 12 7Z' fill='%230A223B'/%3E%3C/svg%3E");
}
.features-accordion .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 2C4.23858 2 2 4.23858 2 7V17C2 19.7614 4.23858 22 7 22H17C19.7614 22 22 19.7614 22 17V7C22 4.23858 19.7614 2 17 2H7ZM7 12C7 11.4477 7.44772 11 8 11H16C16.5523 11 17 11.4477 17 12C17 12.5523 16.5523 13 16 13H8C7.44772 13 7 12.5523 7 12Z' fill='%230A223B'/%3E%3C/svg%3E");
}

@media screen and (max-width: 1399px) {
    .features-accordion {
        padding: 5rem 0;
    }
}
@media screen and (max-width: 991px) {
    .features-accordion {
        padding: 3rem 1rem;
    }
    .features-accordion__img-block {
        width: 100%;
        padding: 0;
        margin-bottom: 1.5rem;
    }
    .features-accordion__items {
        width: 100%;
        padding: 0;
    }
    .features-accordion img {
        border-radius: 1.57694rem;
    }
    .features-accordion .accordion-button::after {
        width: 1.5rem;
        height: 1.5rem;
        background-size: contain;
    }
}
/* Features Accordion Section*/

/* What is Usenet Section*/
.wiu-section {
    padding: 7.5rem 0;
    border-radius: 2.5rem;
    background: url("/images/redesign/home/wiu-bg.jpg") no-repeat;
    background-size: cover;
}
.wiu-section--wrapper {
    border-radius: 2.5rem;
    background: #FFF;
    padding: 5rem;
    align-items: flex-end;
}
.wiu-section h5 {
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 1.5rem;
}
.wiu-section--wrapper .col-6 {
    padding-left: 0;
    padding-right: 2.5rem;
}
.wiu-section--wrapper .col-6.wiu-section--img-block {
    padding-left: 2.5rem;
    padding-right: 0;
}
.wiu-section--wrapper p {
    margin-bottom: 1.5rem;
    line-height: 150%;
}
.wiu-section--img-block img {
    border-radius: 2.5rem;
}
@media screen and (max-width: 1399px) {
    .wiu-section {
        padding: 5rem 0;
    }
    .wiu-section--wrapper {
        padding: 3rem;
    }
    .wiu-section--wrapper .col-6 {
        padding-right: 1.5rem;
    }
    .wiu-section--wrapper .col-6.wiu-section--img-block {
        padding-left: 1.5rem;
    }
}
@media screen and (max-width: 1199px) {
    .wiu-section--wrapper {
        align-items: center;
    }
    .wiu-section--wrapper .col-6 {
        width: 60%;
    }
    .wiu-section--wrapper .col-6.wiu-section--img-block {
        width: 40%;
        padding: 0;
    }
    .wiu-section h5 {
        margin-bottom: 1rem
    }
}
@media screen and (max-width: 991px) {
    .wiu-section {
        padding: 3rem .5rem;
        background: #0A223B;
    }
    .wiu-section--wrapper {
        padding: 3rem 1rem 1rem;
    }
    .wiu-section--wrapper .col-6,
    .wiu-section--wrapper .col-6.wiu-section--img-block {
        width: 100%;
        padding: 0;
    }
    .wiu-section--wrapper .col-6.wiu-section--img-block {
        margin-top: 1.5rem;
    }
    .wiu-section h2,
    .wiu-section h5 {
        text-align: center;
    }
    .wiu-section h5 {
        margin-bottom: 1.5rem
    }
}
/* What is Usenet Section*/