@import "sections/hero.css";
@import "sections/accordion-image.css";
@import "sections/prefooter.css";


.h1, h1 {
    font-size: 3rem;
}

.h2, h2 {
    font-size: 3.5rem;
}

.setup-threat-protection-page--content a:not(.cta-btn) {
    text-decoration: underline;
}

.setup-threat-protection-page--content a:not(.cta-btn):hover {
    text-decoration: none;
}

.cta-btn {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 120%;
}

@media screen and (max-width: 1199px) {
    h1, .h1 {
        font-size: 3rem;
    }

    h2, .h2 {
        font-size: 3rem;
    }
}

@media screen and (max-width: 991px) {
    .cta-btn {
        width: 100%;
        text-align: center;
        border-radius: 1rem;
        padding: 1rem;
    }
}

@media screen and (max-width: 575px) {
    h1, .h1 {
        font-size: 2.5rem;
    }

    h2, .h2 {
        font-size: 2.5rem;
    }

    h2, .h2 {
        font-size: 2.5rem;
    }

    .row > * {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .cta-btn {
        border-radius: 1.25rem;
        width: 100%;
    }
}

/* Hero Section*/
.hero {
    border-radius: 2.5rem;
    background-image: url("/images/redesign/home/hero-bg.jpg");
    margin-bottom: 0;
    padding: 4rem 0;
}

.hero .hero-foreground {
    object-position: 80%;
}

.hero .cta-btn {
    padding: 1rem 3rem;
    border-radius: 1.25rem;
}
.hero h1, .hero h5 {
    padding-right: 2rem;
}
.hero .col-6 > p {
    padding-right: 6rem;
}

.hero-devices svg {
    height: 1.5rem;
}

.hero .cta-btn.transparent-cta {
    padding: 1rem 2rem;
    background-color: transparent;
    border: 1px solid #FFF;
}

@media screen and (max-width: 1399px) {
    .hero .cta-btn {
        padding: 1rem 1.5rem;
    }
    .hero h1, .hero h5 {
        padding-right: 5rem;
    }
}

@media screen and (max-width: 1199px) {
    .hero .cta-btn {
        padding: 1rem 2rem;
    }
    .hero h1, .hero h5 {
        padding-right: 2.5rem;
    }
}

@media screen and (max-width: 991px) {
    .hero {
        padding-bottom: 0;
        padding-top: 3rem;
    }

    .hero .hero-foreground {
        margin-top: 2rem;
    }
    .hero h1, .hero h5 {
        padding-right: 0;
    }

    .hero .cta-btn {
        padding: 1rem;
        font-size: 1.25rem;
    }

    .hero--subtext {
        text-align: center;
        width: 80%;
        margin: 1.5rem auto 0 auto;
    }

    .hero .col-6 > p {
        padding: 0;
        text-align: center;
    }
}

/* Hero Section*/

/* setup-info Section */
.setup-info {
    padding: 3.75rem 0;
}
.setup-info p {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 140%;
}
@media screen and (max-width: 991px) {
    .setup-info {
        padding-bottom: 0;
    }
}
/* setup-info Section */

/* img-accordion Section */
.img-accordion {
    background: #fff;
}
.img-accordion h2 {
    margin-bottom: 1.5rem;
}

.accordion-wrapper {
    margin: 3rem 0 0;
}

.accordion-content .accordion-item {
    background: #F2F2F2;
    border-radius: 2rem;
}

.accordion-content .accordion-button {
    font-size: 1.5rem;
    line-height: 120%;
    padding: 1.5rem;
}
.accordion-content .accordion-button.collapsed {
    opacity: 1;
}
.accordion-content .accordion-button:before, .accordion-content .accordion-collapse:before {
    content: none;
}
.accordion-content .accordion-button span {
    border-radius: .5rem;
    background: var(--black-text);
    padding: .5rem 1rem;
    margin-right: 1rem;
    color: #fff;
    text-align: center;
    line-height: 1.5;
    font-size: 1.125rem;
}
.accordion-content {
    align-items: flex-start;
}
.accordion-content .accordion-body {
    padding: 0 1.5rem 1.5rem 1.5rem;
}
.accordion-flush>.accordion-item:last-child {
    margin-bottom: 0;
}

.accordion-imgs.ltr {
    border-radius: 2.5rem;
    background: #FFF;
    padding: 0;
}

.accordion-imgs img {
    height: auto;
    border-radius: 2.5rem;
}

.img-accordion .accordion-content .accordion-button::after {
    content: '';
    transform: rotate(90deg);
    width: 1.75rem;
    height: 1.75rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cg clip-path='url(%23clip0_1666_2470)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 -1.39876e-06C29.176 -2.46882e-07 32 2.824 32 16C32 29.176 29.176 32 16 32C2.824 32 2.46882e-07 29.176 1.39876e-06 16C2.55065e-06 2.824 2.824 -2.55065e-06 16 -1.39876e-06ZM14.2761 22.2761L19.6095 16.9428C20.1302 16.4221 20.1302 15.5779 19.6095 15.0572L14.2761 9.72386C13.7555 9.2032 12.9112 9.2032 12.3905 9.72386C11.8699 10.2445 11.8699 11.0888 12.3905 11.6095L16.7811 16L12.3905 20.3905C11.8699 20.9112 11.8699 21.7554 12.3905 22.2761C12.9112 22.7968 13.7555 22.7968 14.2761 22.2761Z' fill='%230A223B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1666_2470'%3E%3Crect width='32' height='32' fill='white' transform='translate(32 32) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    transition: all .2s;
}
.img-accordion .accordion-content .accordion-button:not(.collapsed)::after {
    transform: rotate(-90deg);
    transition: all .2s;
}

.accordion-imgs {
    padding-right: 3rem;
    position: sticky;
    top: 80px;
}

@media screen and (max-width: 1399px) {
    .img-accordion {
        padding: 2rem 1rem;
    }
    .accordion-content .accordion-button {
        font-size: 1.25rem;
    }
    .accordion-content .accordion-button span {
        width: 6.5rem;
    }
}

@media screen and (max-width: 1199px) {
    .img-accordion p {
        font-size: 1.25rem;
    }
    .accordion-content .accordion-button {
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 991px) {
    .img-accordion {
        padding: 2rem 0;
    }

    .accordion-items {
        padding: 0
    }

    .accordion-wrapper {
        margin-top: 0;
    }

    .accordion-content .accordion-body img {
        border-radius: 2.5rem;
        width: auto;
        max-width: 100%;
    }

    .accordion-content .accordion-body {
        display: flex;
        flex-wrap: wrap;
    }

    .accordion-imgs {
        display: none;
    }

    .img-accordion p {
        font-size: 1.125rem;
    }
    .accordion-content .accordion-button {
        flex-direction: column;
        align-items: flex-start;
    }
    .accordion-content .accordion-button span {
        margin: 0 0 1rem 0;
    }
    .img-accordion .accordion-content .accordion-button::after {
        position: absolute;
        right: 1rem;
        top: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .img-accordion p {
        font-size: 1.125rem;
    }

}

@media screen and (max-width: 575px) {
    .accordion-wrapper {
        margin: 0 auto 2rem;
        width: 100%;
    }
    .img-accordion p {
        font-size: 1.125rem;
    }
}
/* img-accordion Section */

/* Prefooter Section*/
.max-protection .prefooter {
    background: #EBEBEB;
}
.prefooter {
    background: #FAFAFA;
}

.prefooter h2 {
    font-size: 2.5rem;
}

.prefooter p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 1rem;
}

.prefooter .cta-btn {
    padding: 1rem 2.5rem;
    font-size: 1rem;
    line-height: 100%;
    margin-top: 2rem;
}

.prefooter img {
    left: auto;
    right: 0;
    object-position: right;
    border-radius: 2.5rem 0 0 2.5rem;
}
.max-protection .prefooter img {
    left: 0;
    right: auto;
    object-position: center;
    border-radius: 0 2.5rem 2.5rem 0;
}
.prefooter ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.prefooter ul li {
    margin: .25rem 0;
    font-weight: 700;
}

@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, .max-protection .prefooter img {
        border-radius: 0;
    }

    .prefooter p {
        font-size: 1rem;
        margin: 1.5rem 0 2.5rem 0;
    }

    .prefooter .cta-btn {
        padding: 1rem;
        width: 100%;
        font-size: 1.25rem;
        font-weight: 700;
    }
}

/* Prefooter Section*/